diff --git a/web1/src/api/index.js b/web1/src/api/index.js index faba3df..d4a130c 100644 --- a/web1/src/api/index.js +++ b/web1/src/api/index.js @@ -82,4 +82,5 @@ export default { addInvoiceHeaders: (data = {}) => request.post('/app-invoices/headers', data), updateInvoiceHeaders: (data = {}) => request.put(`/app-invoices/headers/${data.id}`, data), deleteInvoiceHeaders: (id) => request.delete(`/app-invoices/headers/${id}`), + createWithReceipt: (data = {}) => request.post('/app-invoices/create-with-receipt', data), } diff --git a/web1/src/views/user-center/components/CorporateTransfer.vue b/web1/src/views/user-center/components/CorporateTransfer.vue index 6f86d48..66b135e 100644 --- a/web1/src/views/user-center/components/CorporateTransfer.vue +++ b/web1/src/views/user-center/components/CorporateTransfer.vue @@ -11,29 +11,79 @@
1 - - + +
对公汇款
- - + +
2 - - + +
上传凭证
- - + +
@@ -47,7 +97,7 @@
评估收费标准：6000元/次
请汇款至以下账户：
- +
公司名称： @@ -75,7 +125,7 @@
- +
@@ -94,16 +144,17 @@ > -
-
+
-
添加图片
+
+ +

添加图片

@@ -172,7 +234,23 @@ import { ref, reactive, computed } from 'vue' import { useRouter } from 'vue-router' import { useMessage } from 'naive-ui' -const emit = defineEmits(['return-home']) +const props = defineProps({ + invoiceList: { + type: Array, + default: () => [], + }, +}) + +const invoiceHeaderOptions = computed(() => { + return props.invoiceList.map((item) => ({ + label: item.company_name || item.name, + value: item.id, + })) +}) + +const emit = defineEmits(['return-home', 'upload-submit']) + +const actionUrl = 'https://value.cdcee.net/api/v1/upload/image' // 当前步骤 const currentStep = ref(1) @@ -187,15 +265,15 @@ const uploadedFileUrl = ref('') const router = useRouter() // 开票抬头选项 -const invoiceHeaderOptions = ref([ - { label: '上海某某科技有限公司', value: 'header1' }, - { label: '北京某某文化有限公司', value: 'header2' } -]) +// const invoiceHeaderOptions = ref([ +// { label: '上海某某科技有限公司', value: 'header1' }, +// { label: '北京某某文化有限公司', value: 'header2' } +// ]) // 开票类型选项 const invoiceTypeOptions = ref([ { label: '普通发票', value: 'normal' }, - { label: '增值税专用发票', value: 'vat' } + { label: '增值税专用发票', value: 'special' }, ]) // 下一步 @@ -205,8 +283,6 @@ function handleNextStep() { } } - - // 添加抬头 function handleAddHeader() { router.push({ path: '/user-center/invoice', query: { action: 'create' } }) @@ -215,7 +291,7 @@ function handleAddHeader() { // 表单数据 const formModel = reactive({ invoiceHeader: null, - invoiceType: null + invoiceType: null, }) const fileList = ref([]) const message = useMessage() @@ -225,21 +301,12 @@ const isFormValid = computed(() => { return fileList.value.length > 0 && formModel.invoiceHeader && formModel.invoiceType }) -// 自定义上传请求（模拟） -const customRequest = ({ file, onFinish }) => { - setTimeout(() => { - onFinish() - }, 500) +const handleUploadFinish = (file) => { + let url = JSON.parse(file.event.target.response) + uploadedFile.value = url.url } - -// 处理上传变化 -function handleUploadChange({ fileList: newFileList }) { - fileList.value = newFileList - if (newFileList.length > 0) { - uploadedFile.value = newFileList[0].file - } else { - uploadedFile.value = null - } +const deleteUpload = () => { + uploadedFile.value = '' } // 提交上传 @@ -248,8 +315,13 @@ function handleUploadSubmit() { message.warning('请完成所有必填项') return } - - message.success('上传成功') + console.log('formModel====', formModel) + emit('upload-submit', { + header_id: formModel.invoiceHeader, + ticket_type: 'electronic', + invoice_type: formModel.invoiceType, + receipt_url: uploadedFile.value, + }) currentStep.value = 3 } @@ -264,7 +336,7 @@ function resetStep() { } defineExpose({ - resetStep + resetStep, }) @@ -286,7 +358,7 @@ defineExpose({ .title-bar { width: 4px; height: 16px; - background: #A30113; + background: #a30113; border-radius: 2px; } @@ -320,7 +392,7 @@ defineExpose({ width: 24px; height: 24px; border-radius: 50%; - background: #C0C4CC; + background: #c0c4cc; color: white; display: flex; align-items: center; @@ -330,7 +402,7 @@ defineExpose({ } .step.active .step-icon { - background: #A30113; + background: #a30113; } .step-label { @@ -346,12 +418,12 @@ defineExpose({ .step-line { display: flex; align-items: center; - color: #C0C4CC; + color: #c0c4cc; } /* 第一步内容 */ .info-card { - background: #F9FAFC; + background: #f9fafc; border-radius: 8px; padding: 40px; margin-bottom: 40px; @@ -364,7 +436,7 @@ defineExpose({ } .info-title .highlight { - color: #A30113; + color: #a30113; font-weight: 600; } @@ -400,11 +472,9 @@ defineExpose({ margin: 0 auto; } - - .form-tip { font-size: 12px; - color: #C0C4CC; + color: #c0c4cc; margin-top: 8px; } @@ -419,11 +489,9 @@ defineExpose({ flex: 1; } - - .add-header-link { font-size: 14px; - color: #A30113; + color: #a30113; cursor: pointer; white-space: nowrap; } @@ -462,7 +530,7 @@ defineExpose({ .primary-btn { width: 200px; height: 40px; - background: #A30113; + background: #a30113; color: white; border: none; border-radius: 4px; @@ -472,7 +540,7 @@ defineExpose({ } .primary-btn:hover { - background: #880C22; + background: #880c22; } .primary-btn:disabled { diff --git a/web1/src/views/user-center/index.vue b/web1/src/views/user-center/index.vue index d37f444..d2a823e 100644 --- a/web1/src/views/user-center/index.vue +++ b/web1/src/views/user-center/index.vue @@ -32,6 +32,7 @@ @add-invoice="addInvoice" @update-invoice="updateInvoice" @delete-invoice="deleteInvoice" + @upload-submit="uploadSubmit" />
@@ -156,6 +157,15 @@ async function deleteInvoice(data) { console.error('删除发票抬头失败:', error) } } +//上传对公转账凭证 +async function uploadSubmit(data) { + try { + console.log('上传对公转账凭证===', data) + await api.createWithReceipt(data) + } catch (error) { + console.error('上传对公转账凭证失败:', error) + } +} onMounted(() => { loadData()