修改应收明细发测试

src/views/financialCenter/receivables.vue

@@ -111,7 +111,7 @@
               :formatter="value => formatCurrency(value)"
               :formatter="value => formatCurrency(value)"
             >
             >
               <template #title>
               <template #title>
-                <div style="display: inline-flex; align-items: center">应入账总金额</div>
+                <div style="display: inline-flex; align-items: center">HKD$应入账总金额</div>
               </template>
               </template>
             </el-statistic>
             </el-statistic>
           </el-col>
           </el-col>
@@ -121,7 +121,7 @@
               :formatter="value => formatCurrency(value)"
               :formatter="value => formatCurrency(value)"
             >
             >
               <template #title>
               <template #title>
-                <div style="display: inline-flex; align-items: center">已入账金额</div>
+                <div style="display: inline-flex; align-items: center">HKD$已入账金额</div>
               </template>
               </template>
             </el-statistic>
             </el-statistic>
           </el-col>
           </el-col>
@@ -131,7 +131,7 @@
               :formatter="value => formatCurrency(value)"
               :formatter="value => formatCurrency(value)"
             >
             >
               <template #title>
               <template #title>
-                <div style="display: inline-flex; align-items: center">待入账金额</div>
+                <div style="display: inline-flex; align-items: center">HKD$待入账金额</div>
               </template>
               </template>
             </el-statistic>
             </el-statistic>
           </el-col>
           </el-col>
@@ -158,7 +158,7 @@
               :formatter="value => formatCurrency(value)"
               :formatter="value => formatCurrency(value)"
             >
             >
               <template #title>
               <template #title>
-                <div style="display: inline-flex; align-items: center">总保费</div>
+                <div style="display: inline-flex; align-items: center">HKD$总保费</div>
               </template>
               </template>
             </el-statistic>
             </el-statistic>
           </el-col>
           </el-col>
@@ -178,6 +178,7 @@
         :data="receivableReportTableData"
         :data="receivableReportTableData"
         border
         border
         style="width: 100%; margin-bottom: 10px; min-height: 300px"
         style="width: 100%; margin-bottom: 10px; min-height: 300px"
+        :row-class-name="getRowClassName"
       >
       >
         <el-table-column
         <el-table-column
           v-for="item in receivableReportItemTableColumns"
           v-for="item in receivableReportItemTableColumns"
@@ -187,7 +188,7 @@
           :width="item.width"
           :width="item.width"
           :formatter="item.formatter"
           :formatter="item.formatter"
         />
         />
-        <el-table-column fixed="right" label="操作" min-width="120">
+        <!-- <el-table-column fixed="right" label="操作" min-width="120">
           <template #default="{ row }">
           <template #default="{ row }">
             <el-popover placement="right" :width="200" trigger="click">
             <el-popover placement="right" :width="200" trigger="click">
               <template #reference>
               <template #reference>
@@ -202,7 +203,7 @@
               </el-menu>
               </el-menu>
             </el-popover>
             </el-popover>
           </template>
           </template>
-        </el-table-column>
+        </el-table-column> -->
       </el-table>
       </el-table>
       <el-pagination
       <el-pagination
         v-model:current-page="detailPageInfo.currentPage"
         v-model:current-page="detailPageInfo.currentPage"
@@ -614,7 +615,7 @@ const getTypeLabel = value => {
 
 
 // 表格操作菜单
 // 表格操作菜单
 const dropdownItems = [
 const dropdownItems = [
-  { label: '入账记录', value: 'entryRecord' },
+  // { label: '入账记录', value: 'entryRecord' },
   { label: '设置状态', value: 'setStatus' },
   { label: '设置状态', value: 'setStatus' },
   { label: '更新数据', value: 'updateData' }
   { label: '更新数据', value: 'updateData' }
 ]
 ]
@@ -1007,7 +1008,7 @@ const receivableReportItemTableColumns = ref([
     prop: 'type',
     prop: 'type',
     label: '是否实收',
     label: '是否实收',
     sortable: true,
     sortable: true,
-    width: '150',
+    width: '80',
     formatter: row => getTypeLabel(row.type) || '-'
     formatter: row => getTypeLabel(row.type) || '-'
   },
   },
   {
   {
@@ -1056,14 +1057,14 @@ const receivableReportItemTableColumns = ref([
     prop: 'commissionPeriod',
     prop: 'commissionPeriod',
     label: '入账期数',
     label: '入账期数',
     sortable: true,
     sortable: true,
-    width: '120',
+    width: '80',
     formatter: row => row.commissionPeriod || '-'
     formatter: row => row.commissionPeriod || '-'
   },
   },
   {
   {
     prop: 'totalPeriod',
     prop: 'totalPeriod',
     label: '入账总期数',
     label: '入账总期数',
     sortable: true,
     sortable: true,
-    width: '120',
+    width: '100',
     formatter: row => row.totalPeriod || '-'
     formatter: row => row.totalPeriod || '-'
   },
   },
   {
   {
@@ -1077,19 +1078,19 @@ const receivableReportItemTableColumns = ref([
     prop: 'commissionDateMonth',
     prop: 'commissionDateMonth',
     label: '入账年月（估）',
     label: '入账年月（估）',
     sortable: true,
     sortable: true,
-    width: '130',
+    width: '120',
     formatter: row => row.commissionDateMonth || '-'
     formatter: row => row.commissionDateMonth || '-'
   },
   },
   {
   {
     prop: 'commissionDate',
     prop: 'commissionDate',
     label: '入账年月（实）',
     label: '入账年月（实）',
     sortable: true,
     sortable: true,
-    width: '130',
+    width: '120',
     formatter: row => row.commissionDate || '-'
     formatter: row => row.commissionDate || '-'
   },
   },
   {
   {
     prop: 'totalRevenueRatio',
     prop: 'totalRevenueRatio',
-    label: '累积已入账比例',
+    label: '累积达成率(%)',
     sortable: true,
     sortable: true,
     width: '130',
     width: '130',
     formatter: row => (row.totalRevenueRatio || 0) + '%' || '-'
     formatter: row => (row.totalRevenueRatio || 0) + '%' || '-'
@@ -1185,7 +1186,7 @@ const receivableReportItemTableColumns = ref([
     prop: 'issueNumber',
     prop: 'issueNumber',
     label: '年期',
     label: '年期',
     sortable: true,
     sortable: true,
-    width: '120',
+    width: '80',
     formatter: row => row.issueNumber || '-'
     formatter: row => row.issueNumber || '-'
   },
   },
   {
   {
@@ -1307,6 +1308,16 @@ const handleCurrentChangeDetailRecord = val => {
   detailPageInfo.value.currentPage = val
   detailPageInfo.value.currentPage = val
   receivedFortuneListData()
   receivedFortuneListData()
 }
 }
+// 定义行类名方法
+const getRowClassName = ({ row }) => {
+  // type == 1 表示“预计”，添加高亮类名
+  return row.type === 1 ? 'estimated-row' : ''
+}
 </script>
 </script>
 
 
-<style scoped lang="scss"></style>
+<style scoped lang="scss">
+/* 使用 :deep 穿透 scoped 样式，保证对 el-table__row 生效 */
+:deep(.estimated-row) {
+  background-color: #f0f9ff; /* 浅蓝色，可根据需要修改 */
+}
+</style>