联调接口

src/api/securityFund.js

@@ -7,3 +7,12 @@ export const shopInfo = () => {
     method: 'get'
   })
 }
+
+// 获取交易流水
+export const bondDetail = (params) => {
+  return request({
+    url: '/local/shop/bond/detail',
+    method: 'get',
+    params
+  })
+}

src/views/system/asset/securityFund.vue

@@ -22,25 +22,25 @@
         </div>
         <div style="display: flex; justify-content: space-between; margin-top: 50px;">
           <div style="width: 33%; text-align: center; border-right: 2px solid #E8E7E7;">
-            <div>保证金金额</div>
-            <div style="font-size: 30px; color: #3AA0FF; margin-top: 20px;">￥5000.00</div>
+            <div>保证金余额</div>
+            <div style="font-size: 30px; color: #3AA0FF; margin-top: 20px;">￥{{ getFixed(bond) }}</div>
           </div>
           <div style="width: 33%; text-align: center; border-right: 2px solid #E8E7E7;">
             <div>冻结金额</div>
-            <div style="font-size: 30px; color: #3AA0FF; margin-top: 20px;">￥5000.00</div>
+            <div style="font-size: 30px; color: #3AA0FF; margin-top: 20px;">￥{{ getFixed(frozen_bond) }}</div>
           </div>
           <div style="width: 33%; text-align: center; display: flex; justify-content: center; align-items: flex-end;">
             <div>
               <div>初始应缴</div>
-              <div style="font-size: 30px; color: #3AA0FF; margin-top: 20px;">￥5000.00</div>
+              <div style="font-size: 30px; color: #3AA0FF; margin-top: 20px;">￥{{ getFixed(cate_bond) }}</div>
             </div>
             <div style="padding: 6px 0 6px 10px; cursor: pointer;" class="desc" @click="limitDialog = true">【保证金额度说明】</div>
             <div style="padding: 6px 0; cursor: pointer;" class="desc" @click="ruleDialog = true">【保证金扣减说明】</div>
           </div>
         </div>
         <div style="text-align: center; margin-top: 50px; width: 100%;">
-          <el-button type="primary" size="mini" style="width: 80px;" @click="payDialog = true">充值</el-button>
-          <el-button size="mini" style="width: 80px;" @click="cancellationDialog = true">申请退保</el-button>
+          <el-button type="primary" size="mini" style="width: 80px;" @click="payDialog = true" :disabled="bond == cate_bond">充值</el-button>
+          <el-button size="mini" style="width: 80px;" @click="cancellationDialog = true" :disabled="bond == 0">申请退保</el-button>
         </div>
       </div>
       <div class="flowList">
@@ -57,7 +57,7 @@
             label="流水单号"
             >
             <template slot-scope="scope">
-              {{scope.row.receipt_media}}
+              {{ scope.row.sn }}
             </template>
           </el-table-column>
           <el-table-column
@@ -65,7 +65,7 @@
             label="完成时间"
             >
             <template slot-scope="scope">
-              {{scope.row.month}}
+              {{ scope.row.updated_time }}
             </template>
           </el-table-column>
           <el-table-column
@@ -74,19 +74,23 @@
             >
             <template slot-scope="scope">
               <div>
-                {{scope.row.created_time}}
+                {{ scope.row.type == 1 ? '增加' : '减少' }}
               </div>
             </template>
           </el-table-column>
           <el-table-column
             align="center"
-            prop="company_name"
             label="变动金额"
             >
+            <template slot-scope="scope">
+              <div>
+                {{ getFixed(scope.row.money) }}元
+              </div>
+            </template>
           </el-table-column>
           <el-table-column
             align="center"
-            prop="duty_paragraph"
+            prop="explain"
             label="变动说明"
             >
           </el-table-column>
@@ -254,7 +258,7 @@
     >
       <div>
         <el-table
-          :data="tableData"
+          :data="[]"
           tooltip-effect="dark"
           style="width: 100%; margin-top: 10px;"
           >
@@ -307,11 +311,16 @@
 
 <script>
   import { upLoadImg } from '@/api/module/entry';
+  import { shopInfo, bondDetail } from '@/api/securityFund';
+  
   export default {
     data() {
       return {
+        bond: 0, // 保证金金额
+        frozen_bond: 0, // 冻结金额
+        cate_bond: 0, // 初始应缴
         payRadio: '1',
-        isPay: true,
+        isPay: true, // 是否需要缴纳保证金
         isSubmit: false,
         cancellationDialog: false,
         ruleDialog: false,
@@ -322,11 +331,7 @@
         currentPage: 1,
         pageSize: 20,
         total: 0,
-        tableData: [
-          {company_name: 11},
-          {company_name: 11},
-          {company_name: 11},
-        ],
+        tableData: [],
         ruleFormdialogLogo: [],  // 汇款凭证
         dialogVisibleLogo: false,
         dialogImageLogo: '',
@@ -335,7 +340,39 @@
         ]
       }
     },
+    mounted() {
+      this.getShopInfo()
+      this.getBondDetail()
+    },
     methods: {
+      // 处理金额
+      getFixed(value) {
+        let data = (value / 100).toFixed(2)
+        return data
+      },
+      // 获取店铺信息
+      getShopInfo() {
+        shopInfo().then(res => {
+          if (res.code == 1) {
+            this.bond = res.data.bond || 0
+            this.frozen_bond = res.data.frozen_bond || 0
+            this.cate_bond = res.data.cate_bond || 0
+            this.isPay = res.data.is_take_bond == 0 ? true : false // 是否需要缴纳保证金 0否 1是
+          }
+        })
+      },
+      // 获取交易流水
+      getBondDetail() {
+        let params = {
+          page: this.currentPage,
+          limit: this.pageSize
+        }
+        bondDetail(params).then(res => {
+          if (res.code == 1) {
+            this.tableData = res.data
+          }
+        })
+      },
       // 提交凭证
       onSubmit() {
         this.payDialog = false
@@ -463,9 +500,11 @@
       },
       handleSizeChange(val) {
         this.pageSize = val
+        this.getBondDetail()
       },
       handleCurrentChange(val) {
         this.currentPage = val
+        this.getBondDetail()
       }
     }
   }