分润

src/views/dataChart/claimStatistics/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="white pa-3">
-    <StatisticsCard :api="getCustomerClaimStatistics"></StatisticsCard>
+    <StatisticsCard :api="getCustomerClaimStatistics" :assignFn="assignFn"></StatisticsCard>
   </div>
 </template>
 
@@ -16,6 +16,26 @@ export default {
     return {
       getCustomerClaimStatistics
     }
+  },
+  methods: {
+    assignFn (data) {
+      Object.assign(data.series[0], {
+        label: {
+          show: true,
+          formatter: (v) => {
+            return `${v.name}\n\n绩效金额：${v.value} 元`
+          }
+        },
+        breadcrumb: {
+          show: true,
+          left: 'left',
+          top: 'top'
+        }
+      })
+      return {
+        ...data
+      }
+    }
   }
 }
 </script>

src/views/dataChart/components/StatisticsCard.vue

@@ -14,7 +14,8 @@ export default {
     AnalysisChart
   },
   props: {
-    api: Function
+    api: Function,
+    assignFn: Function
   },
   data () {
     return {
@@ -49,6 +50,10 @@ export default {
         const { data } = await this.api({
           ...this.searchValues
         })
+        if (this.assignFn) {
+          this.option = this.assignFn(data)
+          return
+        }
         this.option = data
       } catch (error) {
         this.$message.error(error)

src/views/salary/claim/sharingClaim/index.vue

@@ -14,16 +14,6 @@
     >
       <template #actions="{ row }">
         <m-button type="primary" text @click="onDetails(row)">查看明细</m-button>
-        <!-- <m-button
-          v-if="!majorOrganization"
-          type="primary"
-          text
-          @click="onClaim(row)"
-          :disabled="+row.amount === 0"
-        >
-          分润
-        </m-button>
-        <m-button v-else type="primary" text @click="onClaimByDept(row)" >专业部门分配</m-button> -->
       </template>
     </m-table>
     <SharingClaimDetails ref="sharingClaimDetailsRefs" />
@@ -64,7 +54,7 @@ export default {
         { label: '客户编号', prop: 'customerId', align: 'center', width: 120 },
         { label: '一级科目编码/名称', prop: 'oneLevelSubject' },
         { label: '二级科目编码/名称', prop: 'twoLevelSubject' },
-        { label: '总金额', prop: 'amount' },
+        { label: '总金额', prop: 'residualAmount' },
         // { label: '金额', prop: 'amount' },
         // { label: '员工分润比例', prop: 'employeeProfitSharingRatio', align: 'center', width: 140 },
         { label: '管户层级标识', prop: 'customerLevelIdentifier', width: 140 },

src/views/salary/claim/sharingClaim/sharingClaimDetails.vue

@@ -10,6 +10,7 @@
           <el-descriptions-item label="二级科目编码/名称">{{ itemData.twoLevelSubject }}</el-descriptions-item>
           <el-descriptions-item label="管户层级标识">{{ itemData.customerLevelIdentifier }}</el-descriptions-item>
           <el-descriptions-item label="客户类别标识">{{ itemData.customerCategoryIdentifier }}</el-descriptions-item>
+          <el-descriptions-item label="总金额">{{ itemData.residualAmount }}</el-descriptions-item>
         </el-descriptions>
       </template>
       <template #list>
@@ -74,17 +75,8 @@ export default {
       headers: [
         { label: '统一认证号1', prop: 'unifiedCertificationNumber1', width: 180 },
         { label: '员工姓名1', prop: 'employeeName1', width: 150 },
-        // { label: '机构名称', prop: 'organizationName', sortable: false },
-        // { label: '数据日期', prop: 'dataDate', width: 105 },
-        // { label: '客户编号', prop: 'customerId', align: 'center', width: 105 },
-        // { label: '一级科目编码/名称', prop: 'oneLevelSubject', width: 180 },
-        // { label: '二级科目编码/名称', prop: 'twoLevelSubject', width: 180 },
         { label: '总金额', prop: 'residualAmount', align: 'center', width: 150 },
         { label: '认领比例', prop: 'employeeProfitSharingRatio', align: 'center', width: 150 },
-        // { label: '已分润金额', prop: 'residualAmount', align: 'center', width: 120 },
-        // { label: '已分润比例', prop: 'alreadyDistributedRatio', align: 'center', width: 120 },
-        // { label: '管户层级标识', prop: 'customerLevelIdentifier', width: 140 },
-        // { label: '客户类别标识', prop: 'customerCategoryIdentifier', width: 140 },
         { label: '统一认证号2', prop: 'unifiedCertificationNumber2' },
         { label: '员工姓名2', prop: 'employeeName2' },
         { label: '操作', prop: 'actions', fixed: 'right', width: 180 }