diff --git a/web/src/views/valuation/audit/components/AuditDetail.vue b/web/src/views/valuation/audit/components/AuditDetail.vue
index cefbecd..6c2048d 100644
--- a/web/src/views/valuation/audit/components/AuditDetail.vue
+++ b/web/src/views/valuation/audit/components/AuditDetail.vue
@@ -46,7 +46,8 @@ const activeDetailTab = ref('audit')
 const reportLoading = ref(false)
 const reportContent = ref('')
 
-const pickFilledValue = (...values) => values.find((val) => val !== undefined && val !== null && val !== '')
+const pickFilledValue = (...values) =>
+  values.find((val) => val !== undefined && val !== null && val !== '')
 const formatEnumField = (key, ...values) => formatEnumByKey(pickFilledValue(...values), key)
 
 // 证书弹窗相关状态
@@ -72,7 +73,7 @@ watch(activeDetailTab, async (newTab) => {
 // 获取报告内容
 const fetchReport = async () => {
   if (!props.detailData?.id) return
-  
+
   reportLoading.value = true
   try {
     const response = await api.getValuationReport({ valuation_id: props.detailData.id })
@@ -89,7 +90,7 @@ const fetchReport = async () => {
 const detailSections = computed(() => {
   const detail = props.detailData
   if (!detail) return []
-  
+
   const sections = [
     {
       key: 'basic',
@@ -97,7 +98,11 @@ const detailSections = computed(() => {
       fields: [
         { label: '资产名称', type: 'text', value: detail.asset_name || '-' },
         { label: '所属机构/权利人', type: 'text', value: detail.institution || '-' },
-        { label: '统一社会信用代码/身份证号', type: 'text', value: detail.credit_code_or_id || '-' },
+        {
+          label: '统一社会信用代码/身份证号',
+          type: 'text',
+          value: detail.credit_code_or_id || '-',
+        },
         { label: '所属行业', type: 'text', value: detail.industry || '-' },
         { label: '业务/传承介绍', type: 'text', value: detail.biz_intro || '-' },
       ],
@@ -106,17 +111,37 @@ const detailSections = computed(() => {
       key: 'finance',
       title: '财务状况',
       fields: [
-        { label: '近12个月机构营收/万元', type: 'text', value: formatNumberValue(detail.annual_revenue) },
-        { label: '近12个月机构研发投入/万元', type: 'text', value: formatNumberValue(detail.rd_investment) },
-        { label: '近三年机构收益/万元', type: 'list', value: formatThreeYearIncome(detail.three_year_income) },
-        { label: '资产受资助情况', type: 'text', value: formatEnumField('fundingStatus', detail.funding_status) },
+        {
+          label: '近12个月机构营收/万元',
+          type: 'text',
+          value: formatNumberValue(detail.annual_revenue),
+        },
+        {
+          label: '近12个月机构研发投入/万元',
+          type: 'text',
+          value: formatNumberValue(detail.rd_investment),
+        },
+        {
+          label: '近三年机构收益/万元',
+          type: 'list',
+          value: formatThreeYearIncome(detail.three_year_income),
+        },
+        {
+          label: '资产受资助情况',
+          type: 'text',
+          value: formatEnumField('fundingStatus', detail.funding_status),
+        },
       ],
     },
     {
       key: 'tech',
       title: '非遗等级与技术',
       fields: [
-        { label: '非遗传承人等级', type: 'text', value: formatEnumField('inheritorLevel', detail.inheritor_level) },
+        {
+          label: '非遗传承人等级',
+          type: 'text',
+          value: formatEnumField('inheritorLevel', detail.inheritor_level),
+        },
         {
           label: '非遗传承人年龄水平及数量',
           type: 'list',
@@ -126,10 +151,22 @@ const detailSections = computed(() => {
         {
           label: '非遗等级',
           type: 'text',
-          value: formatEnumField('heritageLevel', detail.heritage_level, detail.heritage_asset_level),
+          value: formatEnumField(
+            'heritageLevel',
+            detail.heritage_level,
+            detail.heritage_asset_level
+          ),
+        },
+        {
+          label: '非遗资产所用专利的申请号',
+          type: 'text',
+          value: detail.patent_application_no || '-',
+        },
+        {
+          label: '非遗资产历史证明证据及数量',
+          type: 'list',
+          value: formatHistoricalEvidence(detail.historical_evidence),
         },
-        { label: '非遗资产所用专利的申请号', type: 'text', value: detail.patent_application_no || '-' },
-        { label: '非遗资产历史证明证据及数量', type: 'list', value: formatHistoricalEvidence(detail.historical_evidence) },
         {
           label: '非遗资产所用专利/纹样图片',
           type: 'images',
@@ -144,50 +181,86 @@ const detailSections = computed(() => {
         {
           label: '非遗资产应用成熟度',
           type: 'text',
-          value: formatEnumField('applicationMaturity', detail.application_maturity, detail.implementation_stage),
+          value: formatEnumField(
+            'applicationMaturity',
+            detail.application_maturity,
+            detail.implementation_stage
+          ),
         },
         {
           label: '非遗资产应用覆盖范围',
           type: 'text',
-          value: formatEnumField('applicationCoverage', detail.application_coverage, detail.coverage_area),
+          value: formatEnumField(
+            'applicationCoverage',
+            detail.application_coverage,
+            detail.coverage_area
+          ),
         },
         {
           label: '非遗资产跨界合作深度',
           type: 'text',
-          value: formatEnumField('cooperationDepth', detail.cooperation_depth, detail.collaboration_type),
+          value: formatEnumField(
+            'cooperationDepth',
+            detail.cooperation_depth,
+            detail.collaboration_type
+          ),
         },
         {
           label: '近12个月线下相关宣讲活动次数',
           type: 'text',
           value: formatNumberValue(detail.offline_activities ?? detail.offline_teaching_count),
         },
-        { label: '线上相关宣传账号信息', type: 'list', value: formatPlatformAccounts(detail.platform_accounts) },
+        {
+          label: '线上相关宣传账号信息',
+          type: 'list',
+          value: formatPlatformAccounts(detail.platform_accounts),
+        },
       ],
     },
     {
       key: 'products',
       title: '非遗资产衍生商品信息',
       fields: [
-        { label: '代表产品近12个月销售数量', type: 'text', value: formatNumberValue(detail.sales_volume) },
+        {
+          label: '代表产品近12个月销售数量',
+          type: 'text',
+          value: formatNumberValue(detail.sales_volume),
+        },
         { label: '商品链接浏览量', type: 'text', value: formatNumberValue(detail.link_views) },
-        { label: '发行量', type: 'text', value: formatEnumField('circulation', detail.circulation, detail.scarcity_level) },
+        {
+          label: '发行量',
+          type: 'text',
+          value: formatEnumField('circulation', detail.circulation, detail.scarcity_level),
+        },
         {
           label: '最近一次市场活动时间',
           type: 'text',
-          value: formatEnumField('marketActivity', detail.last_market_activity, detail.market_activity_time),
+          value: formatEnumField(
+            'marketActivity',
+            detail.last_market_activity,
+            detail.market_activity_time
+          ),
         },
         {
           label: '月交易额水平',
           type: 'text',
-          value: formatEnumField('monthlyTransaction', detail.monthly_transaction, detail.monthly_transaction_amount),
+          value: formatEnumField(
+            'monthlyTransaction',
+            detail.monthly_transaction,
+            detail.monthly_transaction_amount
+          ),
+        },
+        {
+          label: '近30天价格区间',
+          type: 'text',
+          value: formatPriceRange(detail.price_fluctuation),
         },
-        { label: '近30天价格区间', type: 'text', value: formatPriceRange(detail.price_fluctuation) },
       ],
     },
   ]
 
   // 为每个 section 生成 NDataTable 需要的 columns 和 data
-  return sections.map(section => {
+  return sections.map((section) => {
     const columns = [
       {
         title: '字段名',
@@ -196,55 +269,65 @@ const detailSections = computed(() => {
         align: 'center',
         fixed: 'left',
       },
-      ...section.fields.map(field => ({
+      ...section.fields.map((field) => ({
         title: field.label,
         key: field.label,
         width: 200,
-        ellipsis: ['list', 'images'].includes(field.type) ? false : {
-          tooltip: {
-            style: { maxWidth: '600px', maxHeight: '400px', overflow: 'auto' }
-          },
-        },
+        ellipsis: ['list', 'images'].includes(field.type)
+          ? false
+          : {
+              tooltip: {
+                style: { maxWidth: '600px', maxHeight: '400px', overflow: 'auto' },
+              },
+            },
         render: (row) => {
           const fieldData = row[field.label]
           if (!fieldData) return '-'
-          
+
           if (fieldData.type === 'list') {
             if (fieldData.value && fieldData.value.length) {
-              return h('div', { style: 'display: flex; flex-direction: column; gap: 4px;' }, 
-                fieldData.value.map(item => h('span', item))
+              return h(
+                'div',
+                { style: 'display: flex; flex-direction: column; gap: 4px;' },
+                fieldData.value.map((item) => h('span', item))
               )
             }
             return '-'
           } else if (fieldData.type === 'images') {
             if (fieldData.value && fieldData.value.length) {
-              const createImages = () => h(NImageGroup, {}, () => 
-                fieldData.value.map(img => 
-                  h(NImage, { 
-                    src: img, 
-                    width: 72,
-                    height: 48,
-                    objectFit: 'cover',
-                    style: 'margin-right: 8px;'
-                  })
+              const createImages = () =>
+                h(NImageGroup, {}, () =>
+                  fieldData.value.map((img) =>
+                    h(NImage, {
+                      src: img,
+                      width: 72,
+                      height: 48,
+                      objectFit: 'cover',
+                      style: 'margin-right: 8px;',
+                    })
+                  )
                 )
-              )
 
-              return h(NPopover, {
-                trigger: 'hover',
-                displayDirective: 'show',
-                keepAliveOnHover: true,
-                style: { maxWidth: '600px', maxHeight: '400px', overflow: 'auto' }
-              }, {
-                trigger: () => h('div', { style: 'display: flex; overflow: hidden;' }, createImages()),
-                default: () => createImages()
-              })
+              return h(
+                NPopover,
+                {
+                  trigger: 'hover',
+                  displayDirective: 'show',
+                  keepAliveOnHover: true,
+                  style: { maxWidth: '600px', maxHeight: '400px', overflow: 'auto' },
+                },
+                {
+                  trigger: () =>
+                    h('div', { style: 'display: flex; overflow: hidden;' }, createImages()),
+                  default: () => createImages(),
+                }
+              )
             }
             return '-'
           } else {
             return fieldData.value || '-'
           }
-        }
+        },
       })),
     ]
 
@@ -268,64 +351,64 @@ const detailSections = computed(() => {
 
 const calcFlow = computed(() => props.detailData?.calculation_result?.flow || [])
 
-
-
 const renderedFlowHtml = computed(() => {
   return marked.parse(reportContent.value || mockReportMarkdown)
 })
 
-
 // 证书相关功能
 const handleUploadCertificate = () => {
   certificateModalMode.value = 'upload'
   certificateData.value = {
-    detailData: props.detailData
+    detailData: props.detailData,
   }
   certificateModalVisible.value = true
 }
 
 const handleViewCertificate = () => {
   certificateModalMode.value = 'view'
-  
+
   const formatFiles = (urlData) => {
     if (!urlData) return []
     // Handle string (single or comma-separated)
-    const urls = typeof urlData === 'string' ? urlData.split(',') : (Array.isArray(urlData) ? urlData : [])
-    
-    return urls.filter(u => u).map((url, index) => ({
-      id: String(index),
-      name: url.substring(url.lastIndexOf('/') + 1) || 'unknown',
-      status: 'finished',
-      url: url
-    }))
+    const urls =
+      typeof urlData === 'string' ? urlData.split(',') : Array.isArray(urlData) ? urlData : []
+
+    return urls
+      .filter((u) => u)
+      .map((url, index) => ({
+        id: String(index),
+        name: url.substring(url.lastIndexOf('/') + 1) || 'unknown',
+        status: 'finished',
+        url: url,
+      }))
   }
 
   certificateData.value = {
     reportFiles: formatFiles(props.detailData?.report_url),
     certificateFiles: formatFiles(props.detailData?.certificate_url),
-    detailData: props.detailData
+    detailData: props.detailData,
   }
   certificateModalVisible.value = true
 }
 
 const handleCertificateConfirm = async (data) => {
   console.log('证书数据:', data)
-  
+
   try {
-    const certificateUrl = data.certificateFiles?.map(f => f.url).filter(Boolean) || []
-    const reportUrl = data.reportFiles?.map(f => f.url).filter(Boolean) || []
-    
+    const certificateUrl = data.certificateFiles?.map((f) => f.url).filter(Boolean) || []
+    const reportUrl = data.reportFiles?.map((f) => f.url).filter(Boolean) || []
+
     // 现在改为只能上传 1 张
     const payload = {
       ...props.detailData,
       certificate_url: certificateUrl?.[0],
       report_url: reportUrl?.[0],
-      status: 'success'
+      status: 'success',
     }
-    console.log("🔥🔥🔥🔥🔥🔥🔥 ~ handleCertificateConfirm ~ payload:", payload);
+    console.log('🔥🔥🔥🔥🔥🔥🔥 ~ handleCertificateConfirm ~ payload:', payload)
 
     await api.updateValuation(payload)
-    
+
     $message.success('上传并通知成功')
     certificateModalVisible.value = false
     emit('back') // 或者 emit('refresh') 取决于需求，这里假设返回列表或刷新
@@ -359,12 +442,7 @@ const handleCertificateConfirm = async (data) => {
       </div>
     </div>
 
-    <NTabs
-      v-model:value="activeDetailTab"
-      type="line"
-      size="large"
-      class="audit-tabs"
-    >
+    <NTabs v-model:value="activeDetailTab" type="line" size="large" class="audit-tabs">
       <NTabPane name="audit" tab="审核信息">
         <NSpin :show="loading">
           <div v-for="section in detailSections" :key="section.key" class="detail-section">
@@ -395,19 +473,11 @@ const handleCertificateConfirm = async (data) => {
 
     <!-- 证书按钮 -->
     <div class="certificate-actions">
-      <NButton 
-        v-if="mode === 'approve'"
-        type="primary" 
-        @click="handleUploadCertificate"
-      >
+      <NButton v-if="mode === 'approve'" type="primary" @click="handleUploadCertificate">
         <TheIcon icon="mdi:upload" :size="16" class="mr-4" />
         上传证书
       </NButton>
-      <NButton 
-        v-else
-        type="info" 
-        @click="handleViewCertificate"
-      >
+      <NButton v-else type="info" @click="handleViewCertificate">
         <TheIcon icon="mdi:eye" :size="16" class="mr-4" />
         查看证书
       </NButton>
@@ -441,7 +511,7 @@ const handleCertificateConfirm = async (data) => {
   display: flex;
   justify-content: space-between;
   gap: 16px;
-  margin: -16px 0px 10px ;
+  margin: -16px 0px 10px;
 }
 
 .back-btn {
@@ -556,8 +626,8 @@ const handleCertificateConfirm = async (data) => {
   line-height: 1.6;
   color: #333;
 }
-.markdown-body :deep(h1), 
-.markdown-body :deep(h2), 
+.markdown-body :deep(h1),
+.markdown-body :deep(h2),
 .markdown-body :deep(h3),
 .markdown-body :deep(h4),
 .markdown-body :deep(h5),
@@ -567,10 +637,23 @@ const handleCertificateConfirm = async (data) => {
   font-weight: 600;
   line-height: 1.25;
 }
-.markdown-body :deep(h1) { font-size: 2em; border-bottom: 1px solid #eaecef; padding-bottom: .3em; }
-.markdown-body :deep(h2) { font-size: 1.5em; border-bottom: 1px solid #eaecef; padding-bottom: .3em; }
-.markdown-body :deep(h3) { font-size: 1.25em; }
-.markdown-body :deep(p) { margin-top: 0; margin-bottom: 16px; }
+.markdown-body :deep(h1) {
+  font-size: 2em;
+  border-bottom: 1px solid #eaecef;
+  padding-bottom: 0.3em;
+}
+.markdown-body :deep(h2) {
+  font-size: 1.5em;
+  border-bottom: 1px solid #eaecef;
+  padding-bottom: 0.3em;
+}
+.markdown-body :deep(h3) {
+  font-size: 1.25em;
+}
+.markdown-body :deep(p) {
+  margin-top: 0;
+  margin-bottom: 16px;
+}
 .markdown-body :deep(blockquote) {
   margin: 0 0 16px;
   padding: 0 1em;
@@ -592,7 +675,8 @@ const handleCertificateConfirm = async (data) => {
 .markdown-body :deep(table tr:nth-child(2n)) {
   background-color: #f6f8fa;
 }
-.markdown-body :deep(table th), .markdown-body :deep(table td) {
+.markdown-body :deep(table th),
+.markdown-body :deep(table td) {
   padding: 6px 13px;
   border: 1px solid #dfe2e5;
 }
@@ -603,7 +687,7 @@ const handleCertificateConfirm = async (data) => {
   padding: 0.2em 0.4em;
   margin: 0;
   font-size: 85%;
-  background-color: rgba(27,31,35,0.05);
+  background-color: rgba(27, 31, 35, 0.05);
   border-radius: 3px;
 }
 .markdown-body :deep(pre) {
@@ -767,6 +851,4 @@ const handleCertificateConfirm = async (data) => {
   color: #999;
   padding: 40px 0;
 }
-
-
 </style>
diff --git a/web/src/views/valuation/audit/utils.js b/web/src/views/valuation/audit/utils.js
index b6fa487..46c1d6c 100644
--- a/web/src/views/valuation/audit/utils.js
+++ b/web/src/views/valuation/audit/utils.js
@@ -148,7 +148,7 @@ export const formatPlatformAccounts = (accounts = {}) => {
     if (!info) return `${label}：-`
     return `${label}：${info.account || '-'}（赞${formatNumberValue(info.likes)} / 评${formatNumberValue(
       info.comments
-    )} / 转${formatNumberValue(info.shares)}）`
+    )} / 转${formatNumberValue(info.shares)}/ 七日浏览量${formatNumberValue(info.views)}）`
   })
   return list.length ? list : ['暂无账号信息']
 }
diff --git a/web1/src/api/index.js b/web1/src/api/index.js
index d4a130c..a017c23 100644
--- a/web1/src/api/index.js
+++ b/web1/src/api/index.js
@@ -5,6 +5,11 @@ export default {
   getUserInfo: () => request.get('/base/userinfo'),
   getUserMenu: () => request.get('/base/usermenu'),
   getUserApi: () => request.get('/base/userapi'),
+  deleteAccount: (data) => request.delete('/app-user/account', {
+  data: {
+    code: data.code // Body 中携带 code
+  }
+}),
   // 手机号
   registerPhone: (data) => request.post('/app-user/register', data, { noNeedToken: true }),
   loginPhone: (data) => request.post('/app-user/login', data, { noNeedToken: true }),
diff --git a/web1/src/assets/icon/iconLogout.png b/web1/src/assets/icon/iconLogout.png
new file mode 100644
index 0000000..3af7cf4
Binary files /dev/null and b/web1/src/assets/icon/iconLogout.png differ
diff --git a/web1/src/assets/icon/评估完成.png b/web1/src/assets/icon/评估完成.png
new file mode 100644
index 0000000..dca9175
Binary files /dev/null and b/web1/src/assets/icon/评估完成.png differ
diff --git a/web1/src/router/routes/index.js b/web1/src/router/routes/index.js
index 9943186..144a88d 100644
--- a/web1/src/router/routes/index.js
+++ b/web1/src/router/routes/index.js
@@ -52,6 +52,14 @@ export const basicRoutes = [
           title: '抬头管理',
         },
       },
+      {
+        name: 'Logout',
+        path: 'logout',
+        component: () => import('@/views/user-center/components/Logout.vue'),
+        meta: {
+          title: '账号注销',
+        },
+      },
     ],
   },
   {
diff --git a/web1/src/views/pages/index.vue b/web1/src/views/pages/index.vue
index 6b8fc7b..8ab24fe 100644
--- a/web1/src/views/pages/index.vue
+++ b/web1/src/views/pages/index.vue
@@ -2,7 +2,13 @@
   <div class="pages">
     <AppHeader class="page-header" />
     <!-- 页面初始化 loading -->
-    <div v-if="pageLoading" class="right" style="display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center">
+    <div v-if="pageLoading" class="right" style="
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        text-align: center;
+      ">
       <n-spin size="large" />
       <div style="font-size: 16px; color: #999999; margin-top: 20px">加载中...</div>
     </div>
@@ -17,11 +23,7 @@
             </div>
         </div> -->
     <div v-if="!pageLoading && status == 'create'" class="right">
-      <StepProgressBar
-        style="width: 800px; margin: auto; margin-top: 40px"
-        :steps="steps"
-        :currentStep="currentStep"
-      />
+      <StepProgressBar style="width: 800px; margin: auto; margin-top: 40px" :steps="steps" :currentStep="currentStep" />
       <div class="line"></div>
       <div class="form-title-box">
         <div class="title-left"></div>
@@ -31,16 +33,8 @@
         <div v-if="currentStep == 3" class="title-form">非遗应用与推广</div>
         <div v-if="currentStep == 4" class="title-form">非遗资产衍生商品信息</div>
       </div>
-      <NForm
-        class="form-container"
-        ref="modalFormRef"
-        label-placement="top"
-        label-align="top"
-        :label-width="80"
-        :model="modalForm"
-        :rules="modalRules"
-        require-mark-placement="left"
-      >
+      <NForm class="form-container" ref="modalFormRef" label-placement="top" label-align="top" :label-width="80"
+        :model="modalForm" :rules="modalRules" require-mark-placement="left">
         <n-grid v-if="currentStep == 0" :cols="24" :x-gap="24">
           <n-form-item-gi :span="12" label="资产名称" path="asset_name">
             <template #label>
@@ -83,10 +77,7 @@
                 </n-tooltip>
               </div>
             </template>
-            <NInput
-              v-model:value="modalForm.credit_code_or_id"
-              placeholder="请输入统一社会信用代码/身份证号"
-            />
+            <NInput v-model:value="modalForm.credit_code_or_id" placeholder="请输入统一社会信用代码/身份证号" />
           </n-form-item-gi>
           <n-form-item-gi :span="12" label="所属行业" path="industry">
             <template #label>
@@ -100,12 +91,7 @@
                 </n-tooltip>
               </div>
             </template>
-            <n-select
-              v-model:value="modalForm.industry"
-              placeholder="请选择所属行业"
-              :options="industryOptions"
-              filterable
-            />
+            <n-select v-model:value="modalForm.industry" placeholder="请选择所属行业" :options="industryOptions" filterable />
           </n-form-item-gi>
           <n-gi :span="12"></n-gi>
           <n-form-item-gi :span="24" label="业务/传承介绍" path="biz_intro">
@@ -120,24 +106,16 @@
                 </n-tooltip>
               </div>
             </template>
-            <n-input
-              v-model:value="modalForm.biz_intro"
-              type="textarea"
+            <n-input v-model:value="modalForm.biz_intro" type="textarea"
               placeholder="请在此处自由填写受评估单位/人的详细业务与项目情况。建议着重介绍与本次所评估非遗IP资产直接相关的背景信息，例如：主要业务范围、核心技艺、传承谱系、运营模式、市场定位、近年发展状况等。本部分是评估师理解评估对象价值内涵的重要依据，请务必详尽、客观地描述。"
               :autosize="{
                 minRows: 4,
                 maxRows: 8,
-              }"
-            />
+              }" />
           </n-form-item-gi>
         </n-grid>
         <n-grid v-if="currentStep == 1" :cols="24" :x-gap="0">
-          <n-form-item-gi
-            :span="10"
-            class="form-item"
-            label="近12个月机构营收/万元"
-            path="annual_revenue"
-          >
+          <n-form-item-gi :span="10" class="form-item" label="近12个月机构营收/万元" path="annual_revenue">
             <template #label>
               <div class="flex items-center gap-4">
                 <span>近12个月机构营收/万元</span>
@@ -149,18 +127,9 @@
                 </n-tooltip>
               </div>
             </template>
-            <NInput
-              v-model:value="modalForm.annual_revenue"
-              placeholder="请输入近12个月机构营收"
-              type="number"
-            />
+            <NInput v-model:value="modalForm.annual_revenue" placeholder="请输入近12个月机构营收" type="number" />
           </n-form-item-gi>
-          <n-form-item-gi
-            :span="12"
-            class="form-item"
-            label="近12个月机构研发投入/万元"
-            path="rd_investment"
-          >
+          <n-form-item-gi :span="12" class="form-item" label="近12个月机构研发投入/万元" path="rd_investment">
             <template #label>
               <div class="flex items-center gap-4">
                 <span>近12个月机构研发投入/万元</span>
@@ -172,18 +141,9 @@
                 </n-tooltip>
               </div>
             </template>
-            <NInput
-              v-model:value="modalForm.rd_investment"
-              placeholder="请输入近12个月机构研发投入"
-              type="number"
-            />
+            <NInput v-model:value="modalForm.rd_investment" placeholder="请输入近12个月机构研发投入" type="number" />
           </n-form-item-gi>
-          <n-form-item-gi
-            :span="24"
-            label="近三年机构收益/万元"
-            path="three_year_income"
-            style="margin-left: 20px"
-          >
+          <n-form-item-gi :span="24" label="近三年机构收益/万元" path="three_year_income" style="margin-left: 20px">
             <template #label>
               <div class="flex items-center gap-4">
                 <span>近三年机构收益/万元</span>
@@ -191,28 +151,16 @@
                   <template #trigger>
                     <img style="width: 14px; height: 14px" src="@/assets/images/ps.png" alt="" />
                   </template>
-                  填写近3年资产相关的年收益,用以判断资产的商业价值
+                  填写近3年资产相关的年收益,用以判断资产的商业价值,若机构成立时间不足三年，其成立前年份的收益值，可按成立后最近一个完整年度的数据填报
                 </n-tooltip>
               </div>
             </template>
-            <NInput
-              v-model:value="modalForm.three_year_income[0]"
-              placeholder="第一年"
-              style="width: 220px"
-              type="number"
-            />
-            <NInput
-              v-model:value="modalForm.three_year_income[1]"
-              placeholder="第二年"
-              style="width: 220px; margin-left: 10px"
-              type="number"
-            />
-            <NInput
-              v-model:value="modalForm.three_year_income[2]"
-              placeholder="第三年"
-              style="width: 220px; margin-left: 10px"
-              type="number"
-            />
+            <NInput v-model:value="modalForm.three_year_income[0]" placeholder="第一年" style="width: 220px"
+              type="number" />
+            <NInput v-model:value="modalForm.three_year_income[1]" placeholder="第二年"
+              style="width: 220px; margin-left: 10px" type="number" />
+            <NInput v-model:value="modalForm.three_year_income[2]" placeholder="第三年"
+              style="width: 220px; margin-left: 10px" type="number" />
           </n-form-item-gi>
           <n-form-item-gi :span="12" class="form-item" label="资产受资助情况" path="funding_status">
             <template #label>
@@ -226,20 +174,11 @@
                 </n-tooltip>
               </div>
             </template>
-            <n-select
-              v-model:value="modalForm.funding_status"
-              placeholder="请选择资产受资助情况"
-              :options="fundingOptions"
-            />
+            <n-select v-model:value="modalForm.funding_status" placeholder="请选择资产受资助情况" :options="fundingOptions" />
           </n-form-item-gi>
         </n-grid>
         <n-grid v-if="currentStep == 2" :cols="24" :x-gap="0">
-          <n-form-item-gi
-            :span="24"
-            class="form-item"
-            label="非遗传承人等级"
-            path="inheritor_level"
-          >
+          <n-form-item-gi :span="24" class="form-item" label="非遗传承人等级" path="inheritor_level">
             <template #label>
               <div class="flex items-center gap-4">
                 <span>非遗传承人等级</span>
@@ -251,18 +190,9 @@
                 </n-tooltip>
               </div>
             </template>
-            <n-select
-              v-model:value="modalForm.inheritor_level"
-              placeholder="非遗传承人等级"
-              :options="fundingOptions2"
-            />
+            <n-select v-model:value="modalForm.inheritor_level" placeholder="非遗传承人等级" :options="fundingOptions2" />
           </n-form-item-gi>
-          <n-form-item-gi
-            :span="24"
-            label="非遗传承人年龄水平及数量"
-            path="inheritor_age_count"
-            style="margin-left: 20px"
-          >
+          <n-form-item-gi :span="24" label="非遗传承人年龄水平及数量" path="inheritor_age_count" style="margin-left: 20px">
             <template #label>
               <div class="flex items-center gap-4">
                 <span>非遗传承人年龄水平及数量</span>
@@ -274,41 +204,19 @@
                 </n-tooltip>
               </div>
             </template>
-            <NInput
-              v-model:value="modalForm.inheritor_age_count[0]"
-              placeholder="请输入≤50岁传承人数量"
-              style="width: 220px"
-              type="number"
-            />
-            <NInput
-              v-model:value="modalForm.inheritor_age_count[1]"
-              placeholder="请输入50-70岁传承人数量"
-              style="width: 220px; margin-left: 10px"
-              type="number"
-            />
-            <NInput
-              v-model:value="modalForm.inheritor_age_count[2]"
-              placeholder="请输入≥70岁传承人数量"
-              style="width: 220px; margin-left: 10px"
-              type="number"
-            />
+            <NInput v-model:value="modalForm.inheritor_age_count[0]" placeholder="请输入≤50岁传承人数量" style="width: 220px"
+              type="number" />
+            <NInput v-model:value="modalForm.inheritor_age_count[1]" placeholder="请输入50-70岁传承人数量"
+              style="width: 220px; margin-left: 10px" type="number" />
+            <NInput v-model:value="modalForm.inheritor_age_count[2]" placeholder="请输入≥70岁传承人数量"
+              style="width: 220px; margin-left: 10px" type="number" />
           </n-form-item-gi>
-          <n-form-item-gi
-            :span="24"
-            class="form-item upload-item"
-            label="非遗传承人等级证书"
-            path="inheritor_certificates"
-          >
+          <n-form-item-gi :span="24" class="form-item upload-item" label="非遗传承人等级证书" path="inheritor_certificates">
             <div class="upload-row">
-              <n-upload
-                :action="actionUrl"
-                :default-file-list="modalForm.inheritor_certificates"
-                :max="uploadLimit"
-                list-type="image-card"
-                :on-before-upload="(options) => handleBeforeUpload(options, 'inheritor_certificates')"
-                @finish="handleFinish3"
-                @remove="delete3"
-              >
+              <n-upload :action="actionUrl" :default-file-list="modalForm.inheritor_certificates" :max="uploadLimit"
+                list-type="image-card" :on-before-upload="
+                  (options) => handleBeforeUpload(options, 'inheritor_certificates')
+                " @finish="handleFinish3" @remove="delete3">
                 <div>
                   <img style="width: 24px; height: 24px" src="@/assets/images/upload.png" alt="" />
                   <p style="font-size: 12px">添加图片</p>
@@ -329,29 +237,13 @@
                 </n-tooltip>
               </div>
             </template>
-            <n-select
-              v-model:value="modalForm.heritage_level"
-              placeholder="非遗等级"
-              :options="heritageOptions"
-            />
+            <n-select v-model:value="modalForm.heritage_level" placeholder="非遗等级" :options="heritageOptions" />
           </n-form-item-gi>
-          <n-form-item-gi
-            :span="12"
-            class="form-item"
-            label="非遗资产所用专利的申请号"
-            path="patent_application_no"
-          >
-            <NInput
-              v-model:value="modalForm.patent_application_no"
-              placeholder="非遗资产所用专利的申请号"
-            />
+          <n-form-item-gi :span="12" class="form-item" label="非遗资产所用专利的申请号" path="patent_application_no">
+            <NInput v-model:value="modalForm.patent_application_no" placeholder="非遗资产所用专利的申请号" />
           </n-form-item-gi>
-          <n-form-item-gi
-            :span="20"
-            label="非遗资产历史证明证据及数量"
-            path="historical_evidence"
-            style="margin-left: 20px; width: 800px"
-          >
+          <n-form-item-gi :span="20" label="非遗资产历史证明证据及数量" path="historical_evidence"
+            style="margin-left: 20px; width: 800px">
             <template #label>
               <div class="flex items-center gap-4">
                 <span>非遗资产历史证明证据及数量</span>
@@ -363,37 +255,16 @@
                 </n-tooltip>
               </div>
             </template>
-            <NInput
-              v-model:value="modalForm.historical_evidence[0]"
-              placeholder="请输入出土实物样本数量"
-              style="width: 220px"
-              type="number"
-            />
-            <NInput
-              v-model:value="modalForm.historical_evidence[1]"
-              placeholder="请输入古代文献样本数量"
-              style="width: 220px; margin-left: 10px"
-              type="number"
-            />
-            <NInput
-              v-model:value="modalForm.historical_evidence[2]"
-              placeholder="请输入传承人佐证样本数量"
-              style="width: 220px; margin-left: 10px"
-              type="number"
-            />
-            <NInput
-              v-model:value="modalForm.historical_evidence[3]"
-              placeholder="请输入现代研究样本数量"
-              style="width: 220px; margin-left: 10px"
-              type="number"
-            />
+            <NInput v-model:value="modalForm.historical_evidence[0]" placeholder="请输入出土实物样本数量" style="width: 220px"
+              type="number" />
+            <NInput v-model:value="modalForm.historical_evidence[1]" placeholder="请输入古代文献样本数量"
+              style="width: 220px; margin-left: 10px" type="number" />
+            <NInput v-model:value="modalForm.historical_evidence[2]" placeholder="请输入传承人佐证样本数量"
+              style="width: 220px; margin-left: 10px" type="number" />
+            <NInput v-model:value="modalForm.historical_evidence[3]" placeholder="请输入现代研究样本数量"
+              style="width: 220px; margin-left: 10px" type="number" />
           </n-form-item-gi>
-          <n-form-item-gi
-            :span="24"
-            class="form-item upload-item"
-            label="非遗资产所用专利的证书"
-            path="patent_certificates"
-          >
+          <n-form-item-gi :span="24" class="form-item upload-item" label="非遗资产所用专利的证书" path="patent_certificates">
             <template #label>
               <div class="flex items-center gap-4">
                 <span>非遗资产所用专利的证书</span>
@@ -406,15 +277,9 @@
               </div>
             </template>
             <div class="upload-row">
-              <n-upload
-                :action="actionUrl"
-                :default-file-list="modalForm.patent_certificates"
-                :max="uploadLimit"
-                @finish="handleFinish1"
-                @remove="delete1"
-                list-type="image-card"
-                :on-before-upload="(options) => handleBeforeUpload(options, 'patent_certificates')"
-              >
+              <n-upload :action="actionUrl" :default-file-list="modalForm.patent_certificates" :max="uploadLimit"
+                @finish="handleFinish1" @remove="delete1" list-type="image-card"
+                :on-before-upload="(options) => handleBeforeUpload(options, 'patent_certificates')">
                 <div>
                   <img style="width: 24px; height: 24px" src="@/assets/images/upload.png" alt="" />
                   <p style="font-size: 12px">添加图片</p>
@@ -423,12 +288,7 @@
               <div class="upload-tip">只支持JPG/PNG，单张不超过20M，最多上传10张</div>
             </div>
           </n-form-item-gi>
-          <n-form-item-gi
-            :span="24"
-            class="form-item upload-item"
-            label="非遗纹样图片"
-            path="pattern_images"
-          >
+          <n-form-item-gi :span="24" class="form-item upload-item" label="非遗纹样图片" path="pattern_images">
             <template #label>
               <div class="flex items-center gap-4">
                 <span>非遗纹样图片</span>
@@ -441,15 +301,9 @@
               </div>
             </template>
             <div class="upload-row">
-              <n-upload
-                :action="actionUrl"
-                :default-file-list="modalForm.pattern_images"
-                :max="uploadLimit"
-                @finish="handleFinish2"
-                @remove="delete2"
-                list-type="image-card"
-                :on-before-upload="(options) => handleBeforeUpload(options, 'pattern_images')"
-              >
+              <n-upload :action="actionUrl" :default-file-list="modalForm.pattern_images" :max="uploadLimit"
+                @finish="handleFinish2" @remove="delete2" list-type="image-card"
+                :on-before-upload="(options) => handleBeforeUpload(options, 'pattern_images')">
                 <div>
                   <img style="width: 24px; height: 24px" src="@/assets/images/upload.png" alt="" />
                   <p style="font-size: 12px">添加图片</p>
@@ -460,12 +314,7 @@
           </n-form-item-gi>
         </n-grid>
         <n-grid v-if="currentStep == 3" :cols="24" :x-gap="0">
-          <n-form-item-gi
-            :span="24"
-            class="form-item"
-            label="非遗资产应用成熟度"
-            path="application_maturity"
-          >
+          <n-form-item-gi :span="24" class="form-item" label="非遗资产应用成熟度" path="application_maturity">
             <template #label>
               <div class="flex items-center gap-4">
                 <span>非遗资产应用成熟度</span>
@@ -477,18 +326,9 @@
                 </n-tooltip>
               </div>
             </template>
-            <n-select
-              v-model:value="modalForm.application_maturity"
-              placeholder="请选择"
-              :options="maturityOptions"
-            />
+            <n-select v-model:value="modalForm.application_maturity" placeholder="请选择" :options="maturityOptions" />
           </n-form-item-gi>
-          <n-form-item-gi
-            :span="9"
-            class="form-item"
-            label="非遗资产应用覆盖范围"
-            path="application_coverage"
-          >
+          <n-form-item-gi :span="9" class="form-item" label="非遗资产应用覆盖范围" path="application_coverage">
             <template #label>
               <div class="flex items-center gap-4">
                 <span>非遗资产应用覆盖范围</span>
@@ -500,18 +340,9 @@
                 </n-tooltip>
               </div>
             </template>
-            <n-select
-              v-model:value="modalForm.application_coverage"
-              placeholder="请选择"
-              :options="coverageOptions"
-            />
+            <n-select v-model:value="modalForm.application_coverage" placeholder="请选择" :options="coverageOptions" />
           </n-form-item-gi>
-          <n-form-item-gi
-            :span="12"
-            class="form-item"
-            label="非遗资产跨界合作深度"
-            path="cooperation_depth"
-          >
+          <n-form-item-gi :span="12" class="form-item" label="非遗资产跨界合作深度" path="cooperation_depth">
             <template #label>
               <div class="flex items-center gap-4">
                 <span>非遗资产跨界合作深度</span>
@@ -523,18 +354,9 @@
                 </n-tooltip>
               </div>
             </template>
-            <n-select
-              v-model:value="modalForm.cooperation_depth"
-              placeholder="请选择"
-              :options="depthOptions"
-            />
+            <n-select v-model:value="modalForm.cooperation_depth" placeholder="请选择" :options="depthOptions" />
           </n-form-item-gi>
-          <n-form-item-gi
-            :span="12"
-            class="form-item"
-            label="近12个月线下相关宣讲活动次数"
-            path="offline_activities"
-          >
+          <n-form-item-gi :span="12" class="form-item" label="近12个月线下相关宣讲活动次数" path="offline_activities">
             <template #label>
               <div class="flex items-center gap-4">
                 <span>近12个月线下相关宣讲活动次数</span>
@@ -546,18 +368,9 @@
                 </n-tooltip>
               </div>
             </template>
-            <NInput
-              v-model:value="modalForm.offline_activities"
-              placeholder="近12个月线下相关宣讲活动次数"
-              type="number"
-            />
+            <NInput v-model:value="modalForm.offline_activities" placeholder="近12个月线下相关宣讲活动次数" type="number" />
           </n-form-item-gi>
-          <n-form-item-gi
-            :span="22"
-            style="margin-left: 20px"
-            label="线上相关宣传账号信息"
-            path="online_accounts"
-          >
+          <n-form-item-gi :span="22" style="margin-left: 20px" label="线上相关宣传账号信息" path="online_accounts">
             <template #label>
               <div class="flex items-center gap-4">
                 <span>线上相关宣传账号信息</span>
@@ -569,44 +382,29 @@
                 </n-tooltip>
               </div>
             </template>
-            <n-select
-              style="width: 330px"
-              v-model:value="modalForm.online_accounts[0]"
-              placeholder="请选择"
-              :options="accountsOptions"
-            />
-            <NInput
-              v-model:value="modalForm.online_accounts[1]"
-              placeholder="请输入账号"
-              style="width: 220px; margin-left: 10px"
-            />
-            <NInput
-              v-model:value="modalForm.online_accounts[2]"
-              placeholder="请输入点赞数量"
-              style="width: 220px; margin-left: 10px"
-              type="number"
-            />
-            <NInput
-              v-model:value="modalForm.online_accounts[3]"
-              placeholder="请输入评论数量"
-              style="width: 220px; margin-left: 10px"
-              type="number"
-            />
-            <NInput
-              v-model:value="modalForm.online_accounts[4]"
-              placeholder="请输入分享数量"
-              style="width: 220px; margin-left: 10px"
-              type="number"
-            />
+            <div>
+              <div style="display: flex">
+                <n-select style="width: 220px" v-model:value="modalForm.online_accounts[0]" placeholder="请选择"
+                  :options="accountsOptions" />
+                <NInput v-model:value="modalForm.online_accounts[1]" placeholder="请输入账号"
+                  style="width: 220px; margin-left: 10px" />
+                <NInput v-model:value="modalForm.online_accounts[2]" placeholder="请输入点赞数量"
+                  style="width: 220px; margin-left: 10px" type="number" />
+              </div>
+
+              <div style="display: flex; margin-top: 12px">
+                <NInput v-model:value="modalForm.online_accounts[3]" placeholder="请输入评论数量" style="width: 220px"
+                  type="number" />
+                <NInput v-model:value="modalForm.online_accounts[4]" placeholder="请输入分享数量"
+                  style="width: 220px; margin-left: 10px" type="number" />
+                <NInput v-model:value="modalForm.online_accounts[5]" placeholder="请输入近七天点击量"
+                  style="width: 220px; margin-left: 10px" type="number" />
+              </div>
+            </div>
           </n-form-item-gi>
         </n-grid>
         <n-grid v-if="currentStep == 4" :cols="24" :x-gap="0">
-          <n-form-item-gi
-            :span="10"
-            class="form-item"
-            label="该商品近12个月销售量"
-            path="sales_volume"
-          >
+          <n-form-item-gi :span="10" class="form-item" label="该商品近12个月销售量" path="sales_volume">
             <template #label>
               <div class="flex items-center gap-4">
                 <span>该商品近12个月销售量</span>
@@ -620,12 +418,7 @@
             </template>
             <NInput v-model:value="modalForm.sales_volume" placeholder="请输入" type="number" />
           </n-form-item-gi>
-          <n-form-item-gi
-            :span="12"
-            class="form-item"
-            label="该商品近12个月的链接浏览量"
-            path="link_views"
-          >
+          <n-form-item-gi :span="12" class="form-item" label="该商品近12个月的链接浏览量" path="link_views">
             <template #label>
               <div class="flex items-center gap-4">
                 <span>该商品近12个月的链接浏览量</span>
@@ -651,19 +444,10 @@
                 </n-tooltip>
               </div>
             </template>
-            <n-select
-              v-model:value="modalForm.circulation"
-              placeholder="请选择"
-              :options="circulationOptions"
-              :consistent-menu-width="false"
-            />
+            <n-select v-model:value="modalForm.circulation" placeholder="请选择" :options="circulationOptions"
+              :consistent-menu-width="false" />
           </n-form-item-gi>
-          <n-form-item-gi
-            :span="12"
-            class="form-item"
-            label="该商品最近一次市场活动时间"
-            path="last_market_activity"
-          >
+          <n-form-item-gi :span="12" class="form-item" label="该商品最近一次市场活动时间" path="last_market_activity">
             <template #label>
               <div class="flex items-center gap-4">
                 <span>该商品最近一次市场活动时间</span>
@@ -675,11 +459,7 @@
                 </n-tooltip>
               </div>
             </template>
-            <n-select
-              v-model:value="modalForm.last_market_activity"
-              placeholder="请选择"
-              :options="activityOptions"
-            />
+            <n-select v-model:value="modalForm.last_market_activity" placeholder="请选择" :options="activityOptions" />
           </n-form-item-gi>
           <n-form-item-gi :span="10" class="form-item" label="月交易额" path="monthly_transaction">
             <template #label>
@@ -693,18 +473,9 @@
                 </n-tooltip>
               </div>
             </template>
-            <n-select
-              v-model:value="modalForm.monthly_transaction"
-              placeholder="请选择"
-              :options="transactionOptions"
-            />
+            <n-select v-model:value="modalForm.monthly_transaction" placeholder="请选择" :options="transactionOptions" />
           </n-form-item-gi>
-          <n-form-item-gi
-            :span="6"
-            class="form-item"
-            label="该商品近30天价格波动区间"
-            path="price_fluctuation"
-          >
+          <n-form-item-gi :span="6" class="form-item" label="该商品近30天价格波动区间" path="price_fluctuation">
             <template #label>
               <div class="flex items-center gap-4">
                 <span>该商品近30天价格波动区间</span>
@@ -716,27 +487,14 @@
                 </n-tooltip>
               </div>
             </template>
-            <NInput
-              v-model:value="modalForm.price_fluctuation[0]"
-              placeholder="最低价"
-              style="width: 220px"
-            />
+            <NInput v-model:value="modalForm.price_fluctuation[0]" placeholder="最低价" style="width: 220px" />
             <span style="display: inline-block; margin: 0 8px">-</span>
-            <NInput
-              v-model:value="modalForm.price_fluctuation[1]"
-              placeholder="最高价"
-              style="width: 220px"
-            />
+            <NInput v-model:value="modalForm.price_fluctuation[1]" placeholder="最高价" style="width: 220px" />
           </n-form-item-gi>
         </n-grid>
       </NForm>
       <div class="submit-box">
-        <div
-          v-if="currentStep != 0"
-          class="submit-btn2"
-          style="cursor: pointer"
-          @click="previousStep"
-        >
+        <div v-if="currentStep != 0" class="submit-btn2" style="cursor: pointer" @click="previousStep">
           上一步
         </div>
         <div v-if="currentStep != 4" class="submit-btn">
@@ -764,152 +522,108 @@
         </div>
       </div>
       <div style="display: flex; margin: auto; margin-top: 24px; width: 1010px">
-        <div
-          class="score-box"
-          style="
+        <div class="score-box" style="
             background: linear-gradient(90deg, #3196ff 0%, #165dff 100%);
             color: #303133;
             font-size: 14px;
-          "
-          :style="{ backgroundImage: `url(${backgroundImg3})`, backgroundSize: 'contain' }"
-        >
+          " :style="{ backgroundImage: `url(${backgroundImg3})`, backgroundSize: 'contain' }">
           <div style="font-size: 18px; font-weight: bold">
-            <img
-              style="width: 18px; height: 18px; transform: translate(-2px, 2px)"
-              src="@/assets/images/cost.png"
-              alt=""
-            />
+            <img style="width: 18px; height: 18px; transform: translate(-2px, 2px)" src="@/assets/images/cost.png"
+              alt="" />
             经济价值评估
           </div>
-          <div
-            ref="economy"
-            style="
+          <div ref="economy" style="
               text-align: center;
               font-size: 30px;
               font-weight: bold;
               margin-top: 10px;
               height: 95px;
-            "
-            :style="{
+            " :style="{
               backgroundImage: `url(${backgroundImg4})`,
               backgroundSize: '167px 95px',
               backgroundPosition: 'center 2px',
               backgroundRepeat: 'no-repeat',
-            }"
-          ></div>
+            }"></div>
           <div style="margin-top: 20px">
             基础价值评估：<span style="font-weight: bold">优秀</span>
           </div>
           <div>流量因子评估：<span style="font-weight: bold">良好</span></div>
           <div>政策系数评估：<span style="font-weight: bold; color: #165dff">极强</span></div>
         </div>
-        <div
-          class="score-box"
-          style="background: #ffde1144; color: #303133; font-size: 14px"
-          :style="{ backgroundImage: `url(${backgroundImg2})` }"
-        >
+        <div class="score-box" style="background: #ffde1144; color: #303133; font-size: 14px"
+          :style="{ backgroundImage: `url(${backgroundImg2})` }">
           <div style="font-size: 18px; font-weight: bold">
-            <img
-              style="width: 18px; height: 18px; transform: translate(0, 2px)"
-              src="@/assets/images/cost2.png"
-              alt=""
-            />
+            <img style="width: 18px; height: 18px; transform: translate(0, 2px)" src="@/assets/images/cost2.png"
+              alt="" />
             文化价值评估
           </div>
-          <div
-            ref="culture"
-            style="
+          <div ref="culture" style="
               text-align: center;
               font-size: 30px;
               font-weight: bold;
               margin-top: 10px;
               height: 95px;
-            "
-            :style="{
+            " :style="{
               backgroundImage: `url(${backgroundImg5})`,
               backgroundSize: '167px 95px',
               backgroundPosition: 'center 2px',
               backgroundRepeat: 'no-repeat',
-            }"
-          ></div>
+            }"></div>
           <div style="margin-top: 20px">
             活态传承系数评估：<span style="font-weight: bold">优秀</span>
           </div>
           <div>纹样基因熵值评估：<span style="font-weight: bold">优秀</span></div>
         </div>
-        <div
-          class="score-box"
-          style="background: #5bd77944; color: #303133; font-size: 14px"
-          :style="{ backgroundImage: `url(${backgroundImg1})` }"
-        >
+        <div class="score-box" style="background: #5bd77944; color: #303133; font-size: 14px"
+          :style="{ backgroundImage: `url(${backgroundImg1})` }">
           <div style="font-size: 18px; font-weight: bold">
-            <img
-              style="width: 18px; height: 18px; transform: translate(0, 2px)"
-              src="@/assets/images/cost1.png"
-              alt=""
-            />
+            <img style="width: 18px; height: 18px; transform: translate(0, 2px)" src="@/assets/images/cost1.png"
+              alt="" />
             文化价值风险控制
           </div>
-          <div
-            ref="risk"
-            style="
+          <div ref="risk" style="
               text-align: center;
               font-size: 30px;
               font-weight: bold;
               margin-top: 10px;
               height: 95px;
-            "
-            :style="{
+            " :style="{
               backgroundImage: `url(${backgroundImg6})`,
               backgroundSize: '167px 95px',
               backgroundPosition: 'center 2px',
               backgroundRepeat: 'no-repeat',
-            }"
-          ></div>
+            }"></div>
           <div style="margin-top: 20px">
             风险调整系数：<span style="font-weight: bold; color: #2eae44">低</span>
           </div>
         </div>
       </div>
-      <div
-        class="retry"
-        @click="retry"
-        style="background: #f8f8f8; color: #303133; line-height: 40px"
-      >
-        <img
-          style="width: 16px; height: 16px; transform: translate(0, 2px); margin-right: 6px"
-          src="@/assets/images/retry.png"
-          alt=""
-        />
+      <div class="retry" @click="retry" style="background: #f8f8f8; color: #303133; line-height: 40px">
+        <img style="width: 16px; height: 16px; transform: translate(0, 2px); margin-right: 6px"
+          src="@/assets/images/retry.png" alt="" />
         重新评估
       </div>
     </div>
     <div v-if="!pageLoading && status == 'fail'" class="right" style="text-align: center">
-      <img
-        style="width: 100px; height: 100px; margin-top: 30vh"
-        src="@/assets/images/fail.png"
-        alt=""
-      />
+      <img style="width: 100px; height: 100px; margin-top: 30vh" src="@/assets/images/fail.png" alt="" />
       <div style="font-size: 20px">评估失败</div>
       <div style="font-size: 14px; color: #999999; margin-top: 10px">
         很抱歉，您的知识产权和非物质文化遗产的价值评估失败，请重新评估
       </div>
       <div class="retry" @click="retry">
-        <img
-          style="width: 16px; height: 16px; transform: translate(0, 2px); margin-right: 6px"
-          src="@/assets/images/retry.png"
-          alt=""
-        />
+        <img style="width: 16px; height: 16px; transform: translate(0, 2px); margin-right: 6px"
+          src="@/assets/images/retry.png" alt="" />
         重新评估
       </div>
     </div>
-    <div v-if="!pageLoading && status == 'pending'" class="right" style="display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center">
-      <img
-        class="loading-icon"
-        style="width: 100px; height: 100px"
-        src="@/assets/images/loading.png"
-        alt=""
-      />
+    <div v-if="!pageLoading && status == 'pending'" class="right" style="
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        text-align: center;
+      ">
+      <img class="loading-icon" style="width: 100px; height: 100px" src="@/assets/images/loading.png" alt="" />
       <div style="font-size: 20px; margin-top: 20px">评估中</div>
       <div style="font-size: 14px; color: #999999; margin-top: 10px">
         您的知识产权和非物质文化遗产的价值正在评估中，预计30秒到1分钟，请耐心等候
@@ -919,1153 +633,1189 @@
 </template>
 
 <script lang="ts" setup>
-import type { FormInst, FormItemRule, FormRules } from 'naive-ui'
-import StepProgressBar from './components/StepProgressBar.vue'
-import AppHeader from '@/components/AppHeader.vue'
-import api from '@/api'
-import { ref, reactive, onMounted } from 'vue'
-import { useMessage, useDialog } from 'naive-ui'
-import backgroundImg from '@/assets/images/background.png'
-import backgroundImg1 from '@/assets/images/bgc.png'
-import backgroundImg2 from '@/assets/images/bgy.png'
-import backgroundImg3 from '@/assets/images/bgg.png'
-import backgroundImg4 from '@/assets/images/circleg.png'
-import backgroundImg5 from '@/assets/images/circley.png'
-import backgroundImg6 from '@/assets/images/circlec.png'
-const status = ref('create')
-const pageLoading = ref(false) // 页面初始化 loading 状态
-const message = useMessage()
-const modalFormRef = ref<FormInst | null>(null)
-const isSelected = ref<Number | null>(null)
-const steps = [
-  { title: '基础信息' },
-  { title: '财务状况' },
-  { title: '非遗等级与技术' },
-  { title: '非遗应用与推广' },
-  { title: '非遗资产衍生商品信息' },
-]
-const loading = ref(false)
-const actionUrl = 'https://value.cdcee.net/api/v1/upload/file'
-const uploadLimit = 10
-const uploadMaxSize = 20 * 1024 * 1024
-const currentStep = ref(0)
-const historyList = ref([])
-const modalForm = reactive({
-  asset_name: '',
-  institution: '',
-  credit_code_or_id: '',
-  industry: null,
-  biz_intro: '',
-  annual_revenue: '',
-  rd_investment: '',
-  three_year_income: [],
-  funding_status: null,
-  sales_volume: '',
-  link_views: '',
-  circulation: null,
-  last_market_activity: null,
-  monthly_transaction: null,
-  price_fluctuation: [],
-  application_maturity: null,
-  application_coverage: null,
-  cooperation_depth: null,
-  offline_activities: '',
-  online_accounts: [],
-  inheritor_level: null,
-  inheritor_age_count: [],
-  inheritor_certificates: [],
-  heritage_level: null,
-  historical_evidence: [],
-  patent_certificates: [],
-  pattern_images: [],
-  patent_application_no: '',
-})
-const modalRules = {
-  asset_name: [
-    {
-      required: true,
-      message: '请输入资产名称',
-      trigger: ['input', 'blur'],
-    },
-  ],
-  institution: [
-    {
-      required: true,
-      message: '请输入所属机构/权利人',
-      trigger: ['input', 'blur'],
-    },
-  ],
-  credit_code_or_id: [
-    {
-      required: true,
-      message: '请输入统一社会信用代码/身份证号',
-      trigger: ['input', 'blur'],
-    },
-  ],
-  biz_intro: [
-    {
-      required: true,
-      message: '请输入业务/传承介绍',
-      trigger: ['input', 'blur'],
-    },
-  ],
-  industry: [
-    {
-      required: true,
-      message: '请选择所属行业',
-      trigger: ['input', 'blur'],
-    },
-  ],
-  annual_revenue: [
-    {
-      required: true,
-      message: '请输入近12个月机构营收',
-      trigger: ['input', 'blur'],
-    },
-  ],
-  rd_investment: [
-    {
-      required: true,
-      message: '请输入近12个月机构研发投入',
-      trigger: ['input', 'blur'],
-    },
-  ],
-  three_year_income: [
-    {
-      type: 'array',
-      required: true,
-      message: '',
-      trigger: ['input', 'blur'],
-      len: 3,
-      fields: [
-        {
-          required: true,
-          message: '请输入第一年机构收益',
-          trigger: ['input', 'blur'],
-        },
-        {
-          required: true,
-          message: '请输入第二年机构收益',
-          trigger: ['input', 'blur'],
-        },
-        {
-          required: true,
-          message: '请输入第三年机构收益',
-          trigger: ['input', 'blur'],
-        },
-      ],
-    },
-  ],
-  historical_evidence: [
-    {
-      type: 'array',
-      required: true,
-      message: '',
-      trigger: ['input', 'blur'],
-      len: 4,
-      fields: [
-        {
-          required: true,
-          message: '请输入出土实物样本数量',
-          trigger: ['input', 'blur'],
-        },
-        {
-          required: true,
-          message: '请输入古代文献样本数量',
-          trigger: ['input', 'blur'],
-        },
-        {
-          required: true,
-          message: '请输入传承人佐证样本数量',
-          trigger: ['input', 'blur'],
-        },
-        {
-          required: true,
-          message: '请输入现代研究样本数量',
-          trigger: ['input', 'blur'],
-        },
-      ],
-    },
-  ],
-  funding_status: [
-    {
-      required: true,
-      message: '请选择资产受资助情况',
-      trigger: ['input', 'blur'],
-    },
-  ],
-  inheritor_level: [
-    {
-      required: true,
-      message: '请选择非遗传承人等级',
-      trigger: ['input', 'blur'],
-    },
-  ],
-  inheritor_age_count: [
-    {
-      type: 'array',
-      required: true,
-      message: '',
-      trigger: ['input', 'blur'],
-      len: 3,
-      fields: [
-        {
-          required: true,
-          message: '请输入≤50岁传承人数量',
-          trigger: ['input', 'blur'],
-        },
-        {
-          required: true,
-          message: '请输入50-70岁传承人数量',
-          trigger: ['input', 'blur'],
-        },
-        {
-          required: true,
-          message: '请输入≥70岁传承人数量',
-          trigger: ['input', 'blur'],
-        },
-      ],
-    },
-  ],
-  heritage_level: [
-    {
-      required: true,
-      message: '请选择非遗等级',
-      trigger: ['input', 'blur'],
-    },
-  ],
-  application_maturity: [
-    {
-      required: true,
-      message: '请选择非遗资产应用成熟度',
-      trigger: ['input', 'blur'],
-    },
-  ],
-  application_coverage: [
-    {
-      required: true,
-      message: '请选择非遗资产应用覆盖范围',
-      trigger: ['input', 'blur'],
-    },
-  ],
-  cooperation_depth: [
-    {
-      required: true,
-      message: '请选择非遗资产跨界合作深度',
-      trigger: ['input', 'blur'],
-    },
-  ],
-  offline_activities: [
-    {
-      required: true,
-      message: '请输入近12个月线下相关宣讲活动次数',
-      trigger: ['input', 'blur'],
-    },
-  ],
-  online_accounts: [
-    {
-      type: 'array',
-      required: true,
-      message: '',
-      trigger: ['input', 'blur'],
-      len: 5,
-      fields: [
-        {
-          required: true,
-          message: '请选择线上相关宣传账号信息',
-          trigger: ['input', 'blur'],
-        },
-        {
-          required: true,
-          message: '请输入账号',
-          trigger: ['input', 'blur'],
-        },
-        {
-          required: true,
-          message: '请输入账号点赞量',
-          trigger: ['input', 'blur'],
-        },
-        {
-          required: true,
-          message: '请输入账号评论量',
-          trigger: ['input', 'blur'],
-        },
-        {
-          required: true,
-          message: '请输入账号分享量',
-          trigger: ['input', 'blur'],
-        },
-      ],
-    },
-  ],
-  sales_volume: [
-    {
-      required: true,
-      message: '请输入该商品近12个月销售量',
-      trigger: ['input', 'blur'],
-    },
-  ],
-  link_views: [
-    {
-      required: true,
-      message: '请输入该商品近12个月的链接浏览量',
-      trigger: ['input', 'blur'],
-    },
-  ],
-  circulation: [
-    {
-      required: true,
-      message: '请选择该商品的发行量',
-      trigger: ['input', 'blur'],
-    },
-  ],
-  last_market_activity: [
-    {
-      required: true,
-      message: '请选择该商品最近一次市场活动时间',
-      trigger: ['input', 'blur'],
-    },
-  ],
-  monthly_transaction: [
-    {
-      required: true,
-      message: '请选择月交易额',
-      trigger: ['input', 'blur'],
-    },
-  ],
-  price_fluctuation: [
-    {
-      type: 'array',
-      required: true,
-      message: '',
-      trigger: ['input', 'blur'],
-      len: 2,
-      fields: [
-        {
-          required: true,
-          message: '请输入最高价',
-          trigger: ['input', 'blur'],
-        },
-        {
-          required: true,
-          message: '请输入最低价',
-          trigger: ['input', 'blur'],
-        },
-      ],
-    },
-  ],
-}
-const industryOptions = ref([])
-const fundingOptions = [
-  {
-    label: '国家级资助',
-    value: '0',
-  },
-  {
-    label: '省级资助',
-    value: '1',
-  },
-  {
-    label: '无资助',
-    value: '2',
-  },
-]
-const fundingOptions2 = [
-  {
-    label: '国家级传承人',
-    value: '0',
-  },
-  {
-    label: '省级传承人',
-    value: '1',
-  },
-  {
-    label: '市级传承人及以下',
-    value: '2',
-  },
-]
-const circulationOptions = [
-  {
-    label: '孤品：全球唯一，不可复制（如特定版权、唯一实物）',
-    value: '孤品：全球唯一，不可复制（如特定版权、唯一实物）',
-  },
-  {
-    label: '限量：总发行份数 ≤100份',
-    value: '限量：总发行份数 ≤100份',
-  },
-  {
-    label: '稀有：总发行份数∈[100, 1000]份，或二级市场流通率 < 5%',
-    value: '稀有：总发行份数∈[100, 1000]份，或二级市场流通率 < 5%',
-  },
-  {
-    label: '流通：总发行份数 >1000份，或二级市场流通率 ≥ 5%',
-    value: '流通：总发行份数 >1000份，或二级市场流通率 ≥ 5%',
-  },
-]
-const activityOptions = [
-  {
-    label: '近一周',
-    value: '0',
-  },
-  {
-    label: '近一月',
-    value: '1',
-  },
-  {
-    label: '近一年',
-    value: '2',
-  },
-  {
-    label: '其他',
-    value: '3',
-  },
-]
-const transactionOptions = [
-  {
-    label: '月交易额<100万元',
-    value: '0',
-  },
-  {
-    label: '月交易额＞100万＜500万',
-    value: '1',
-  },
-  {
-    label: '月交易额≥500万',
-    value: '2',
-  },
-]
-const maturityOptions = [
-  {
-    label: '成熟应用',
-    value: '0',
-  },
-  {
-    label: '推广阶段',
-    value: '1',
-  },
-  {
-    label: '试点阶段',
-    value: '2',
-  },
-]
-const depthOptions = [
-  {
-    label: '无',
-    value: '0',
-  },
-  {
-    label: '品牌联名',
-    value: '1',
-  },
-  {
-    label: '科技载体',
-    value: '2',
-  },
-  {
-    label: '国家外交礼品',
-    value: '3',
-  },
-]
-const coverageOptions = [
-  {
-    label: '全球覆盖',
-    value: '0',
-  },
-  {
-    label: '全国覆盖',
-    value: '1',
-  },
-  {
-    label: '区域覆盖',
-    value: '2',
-  },
-]
-const accountsOptions = [
-  {
-    label: 'b站',
-    value: '0',
-  },
-  {
-    label: '抖音',
-    value: '1',
-  },
-  {
-    label: '快手',
-    value: '2',
-  },
-  {
-    label: '其他',
-    value: '3',
-  },
-]
-const heritageOptions = [
-  {
-    label: '国家级非遗',
-    value: '0',
-  },
-  {
-    label: '省级非遗',
-    value: '1',
-  },
-  {
-    label: '纳入《国家文化数字化战略清单》',
-    value: '2',
-  },
-  {
-    label: '无',
-    value: '3',
-  },
-]
-
-const handleFinish1 = (file) => {
-  let response = JSON.parse(file.event.target.response)
-  modalForm.patent_certificates.push({ url: response.data.url, id: file.file.batchId })
-}
-const handleFinish2 = (file) => {
-  let response = JSON.parse(file.event.target.response)
-  modalForm.pattern_images.push({ url: response.data.url, id: file.file.batchId })
-}
-const handleFinish3 = (file) => {
-  let response = JSON.parse(file.event.target.response)
-  modalForm.inheritor_certificates.push({ url: response.data.url, id: file.file.batchId })
-}
-type UploadKey = 'inheritor_certificates' | 'patent_certificates' | 'pattern_images'
-const handleBeforeUpload = (options: any, key: UploadKey) => {
-  const map: Record<UploadKey, any[]> = {
-    inheritor_certificates: modalForm.inheritor_certificates,
-    patent_certificates: modalForm.patent_certificates,
-    pattern_images: modalForm.pattern_images,
-  }
-  const currentList = map[key] || []
-  if (currentList.length >= uploadLimit) {
-    message.error(`最多上传${uploadLimit}张`)
-    return false
-  }
-  const size = options?.file?.file?.size || 0
-  if (size > uploadMaxSize) {
-    message.error('单张文件大小不能超过20M')
-    return false
-  }
-  return true
-}
-const delete1 = (file) => {
-  const index = modalForm.patent_certificates.findIndex((item) => item.id === file.file.batchId)
-  if (index !== -1) {
-    modalForm.patent_certificates.splice(index, 1)
-  }
-}
-const delete2 = (file) => {
-  const index = modalForm.pattern_images.findIndex((item) => item.id === file.file.batchId)
-  if (index !== -1) {
-    modalForm.pattern_images.splice(index, 1)
-  }
-}
-const delete3 = (file) => {
-  const index = modalForm.inheritor_certificates.findIndex((item) => item.id === file.file.batchId)
-  if (index !== -1) {
-    modalForm.inheritor_certificates.splice(index, 1)
-  }
-}
-const previousStep = () => {
-  console.log(modalForm)
-  currentStep.value--
-}
-
-import { useRouter, useRoute } from 'vue-router'
-import { unref } from 'vue'
-
-const router = useRouter()
-const route = useRoute()
-
-const navToLogin = () => {
-  userStore.logout()
-}
-const nextStep = () => {
-  console.log(modalForm)
-  if (loading.value) {
-    return
-  }
-  modalFormRef.value?.validate((errors) => {
-    if (!errors) {
-      if (currentStep.value < 4) {
-        currentStep.value++
-        return
-      }
-      openSubmitConfirm()
-    } else {
-      message.error('请完善表单')
-    }
+  import type { FormInst, FormItemRule, FormRules } from 'naive-ui'
+  import StepProgressBar from './components/StepProgressBar.vue'
+  import AppHeader from '@/components/AppHeader.vue'
+  import api from '@/api'
+  import { ref, reactive, onMounted } from 'vue'
+  import { useMessage, useDialog } from 'naive-ui'
+  import backgroundImg from '@/assets/images/background.png'
+  import backgroundImg1 from '@/assets/images/bgc.png'
+  import backgroundImg2 from '@/assets/images/bgy.png'
+  import backgroundImg3 from '@/assets/images/bgg.png'
+  import backgroundImg4 from '@/assets/images/circleg.png'
+  import backgroundImg5 from '@/assets/images/circley.png'
+  import backgroundImg6 from '@/assets/images/circlec.png'
+  const status = ref('create')
+  const pageLoading = ref(false) // 页面初始化 loading 状态
+  const message = useMessage()
+  const modalFormRef = ref < FormInst | null > (null)
+  const isSelected = ref < Number | null > (null)
+  const steps = [
+    { title: '基础信息' },
+    { title: '财务状况' },
+    { title: '非遗等级与技术' },
+    { title: '非遗应用与推广' },
+    { title: '非遗资产衍生商品信息' },
+  ]
+  const loading = ref(false)
+  const actionUrl = 'https://value.cdcee.net/api/v1/upload/file'
+  const uploadLimit = 10
+  const uploadMaxSize = 20 * 1024 * 1024
+  const currentStep = ref(0)
+  const historyList = ref([])
+  const modalForm = reactive({
+    asset_name: '',
+    institution: '',
+    credit_code_or_id: '',
+    industry: null,
+    biz_intro: '',
+    annual_revenue: '',
+    rd_investment: '',
+    three_year_income: [],
+    funding_status: null,
+    sales_volume: '',
+    link_views: '',
+    circulation: null,
+    last_market_activity: null,
+    monthly_transaction: null,
+    price_fluctuation: [],
+    application_maturity: null,
+    application_coverage: null,
+    cooperation_depth: null,
+    offline_activities: '',
+    online_accounts: [],
+    inheritor_level: null,
+    inheritor_age_count: [],
+    inheritor_certificates: [],
+    heritage_level: null,
+    historical_evidence: [],
+    patent_certificates: [],
+    pattern_images: [],
+    patent_application_no: '',
   })
-}
-const submit = () => {
-  const data = {
-    ...modalForm,
-    industry: industryOptions.value.find((item) => item.value === modalForm.industry).label,
-    funding_status: fundingOptions.find((item) => item.value === modalForm.funding_status).label,
-    inheritor_level: fundingOptions2.find((item) => item.value === modalForm.inheritor_level).label,
-    // "inheritor_ages": [60, 42, 35],  # 传承人年龄
-    inheritor_certificates: modalForm.inheritor_certificates.map((item) => item.url),
-    heritage_asset_level: heritageOptions.find((item) => item.value === modalForm.heritage_level)
-      .label,
-    inheritor_ages: [
-      modalForm.inheritor_age_count[0] - 0,
-      modalForm.inheritor_age_count[1] - 0,
-      modalForm.inheritor_age_count[2] - 0,
-    ],
-    historical_evidence: {
-      artifacts: modalForm.historical_evidence[0],
-      ancient_literature: modalForm.historical_evidence[1],
-      inheritor_testimony: modalForm.historical_evidence[2],
-      modern_research: modalForm.historical_evidence[3],
-    },
-    patent_certificates: modalForm.patent_certificates.map((item) => item.url),
-    pattern_images: modalForm.pattern_images.map((item) => item.url),
-    implementation_stage: maturityOptions.find(
-      (item) => item.value === modalForm.application_maturity
-    ).label,
-    coverage_area: coverageOptions.find((item) => item.value === modalForm.application_coverage)
-      .label,
-    collaboration_type: depthOptions.find((item) => item.value === modalForm.cooperation_depth)
-      ?.label,
-    scarcity_level: circulationOptions.find((item) => item.value === modalForm.circulation).label,
-    market_activity_time: activityOptions.find(
-      (item) => item.value === modalForm.last_market_activity
-    ).label,
-    price_fluctuation: [modalForm.price_fluctuation[0] - 0, modalForm.price_fluctuation[1] - 0],
-    monthly_transaction_amount: transactionOptions.find(
-      (item) => item.value === modalForm.monthly_transaction
-    ).label,
-    platform_accounts: {},
-  }
-  if (modalForm.online_accounts[0] == '0') {
-    data.platform_accounts = {
-      bilibili: {
-        account: modalForm.online_accounts[1],
-        likes: modalForm.online_accounts[2],
-        comments: modalForm.online_accounts[3],
-        shares: modalForm.online_accounts[4],
-      },
-    }
-  } else if (modalForm.online_accounts[0] == '1') {
-    data.platform_accounts = {
-      douyin: {
-        account: modalForm.online_accounts[1],
-        likes: modalForm.online_accounts[2],
-        comments: modalForm.online_accounts[3],
-        shares: modalForm.online_accounts[4],
-      },
-    }
-  } else if (modalForm.online_accounts[0] == '2') {
-    data.platform_accounts = {
-      kuaishou: {
-        account: modalForm.online_accounts[1],
-        likes: modalForm.online_accounts[2],
-        comments: modalForm.online_accounts[3],
-        shares: modalForm.online_accounts[4],
-      },
-    }
-  } else if (modalForm.online_accounts[0] == '3') {
-    data.platform_accounts = {
-      qita: {
-        account: modalForm.online_accounts[1],
-        likes: modalForm.online_accounts[2],
-        comments: modalForm.online_accounts[3],
-        shares: modalForm.online_accounts[4],
-      },
-    }
-  }
-  data.inheritor_age_count = data.inheritor_ages
-  message.success('正在评估中，请前往历史记录查看')
-  loading.value = true
-  api.valuations(data).then((res) => {
-    loading.value = false
-    getHistoryList()
-    message.success('评估完成 将于7个工作日内生成报告与证书 以短信形式通知')
-    router.push('/user-center')
-    // status.value = 'success'
-    // setTimeout(() => {
-    //   window.location.reload()
-    // }, 1000)
-  })
-}
-const getHistoryList = () => {
-  const params = {
-    page: 1,
-    page_size: 99,
-  }
-  return api.getHistoryList(params).then((res) => {
-    const list = res?.data?.items ?? res?.data?.results ?? res?.results ?? []
-    historyList.value = Array.isArray(list) ? list : []
-    return res
-  })
-}
-const selectedObj = ref({
-  calculation_result: '',
-})
-
-const selectTimeBox = (item) => {
-  isSelected.value = item.id
-  status.value = item.status
-  selectedObj.value = item
-  if (item.status == 'success') {
-    setTimeout(() => {
-      getEcharts(economy.value, 75, '#16CEB9', '#6648FF')
-      getEcharts(culture.value, 50, '#ffdd00', '#ffbb05')
-      getEcharts(risk.value, 5, '#5ad775', '#2fab43')
-    }, 0)
-  }
-}
-
-async function retry() {
-  try {
-    const res = await api.userQuota()
-    if (res && res.data && res.data.remaining_count > 0) {
-      status.value = 'create'
-    } else {
-      $message.error('剩余评估次数不足！')
-      router.push('/user-center/transfer')
-    }
-  } catch (err) {
-    console.log(err)
-  }
-}
-const dialog = useDialog()
-const openSubmitConfirm = () => {
-  dialog.warning({
-    title: '提示',
-    content: '提交后将消耗评估次数，确认提交？',
-    positiveText: '确认',
-    negativeText: '取消',
-    onPositiveClick: () => submit(),
-  })
-}
-const deleteValuations = (item) => {
-  dialog.warning({
-    title: '确认删除',
-    content: '是否确认删除记录？',
-    positiveText: '确定',
-    negativeText: '取消',
-    draggable: true,
-    onPositiveClick: () => {
-      api.deleteValuations(item).then(() => {
-        message.success('删除成功')
-        getHistoryList()
-        status.value = 'create'
-      })
-    },
-  })
-}
-import * as echarts from 'echarts'
-import type { ECharts, EChartsOption } from 'echarts'
-import { useUserStore } from '@/store'
-const userStore = useUserStore()
-const economy = ref<HTMLDivElement | null>(null)
-const culture = ref<HTMLDivElement | null>(null)
-const risk = ref<HTMLDivElement | null>(null)
-// 存储ECharts实例
-const chartInstance = ref<ECharts | null>(null)
-
-const getEcharts = (item, value, color1, color2) => {
-  if (!item) return
-  // 创建实例
-  chartInstance.value = echarts.init(item)
-  // 定义半圆形进度环配置
-  const chartOptions = ref<EChartsOption>({
-    title: [
+  const modalRules = {
+    asset_name: [
       {
-        text: '综合评估',
-        top: '80%',
-        left: '36%',
-        textStyle: {
-          color: '#909399',
-          fontSize: 13,
-          fontWeight: 100,
-        },
-      },
-      {
-        text: value < 10 ? '0' + value : value,
-        top: '45%',
-        left: '40%',
-        textStyle: {
-          fontSize: '26',
-          color: '#000',
-          fontFamily: 'DINAlternate-Bold, DINAlternate',
-          fontWeight: 800,
-        },
+        required: true,
+        message: '请输入资产名称',
+        trigger: ['input', 'blur'],
       },
     ],
-    polar: {
-      radius: ['132%', '165%'],
-      center: ['50%', '90%'],
-    },
-    angleAxis: {
-      max: 100,
-      show: false,
-      startAngle: 180,
-      endAngle: 0,
-      min: 0,
-      type: 'value',
-    },
-    radiusAxis: {
-      type: 'category',
-      show: false,
-      data: [''],
-    },
-    series: [
+    institution: [
       {
-        name: '进度',
-        type: 'bar',
-        roundCap: true,
-        barWidth: 90,
-        data: [
+        required: true,
+        message: '请输入所属机构/权利人',
+        trigger: ['input', 'blur'],
+      },
+    ],
+    credit_code_or_id: [
+      {
+        required: true,
+        message: '请输入统一社会信用代码/身份证号',
+        trigger: ['input', 'blur'],
+      },
+    ],
+    biz_intro: [
+      {
+        required: true,
+        message: '请输入业务/传承介绍',
+        trigger: ['input', 'blur'],
+      },
+    ],
+    industry: [
+      {
+        required: true,
+        message: '请选择所属行业',
+        trigger: ['input', 'blur'],
+      },
+    ],
+    annual_revenue: [
+      {
+        required: true,
+        message: '请输入近12个月机构营收',
+        trigger: ['input', 'blur'],
+      },
+    ],
+    rd_investment: [
+      {
+        required: true,
+        message: '请输入近12个月机构研发投入',
+        trigger: ['input', 'blur'],
+      },
+    ],
+    three_year_income: [
+      {
+        type: 'array',
+        required: true,
+        message: '',
+        trigger: ['input', 'blur'],
+        len: 3,
+        fields: [
           {
-            value: value,
-            itemStyle: {
-              color: new echarts.graphic.LinearGradient(1, 0, 0, 0, [
-                {
-                  offset: 1,
-                  color: color1,
-                },
-                {
-                  offset: 0,
-                  color: color2,
-                },
-              ]),
-            },
+            required: true,
+            message: '请输入第一年机构收益',
+            trigger: ['input', 'blur'],
+          },
+          {
+            required: true,
+            message: '请输入第二年机构收益',
+            trigger: ['input', 'blur'],
+          },
+          {
+            required: true,
+            message: '请输入第三年机构收益',
+            trigger: ['input', 'blur'],
+          },
+        ],
+      },
+    ],
+    historical_evidence: [
+      {
+        type: 'array',
+        required: true,
+        message: '',
+        trigger: ['input', 'blur'],
+        len: 4,
+        fields: [
+          {
+            required: true,
+            message: '请输入出土实物样本数量',
+            trigger: ['input', 'blur'],
+          },
+          {
+            required: true,
+            message: '请输入古代文献样本数量',
+            trigger: ['input', 'blur'],
+          },
+          {
+            required: true,
+            message: '请输入传承人佐证样本数量',
+            trigger: ['input', 'blur'],
+          },
+          {
+            required: true,
+            message: '请输入现代研究样本数量',
+            trigger: ['input', 'blur'],
+          },
+        ],
+      },
+    ],
+    funding_status: [
+      {
+        required: true,
+        message: '请选择资产受资助情况',
+        trigger: ['input', 'blur'],
+      },
+    ],
+    inheritor_level: [
+      {
+        required: true,
+        message: '请选择非遗传承人等级',
+        trigger: ['input', 'blur'],
+      },
+    ],
+    inheritor_age_count: [
+      {
+        type: 'array',
+        required: true,
+        message: '',
+        trigger: ['input', 'blur'],
+        len: 3,
+        fields: [
+          {
+            required: true,
+            message: '请输入≤50岁传承人数量',
+            trigger: ['input', 'blur'],
+          },
+          {
+            required: true,
+            message: '请输入50-70岁传承人数量',
+            trigger: ['input', 'blur'],
+          },
+          {
+            required: true,
+            message: '请输入≥70岁传承人数量',
+            trigger: ['input', 'blur'],
+          },
+        ],
+      },
+    ],
+    heritage_level: [
+      {
+        required: true,
+        message: '请选择非遗等级',
+        trigger: ['input', 'blur'],
+      },
+    ],
+    application_maturity: [
+      {
+        required: true,
+        message: '请选择非遗资产应用成熟度',
+        trigger: ['input', 'blur'],
+      },
+    ],
+    application_coverage: [
+      {
+        required: true,
+        message: '请选择非遗资产应用覆盖范围',
+        trigger: ['input', 'blur'],
+      },
+    ],
+    cooperation_depth: [
+      {
+        required: true,
+        message: '请选择非遗资产跨界合作深度',
+        trigger: ['input', 'blur'],
+      },
+    ],
+    offline_activities: [
+      {
+        required: true,
+        message: '请输入近12个月线下相关宣讲活动次数',
+        trigger: ['input', 'blur'],
+      },
+    ],
+    online_accounts: [
+      {
+        type: 'array',
+        required: true,
+        message: '',
+        trigger: ['input', 'blur'],
+        len: 6,
+        fields: [
+          {
+            required: true,
+            message: '请选择线上相关宣传账号信息',
+            trigger: ['input', 'blur'],
+          },
+          {
+            required: true,
+            message: '请输入账号',
+            trigger: ['input', 'blur'],
+          },
+          {
+            required: true,
+            message: '请输入账号点赞量',
+            trigger: ['input', 'blur'],
+          },
+          {
+            required: true,
+            message: '请输入账号评论量',
+            trigger: ['input', 'blur'],
+          },
+          {
+            required: true,
+            message: '请输入账号分享量',
+            trigger: ['input', 'blur'],
+          },
+          {
+            required: true,
+            message: '请输入近七天点击量',
+            trigger: ['input', 'blur'],
+          },
+        ],
+      },
+    ],
+    sales_volume: [
+      {
+        required: true,
+        message: '请输入该商品近12个月销售量',
+        trigger: ['input', 'blur'],
+      },
+    ],
+    link_views: [
+      {
+        required: true,
+        message: '请输入该商品近12个月的链接浏览量',
+        trigger: ['input', 'blur'],
+      },
+    ],
+    circulation: [
+      {
+        required: true,
+        message: '请选择该商品的发行量',
+        trigger: ['input', 'blur'],
+      },
+    ],
+    last_market_activity: [
+      {
+        required: true,
+        message: '请选择该商品最近一次市场活动时间',
+        trigger: ['input', 'blur'],
+      },
+    ],
+    monthly_transaction: [
+      {
+        required: true,
+        message: '请选择月交易额',
+        trigger: ['input', 'blur'],
+      },
+    ],
+    price_fluctuation: [
+      {
+        type: 'array',
+        required: true,
+        message: '',
+        trigger: ['input', 'blur'],
+        len: 2,
+        fields: [
+          {
+            required: true,
+            message: '请输入最高价',
+            trigger: ['input', 'blur'],
+          },
+          {
+            required: true,
+            message: '请输入最低价',
+            trigger: ['input', 'blur'],
           },
         ],
-        coordinateSystem: 'polar',
       },
     ],
-  })
-  chartInstance.value.setOption(chartOptions.value)
-}
-
-onMounted(async () => {
-  const params = {
-    page: 1,
-    page_size: 99,
   }
-  
-  // 如果有 id 参数,说明是从估值记录进入,需要显示 loading
-  if (route.query.id) {
-    pageLoading.value = true
-  }
-  
-  await getHistoryList()
+  const industryOptions = ref([])
+  const fundingOptions = [
+    {
+      label: '国家级资助',
+      value: '0',
+    },
+    {
+      label: '省级资助',
+      value: '1',
+    },
+    {
+      label: '无资助',
+      value: '2',
+    },
+  ]
+  const fundingOptions2 = [
+    {
+      label: '国家级传承人',
+      value: '0',
+    },
+    {
+      label: '省级传承人',
+      value: '1',
+    },
+    {
+      label: '市级传承人及以下',
+      value: '2',
+    },
+  ]
+  const circulationOptions = [
+    {
+      label: '孤品：全球唯一，不可复制（如特定版权、唯一实物）',
+      value: '孤品：全球唯一，不可复制（如特定版权、唯一实物）',
+    },
+    {
+      label: '限量：总发行份数 ≤100份',
+      value: '限量：总发行份数 ≤100份',
+    },
+    {
+      label: '稀有：总发行份数∈[100, 1000]份，或二级市场流通率 < 5%',
+      value: '稀有：总发行份数∈[100, 1000]份，或二级市场流通率 < 5%',
+    },
+    {
+      label: '流通：总发行份数 >1000份，或二级市场流通率 ≥ 5%',
+      value: '流通：总发行份数 >1000份，或二级市场流通率 ≥ 5%',
+    },
+  ]
+  const activityOptions = [
+    {
+      label: '近一周',
+      value: '0',
+    },
+    {
+      label: '近一月',
+      value: '1',
+    },
+    {
+      label: '近一年',
+      value: '2',
+    },
+    {
+      label: '其他',
+      value: '3',
+    },
+  ]
+  const transactionOptions = [
+    {
+      label: '月交易额<100万元',
+      value: '0',
+    },
+    {
+      label: '月交易额＞100万＜500万',
+      value: '1',
+    },
+    {
+      label: '月交易额≥500万',
+      value: '2',
+    },
+  ]
+  const maturityOptions = [
+    {
+      label: '成熟应用',
+      value: '0',
+    },
+    {
+      label: '推广阶段',
+      value: '1',
+    },
+    {
+      label: '试点阶段',
+      value: '2',
+    },
+  ]
+  const depthOptions = [
+    {
+      label: '无',
+      value: '0',
+    },
+    {
+      label: '品牌联名',
+      value: '1',
+    },
+    {
+      label: '科技载体',
+      value: '2',
+    },
+    {
+      label: '国家外交礼品',
+      value: '3',
+    },
+  ]
+  const coverageOptions = [
+    {
+      label: '全球覆盖',
+      value: '0',
+    },
+    {
+      label: '全国覆盖',
+      value: '1',
+    },
+    {
+      label: '区域覆盖',
+      value: '2',
+    },
+  ]
+  const accountsOptions = [
+    {
+      label: 'b站',
+      value: '0',
+    },
+    {
+      label: '抖音',
+      value: '1',
+    },
+    {
+      label: '快手',
+      value: '2',
+    },
+    {
+      label: '其他',
+      value: '3',
+    },
+  ]
+  const heritageOptions = [
+    {
+      label: '国家级非遗',
+      value: '0',
+    },
+    {
+      label: '省级非遗',
+      value: '1',
+    },
+    {
+      label: '纳入《国家文化数字化战略清单》',
+      value: '2',
+    },
+    {
+      label: '无',
+      value: '3',
+    },
+  ]
 
-  if (route.query.id) {
-    const targetId = Number(route.query.id)
-    const targetItem = historyList.value.find((item) => item.id === targetId)
-    if (targetItem) {
-      selectTimeBox(targetItem)
+  const handleFinish1 = (file) => {
+    let response = JSON.parse(file.event.target.response)
+    modalForm.patent_certificates.push({ url: response.data.url, id: file.file.batchId })
+  }
+  const handleFinish2 = (file) => {
+    let response = JSON.parse(file.event.target.response)
+    modalForm.pattern_images.push({ url: response.data.url, id: file.file.batchId })
+  }
+  const handleFinish3 = (file) => {
+    let response = JSON.parse(file.event.target.response)
+    modalForm.inheritor_certificates.push({ url: response.data.url, id: file.file.batchId })
+  }
+  type UploadKey = 'inheritor_certificates' | 'patent_certificates' | 'pattern_images'
+  const handleBeforeUpload = (options: any, key: UploadKey) => {
+    const map: Record<UploadKey, any[]> = {
+      inheritor_certificates: modalForm.inheritor_certificates,
+      patent_certificates: modalForm.patent_certificates,
+      pattern_images: modalForm.pattern_images,
     }
-    // 数据加载完成,关闭 loading
-    pageLoading.value = false
+    const currentList = map[key] || []
+    if (currentList.length >= uploadLimit) {
+      message.error(`最多上传${uploadLimit}张`)
+      return false
+    }
+    const size = options?.file?.file?.size || 0
+    if (size > uploadMaxSize) {
+      message.error('单张文件大小不能超过20M')
+      return false
+    }
+    return true
   }
-  // 使用await提高可读性
-  const res = await api.getIndustryList(params)
-
-  // 检查响应数据有效性
-  if (!res?.data || !Array.isArray(res.data)) {
-    return
+  const delete1 = (file) => {
+    const index = modalForm.patent_certificates.findIndex((item) => item.id === file.file.batchId)
+    if (index !== -1) {
+      modalForm.patent_certificates.splice(index, 1)
+    }
+  }
+  const delete2 = (file) => {
+    const index = modalForm.pattern_images.findIndex((item) => item.id === file.file.batchId)
+    if (index !== -1) {
+      modalForm.pattern_images.splice(index, 1)
+    }
+  }
+  const delete3 = (file) => {
+    const index = modalForm.inheritor_certificates.findIndex((item) => item.id === file.file.batchId)
+    if (index !== -1) {
+      modalForm.inheritor_certificates.splice(index, 1)
+    }
+  }
+  const previousStep = () => {
+    console.log(modalForm)
+    currentStep.value--
   }
 
-  // 复制原始数据并处理，避免直接修改响应数据
-  industryOptions.value = await res.data.map((element, index) => {
-    // 只处理有名称且索引<=10的元素
-    if (element.name) {
-      return {
-        ...element, // 保留原始属性
-        value: index + '',
-        label: element.name,
+  import { useRouter, useRoute } from 'vue-router'
+  import { unref } from 'vue'
+
+  const router = useRouter()
+  const route = useRoute()
+
+  const navToLogin = () => {
+    userStore.logout()
+  }
+  const nextStep = () => {
+    console.log(modalForm)
+    if (loading.value) {
+      return
+    }
+    modalFormRef.value?.validate((errors) => {
+      if (!errors) {
+        if (currentStep.value < 4) {
+          currentStep.value++
+          return
+        }
+        openSubmitConfirm()
+      } else {
+        message.error('请完善表单')
+      }
+    })
+  }
+  const submit = () => {
+    const data = {
+      ...modalForm,
+      industry: industryOptions.value.find((item) => item.value === modalForm.industry).label,
+      funding_status: fundingOptions.find((item) => item.value === modalForm.funding_status).label,
+      inheritor_level: fundingOptions2.find((item) => item.value === modalForm.inheritor_level).label,
+      // "inheritor_ages": [60, 42, 35],  # 传承人年龄
+      inheritor_certificates: modalForm.inheritor_certificates.map((item) => item.url),
+      heritage_asset_level: heritageOptions.find((item) => item.value === modalForm.heritage_level)
+        .label,
+      inheritor_ages: [
+        modalForm.inheritor_age_count[0] - 0,
+        modalForm.inheritor_age_count[1] - 0,
+        modalForm.inheritor_age_count[2] - 0,
+      ],
+      historical_evidence: {
+        artifacts: modalForm.historical_evidence[0],
+        ancient_literature: modalForm.historical_evidence[1],
+        inheritor_testimony: modalForm.historical_evidence[2],
+        modern_research: modalForm.historical_evidence[3],
+      },
+      patent_certificates: modalForm.patent_certificates.map((item) => item.url),
+      pattern_images: modalForm.pattern_images.map((item) => item.url),
+      implementation_stage: maturityOptions.find(
+        (item) => item.value === modalForm.application_maturity
+      ).label,
+      coverage_area: coverageOptions.find((item) => item.value === modalForm.application_coverage)
+        .label,
+      collaboration_type: depthOptions.find((item) => item.value === modalForm.cooperation_depth)
+        ?.label,
+      scarcity_level: circulationOptions.find((item) => item.value === modalForm.circulation).label,
+      market_activity_time: activityOptions.find(
+        (item) => item.value === modalForm.last_market_activity
+      ).label,
+      price_fluctuation: [modalForm.price_fluctuation[0] - 0, modalForm.price_fluctuation[1] - 0],
+      monthly_transaction_amount: transactionOptions.find(
+        (item) => item.value === modalForm.monthly_transaction
+      ).label,
+      platform_accounts: {},
+    }
+    if (modalForm.online_accounts[0] == '0') {
+      data.platform_accounts = {
+        bilibili: {
+          account: modalForm.online_accounts[1],
+          likes: modalForm.online_accounts[2],
+          comments: modalForm.online_accounts[3],
+          shares: modalForm.online_accounts[4],
+          views: modalForm.online_accounts[5],
+        },
+      }
+    } else if (modalForm.online_accounts[0] == '1') {
+      data.platform_accounts = {
+        douyin: {
+          account: modalForm.online_accounts[1],
+          likes: modalForm.online_accounts[2],
+          comments: modalForm.online_accounts[3],
+          shares: modalForm.online_accounts[4],
+          views: modalForm.online_accounts[5],
+        },
+      }
+    } else if (modalForm.online_accounts[0] == '2') {
+      data.platform_accounts = {
+        kuaishou: {
+          account: modalForm.online_accounts[1],
+          likes: modalForm.online_accounts[2],
+          comments: modalForm.online_accounts[3],
+          shares: modalForm.online_accounts[4],
+          views: modalForm.online_accounts[5],
+        },
+      }
+    } else if (modalForm.online_accounts[0] == '3') {
+      data.platform_accounts = {
+        qita: {
+          account: modalForm.online_accounts[1],
+          likes: modalForm.online_accounts[2],
+          comments: modalForm.online_accounts[3],
+          shares: modalForm.online_accounts[4],
+          views: modalForm.online_accounts[5],
+        },
       }
     }
-    // 对于不满足条件的元素，返回原始值或进行其他处理
-    return element
+    data.inheritor_age_count = data.inheritor_ages
+    message.success('正在评估中，请前往历史记录查看')
+    loading.value = true
+    api.valuations(data).then((res) => {
+      loading.value = false
+      getHistoryList()
+      message.success('评估完成 将于7个工作日内生成报告与证书 以短信形式通知')
+      router.push('/user-center')
+      // status.value = 'success'
+      // setTimeout(() => {
+      //   window.location.reload()
+      // }, 1000)
+    })
+  }
+  const getHistoryList = () => {
+    const params = {
+      page: 1,
+      page_size: 99,
+    }
+    return api.getHistoryList(params).then((res) => {
+      const list = res?.data?.items ?? res?.data?.results ?? res?.results ?? []
+      historyList.value = Array.isArray(list) ? list : []
+      return res
+    })
+  }
+  const selectedObj = ref({
+    calculation_result: '',
+  })
+
+  const selectTimeBox = (item) => {
+    isSelected.value = item.id
+    status.value = item.status
+    selectedObj.value = item
+    if (item.status == 'success') {
+      setTimeout(() => {
+        getEcharts(economy.value, 75, '#16CEB9', '#6648FF')
+        getEcharts(culture.value, 50, '#ffdd00', '#ffbb05')
+        getEcharts(risk.value, 5, '#5ad775', '#2fab43')
+      }, 0)
+    }
+  }
+
+  async function retry() {
+    try {
+      const res = await api.userQuota()
+      if (res && res.data && res.data.remaining_count > 0) {
+        status.value = 'create'
+      } else {
+        $message.error('剩余评估次数不足！')
+        router.push('/user-center/transfer')
+      }
+    } catch (err) {
+      console.log(err)
+    }
+  }
+  const dialog = useDialog()
+  const openSubmitConfirm = () => {
+    dialog.warning({
+      title: '提示',
+      content: '提交后将消耗评估次数，确认提交？',
+      positiveText: '确认',
+      negativeText: '取消',
+      onPositiveClick: () => submit(),
+    })
+  }
+  const deleteValuations = (item) => {
+    dialog.warning({
+      title: '确认删除',
+      content: '是否确认删除记录？',
+      positiveText: '确定',
+      negativeText: '取消',
+      draggable: true,
+      onPositiveClick: () => {
+        api.deleteValuations(item).then(() => {
+          message.success('删除成功')
+          getHistoryList()
+          status.value = 'create'
+        })
+      },
+    })
+  }
+  import * as echarts from 'echarts'
+  import type { ECharts, EChartsOption } from 'echarts'
+  import { useUserStore } from '@/store'
+  const userStore = useUserStore()
+  const economy = ref < HTMLDivElement | null > (null)
+  const culture = ref < HTMLDivElement | null > (null)
+  const risk = ref < HTMLDivElement | null > (null)
+  // 存储ECharts实例
+  const chartInstance = ref < ECharts | null > (null)
+
+  const getEcharts = (item, value, color1, color2) => {
+    if (!item) return
+    // 创建实例
+    chartInstance.value = echarts.init(item)
+    // 定义半圆形进度环配置
+    const chartOptions = ref < EChartsOption > ({
+      title: [
+        {
+          text: '综合评估',
+          top: '80%',
+          left: '36%',
+          textStyle: {
+            color: '#909399',
+            fontSize: 13,
+            fontWeight: 100,
+          },
+        },
+        {
+          text: value < 10 ? '0' + value : value,
+          top: '45%',
+          left: '40%',
+          textStyle: {
+            fontSize: '26',
+            color: '#000',
+            fontFamily: 'DINAlternate-Bold, DINAlternate',
+            fontWeight: 800,
+          },
+        },
+      ],
+      polar: {
+        radius: ['132%', '165%'],
+        center: ['50%', '90%'],
+      },
+      angleAxis: {
+        max: 100,
+        show: false,
+        startAngle: 180,
+        endAngle: 0,
+        min: 0,
+        type: 'value',
+      },
+      radiusAxis: {
+        type: 'category',
+        show: false,
+        data: [''],
+      },
+      series: [
+        {
+          name: '进度',
+          type: 'bar',
+          roundCap: true,
+          barWidth: 90,
+          data: [
+            {
+              value: value,
+              itemStyle: {
+                color: new echarts.graphic.LinearGradient(1, 0, 0, 0, [
+                  {
+                    offset: 1,
+                    color: color1,
+                  },
+                  {
+                    offset: 0,
+                    color: color2,
+                  },
+                ]),
+              },
+            },
+          ],
+          coordinateSystem: 'polar',
+        },
+      ],
+    })
+    chartInstance.value.setOption(chartOptions.value)
+  }
+
+  onMounted(async () => {
+    const params = {
+      page: 1,
+      page_size: 99,
+    }
+
+    // 如果有 id 参数,说明是从估值记录进入,需要显示 loading
+    if (route.query.id) {
+      pageLoading.value = true
+    }
+
+    await getHistoryList()
+
+    if (route.query.id) {
+      const targetId = Number(route.query.id)
+      const targetItem = historyList.value.find((item) => item.id === targetId)
+      if (targetItem) {
+        selectTimeBox(targetItem)
+      }
+      // 数据加载完成,关闭 loading
+      pageLoading.value = false
+    }
+    // 使用await提高可读性
+    const res = await api.getIndustryList(params)
+
+    // 检查响应数据有效性
+    if (!res?.data || !Array.isArray(res.data)) {
+      return
+    }
+
+    // 复制原始数据并处理，避免直接修改响应数据
+    industryOptions.value = await res.data.map((element, index) => {
+      // 只处理有名称且索引<=10的元素
+      if (element.name) {
+        return {
+          ...element, // 保留原始属性
+          value: index + '',
+          label: element.name,
+        }
+      }
+      // 对于不满足条件的元素，返回原始值或进行其他处理
+      return element
+    })
   })
-})
 </script>
 
 <style lang="scss">
-.pages {
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
-    'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
-    'Noto Color Emoji';
-  width: 100%;
-  height: 100vh;
-  overflow-y: auto;
-  display: flex;
-  flex-direction: column;
-  background: #f8f8f8;
-  /* 左侧边栏样式 - 已隐藏 */
-  /* .left {
+  .pages {
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
+      'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
+      'Noto Color Emoji';
+    width: 100%;
+    height: 100vh;
+    overflow-y: auto;
+    display: flex;
+    flex-direction: column;
+    background: #f8f8f8;
+
+    /* 左侧边栏样式 - 已隐藏 */
+    /* .left {
         width: 270px;
         height: 100%;
         background-color: #fff;
     } */
-  .right {
-    flex: 1;
-    margin: 20px auto;
-    max-width: 1200px;
-    width: 95%;
-    background-color: #fff;
-    border-radius: 8px;
-    padding: 20px;
-    display: flex;
-    flex-direction: column;
-    padding-bottom: 60px;
+    .right {
+      flex: 1;
+      margin: 20px auto;
+      max-width: 1200px;
+      width: 95%;
+      background-color: #fff;
+      border-radius: 8px;
+      padding: 20px;
+      display: flex;
+      flex-direction: column;
+      padding-bottom: 60px;
+    }
   }
-}
-.page-header {
-  position: sticky;
-  top: 0;
-  z-index: 10;
-}
-.delete-icon {
-  float: right;
-  transform: translate(0, 2px);
-  width: 16px;
-  height: 16px;
-}
-.timeBox {
-  margin-top: 10px;
-  width: 200px;
-  height: 40px;
-  font-weight: 500;
-  font-size: 14px;
-  color: #303133;
-  line-height: 20px;
-  text-align: left;
-  font-style: normal;
-  padding: 10px 12px;
-  cursor: pointer;
-}
-.timeBox2 {
-  margin-top: 10px;
-  width: 200px;
-  height: 40px;
-  font-weight: 500;
-  font-size: 14px;
-  color: #303133;
-  line-height: 20px;
-  text-align: left;
-  font-style: normal;
-  padding: 10px 12px;
-  cursor: pointer;
-  background-color: #f8f8f8;
-}
 
-.line {
-  margin: auto;
-  margin-top: 40px;
-  width: 900px;
-  height: 1px;
-  background: #eeeeee;
-  border-radius: 4px;
-}
-.form-container {
-  margin: auto;
-  margin-top: 30px;
-  width: 900px;
-  max-width: 100%;
-}
-.form-item {
-  display: inline-block;
-  width: 330px;
-  margin-left: 20px;
-}
-.upload-item {
-  width: 100%;
-}
-.form-title-box {
-  margin: auto;
-  margin-top: 40px;
-  width: 900px;
-}
-.title-left {
-  width: 6px;
-  height: 24px;
-  background: #a30113;
-  border-radius: 4px;
-  display: inline-block;
-  transform: translate(0, 3px);
-}
-.title-form {
-  display: inline-block;
-  font-weight: 500;
-  font-size: 20px;
-  color: #303133;
-  line-height: 20px;
-  text-align: left;
-  font-style: normal;
-  margin-left: 8px;
-}
-.submit-box {
-  width: 900px;
-  margin: auto;
-  margin-top: 60px;
-}
-.submit-btn {
-  display: inline-block;
-  margin-left: 20px;
-  width: 180px;
-  height: 40px;
-  background: #a30113;
-  border-radius: 4px;
-  text-align: center;
-  font-size: 14px;
-  color: #ffffff;
-  line-height: 40px;
-  font-style: normal;
-}
+  .page-header {
+    position: sticky;
+    top: 0;
+    z-index: 10;
+  }
 
-.submit-btn2 {
-  display: inline-block;
-  margin-left: 20px;
-  width: 180px;
-  height: 40px;
-  background: #fff;
-  border-radius: 4px;
-  text-align: center;
-  font-size: 14px;
-  line-height: 14px;
-  font-style: normal;
-  padding-top: 12px;
-  border-radius: 4px;
-  border: 1px solid #bbbbbb;
-}
-.retry {
-  text-align: center;
-  margin: auto;
-  margin-top: 40px;
-  width: 180px;
-  height: 40px;
-  background: #a30113;
-  border-radius: 4px;
-  font-size: 16px;
-  line-height: 40px;
-  color: #ffffff;
-}
+  .delete-icon {
+    float: right;
+    transform: translate(0, 2px);
+    width: 16px;
+    height: 16px;
+  }
 
-.price-container {
-  margin: auto;
-  margin-top: 40px;
-  height: 268px;
-  width: 1010px;
-  padding-top: 79px;
-  /* 使用导入的图片作为背景 */
-  background-image: url(~@/assets/images/background.png);
-  background-size: cover;
-  background-position: center;
-  background-repeat: no-repeat;
-  /* 文本样式 */
-  color: #b5906b; /* 假设白色文本在背景上更清晰 */
-  font-size: 52px;
-  font-weight: bold;
-  text-align: center;
-}
-.credibility-badge {
-  display: inline-flex;
-  align-items: center;
-  gap: 10px;
-  padding: 8px 14px;
-  min-width: 240px;
-  height: 36px;
-  background: linear-gradient(180deg, #f1e4e4 0%, #ead7d7 100%);
-  border-radius: 12px;
-  box-shadow: 0 6px 16px rgba(163, 1, 19, 0.08);
-  color: #4f4f4f;
-  font-size: 14px;
-  font-weight: 500;
-}
-.credibility-label {
-  color: #595959;
-}
-.credibility-stars {
-  display: flex;
-  position: relative;
-  width: 100px;
-  height: 18px;
-  align-items: center;
-}
-.stars-base,
-.stars-fill {
-  font-size: 18px;
-  line-height: 1;
-  letter-spacing: 3px;
-}
-.stars-base {
-  color: #d0d0d0;
-}
-.stars-fill {
-  position: absolute;
-  left: 0;
-  top: 0;
-  color: #a30d15;
-  overflow: hidden;
-  white-space: nowrap;
-}
-.credibility-percent {
-  color: #595959;
-  font-weight: 600;
-  letter-spacing: 0.2px;
-}
-.secondary-badge {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  margin-left: 14px;
-  padding: 8px 14px;
-  min-width: 170px;
-  height: 36px;
-  background: linear-gradient(180deg, #e7ebf3 0%, #dce2ee 100%);
-  border-radius: 12px;
-  box-shadow: 0 6px 16px rgba(22, 93, 255, 0.06);
-  color: #5a5a5a;
-  font-size: 14px;
-  font-weight: 500;
-}
-.score-box {
-  padding: 30px;
-  width: 320px;
-  height: 284px;
-  border-radius: 8px;
-  margin-left: 25px;
-  color: #303133;
-}
-.upload-tip {
-  margin-top: 0;
-  font-size: 12px;
-  color: #9c9c9c;
-}
-.upload-row {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  flex-wrap: wrap;
-  margin-top: 8px;
-}
+  .timeBox {
+    margin-top: 10px;
+    width: 200px;
+    height: 40px;
+    font-weight: 500;
+    font-size: 14px;
+    color: #303133;
+    line-height: 20px;
+    text-align: left;
+    font-style: normal;
+    padding: 10px 12px;
+    cursor: pointer;
+  }
 
-/* 移除number类型输入框的箭头 */
-input[type='number']::-webkit-outer-spin-button,
-input[type='number']::-webkit-inner-spin-button {
-  -webkit-appearance: none;
-  margin: 0;
-}
+  .timeBox2 {
+    margin-top: 10px;
+    width: 200px;
+    height: 40px;
+    font-weight: 500;
+    font-size: 14px;
+    color: #303133;
+    line-height: 20px;
+    text-align: left;
+    font-style: normal;
+    padding: 10px 12px;
+    cursor: pointer;
+    background-color: #f8f8f8;
+  }
+
+  .line {
+    margin: auto;
+    margin-top: 40px;
+    width: 900px;
+    height: 1px;
+    background: #eeeeee;
+    border-radius: 4px;
+  }
+
+  .form-container {
+    margin: auto;
+    margin-top: 30px;
+    width: 900px;
+    max-width: 100%;
+  }
+
+  .form-item {
+    display: inline-block;
+    width: 330px;
+    margin-left: 20px;
+  }
+
+  .upload-item {
+    width: 100%;
+  }
+
+  .form-title-box {
+    margin: auto;
+    margin-top: 40px;
+    width: 900px;
+  }
+
+  .title-left {
+    width: 6px;
+    height: 24px;
+    background: #a30113;
+    border-radius: 4px;
+    display: inline-block;
+    transform: translate(0, 3px);
+  }
+
+  .title-form {
+    display: inline-block;
+    font-weight: 500;
+    font-size: 20px;
+    color: #303133;
+    line-height: 20px;
+    text-align: left;
+    font-style: normal;
+    margin-left: 8px;
+  }
+
+  .submit-box {
+    width: 900px;
+    margin: auto;
+    margin-top: 60px;
+  }
+
+  .submit-btn {
+    display: inline-block;
+    margin-left: 20px;
+    width: 180px;
+    height: 40px;
+    background: #a30113;
+    border-radius: 4px;
+    text-align: center;
+    font-size: 14px;
+    color: #ffffff;
+    line-height: 40px;
+    font-style: normal;
+  }
+
+  .submit-btn2 {
+    display: inline-block;
+    margin-left: 20px;
+    width: 180px;
+    height: 40px;
+    background: #fff;
+    border-radius: 4px;
+    text-align: center;
+    font-size: 14px;
+    line-height: 14px;
+    font-style: normal;
+    padding-top: 12px;
+    border-radius: 4px;
+    border: 1px solid #bbbbbb;
+  }
+
+  .retry {
+    text-align: center;
+    margin: auto;
+    margin-top: 40px;
+    width: 180px;
+    height: 40px;
+    background: #a30113;
+    border-radius: 4px;
+    font-size: 16px;
+    line-height: 40px;
+    color: #ffffff;
+  }
+
+  .price-container {
+    margin: auto;
+    margin-top: 40px;
+    height: 268px;
+    width: 1010px;
+    padding-top: 79px;
+    /* 使用导入的图片作为背景 */
+    background-image: url(~@/assets/images/background.png);
+    background-size: cover;
+    background-position: center;
+    background-repeat: no-repeat;
+    /* 文本样式 */
+    color: #b5906b;
+    /* 假设白色文本在背景上更清晰 */
+    font-size: 52px;
+    font-weight: bold;
+    text-align: center;
+  }
+
+  .credibility-badge {
+    display: inline-flex;
+    align-items: center;
+    gap: 10px;
+    padding: 8px 14px;
+    min-width: 240px;
+    height: 36px;
+    background: linear-gradient(180deg, #f1e4e4 0%, #ead7d7 100%);
+    border-radius: 12px;
+    box-shadow: 0 6px 16px rgba(163, 1, 19, 0.08);
+    color: #4f4f4f;
+    font-size: 14px;
+    font-weight: 500;
+  }
+
+  .credibility-label {
+    color: #595959;
+  }
+
+  .credibility-stars {
+    display: flex;
+    position: relative;
+    width: 100px;
+    height: 18px;
+    align-items: center;
+  }
+
+  .stars-base,
+  .stars-fill {
+    font-size: 18px;
+    line-height: 1;
+    letter-spacing: 3px;
+  }
+
+  .stars-base {
+    color: #d0d0d0;
+  }
+
+  .stars-fill {
+    position: absolute;
+    left: 0;
+    top: 0;
+    color: #a30d15;
+    overflow: hidden;
+    white-space: nowrap;
+  }
+
+  .credibility-percent {
+    color: #595959;
+    font-weight: 600;
+    letter-spacing: 0.2px;
+  }
+
+  .secondary-badge {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    margin-left: 14px;
+    padding: 8px 14px;
+    min-width: 170px;
+    height: 36px;
+    background: linear-gradient(180deg, #e7ebf3 0%, #dce2ee 100%);
+    border-radius: 12px;
+    box-shadow: 0 6px 16px rgba(22, 93, 255, 0.06);
+    color: #5a5a5a;
+    font-size: 14px;
+    font-weight: 500;
+  }
+
+  .score-box {
+    padding: 30px;
+    width: 320px;
+    height: 284px;
+    border-radius: 8px;
+    margin-left: 25px;
+    color: #303133;
+  }
+
+  .upload-tip {
+    margin-top: 0;
+    font-size: 12px;
+    color: #9c9c9c;
+  }
+
+  .upload-row {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    flex-wrap: wrap;
+    margin-top: 8px;
+  }
+
+  /* 移除number类型输入框的箭头 */
+  input[type='number']::-webkit-outer-spin-button,
+  input[type='number']::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+  }
 </style>
 
 <style scoped>
-@keyframes rotate {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}
+  @keyframes rotate {
+    from {
+      transform: rotate(0deg);
+    }
 
-.loading-icon {
-  animation: rotate 2s linear infinite;
-}
-</style>
+    to {
+      transform: rotate(360deg);
+    }
+  }
+
+  .loading-icon {
+    animation: rotate 2s linear infinite;
+  }
+</style>
\ No newline at end of file
diff --git a/web1/src/views/user-center/components/CorporateTransfer.vue b/web1/src/views/user-center/components/CorporateTransfer.vue
index b9eb63c..843aa7c 100644
--- a/web1/src/views/user-center/components/CorporateTransfer.vue
+++ b/web1/src/views/user-center/components/CorporateTransfer.vue
@@ -185,11 +185,7 @@
             </n-form-item>
 
             <div class="btn-container">
-              <button
-                class="primary-btn"
-                :disabled="!isFormValid"
-                @click="handleUploadSubmit"
-              >
+              <button class="primary-btn" :disabled="!isFormValid" @click="handleUploadSubmit">
                 确认上传
               </button>
             </div>
@@ -295,11 +291,7 @@ const message = useMessage()
 
 // 计算表单是否有效
 const isFormValid = computed(() => {
-  return (
-    uploadedFiles.value.length > 0 &&
-    !!formModel.invoiceHeader &&
-    !!formModel.invoiceType
-  )
+  return uploadedFiles.value.length > 0 && !!formModel.invoiceHeader && !!formModel.invoiceType
 })
 
 const handleUploadFinish = ({ file, event }) => {
@@ -384,10 +376,10 @@ defineExpose({
 }
 
 .title-bar {
-  width: 4px;
-  height: 16px;
+  width: 6px;
+  height: 24px;
   background: #a30113;
-  border-radius: 2px;
+  border-radius: 4px;
 }
 
 .title-text {
diff --git a/web1/src/views/user-center/components/InvoiceManagement.vue b/web1/src/views/user-center/components/InvoiceManagement.vue
index 552db0a..bd9ad28 100644
--- a/web1/src/views/user-center/components/InvoiceManagement.vue
+++ b/web1/src/views/user-center/components/InvoiceManagement.vue
@@ -315,10 +315,10 @@ const rowKey = (row) => row.id ?? row.name ?? row.company_name ?? row.taxId ?? r
 }
 
 .title-bar {
-  width: 4px;
-  height: 16px;
+  width: 6px;
+  height: 24px;
   background: #a30113;
-  border-radius: 2px;
+  border-radius: 4px;
 }
 
 .title-text {
diff --git a/web1/src/views/user-center/components/Logout.vue b/web1/src/views/user-center/components/Logout.vue
new file mode 100644
index 0000000..4dc2bc2
--- /dev/null
+++ b/web1/src/views/user-center/components/Logout.vue
@@ -0,0 +1,368 @@
+<template>
+  <div>
+    <div class="header-left">
+      <div class="title-bar"></div>
+      <div class="title-text">账号注销</div>
+    </div>
+    <div v-if="deleteAble" class="logout-container">
+      <!-- 手机号信息 -->
+      <div class="phone-info">当前绑定的手机号码为：{{ maskedPhone }}</div>
+
+      <!-- 验证码输入区域 -->
+      <div class="code-form">
+        <n-form :model="form" :rules="rules" ref="formRef" label-width="100px">
+          <n-form-item label="" prop="code" class="verify-code-item">
+            <!-- 验证码输入框 + 按钮 容器 -->
+            <div class="code-input-wrapper">
+              <n-input
+                v-model:value="form.code"
+                placeholder="手机验证码"
+                maxlength="6"
+                @input="handleCodeInput"
+                class="custom-code-input"
+                :bordered="false"
+              />
+              <n-button
+                class="send-code-btn"
+                text
+                @click="handleSendCode"
+                :disabled="countDown > 0"
+              >
+                {{ countDown > 0 ? `${countDown}s后重新获取` : '获取验证码' }}
+              </n-button>
+            </div>
+          </n-form-item>
+        </n-form>
+      </div>
+
+      <!-- 注销按钮 -->
+      <n-button class="logout-btn" @click="handleLogout" :disabled="!isFormValid"> 确定 </n-button>
+    </div>
+    <div v-else class="logout-container" style="text-align: center">
+      <img src="@/assets/icon/评估完成.png" mode="scaleToFill" class="warn-icon" />
+      <p class="warn-title">无法注销</p>
+      <p class="warn-content">当前有未完成的估值记录/剩余估值次数，无法注销账号</p>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, computed, watch, onUnmounted } from 'vue'
+import { defineProps, defineEmits } from 'vue'
+import { useMessage, useDialog } from 'naive-ui' // 引入 Naive UI 消息/弹窗
+
+// 初始化 Naive UI 消息和弹窗
+const message = useMessage()
+const dialog = useDialog()
+
+// 接收父组件传递的手机号
+const props = defineProps({
+  userPhone: {
+    type: String,
+    required: true,
+  },
+  deleteAble: {
+    type: Boolean,
+    required: true,
+  },
+})
+
+// 定义事件
+const emits = defineEmits(['send-code', 'confirm-logout'])
+
+// 表单引用
+const formRef = ref(null)
+
+// 表单数据
+const form = ref({
+  code: '',
+})
+// 倒计时
+const countDown = ref(0)
+let timer = null
+
+// 手机号脱敏处理
+const maskedPhone = computed(() => {
+  if (!props.userPhone) return ''
+  return `${props.userPhone.slice(0, 3)}****${props.userPhone.slice(7, 11)}`
+})
+
+// 表单验证规则
+const rules = ref({
+  code: [
+    { required: true, message: '请输入验证码', trigger: 'blur' },
+    { len: 6, message: '请输入6位验证码', trigger: 'blur' },
+  ],
+})
+
+// 表单是否有效
+const isFormValid = computed(() => {
+  return props.userPhone && form.value.code.length === 6
+})
+
+// 验证码输入限制
+const handleCodeInput = () => {
+  if (form.value.code.length > 6) {
+    form.value.code = form.value.code.slice(0, 6)
+  }
+}
+
+// 发送验证码
+const handleSendCode = async () => {
+  if (!props.userPhone) {
+    message.warning('手机号不存在，无法发送验证码')
+    return
+  }
+
+  // 调用父组件的发送验证码方法
+  const res = await emits('send-code', props.userPhone)
+  if (res) {
+    // 启动倒计时
+    countDown.value = 60
+    timer = setInterval(() => {
+      countDown.value--
+      if (countDown.value <= 0) {
+        clearInterval(timer)
+        timer = null
+      }
+    }, 1000)
+    message.success('验证码发送成功')
+  }
+}
+
+// 提交注销
+const handleLogout = () => {
+  // 表单验证
+  formRef.value.validate((errors) => {
+    if (!errors) {
+      emits('confirm-logout', {
+        code: form.value.code,
+      })
+    } else {
+      message.warning('请填写正确的6位验证码')
+    }
+  })
+}
+
+// 页面卸载时清除定时器
+watch(
+  () => countDown.value,
+  (val) => {
+    if (val <= 0 && timer) {
+      clearInterval(timer)
+      timer = null
+    }
+  }
+)
+
+// 组件卸载时清除定时器
+onUnmounted(() => {
+  if (timer) {
+    clearInterval(timer)
+  }
+})
+</script>
+
+<style scoped>
+/* 根容器样式 */
+.logout-container {
+  width: 600px;
+  margin: 50px auto;
+  padding: 30px;
+  background: #fff;
+  border-radius: 8px;
+}
+
+/* 标题样式 */
+.logout-title {
+  font-size: 12px;
+  color: #303133;
+  line-height: 12px;
+  text-align: center;
+}
+
+/* 手机号信息样式 */
+.phone-info {
+  font-size: 12px;
+  color: #303133;
+}
+
+/* 表单容器 */
+.code-form {
+  margin-bottom: 40px;
+  margin-top: -20px;
+}
+
+/* 验证码表单项 */
+.verify-code-item {
+  margin-bottom: 0 !important;
+}
+
+/* 验证码输入框 + 按钮 容器（核心布局） */
+.code-input-wrapper {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  height: 42px;
+  gap: 10px; /* 输入框和按钮间距 */
+}
+
+/* 自定义验证码输入框样式 */
+.custom-code-input {
+  flex: 1;
+  height: 100%;
+  border-radius: 4px;
+  border: 1px solid #e5e5e5;
+  font-size: 14px;
+  transition: all 0.3s ease;
+}
+.warn-icon {
+  margin-top: 80px;
+  width: 100px;
+  height: 100px;
+}
+.warn-title {
+  margin-top: 20px;
+  font-size: 20px;
+  color: #000000;
+  font-weight: bold;
+}
+.warn-content {
+  margin-top: 10px;
+  font-size: 14px;
+  color: #999999;
+}
+/* 穿透修改 Naive UI 输入框样式 */
+:deep(.custom-code-input .n-input-wrapper) {
+  height: 100%;
+  padding: 0 10px;
+}
+:deep(.custom-code-input .n-input__input-el) {
+  height: 100%;
+  line-height: 40px;
+  font-size: 14px;
+}
+
+/* 输入框 hover 状态 */
+.custom-code-input:hover {
+  border-color: #a3011380; /* 半透明红 */
+}
+
+/* 输入框 聚焦状态 */
+:deep(.custom-code-input .n-input-wrapper:focus-within) {
+  border-color: #a30113;
+  box-shadow: 0 0 0 2px rgba(163, 1, 19, 0.1);
+  outline: none;
+}
+
+/* 输入框 错误状态 */
+:deep(.n-form-item--error .custom-code-input) {
+  border-color: #d03050;
+}
+:deep(.n-form-item--error .custom-code-input .n-input-wrapper:focus-within) {
+  border-color: #d03050;
+  box-shadow: 0 0 0 2px rgba(208, 48, 80, 0.1);
+}
+
+/* 验证码按钮样式 */
+.send-code-btn {
+  height: 100%;
+  min-width: 120px;
+  padding: 0 15px;
+  border-radius: 4px;
+  color: #a30113;
+  font-size: 14px;
+  transition: all 0.3s ease;
+  white-space: nowrap;
+  background: #a3011332;
+  font-weight: bold;
+}
+
+/* 按钮 hover（非禁用） */
+.send-code-btn:not(:disabled):hover {
+  background: #a3011332;
+  color: #a30113;
+}
+
+/* 按钮 点击态 */
+.send-code-btn:not(:disabled):active {
+  transform: scale(0.98);
+}
+
+/* 按钮 禁用态 */
+.send-code-btn:disabled {
+  opacity: 0.6;
+  cursor: not-allowed;
+}
+
+/* 注销按钮样式 */
+.logout-btn {
+  margin: auto;
+  display: block;
+  width: 100%;
+  height: 48px;
+  font-size: 16px;
+  width: 180px;
+  height: 40px;
+  background: #a30113;
+  border-radius: 4px;
+  border: none;
+  border-radius: 4px;
+  color: #fff;
+  text-align: center;
+}
+
+/* 注销按钮 hover（非禁用） */
+.logout-btn:not(:disabled):hover {
+  background: #a30113;
+  color: #fff;
+}
+
+/* 注销按钮 禁用态 */
+.logout-btn:disabled {
+  cursor: not-allowed;
+  opacity: 0.4;
+}
+.title-bar {
+  width: 6px;
+  height: 24px;
+  background: #a30113;
+  border-radius: 4px;
+}
+
+.title-text {
+  font-size: 16px;
+  font-weight: 600;
+  color: #303133;
+}
+.header-left {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+/* 表单错误提示位置调整 */
+:deep(.n-form-item-feedback-wrapper) {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  padding-top: 2px;
+  line-height: 1;
+}
+
+:deep(.custom-code-input) {
+  /* Chrome/Safari/Edge */
+  input::-webkit-outer-spin-button,
+  input::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+  }
+  /* Firefox */
+  input[type='number'] {
+    -moz-appearance: textfield;
+  }
+}
+:deep(.n-button__content) {
+  justify-content: center;
+}
+</style>
diff --git a/web1/src/views/user-center/components/UserSidebar.vue b/web1/src/views/user-center/components/UserSidebar.vue
index d81d598..3e3cafa 100644
--- a/web1/src/views/user-center/components/UserSidebar.vue
+++ b/web1/src/views/user-center/components/UserSidebar.vue
@@ -6,6 +6,8 @@
       </div>
       <div class="user-phone">{{ userPhone || '18988880000' }}</div>
       <div class="valuation-count">剩余评估次数：{{ valuationCount }}</div>
+
+      <div class="logout-btn" @click="logout">退出登录</div>
     </div>
 
     <div class="menu-list">
@@ -29,24 +31,48 @@
 import iconHistory from '@/assets/icon/估值记录.png'
 import iconTransfer from '@/assets/icon/对公转账.png'
 import iconInvoice from '@/assets/icon/抬头管理.png'
+import iconLogout from '@/assets/icon/iconLogout.png'
+import { useDialog } from 'naive-ui'
+import { useRouter } from 'vue-router'
 
+const router = useRouter()
+const dialog = useDialog()
 defineProps({
   userPhone: String,
   valuationCount: Number,
   currentMenu: String,
-  menuList: Array
+  menuList: Array,
 })
 
 defineEmits(['menu-click'])
 
 function getMenuIcon(id) {
   const iconMap = {
-    'history': iconHistory,
-    'transfer': iconTransfer,
-    'invoice': iconInvoice
+    history: iconHistory,
+    transfer: iconTransfer,
+    invoice: iconInvoice,
+    logout: iconLogout,
   }
   return iconMap[id]
 }
+
+async function logout() {
+  await new Promise((resolve, reject) => {
+    dialog.warning({
+      title: '提示',
+      content: '确认退出登录',
+      positiveText: '确认',
+      negativeText: '取消',
+      onPositiveClick: () => resolve(),
+      onNegativeClick: () => reject('cancel'),
+      onClose: () => reject('cancel'),
+    })
+  })
+  // 清除本地缓存
+  localStorage.removeItem('ACCESS_TOKEN')
+  // 跳转到登录页
+  router.push('/login')
+}
 </script>
 
 <style scoped>
@@ -117,12 +143,12 @@ function getMenuIcon(id) {
 }
 
 .menu-item:hover {
-  background: #F5F7FA;
+  background: #f5f7fa;
 }
 
 .menu-item.active {
-  background: #FFF0F0;
-  color: #A30113;
+  background: #fff0f0;
+  color: #a30113;
   font-weight: 500;
 }
 
@@ -153,6 +179,19 @@ function getMenuIcon(id) {
   font-size: 14px;
 }
 
+.logout-btn {
+  width: 168px;
+  height: 32px;
+  background: #f5f5f5;
+  border-radius: 4px;
+  font-size: 14px;
+  color: #909399;
+  line-height: 32px;
+  text-align: center;
+  margin-top: 20px;
+  cursor: pointer;
+}
+
 @media (max-width: 768px) {
   .sidebar-card {
     width: 100%;
diff --git a/web1/src/views/user-center/components/ValuationHistory.vue b/web1/src/views/user-center/components/ValuationHistory.vue
index 75e15b6..46e7dcc 100644
--- a/web1/src/views/user-center/components/ValuationHistory.vue
+++ b/web1/src/views/user-center/components/ValuationHistory.vue
@@ -217,10 +217,10 @@ onMounted(fetchHistory)
 }
 
 .title-bar {
-  width: 4px;
-  height: 16px;
+  width: 6px;
+  height: 24px;
   background: #a30113;
-  border-radius: 2px;
+  border-radius: 4px;
 }
 
 .title-text {
diff --git a/web1/src/views/user-center/index.vue b/web1/src/views/user-center/index.vue
index d2a823e..502c55d 100644
--- a/web1/src/views/user-center/index.vue
+++ b/web1/src/views/user-center/index.vue
@@ -16,23 +16,19 @@
 
       <!-- 右侧内容区 -->
       <div class="content-area">
-        <!-- 返回按钮 (暂时注释) -->
-        <!-- <div class="back-button" @click="handleBackToHome">
-          <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-            <path d="M15 18L9 12L15 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-          </svg>
-          <span>返回首页</span>
-        </div> -->
-
         <!-- 子路由视图 -->
         <router-view
           :asset-list="assetList"
           :invoice-list="invoiceList"
+          :user-phone="userPhone"
+          :deleteAble="deleteAble"
           @return-home="handleBackToHome"
           @add-invoice="addInvoice"
           @update-invoice="updateInvoice"
           @delete-invoice="deleteInvoice"
           @upload-submit="uploadSubmit"
+          @send-code="sendVerificationCode"
+          @confirm-logout="confirmAccountLogout"
         />
       </div>
     </div>
@@ -40,12 +36,17 @@
 </template>
 
 <script setup>
-import { ref, onMounted, h, watch, computed } from 'vue'
+import { ref, onMounted, computed } from 'vue'
 import { useRouter, useRoute } from 'vue-router'
+import { useMessage, useDialog } from 'naive-ui' // 引入 Naive UI 消息/弹窗
 import api from '@/api'
 import AppHeader from '@/components/AppHeader.vue'
 import UserSidebar from './components/UserSidebar.vue'
 
+// 初始化 Naive UI 消息和弹窗实例
+const message = useMessage()
+const dialog = useDialog()
+
 const router = useRouter()
 const route = useRoute()
 
@@ -55,12 +56,14 @@ const currentMenu = computed(() => {
   if (path.includes('/history')) return 'history'
   if (path.includes('/transfer')) return 'transfer'
   if (path.includes('/invoice')) return 'invoice'
+  if (path.includes('/logout')) return 'logout' // 新增：注销菜单匹配
   return 'history'
 })
 
 // 用户信息
 const userPhone = ref('')
 const valuationCount = ref(0)
+const deleteAble = ref(true)
 
 // 资产列表
 const assetList = ref([])
@@ -68,7 +71,7 @@ const assetList = ref([])
 // 开票列表
 const invoiceList = ref([])
 
-// 菜单列表
+// 菜单列表（新增注销菜单）
 const menuList = ref([
   {
     id: 'history',
@@ -82,6 +85,10 @@ const menuList = ref([
     id: 'invoice',
     label: '抬头管理',
   },
+  {
+    id: 'logout', // 新增：注销账号菜单
+    label: '账号注销',
+  },
 ])
 
 // 返回首页
@@ -91,7 +98,6 @@ function handleBackToHome() {
 
 // 菜单点击
 function handleMenuClick(menu) {
-  // 使用路由导航
   router.push(`/user-center/${menu.id}`)
 }
 
@@ -114,10 +120,12 @@ async function loadData() {
     }
   } catch (error) {
     console.error('加载估值记录失败:', error)
-    $message.error('加载估值记录失败，请稍后重试')
+    // 替换：ElMessage → message
+    message.error('加载估值记录失败，请稍后重试')
   }
 }
-//加载发票抬头列表
+
+// 加载发票抬头列表
 async function loadInvoiceList() {
   try {
     const res = await api.getInvoiceHeaders()
@@ -127,37 +135,43 @@ async function loadInvoiceList() {
   }
 }
 
-//添加发票抬头
+// 添加发票抬头
 async function addInvoice(data) {
   try {
     await api.addInvoiceHeaders(data)
-    $message.success('添加成功')
+    // 替换：ElMessage → message
+    message.success('添加成功')
     loadInvoiceList()
   } catch (error) {
     console.error('新增发票抬头失败:', error)
   }
 }
-//更新发票抬头
+
+// 更新发票抬头
 async function updateInvoice(data) {
   try {
     await api.updateInvoiceHeaders(data)
-    $message.success('编辑成功')
+    // 替换：ElMessage → message
+    message.success('编辑成功')
     loadInvoiceList()
   } catch (error) {
     console.error('更新发票抬头失败:', error)
   }
 }
-//删除发票抬头
+
+// 删除发票抬头
 async function deleteInvoice(data) {
   try {
     await api.deleteInvoiceHeaders(data.id)
-    $message.success('删除成功')
+    // 替换：ElMessage → message
+    message.success('删除成功')
     loadInvoiceList()
   } catch (error) {
     console.error('删除发票抬头失败:', error)
   }
 }
-//上传对公转账凭证
+
+// 上传对公转账凭证
 async function uploadSubmit(data) {
   try {
     console.log('上传对公转账凭证===', data)
@@ -167,6 +181,53 @@ async function uploadSubmit(data) {
   }
 }
 
+// 新增：发送注销验证码
+async function sendVerificationCode(phone) {
+  try {
+    await api.sendVerifyCode({ phone })
+    message.success('验证码已发送，请注意查收')
+    return true
+  } catch (error) {
+    console.error('发送验证码失败:', error)
+    return false
+  }
+}
+
+// 新增：确认注销账号
+async function confirmAccountLogout(formData) {
+  // 替换：ElMessageBox.confirm → dialog.warning
+  await new Promise((resolve, reject) => {
+    dialog.warning({
+      title: '提示',
+      content: '提交后账号将注销，不可撤回，确认注销账户？',
+      positiveText: '确认',
+      negativeText: '取消',
+      onPositiveClick: () => resolve(),
+      onNegativeClick: () => reject('cancel'),
+      onClose: () => reject('cancel'),
+    })
+  })
+
+  // 调用注销接口（传入手机号和验证码）
+  api
+    .deleteAccount({
+      code: formData.code,
+    })
+    .then((res) => {
+      console.log(res, '111111111111111')
+      // 替换：ElMessage → message
+      message.success('账号注销成功')
+      // 清除本地缓存
+      localStorage.removeItem('phone')
+      // 跳转到登录页
+      router.push('/login')
+    })
+    .catch((err) => {
+      console.log(err, '111111111111111')
+      deleteAble.value = false
+    })
+}
+
 onMounted(() => {
   loadData()
   loadInvoiceList()
@@ -200,26 +261,7 @@ onMounted(() => {
   min-height: calc(100vh - 100px); /* Adjust based on header + margin */
   position: relative;
   overflow: hidden; /* Ensure rounded corners */
-}
-
-.back-button {
-  position: absolute;
-  top: 20px;
-  left: 20px;
-  display: inline-flex;
-  align-items: center;
-  gap: 4px;
-  padding: 0;
-  color: #606266;
-  cursor: pointer;
-  transition: all 0.3s ease;
-  font-size: 14px;
-  background: transparent;
-  z-index: 10;
-}
-
-.back-button:hover {
-  color: #a30113;
+  padding: 20px; /* 新增：添加内边距 */
 }
 
 @media (max-width: 1200px) {
@@ -232,9 +274,5 @@ onMounted(() => {
   .main-container {
     flex-direction: column;
   }
-
-  .header {
-    padding: 10px 20px;
-  }
 }
 </style>