收款结算增加 收款总计

src/api/collectionSettlement/index.js

@@ -14,4 +14,12 @@ export function remove(data){
       method:'post',
       params:data
     })
-  }
+  }
+
+export const getSettlementSum = (params) => {
+    return request({
+        url: '/api/blade-sales-part/settlement/getSettlementSum',
+        method: 'get',
+        params: params
+    })
+}

src/views/tirePartsMall/financialManagement/collectionSettlement/index.vue

@@ -22,8 +22,16 @@
           <crop-select v-model="search.corpId" corpType="KH" :refresh="false"></crop-select>
         </template> -->
         <template slot-scope="{type,size,row,$index}" slot="menuLeft">
-          <el-button icon="el-icon-plus" type="primary" :size="size" @click="detailsOpen = true">新增</el-button>
-          <el-button type="warning" icon="el-icon-download" size="small" @click="outExport">导出</el-button>
+            <div style="display: flex;align-items: center;">
+                <el-button icon="el-icon-plus" type="primary" :size="size" @click="detailsOpen = true">新增</el-button>
+                <el-button type="warning" icon="el-icon-download" size="small" @click="outExport">导出</el-button>
+                <div style="display: flex;align-items: center;">
+                    <div class="buttonBox">
+                        <span>代收款总计：</span>
+                        <span>{{ advanceReceipt }}</span>
+                    </div>
+                </div>
+            </div>
         </template>
       </avue-crud>
     </basic-container>
@@ -33,7 +41,7 @@
 
 <script>
 // import {getList, remove} from "@/api/oceanShipping/maritimeExport/index.js";
-import { getList, remove } from "@/api/collectionSettlement/index.js";
+import { getList, remove,getSettlementSum } from "@/api/collectionSettlement/index.js";
 import detailsPage from "./detailsPage"
 import { getToken } from "@/util/auth";
 export default {
@@ -43,6 +51,7 @@ export default {
   },
   data() {
     return {
+        advanceReceipt: 0.0,
       detailsOpen: false,
       loading: false,
       search: {},
@@ -104,7 +113,7 @@ export default {
         //   showColumn: false,
         //   hide: true,
         //   dicUrl: '/api/blade-sales-part/corpsDesc/listAll?corpType=KH',
-        // }, 
+        // },
         {
           label: "客户",
           prop: "corpName",
@@ -348,6 +357,9 @@ export default {
       getList(params).then(res => {
         this.dataList = res.data.data.records
         this.page.total = res.data.data.total
+          getSettlementSum(params).then(sumRes => {
+              this.advanceReceipt = sumRes.data.data
+          })
       }).finally(() => {
         this.loading = false
       })
@@ -379,4 +391,60 @@ export default {
 }
 </script>
 
-<style scoped></style>
+<style scoped>
+.buttonBox {
+    font-size: 12px;
+    color: #909399;
+    margin-left: 10px;
+    border: 1px solid #d3d4d6;
+    border-radius: 3px;
+    padding: 6px 10px;
+    background: #f4f4f5;
+}
+.page-crad ::v-deep .basic-container__card {
+    height: 94.2vh;
+}
+
+::v-deep .el-form-item__error {
+    display: none !important;
+}
+
+::v-deep .el-input-group__append {
+    padding: 0 0px !important;
+}
+
+.el-dialog ::v-deep .el-form-item__error {
+    display: none !important;
+}
+
+.stat-td {
+    text-align: center;
+    position: relative;
+}
+
+.stat-img {
+    width: 95%;
+    height: 100px;
+}
+
+.stat-tip {
+    position: absolute;
+    left: 15px;
+    top: 5px;
+
+    .money {
+        color: #fff;
+        font-size: 28px;
+        text-align: left;
+        font-weight: 600;
+    }
+
+    .title {
+        color: #fff;
+        font-size: 14px;
+        text-align: left;
+        margin-top: 5px;
+        margin-bottom: 0px;
+    }
+}
+</style>