扣回统计页面接口调用

src/api/modules/debit-pay/ledger/static.js

@@ -0,0 +1,14 @@
+import { HcApi } from '../../../request/index'
+//  合同材料
+export default {
+    //扣回统计
+    async deductStatistics(form, msg = true) {
+        return HcApi({
+            url: '/api/blade-meter/middleMeterApply/deductStatistics',
+            method: 'get',
+            params: form,
+        }, msg)
+    },
+ 
+  
+}

src/views/debit-pay/ledgers/datarelate.vue

@@ -151,13 +151,20 @@ const tableData = ref([])
 const getTableData = async () => {
     tableData.value = []
     tableLoading.value = true
-    const { data } = await dataLinkApi.dataLinkPage({
+    const { data, error, code } = await dataLinkApi.dataLinkPage({
         ...searchForm.value,
         contractId: contractId.value,
     })
-    tableData.value = getArrValue(data['records'])
-    searchForm.value.total = data.total || 0
+  
     tableLoading.value = false
+    if (!error && code === 200) {
+        tableData.value = getArrValue(data['records'])
+         searchForm.value.total = data.total || 0
+        
+    } else {
+        tableData.value = []
+        searchForm.value.total = 0
+    }
 }
 
 //关联质检资料

src/views/debit-pay/ledgers/deductstatic.vue

@@ -10,7 +10,7 @@
                     <hc-gradient-card color="purple1">
                         <div class="hc-card-item-sub">
                             <div class="item-sub-title">
-                                ￥50000
+                                ￥{{ infoData?.allMoney || 0 }}
                             </div>
                             <div class="item-sub-num">
                                 <span class="num">总金额</span>
@@ -23,7 +23,7 @@
                     <HcGradientCard color="orange1">
                         <div class="hc-card-item-sub">
                             <div class="item-sub-title">
-                                ￥50000
+                                ￥{{ infoData?.oneDayMoney || 0 }}
                             </div>
                             <div class="item-sub-num">
                                 <span class="num">距离截止日期还剩</span>
@@ -37,7 +37,7 @@
                     <HcGradientCard color="yellow1">
                         <div class="hc-card-item-sub">
                             <div class="item-sub-title">
-                                ￥50000
+                                ￥{{ infoData?.tenDaysMoney || 0 }}
                             </div>
                             <div class="item-sub-num">
                                 <span class="num">距离截止日期还剩</span>
@@ -53,7 +53,7 @@
                     <hc-gradient-card color="green2">
                         <div class="hc-card-item-sub">
                             <div class="item-sub-title">
-                                ￥50000
+                                ￥{{ infoData?.thirtyDaysMoney || 0 }}
                             </div>
                             <div class="item-sub-num">
                                 <span class="num">距离截止日期还剩</span>
@@ -67,7 +67,7 @@
                     <HcGradientCard color="blue2">
                         <div class="hc-card-item-sub">
                             <div class="item-sub-title">
-                                ￥50000
+                                ￥{{ infoData?.sixtyDaysMoney || 0 }}
                             </div>
                             <div class="item-sub-num">
                                 <span class="num">距离截止日期还剩</span>
@@ -81,7 +81,7 @@
                     <HcGradientCard color="red1">
                         <div class="hc-card-item-sub">
                             <div class="item-sub-title">
-                                ￥50000
+                                ￥{{ infoData?.overDateMoney || 0 }}
                             </div>
                             <div class="item-sub-num">
                                 <span class="num">已超过截止日期</span>
@@ -96,7 +96,28 @@
 </template>
 
 <script setup>
-import { ref, watch } from 'vue'
+import { onActivated, ref, watch } from 'vue'
+import staticApi from '~api/debit-pay/ledger/static'
+import { useAppStore } from '~src/store'
+import { getObjValue } from 'js-fast-way'
+const useAppState = useAppStore()
+
+const contractId = ref(useAppState.getContractId || '')
+const infoData = ref({})
+onActivated(()=>{
+    getStaticData()
+})
+const getStaticData = async ()=>{
+    const { error, code, data } = await staticApi.deductStatistics({
+        contractId:contractId.value,
+    })
+    if (!error && code === 200) {
+         infoData.value = getObjValue(data)
+        
+    } else {
+        infoData.value = {}
+    }
+}
 </script>
 
 <style lang='scss' scoped>