调整补交模拟接口，调整补交操作按钮开启弹窗的方式

src/mock/fcc/resubmissions.js

     }
 })
 
+Mock.mock(/\/csms\/finance\/balancepayment\/payment/, "post", (options) => {
+    console.log("ope", options);
+    //var pageNo = getparams(options.body, 'pageNo');
+    var pageSize = getparams(options.body, 'pageSize');
+    //console.log(pagenum, pagesize)
+    return {
+        code: 200,
+        message: '请求列表成功！',
+        data: {
+            currentPage: 1,
+            pageCount: 15,
+            pageSize: 1,
+            totalCount: 15,
+            cardBalance:card.cardBalance,
+            cardId: '',
+            handleTime: ''
+        }
+    }
+})
+
 
 const getparams = (option, agrument) => {
     //console.log(JSON.parse(option))

src/views/fancongcong/addsupplyCardBalance/addsupplyCardBalance.vue

       <el-table-column prop="cardchannel" label="卡片所属渠道" />
       <el-table-column label="操作" class="table_btn" width="600px" align="center">
         <template v-slot="scope">
-          <el-tooltip content="卡账正常" placement="top" v-if="scope.row.fee >= 0">
+          <el-tooltip content="卡账正常" placement="top" v-if="cardBalance >= 0">
             <el-button type="primary" disabled>卡账正常</el-button>
           </el-tooltip>
-          <el-tooltip content="全额补交" placement="top" v-if="scope.row.fee < 0">
+          <el-tooltip content="全额补交" placement="top" v-if="cardBalance < 0">
             <el-button type="primary" @click="allBanner">全额补交</el-button>
           </el-tooltip>
           <el-tooltip content="补交明细" placement="top">
-            <el-button type="primary" @click="dialogFormVisibles = true">补交明细</el-button>
+            <el-button type="primary" @click="getquerydetails(scope.row)">补交明细</el-button>
           </el-tooltip>
           <el-tooltip content="卡帐名细" placement="top">
             <el-button type="primary" @click="dialogFormVisible = true">卡帐名细</el-button>
     </el-table>
 
     <div class="page_box">
-      <el-pagination
-        :page-count="pageCount"
-        :current-page="pageNo"
-        layout="prev, pager, next"
-        @update:current-page="pagechange"
-      />
+      <el-pagination :page-count="pageCount" :current-page="pageNo" layout="prev, pager, next"
+        @update:current-page="pagechange" />
     </div>
 
     <el-dialog v-model="dialogFormVisible" title="卡账明细">
         </span>
       </template>
     </el-dialog>
+
+
+    
   </div>
 </template>
 
   },
 ]
 const tableData = ref([
-  {
-    date: '52011750220200003674',
-    name: '100.00',
-    address: '安顺市顺安防雷安全检测站平坝分站',
-    number: '黔通',
-    time: '2021-06-22T12:52:17',
-    type: '已启用',
-    regname: 'xn18096012008',
-    regtime: '2021-06-23T15:08:39',
-  },
+
 ])
 const CardDetil = [
   {
     Money: '0.0元', //金额
   },
 ]
+let cardBalance = ref(-1)
 
 //事件处理
 const onSubmit = () => {
       baseURL: 'http://localhost:8085',
     })
     .then((res: any) => {
-      console.log("卡账",res.data.data.cardBalance)
+      console.log("卡账", res.data.data.cardBalance)
       if (res.data.code == 200) {
-        if(res.data.data.cardBalance <0 ){
-            proxy.$request
-          .post('/csms/finance/balancepayment/querydetails/', data, {
-            baseURL: 'http://localhost:8085',
-          })
-          .then((res: any) => {
-            console.log(res)
-            if (res.data.code == 200) {
-              tableData.value = res.data.data.result
-              pageCount.value = parseInt(res.data.data.pageCount)
-            }
-          })
-          .catch((err: any) => {
-            console.log(err)
-          })
-        }else{
+        cardBalance.value = res.data.data.cardBalance;
+        if (res.data.data.cardBalance < 0) {
+          proxy.$request
+            .post('/csms/finance/balancepayment/querydetails/', data, {
+              baseURL: 'http://localhost:8085',
+            })
+            .then((res: any) => {
+              console.log(res)
+              if (res.data.code == 200) {
+                tableData.value = res.data.data.result
+                pageCount.value = parseInt(res.data.data.pageCount)
+              }
+            })
+            .catch((err: any) => {
+              console.log(err)
+            })
+        } else {
           ElMessage({
-							type: 'success',
-							message: '该卡不需要补交！',
-						})
+            type: 'success',
+            message: '该卡不需要补交！',
+          })
         }
       }
     })
   pageNo.value = el
   search()
 }
+
+const getquerydetails = (row) => {
+  dialogFormVisibles.value = true;
+  proxy.$request.post('/csms/finance/balancepayment/querydetails/', {}, {
+    baseURL: 'http://localhost:8085',
+  })
+    .then((res: any) => {
+      console.log(res)
+      if (res.data.code == 200) {
+
+      }
+    })
+    .catch((err: any) => {
+      console.log(err)
+    })
+}
+
+const getquerydetailes =(row)=>{
+   dialogFormVisible.value = true;
+  proxy.$request.post('/csms/finance/balancepayment/querydetails/', {}, {
+    baseURL: 'http://localhost:8085',
+  })
+    .then((res: any) => {
+      console.log(res)
+      if (res.data.code == 200) {
+
+      }
+    })
+    .catch((err: any) => {
+      console.log(err)
+    })
+}
+
+
+
 </script>
 
 <style lang="scss">