From e479bcfa97cfb7beed0a27a6d1f8e3d1ea76fab1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wei=5F=E4=BD=B3?= <weijia.svip@gmail.com>
Date: Fri, 21 Nov 2025 10:55:31 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BC=98=E5=8C=96=E8=AF=84=E4=BC=B0?=
 =?UTF-8?q?=E5=AE=A1=E6=A0=B8=E9=A1=B5=E9=9D=A2=E6=95=B0=E6=8D=AE=E5=B1=95?=
 =?UTF-8?q?=E7=A4=BA=E9=80=BB=E8=BE=91=EF=BC=8C=E8=B0=83=E6=95=B4=E5=8F=91?=
 =?UTF-8?q?=E7=A5=A8=E9=82=AE=E4=BB=B6=E5=8F=91=E9=80=81=E9=99=84=E4=BB=B6?=
 =?UTF-8?q?=E5=A4=84=E7=90=86=E5=B9=B6=E7=A7=BB=E9=99=A4mock=E6=95=B0?=
 =?UTF-8?q?=E6=8D=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../transaction/invoice/InvoiceModal.vue      | 56 ++++++++++++++++---
 web/src/views/transaction/invoice/index.vue   | 21 ++++---
 .../audit/components/AuditDetail.vue          | 18 ++++--
 3 files changed, 76 insertions(+), 19 deletions(-)

diff --git a/web/src/views/transaction/invoice/InvoiceModal.vue b/web/src/views/transaction/invoice/InvoiceModal.vue
index a973482..74474b0 100644
--- a/web/src/views/transaction/invoice/InvoiceModal.vue
+++ b/web/src/views/transaction/invoice/InvoiceModal.vue
@@ -1,6 +1,7 @@
 <script setup>
-import { ref, watch } from 'vue'
-import { NModal, NCard, NForm, NFormItem, NInput, NButton, NUpload, NSpace, NText } from 'naive-ui'
+import { ref, watch, computed } from 'vue'
+import { NModal, NCard, NForm, NFormItem, NInput, NButton, NUpload, NSpace, NText, useMessage } from 'naive-ui'
+import { getToken } from '@/utils/auth/token'
 
 const props = defineProps({
   visible: {
@@ -27,6 +28,12 @@ const formData = ref({
 })
 
 const fileList = ref([])
+const $message = useMessage()
+
+const uploadUrl = `${import.meta.env.VITE_BASE_API}/upload/file`
+const uploadHeaders = computed(() => ({
+  Authorization: `Bearer ${getToken()}`,
+}))
 
 // 监听弹窗打开，初始化数据
 watch(
@@ -80,10 +87,42 @@ const beforeUpload = (data) => {
   return true
 }
 
-// 文件上传变化
-const handleUploadChange = ({ fileList: newFileList }) => {
-  fileList.value = newFileList
-  formData.value.attachments = newFileList.map(file => file.id || file.name)
+// 文件上传完成
+const handleUploadFinish = ({ file, event }) => {
+  try {
+    const res = JSON.parse(event.target.response)
+    // 只要返回了 url 字段，就认为上传成功
+    if (res.url) {
+      // 显式查找 fileList 中的文件对象进行更新，确保响应式
+      const targetFile = fileList.value.find(f => f.id === file.id) || file
+      targetFile.url = res.url
+      targetFile.name = res.filename || targetFile.name
+      targetFile.status = 'finished' // 手动标记为完成
+      
+      // 更新 formData.attachments
+      updateAttachments()
+      $message.success('上传成功')
+    } else {
+      $message.error(res.message || '上传失败')
+      // 从列表中移除失败的文件
+      const index = fileList.value.findIndex((item) => item.id === file.id)
+      if (index > -1) fileList.value.splice(index, 1)
+    }
+  } catch (error) {
+    console.error('上传响应解析失败:', error)
+    $message.error('上传失败：服务器响应异常')
+    const index = fileList.value.findIndex((item) => item.id === file.id)
+    if (index > -1) fileList.value.splice(index, 1)
+  }
+  return file
+}
+
+// 更新附件列表
+const updateAttachments = () => {
+  // 只要有 url 的都算作有效附件
+  formData.value.attachments = fileList.value
+    .map(file => file.url)
+    .filter(url => !!url)
 }
 
 // 移除文件
@@ -91,6 +130,7 @@ const handleRemove = ({ file }) => {
   const index = fileList.value.findIndex(item => item.id === file.id)
   if (index > -1) {
     fileList.value.splice(index, 1)
+    updateAttachments()
   }
   return true
 }
@@ -157,8 +197,10 @@ const modalTitle = props.mode === 'invoice' ? '开票' : '查看发票'
             multiple
             :max="2"
             list-type="image-card"
+            :action="uploadUrl"
+            :headers="uploadHeaders"
             :before-upload="beforeUpload"
-            @change="handleUploadChange"
+            @finish="handleUploadFinish"
             @remove="handleRemove"
             :disabled="mode === 'view'"
           >
diff --git a/web/src/views/transaction/invoice/index.vue b/web/src/views/transaction/invoice/index.vue
index 1cc0343..b878c74 100644
--- a/web/src/views/transaction/invoice/index.vue
+++ b/web/src/views/transaction/invoice/index.vue
@@ -236,18 +236,25 @@ async function fetchDetail(row) {
 }
 
 // 确认发送邮件
-async function handleInvoiceConfirm(data) {
+// 确认发送邮件
+async function handleInvoiceConfirm(formData) {
   try {
-    await api.sendInvoice({
-      email: data.email,
-      subject: data.subject,
-      body: data.body,
-      file_url: data.file_url || currentInvoice.value?.receipt?.url,
-    })
+    // 根据报错 'loc': ('body', 'data')，后端确实需要 data 字段包裹
+    const payload = {
+      data: {
+        email: formData.email,
+        subject: formData.email, // 用户要求 subject 传 email
+        body: formData.content,  // 映射 content -> body
+        file_url: formData.attachments?.[0] || '', // 映射 attachments -> file_url
+      }
+    }
+    
+    await api.sendInvoice(payload)
     $message.success('发送成功')
     invoiceModalVisible.value = false
     $table.value?.handleSearch()
   } catch (error) {
+    console.error(error)
     $message.error(error?.message || '操作失败')
   }
 }
diff --git a/web/src/views/valuation/audit/components/AuditDetail.vue b/web/src/views/valuation/audit/components/AuditDetail.vue
index f40b89d..5a25ddb 100644
--- a/web/src/views/valuation/audit/components/AuditDetail.vue
+++ b/web/src/views/valuation/audit/components/AuditDetail.vue
@@ -60,9 +60,9 @@ const detailSections = computed(() => {
       fields: [
         { label: '资产名称', type: 'text', value: detail.asset_name || '-' },
         { label: '所属机构/权利人', type: 'text', value: detail.institution || '-' },
-        { label: '统一社会信用代码/身份证号', type: 'text', value: detail.credit_code || '-' },
+        { label: '统一社会信用代码/身份证号', type: 'text', value: detail.credit_code || detail.credit_code_or_id || '-' },
         { label: '所属行业', type: 'text', value: detail.industry || '-' },
-        { label: '业务/传承介绍', type: 'text', value: detail.business_heritage_intro || '-' },
+        { label: '业务/传承介绍', type: 'text', value: detail.business_heritage_intro || detail.biz_intro || '-' },
       ],
     },
     {
@@ -80,9 +80,13 @@ const detailSections = computed(() => {
       title: '非遗等级与技术',
       fields: [
         { label: '非遗传承人等级', type: 'text', value: detail.inheritor_level || '-' },
-        { label: '非遗传承人年龄水平及数量', type: 'list', value: formatAgeDistribution(detail.inheritor_age_count) },
+        {
+          label: '非遗传承人年龄水平及数量',
+          type: 'list',
+          value: formatAgeDistribution(detail.inheritor_age_count || detail.inheritor_ages),
+        },
         { label: '非遗传承人等级证书', type: 'images', value: detail.inheritor_certificates || [] },
-        { label: '非遗等级', type: 'text', value: detail.heritage_level || '-' },
+        { label: '非遗等级', type: 'text', value: detail.heritage_level || detail.heritage_asset_level || '-' },
         { label: '非遗资产所用专利的申请号', type: 'text', value: detail.patent_application_no || '-' },
         { label: '非遗资产历史证明证据及数量', type: 'list', value: formatHistoricalEvidence(detail.historical_evidence) },
         {
@@ -99,7 +103,11 @@ const detailSections = computed(() => {
         { label: '非遗资产应用成熟度', type: 'text', value: detail.application_maturity || detail.implementation_stage || '-' },
         { label: '非遗资产应用覆盖范围', type: 'text', value: detail.application_coverage || detail.coverage_area || '-' },
         { label: '非遗资产跨界合作深度', type: 'text', value: detail.cooperation_depth || detail.collaboration_type || '-' },
-        { label: '近12个月线下相关宣讲活动次数', type: 'text', value: formatNumberValue(detail.offline_activities) },
+        {
+          label: '近12个月线下相关宣讲活动次数',
+          type: 'text',
+          value: formatNumberValue(detail.offline_activities ?? detail.offline_teaching_count),
+        },
         { label: '线上相关宣传账号信息', type: 'list', value: formatPlatformAccounts(detail.platform_accounts) },
       ],
     },