应付总额

src/api/modules/finance.ts

@@ -69,7 +69,8 @@ const financeApi = (axiosInstance: ApiInstance) => ({
 
   //我的付款
     myPaymentList: (data: any) => axiosInstance.post('/amountAuditing/myPayment', data), // 我的付款列表
-
+    //我的付款-应收总额
+    myPaymentTotalWithdrawalAmount: (data: any) => axiosInstance.post('/amountAuditing/myPaymentTotalWithdrawalAmount', data), // 应收总额
     // 应付账款-概览
     getPayableStatistics: (data: any) => axiosInstance.post('userAccount/getPayableStatistics', data), // 总数
     userAccountList: (data: any) => axiosInstance.post('/userAccount/accountList', data), // 列表

src/views/payCredit/myTask.vue

@@ -1,10 +1,10 @@
 <template>
   <PageMain class="vh100">
     <el-tabs v-model="activeName" class="demo-tabs h-full" @tab-click="handleClick">
-      <el-tab-pane :label="`已领取（${total1}）`" name="0" class="h-full">
+      <el-tab-pane  name="0" class="h-full">
         <template #label>
           <el-badge :value="total1">
-            <span>待领取</span>
+            <span>待付款</span>
           </el-badge>
         </template>
         <el-form v-model="queryInfo" label-width="100">
@@ -67,7 +67,12 @@
             @current-change="handleCurrentChange"></el-pagination>
         </div>
       </el-tab-pane>
-      <el-tab-pane :label="`已付款（${total2}）`" name="1" class="h-full">
+      <el-tab-pane  name="1" class="h-full">
+        <template #label>
+          <el-badge :value="total2">
+            <span>已付款</span>
+          </el-badge>
+        </template>
         <el-form v-model="queryInfo" label-width="100">
           <el-row :gutter="20">
             <el-col :span="8">
@@ -103,6 +108,8 @@
             </el-col>
           </el-row>
         </el-form>
+        <p style="font-size: 14px; color: #606266">应付总额：￥30000.00</p>
+
         <el-table :data="firstData2" height="calc(100% - 144px)" style="width: 100%; margin-top: 20px;">
           <el-table-column prop="name" label="业务员"></el-table-column>
           <el-table-column prop="attrType" label="业务员类型">
@@ -129,7 +136,12 @@
             @current-change="handleCurrentChange"></el-pagination>
         </div>
       </el-tab-pane>
-      <el-tab-pane :label="`拒绝付款（${total3}）`" name="2" class="h-full">
+      <el-tab-pane  name="2" class="h-full">
+        <template #label>
+          <el-badge :value="total3">
+            <span>拒绝付款</span>
+          </el-badge>
+        </template>
         <el-form v-model="queryInfo" label-width="100">
           <el-row :gutter="20">
             <el-col :span="8">
@@ -165,6 +177,8 @@
             </el-col>
           </el-row>
         </el-form>
+        <p style="font-size: 14px; color: #606266">应付总额：￥30000.00</p>
+
         <el-table :data="firstData3" height="calc(100% - 144px)" style="width: 100%; margin-top: 20px;">
           <el-table-column prop="name" label="业务员"></el-table-column>
           <el-table-column prop="attrType" label="业务员类型">
@@ -212,7 +226,9 @@ const handleClick = (e) => {
   size.value = 10
   queryInfo.value = {}
   activeName.value = e.props.name
+  console.log(activeName.value)
   initData(activeName.value)
+  getMyPaymentTotalWithdrawalAmount()
 }
 let time1 = ref([])//提现时间
 
@@ -262,11 +278,27 @@ const handleSearch = () => {
   pages.value = 1
   size.value = 10
   initData(activeName.value)
+  getMyPaymentTotalWithdrawalAmount()
+}
+//我的付款-应收总额
+const getMyPaymentTotalWithdrawalAmount = () => {
+  api.financeApi.myPaymentTotalWithdrawalAmount({
+    salesman: queryInfo.value.salesman,
+    attrType: queryInfo.value.attrType,
+    createTimeStart: time1.value?.[0],
+    createTimeEnd: time1.value?.[1],
+    auditingStatus: activeName.value,
+  }).then((res: any) => {
+    if (res.data) {
+      total1.value = res.data
+    }
+  })
 }
 onMounted(() => {
   initData('0')
   initData('1')
   initData('2')
+  getMyPaymentTotalWithdrawalAmount()
 })
 </script>