Merge branch 'master' of https://gitee.com/dmc_qq/etc-project into master

src/mock/fcc/cancel.js

@@ -19,8 +19,34 @@ let newList = Mock.mock({
   ],
 })
 
+let detilList = Mock.mock({
+  'list|5': [
+    {
+      id: "@increment(1)",
+      //title: '@ctitle',
+      time: '@date(yyyy-MM-dd hh:mm:ss)',
+      //info: '@cparagraph(5,10)',
+      //small: "@dataImage(300x200,电影图片)",
+      cardId:"@id()",
+      "isLink|0-1":1,
+      "type|0-2":1,
+      intoName:"@city()",
+      intoTime:"@date(yyyy-MM-dd hh:mm:ss)",
+      outName:"@city()",
+      outTime:"@date(yyyy-MM-dd hh:mm:ss)",
+      "accountCardBalance|1-200.1-10":1.00,
+      "cancelBalance|1-200.1-10":1.00,
+      "postBalance|1-200.1-10":1.00,
+      "refundBalance|1-200.1-10":1.00,
+      'needByHandle|0-1':0,
+      'status|0-2':0
+    }
+  ],
+})
+
+
 Mock.mock(/\/csms\/cancelServer\/cancelList/,"post", (options) => {
-  console.log("ope",options,'---',newList);
+  //console.log("ope",options,'---',newList);
   //var pageNo = getparams(options.body, 'pageNo');
   var pageSize = getparams(options.body, 'pageSize');
   //console.log(pagenum, pagesize)
@@ -37,10 +63,30 @@ Mock.mock(/\/csms\/cancelServer\/cancelList/,"post", (options) => {
   }
 })
 
+Mock.mock(/\/csms\/cancelServer\/detillList/,"post", (options) => {
+  //console.log("ope",options,'---',newList);
+  //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,
+      result:[...detilList.list],
+      totalCount: 15
+    }
+  }
+})
+
+
+
 Mock.mock(/\/csms\/cancelServer\/agree/,"post", (options) => {
   //var pageNo = getparams(options.body, 'pageNo');
   var id = getparams(options.body, 'id');
-  console.log(id)
+  //console.log(id)
   return {
     code: 200,
     message: '请求列表成功！',

src/mock/fcc/replenishment.js

@@ -0,0 +1,48 @@
+import Mock from "mockjs";
+const Random = Mock.Random;
+const arr = ['蓝色','白色','黄色','白色','绿色']
+let newList = Mock.mock({
+    'list|5': [
+        {
+            id: "@increment(1)",
+            //title: '@ctitle',
+            updat: '@date(yyyy-MM-dd hh:mm:ss)',
+            //info: '@cparagraph(5,10)',
+            small: "@dataImage(300x200,电影图片)",
+            cardId: "@id()",
+            name:"@cname()",
+            cardColor:Random.pick(arr),
+            cardNumber:/^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}(([A-Z0-9]{4}[A-Z0-9挂学警港澳]{1}$)|([0-9]{5}[DF]$)|([DF][A-HJ-NP-Z0-9][0-9]{4}$))/,
+            "accountCardBalance|1-200.1-10": 1.00,
+            "cancelBalance|1-200.1-10": 1.00,
+            "postBalance|1-200.1-10": 1.00,
+            "refundBalance|1-200.1-10": 1.00,
+            'needByHandle|0-1': 0,
+            'status|0-2': 0
+        }
+    ],
+})
+
+
+Mock.mock(/\/csms\/replenishment\/replenishmentList/, "post", (options) => {
+    //console.log("ope",options,'---',newList);
+    //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,
+            result: [...newList.list],
+            totalCount: 15
+        }
+    }
+})
+
+const getparams=(option,agrument)=>{
+    //console.log(JSON.parse(option))
+    return JSON.parse(option);
+  }

src/mock/fcc/resubmissions.js

@@ -0,0 +1,95 @@
+import Mock from "mockjs";
+const Random = Mock.Random;
+const arr = ['黔通', '湘通', '青通'];
+let newList = Mock.mock({
+    'list|5': [
+        {
+            paymentId: "@increment(1)",
+            //title: '@ctitle',
+            paymentDate: '@date(yyyy-MM-dd hh:mm:ss)',
+            paymentTime: '@date(yyyy-MM-dd hh:mm:ss)',
+            //info: '@cparagraph(5,10)',
+            //small: "@dataImage(300x200,电影图片)",
+            cardId: "@id()",
+            //name:"@cname()",
+            cardchannel: Random.pick(arr),
+            //cardNumber:/^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}(([A-Z0-9]{4}[A-Z0-9挂学警港澳]{1}$)|([0-9]{5}[DF]$)|([DF][A-HJ-NP-Z0-9][0-9]{4}$))/,
+            "fee|-1-200.1-10": -1.00,
+            "|1-200.1-10": 1.00,
+            "postBalance|1-200.1-10": 1.00,
+            "refundBalance|1-200.1-10": 1.00,
+            'needByHandle|0-1': 0,
+            'status|0-2': 0
+        }
+    ],
+})
+
+Mock.mock(/\/csms\/finance\/balancepayment\/querydetails/, "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,
+            result: [...newList.list],
+            totalCount: 15
+        }
+    }
+})
+
+
+let card = Mock.mock({
+    "cardBalance|-3-1": -1,
+})
+
+
+Mock.mock(/\/csms\/finance\/balancepayment\/querydetail/, "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: ''
+        }
+    }
+})
+
+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))
+    return JSON.parse(option);
+}

src/mock/index.js

@@ -1,5 +1,7 @@
 import "./fcc/cancel";
 import "./fcc/recharge";
+import "./fcc/replenishment";
+import "./fcc/resubmissions";
 import Mock from "mockjs";
 console.log("拦截")
 Mock.setup({

src/views/fancongcong/addsupplyCardBalance/addsupplyCardBalance.vue

@@ -3,7 +3,7 @@
     <div class="menu">
       <el-form :inline="true" :model="formInline" class="demo-form-inline">
         <el-form-item label="卡号">
-          <el-input v-model="formInline.user" placeholder="卡号"/>
+          <el-input v-model="formInline.cardNumber" placeholder="卡号" />
         </el-form-item>
         <el-form-item>
           <el-button :icon="Search" type="primary">查询</el-button>
@@ -12,69 +12,46 @@
       </el-form>
     </div>
     <el-table :data="tableData" border style="width: 100%" class="table_box" stripe>
-      <el-table-column prop="date" label="卡号" width="100px"/>
-      <el-table-column prop="name" label="需要补交的金额"/>
-      <el-table-column prop="regtime" label="卡账生成时间"/>
-      <el-table-column prop="number" label="卡片所属渠道"/>
+      <el-table-column prop="cardId" label="卡号" width="100px" />
+      <el-table-column prop="fee" label="需要补交的金额" />
+      <el-table-column prop="paymentTime" label="卡账生成时间" />
+      <el-table-column prop="cardchannel" label="卡片所属渠道" />
       <el-table-column label="操作" class="table_btn" width="600px" align="center">
-        <el-tooltip content="卡账正常" placement="top">
-          <el-button type="primary" disabled>卡账正常</el-button>
-        </el-tooltip>
-        <el-tooltip content="全额补交" placement="top">
-          <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-tooltip>
-        <el-tooltip content="卡帐名细" placement="top">
-          <el-button type="primary" @click="dialogFormVisible = true">卡帐名细</el-button>
-        </el-tooltip>
+        <template v-slot="scope">
+          <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="cardBalance < 0">
+            <el-button type="primary" @click="allBanner">全额补交</el-button>
+          </el-tooltip>
+          <el-tooltip content="补交明细" placement="top">
+            <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-tooltip>
+        </template>
       </el-table-column>
     </el-table>
 
     <div class="page_box">
-      <el-pagination :page-size="20" :pager-count="11" layout="prev, pager, next" :total="1000"/>
+      <el-pagination :page-count="pageCount" :current-page="pageNo" layout="prev, pager, next"
+        @update:current-page="pagechange" />
     </div>
 
     <el-dialog v-model="dialogFormVisible" title="卡账明细">
-      <!-- <el-form :model="form">
-				<el-form-item label="当前卡内余额" :label-width="formLabelWidth">
-					<el-input v-model="form.balance" autocomplete="off" disabled />
-				</el-form-item>
-				<el-form-item label="总消费金额" :label-width="formLabelWidth" >
-					<el-input v-model="form.balances" autocomplete="off" disabled/>
-				</el-form-item>
-				<el-form-item label="流水编号" :label-width="formLabelWidth">
-					<el-input v-model="form.number" autocomplete="off" disabled/>
-				</el-form-item>
-				<el-form-item label="入站名" :label-width="formLabelWidth">
-					<el-input v-model="form.intoName" autocomplete="off" disabled/>
-				</el-form-item>
-				<el-form-item label="出站名" :label-width="formLabelWidth">
-					<el-input v-model="form.leaveName" autocomplete="off" disabled/>
-				</el-form-item>
-				<el-form-item label="入站时间" :label-width="formLabelWidth">
-					<el-input v-model="form.intoTime" autocomplete="off" disabled/>
-				</el-form-item>
-				<el-form-item label="出站时间" :label-width="formLabelWidth">
-					<el-input v-model="form.leaveTime" autocomplete="off" disabled />
-				</el-form-item>
-				<el-form-item label="金额" :label-width="formLabelWidth">
-					<el-input v-model="form.Money" autocomplete="off" disabled/>
-				</el-form-item>
-      </el-form>-->
       <el-table :data="CardDetil" style="width: 100%">
-        <el-table-column prop="balance" label="当前卡内余额" width="150"/>
-        <el-table-column prop="balances" label="总消费金额" width="150"/>
-        <el-table-column label>
+        <el-table-column prop="balance" label="当前卡内余额" width="150" />
+        <el-table-column prop="balances" label="总消费金额" width="150" />
+        <el-table-column>
           <el-table-column label="通行明细">
-            <el-table-column prop="number" label="流水编号" width="120"/>
-            <el-table-column prop="intoName" label="进站名" width="120"/>
-            <el-table-column prop="leaveName" label="离站名"/>
-            <el-table-column prop="intoTime" label="进站时间" width="120"/>
-            <el-table-column prop="leaveTime" label="离站时间" width="120"/>
-            <el-table-column prop="licenseNumber" label="车牌号" width="120"/>
-            <el-table-column prop="Money" label="金额" width="120"/>
+            <el-table-column prop="number" label="流水编号" width="120" />
+            <el-table-column prop="intoName" label="进站名" width="120" />
+            <el-table-column prop="leaveName" label="离站名" />
+            <el-table-column prop="intoTime" label="进站时间" width="120" />
+            <el-table-column prop="leaveTime" label="离站时间" width="120" />
+            <el-table-column prop="licenseNumber" label="车牌号" width="120" />
+            <el-table-column prop="Money" label="金额" width="120" />
           </el-table-column>
         </el-table-column>
       </el-table>
@@ -89,16 +66,16 @@
     <el-dialog v-model="dialogFormVisibles" title="补交明细">
       <el-form :model="form">
         <el-form-item label="卡号" :label-width="formLabelWidth">
-          <el-input v-model="form.carNumber" autocomplete="off" disabled/>
+          <el-input v-model="form.carNumber" autocomplete="off" disabled />
         </el-form-item>
         <el-form-item label="金额" :label-width="formLabelWidth">
-          <el-input v-model="form.cardMoney" autocomplete="off" disabled/>
+          <el-input v-model="form.cardMoney" autocomplete="off" disabled />
         </el-form-item>
         <el-form-item label="补交时间" :label-width="formLabelWidth">
-          <el-input v-model="form.CardTime" autocomplete="off" disabled/>
+          <el-input v-model="form.CardTime" autocomplete="off" disabled />
         </el-form-item>
         <el-form-item label="补交编号" :label-width="formLabelWidth">
-          <el-input v-model="form.Cardchannel" autocomplete="off" disabled/>
+          <el-input v-model="form.Cardchannel" autocomplete="off" disabled />
         </el-form-item>
       </el-form>
       <template #footer>
@@ -108,47 +85,54 @@
         </span>
       </template>
     </el-dialog>
+
+
+    
   </div>
 </template>
 
 <script lang="ts" setup>
 //导入模块
 import { Search } from '@element-plus/icons-vue'
-import { reactive, ref } from 'vue'
+import { reactive, ref, getCurrentInstance, onMounted, watch } from 'vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
 
 //变量定义
-const formInline = reactive({
+const { proxy } = getCurrentInstance()
+const formInline = ref({
   user: '',
-  region: ''
+  region: '',
+  cardNumber: '',
 })
 let title = ref('对公账户信息')
+let pageNo = ref(1)
 const options = [
   {
     value: '',
-    label: '全部'
+    label: '全部',
   },
   {
     value: '1',
-    label: '驳回'
+    label: '驳回',
   },
   {
     value: '0',
-    label: '待审核'
+    label: '待审核',
   },
   {
     value: '1',
-    label: '已启用'
+    label: '已启用',
   },
   {
     value: '2',
-    label: '待修改初始密码'
-  }
+    label: '待修改初始密码',
+  },
 ]
 let value1 = ref('')
 let value2 = ref('')
 let value3 = ref('')
 let value4 = ref('')
+let pageCount = ref(1)
 let dialogTableVisible = ref(false)
 let dialogFormVisible = ref(false)
 let dialogFormVisibles = ref(false)
@@ -158,35 +142,35 @@ let form = reactive({
   carNumber: '', //补交卡号
   cardMoney: '', //需要补交的金额
   CardTime: '', //卡账生成时间
-  Cardchannel: '' //补交编号
+  Cardchannel: '', //补交编号
 })
 const optiones = [
   {
     value: '2',
-    label: '2'
+    label: '2',
   },
   {
     value: '6',
-    label: '6'
+    label: '6',
   },
   {
     value: '10',
-    label: '10'
+    label: '10',
   },
   {
     value: '15',
-    label: '15'
+    label: '15',
   },
   {
     value: '30',
-    label: '30'
-  }
+    label: '30',
+  },
 ]
 const defaultTime = new Date(2000, 1, 1, 12, 0, 0)
 const shortcuts = [
   {
     text: 'Today',
-    value: new Date()
+    value: new Date(),
   },
   {
     text: 'Yesterday',
@@ -194,7 +178,7 @@ const shortcuts = [
       const date = new Date()
       date.setTime(date.getTime() - 3600 * 1000 * 24)
       return date
-    }
+    },
   },
   {
     text: 'A week ago',
@@ -202,21 +186,12 @@ const shortcuts = [
       const date = new Date()
       date.setTime(date.getTime() - 3600 * 1000 * 24 * 7)
       return date
-    }
-  }
-]
-const tableData = [
-  {
-    date: '52011750220200003674',
-    name: '100.00',
-    address: '安顺市顺安防雷安全检测站平坝分站',
-    number: '黔通',
-    time: '2021-06-22T12:52:17',
-    type: '已启用',
-    regname: 'xn18096012008',
-    regtime: '2021-06-23T15:08:39'
-  }
+    },
+  },
 ]
+const tableData = ref([
+
+])
 const CardDetil = [
   {
     balance: '-72.98元', //当前卡内余额
@@ -227,7 +202,7 @@ const CardDetil = [
     intoTime: '2020-01-01 09:17:13', //进站时间
     leaveTime: '2020-01-20 00:17:41', //离站时间
     licenseNumber: '贵JTH159', //车牌号
-    Money: '0.0元' //金额
+    Money: '0.0元', //金额
   },
   {
     balance: '-72.98元', //当前卡内余额
@@ -238,7 +213,7 @@ const CardDetil = [
     intoTime: '2020-01-01 09:17:13', //进站时间
     leaveTime: '2020-01-20 00:17:41', //离站时间
     licenseNumber: '贵JTH159', //车牌号
-    Money: '0.0元' //金额
+    Money: '0.0元', //金额
   },
   {
     balance: '-72.98元', //当前卡内余额
@@ -249,7 +224,7 @@ const CardDetil = [
     intoTime: '2020-01-01 09:17:13', //进站时间
     leaveTime: '2020-01-20 00:17:41', //离站时间
     licenseNumber: '贵JTH159', //车牌号
-    Money: '0.0元' //金额
+    Money: '0.0元', //金额
   },
   {
     balance: '-72.98元', //当前卡内余额
@@ -260,7 +235,7 @@ const CardDetil = [
     intoTime: '2020-01-01 09:17:13', //进站时间
     leaveTime: '2020-01-20 00:17:41', //离站时间
     licenseNumber: '贵JTH159', //车牌号
-    Money: '0.0元' //金额
+    Money: '0.0元', //金额
   },
   {
     balance: '-72.98元', //当前卡内余额
@@ -271,9 +246,10 @@ const CardDetil = [
     intoTime: '2020-01-01 09:17:13', //进站时间
     leaveTime: '2020-01-20 00:17:41', //离站时间
     licenseNumber: '贵JTH159', //车牌号
-    Money: '0.0元' //金额
-  }
+    Money: '0.0元', //金额
+  },
 ]
+let cardBalance = ref(-1)
 
 //事件处理
 const onSubmit = () => {
@@ -284,23 +260,107 @@ const allBanner = () => {
   ElMessageBox.confirm('确定全额补交完毕后点击确定', '警告', {
     confirmButtonText: '确定',
     cancelButtonText: '取消',
-    type: 'warning'
+    type: 'warning',
   })
     .then(() => {
       ElMessage({
         type: 'success',
-        message: '操作成功！'
+        message: '操作成功！',
       })
     })
     .catch(() => {
       ElMessage({
         type: '取消',
-        message: '已取消'
+        message: '已取消',
       })
     })
 }
 
 onSubmit()
+
+onMounted(() => {
+  search()
+})
+
+const search = () => {
+  let data = {}
+  formInline.value.cardNumber != '' ? (data['cardId'] = formInline.value.cardNumber) : ''
+  proxy.$request
+    .post('/csms/finance/balancepayment/querydetail/', data, {
+      baseURL: 'http://localhost:8085',
+    })
+    .then((res: any) => {
+      console.log("卡账", res.data.data.cardBalance)
+      if (res.data.code == 200) {
+        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: '该卡不需要补交！',
+          })
+        }
+      }
+    })
+    .catch((err: any) => {
+      console.log(err)
+    })
+}
+
+//获取当前页数据
+const pagechange = (el: any) => {
+  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">
@@ -311,6 +371,7 @@ onSubmit()
 
   .table_box {
     margin-top: 25px;
+
     .table_btn {
       display: flex;
       flex-direction: column;

src/views/fancongcong/cardrechargefix/cardrechargefix.vue

@@ -1,100 +1,100 @@
 <template>
-	<div class="app_container">
-		<div class="menu">
-			<el-form :inline="true" :model="formInline" class="demo-form-inline">
-				<el-form-item label="卡号">
-					<el-input v-model="formInline.user" placeholder="请输入卡号" />
-				</el-form-item>
-				<el-form-item>
-					<el-button type="primary">读卡</el-button>
-					<el-button :icon="Search" type="primary">查询</el-button>
-				</el-form-item>
-			</el-form>
-		</div>
-		<el-table :data="tableData" border style="width: 100%" class="table_box" stripe>
-			<el-table-column prop="id" label="黔通卡号" />
-			<el-table-column prop="cardbalance" label="充值前余额(元)" />
-			<el-table-column prop="playbalance" label="充值金额(元)" />
-			<el-table-column prop="time" label="充值后余额(元)" />
-			<el-table-column prop="updat" label="充值时间" />
-			<el-table-column label="操作" class="table_btn" width="150px" align="center">
-				<el-tooltip content="详细" placement="top">
-					<el-button type="warning" @click="dialogFormVisible = true">查看详细</el-button>
-				</el-tooltip>
-			</el-table-column>
-		</el-table>
+  <div class="app_container">
+    <div class="menu">
+      <el-form :inline="true" :model="formInline" class="demo-form-inline">
+        <el-form-item label="卡号">
+          <el-input v-model="formInline.user" placeholder="请输入卡号" />
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary">读卡</el-button>
+          <el-button :icon="Search" type="primary">查询</el-button>
+        </el-form-item>
+      </el-form>
+    </div>
+    <el-table :data="tableData" border style="width: 100%" class="table_box" stripe>
+      <el-table-column prop="id" label="黔通卡号" />
+      <el-table-column prop="cardbalance" label="充值前余额(元)" />
+      <el-table-column prop="playbalance" label="充值金额(元)" />
+      <el-table-column prop="time" label="充值后余额(元)" />
+      <el-table-column prop="updat" label="充值时间" />
+      <el-table-column label="操作" class="table_btn" width="150px" align="center">
+        <template v-slot="scope">
+          <el-tooltip content="详细" placement="top">
+            <el-button type="warning" @click="getdetile(scope.row)">查看详细</el-button>
+          </el-tooltip>
+        </template>
+      </el-table-column>
+    </el-table>
 
-		<div class="page_box">
-			<el-pagination :page-size="20" :page-count="11" layout="prev, pager, next" :total="1000" />
-		</div>
+    <div class="page_box">
+      <el-pagination :page-size="20" :page-count="11" layout="prev, pager, next" :total="1000" />
+    </div>
 
-		<el-dialog v-model="dialogFormVisible" :title="title">
-			<el-form :model="form" v-if="delivery">
-				<el-form-item label="手机号" :label-width="formLabelWidth">
-					<el-input v-model="form.phone" autocomplete="off" disabled />
-				</el-form-item>
-				<el-form-item label="验证码" :label-width="formLabelWidth">
-					<el-input v-model="form.region" autocomplete="off" />
-				</el-form-item>
-			</el-form>
-
-			<el-form :model="form" v-else>
-				<el-form-item label="对公账户资金账户编号" :label-width="formLabelWidth">
-					<el-input v-model="form.number" autocomplete="off" disabled />
-				</el-form-item>
-				<el-form-item label="验证码" :label-width="formLabelWidth">
-					<el-input v-model="form.region" autocomplete="off" />
-				</el-form-item>
-			</el-form>
-			<template #footer>
-				<span class="dialog-footer">
-					<el-button @click="dialogFormVisible = false">确定</el-button>
-					<el-button type="primary" @click="dialogFormVisible = false">关闭</el-button>
-				</span>
-			</template>
-
-		</el-dialog>
-	</div>
+    <el-dialog v-model="dialogFormVisible" title="充值详细">
+      <el-form :model="accountCardBalances">
+        <el-form-item label="黔通卡号" :label-width="formLabelWidth">
+          <el-input v-model="accountCardBalances.balance" autocomplete="off" disabled />
+        </el-form-item>
+        <el-form-item label="充值前余额(元)" :label-width="formLabelWidth">
+          <el-input v-model="accountCardBalances.cardbalance" autocomplete="off" disabled />
+        </el-form-item>
+        <el-form-item label="充值前余额(元)" :label-width="formLabelWidth">
+          <el-input v-model="accountCardBalances.playbalance" autocomplete="off" disabled />
+        </el-form-item>
+        <el-form-item label="充值金额(元)" :label-width="formLabelWidth">
+          <el-input v-model="accountCardBalances.balance" autocomplete="off" disabled />
+        </el-form-item>
+        <el-form-item label="充值时间" :label-width="formLabelWidth">
+          <el-input v-model="accountCardBalances.updat" autocomplete="off" disabled />
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <span class="dialog-footer">
+          <el-button @click="dialogFormVisible = false">确定</el-button>
+          <el-button type="primary" @click="dialogFormVisible = false">关闭</el-button>
+        </span>
+      </template>
+    </el-dialog>
+  </div>
 </template>
 
 <script lang="ts" setup>
 //模块导入
-import {
-	Search
-} from '@element-plus/icons-vue'
+import { Search } from '@element-plus/icons-vue'
 import { reactive, ref, getCurrentInstance, onMounted, watch } from 'vue'
 //变量声明
 const formInline = reactive({
-	user: '',
-	region: '',
+  user: '',
+  region: '',
 })
-let pageCount = ref(1);
-let pageNo = ref(1);
+let pageCount = ref(1)
+let pageNo = ref(1)
 const onSubmit = () => {
-	console.log('submit!')
+  console.log('submit!')
 }
-let title = ref("对公账户信息")
-const { proxy } = getCurrentInstance();
-const options = [{
-	value: '',
-	label: '全部',
-},
-{
-	value: '1',
-	label: '驳回',
-},
-{
-	value: '0',
-	label: '待审核',
-},
-{
-	value: '1',
-	label: '已启用',
-},
-{
-	value: '2',
-	label: '待修改初始密码',
-},
+let title = ref('对公账户信息')
+const { proxy } = getCurrentInstance()
+const options = [
+  {
+    value: '',
+    label: '全部',
+  },
+  {
+    value: '1',
+    label: '驳回',
+  },
+  {
+    value: '0',
+    label: '待审核',
+  },
+  {
+    value: '1',
+    label: '已启用',
+  },
+  {
+    value: '2',
+    label: '待修改初始密码',
+  },
 ]
 const value1 = ref('')
 const value2 = ref('')
@@ -104,117 +104,156 @@ const dialogTableVisible = ref(false)
 const dialogFormVisible = ref(false)
 const formLabelWidth = '140px'
 const form = reactive({
-	phone: '13078580843', //手机号
-	region: '', //验证码
-	delivery: false, //是否展示详细
-	number: '' //对公账户资金账户编号
-
+  phone: '13078580843', //手机号
+  region: '', //验证码
+  delivery: false, //是否展示详细
+  number: '', //对公账户资金账户编号
 })
-const optiones = [{
-	value: '2',
-	label: '2',
-},
-{
-	value: '6',
-	label: '6',
-},
-{
-	value: '10',
-	label: '10',
-},
-{
-	value: '15',
-	label: '15',
-},
-{
-	value: '30',
-	label: '30',
-},
+const optiones = [
+  {
+    value: '2',
+    label: '2',
+  },
+  {
+    value: '6',
+    label: '6',
+  },
+  {
+    value: '10',
+    label: '10',
+  },
+  {
+    value: '15',
+    label: '15',
+  },
+  {
+    value: '30',
+    label: '30',
+  },
 ]
 const defaultTime = new Date(2000, 1, 1, 12, 0, 0)
-const shortcuts = [{
-	text: 'Today',
-	value: new Date(),
-},
-{
-	text: 'Yesterday',
-	value: () => {
-		const date = new Date()
-		date.setTime(date.getTime() - 3600 * 1000 * 24)
-		return date
-	},
-},
-{
-	text: 'A week ago',
-	value: () => {
-		const date = new Date()
-		date.setTime(date.getTime() - 3600 * 1000 * 24 * 7)
-		return date
-	},
-},
+const shortcuts = [
+  {
+    text: 'Today',
+    value: new Date(),
+  },
+  {
+    text: 'Yesterday',
+    value: () => {
+      const date = new Date()
+      date.setTime(date.getTime() - 3600 * 1000 * 24)
+      return date
+    },
+  },
+  {
+    text: 'A week ago',
+    value: () => {
+      const date = new Date()
+      date.setTime(date.getTime() - 3600 * 1000 * 24 * 7)
+      return date
+    },
+  },
 ]
-const tableData = ref([{
-	balance: 159.352543,
-	cardNumber: 6,
-	cardbalance: 164.54185,
-	id: 6,
-	playbalance: 64.13602,
-	salesbalance: 175.32865502,
-	small: "data:image/png;base64,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",
-	status: 2,
-	updat: "1992-02-20 08:11:37"
-}
+let accountCardBalances = ref({});
+const tableData = ref([
+  {
+    balance: 159.352543,
+    cardNumber: 6,
+    cardbalance: 164.54185,
+    id: 6,
+    playbalance: 64.13602,
+    salesbalance: 175.32865502,
+    small:
+      'data:image/png;base64,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',
+    status: 2,
+    updat: '1992-02-20 08:11:37',
+  },
 ])
 
 //事件处理
 onMounted(() => {
-	search()
+  search()
 })
 
 const search = () => {
-	let data: any = {
-		pageNo: pageNo.value,
-		pageSize: 1, ///номер.value
-	}
+  let data: any = {
+    pageNo: pageNo.value,
+    pageSize: 1, ///номер.value
+  }
+
+  //formInline.value.number != '' ? data.accountId = formInline.value.number : ""
+  proxy.$request
+    .post('/csms/rechange/List', data, {
+      baseURL: 'http://localhost:8085',
+    })
+    .then((res: any) => {
+      console.log('res', 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)
+    })
+}
+
+const getdetile = (row) => {
+  console.log(row.value)
+  dialogFormVisible.value = true
+  proxy.$request
+    .post(
+      '/csms/cancelServer/detillList',
+      {},
+      {
+        baseURL: 'http://localhost:8085',
+      }
+    )
+    .then((res: any) => {
+      console.log('res', res)
+      if (res.data.code == 200) {
+        //
+        let date = {
+          balance: row.balance,
+          cardNumber: row.cardNumber,
+          cardbalance: row.cardbalance,
+          id: 11,
+          playbalance: row.playbalance,
+          salesbalance:row.salesbalance,
+          //small: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAADICAYAAABS39xVAAAAAXNSR0IArs4c6QAACWxJREFUeF7t2j1onWUYBuA3bVK1xVJthYKCDiKiRdRBcani0MHFrYOTdung0KF0EZwEF3FwcHBRJwc3HQQriO0idvAHKmpRUKnWohZRmpo2TeR89DucnOSEJErx7nNlKmlz8rzX/XDznq9n6txj+xebLwIECAQITCmsgJSMSIBAJ6CwLAIBAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismqv9+0Btffr5NP7inzX96sv11+IUVf8ENz+xv1z/1ZGvT08v+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"
+          status: 1,
+          updat:row.updat
+        }
+		accountCardBalances.value = date;
 
-	//formInline.value.number != '' ? data.accountId = formInline.value.number : ""
-	proxy.$request
-		.post('/csms/rechange/List', data, {
-			baseURL: 'http://localhost:8085',
-		})
-		.then((res: any) => {
-			console.log("res", 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)
-		})
+      }
+    })
+    .catch((err: any) => {
+      console.log(err)
+    })
 }
 </script>
 
 <style lang="scss">
 .app_container {
-	padding: 20px;
-	display: flex;
-	flex-direction: column;
+  padding: 20px;
+  display: flex;
+  flex-direction: column;
 
-	.table_box {
-		margin-top: 25px;
+  .table_box {
+    margin-top: 25px;
 
-		.table_btn {
-			display: flex;
-			flex-direction: column;
-			align-self: stretch;
-			align-content: space-around;
-			align-items: flex-start;
-		}
-	}
+    .table_btn {
+      display: flex;
+      flex-direction: column;
+      align-self: stretch;
+      align-content: space-around;
+      align-items: flex-start;
+    }
+  }
 
-	.page_box {
-		margin-top: 25px;
-	}
+  .page_box {
+    margin-top: 25px;
+  }
 }
 </style>

src/views/fancongcong/cardrefundcostManage/cardrefundcostManage.vue

@@ -24,13 +24,13 @@
 			<el-table-column prop="cancelBalance" label="卡内余额(元)" />
 			<el-table-column prop="postBalance" label="交易后余额(元)" />
 			<el-table-column prop="refundBalance" label="退费金额(元)" />
-			<el-table-column label="操作" class="table_btn" width="500px" align="center">
+			<el-table-column label="操作" class="table_btn" width="600px" align="center">
 				<template v-slot="scope">
 					<el-tooltip content="提交退费金额" placement="top" v-if="scope.row.needByHandle == 0">
-						<el-button type="warning" @click="опровергать">提交退费金额</el-button>
+						<el-button type="warning" @click="addRefundBalance(scope.row)">提交退费金额</el-button>
 					</el-tooltip>
 					<el-tooltip content="老流水交易" placement="top" v-if="scope.row.status == 2">
-						<el-button type="warning" @click="dialogFormVisible = true">老流水交易</el-button>
+						<el-button type="warning" @click="opendetil(scope.row, 0)">老流水交易</el-button>
 					</el-tooltip>
 					<el-tooltip content="冲正" placement="top" v-if="scope.row.status == 1">
 						<el-button type="warning" @click="опровергать">冲正</el-button>
@@ -39,7 +39,7 @@
 						<el-button type="warning" @click="agree(scope.row)">日志查询</el-button>
 					</el-tooltip>
 					<el-tooltip content="最近交易" placement="top" v-if="scope.row.status == 2">
-						<el-button type="warning" @click="dialogFormVisible = true">最近交易</el-button>
+						<el-button type="warning" @click="opendetil(scope.row, 1)">最近交易</el-button>
 					</el-tooltip>
 					<el-tooltip content="添加描述" placement="top" v-if="scope.row.status == 2">
 						<el-button type="warning" @click="agree(scope.row)">添加描述</el-button>
@@ -50,28 +50,48 @@
 				</template>
 			</el-table-column>
 		</el-table>
-
 		<div class="page_box">
 			<el-pagination :page-count="pageCount" :current-page="pageNo" layout="prev, pager, next"
 				@update:current-page="pagechange" />
 		</div>
 
-		<el-dialog v-model="dialogFormVisible" title="退款详细">
+		<el-dialog v-model="dialogFormVisible" title="退费金额">
 			<el-form :model="form">
-				<el-form-item label="手机号" :label-width="formLabelWidth">
-					<el-input v-model="form.phone" autocomplete="off" disabled />
-				</el-form-item>
-				<el-form-item label="验证码" :label-width="formLabelWidth">
-					<el-input v-model="form.region" autocomplete="off" />
+				<el-form-item label="退费金额" :label-width="formLabelWidth">
+					<el-select v-model="refundBalance" multiple filterable allow-create default-first-option
+						:reserve-keyword="false" placeholder="请输入后选择退费金额">
+						<el-option v-for="item in options"  :label="item.label" :value="item.value" :key="item.value"/>
+					</el-select>
 				</el-form-item>
 			</el-form>
 			<template #footer>
 				<span class="dialog-footer">
-					<el-button @click="dialogFormVisible = false">确定</el-button>
+					<el-button @click="confirmrefund">确定</el-button>
 					<el-button type="primary" @click="dialogFormVisible = false">关闭</el-button>
 				</span>
 			</template>
+		</el-dialog>
 
+		<el-dialog v-model="dialogTableVisible" title="交易详细">
+			<el-table :data="accountCardBalances" border style="width: 100%">
+				<el-table-column prop="id" label="序号" />
+				<el-table-column prop="isLink" label="是否连接" />
+				<el-table-column prop="type" label="交易类型" />
+				<el-table-column prop="cardId" label="卡号" />
+				<el-table-column prop="accountCardBalance" label="交易前金额(元)" />
+				<el-table-column prop="cancelBalance" label="交易金额(元)" />
+				<el-table-column prop="postBalance" label="交易后金额(元)" />
+				<el-table-column prop="intoName" label="入口站名" />
+				<el-table-column prop="intoTime" label="入口时间" />
+				<el-table-column prop="outName" label="出口站名" />
+				<el-table-column prop="outTime" label="出口时间" />
+				<el-table-column prop="time" label="充值时间" />
+			</el-table>
+			<template #footer>
+				<span class="dialog-footer">
+					<el-button type="primary" @click="dialogTableVisible = false">关闭</el-button>
+				</span>
+			</template>
 		</el-dialog>
 	</div>
 </template>
@@ -83,6 +103,7 @@ import {
 } from '@element-plus/icons-vue'
 import { reactive, ref, getCurrentInstance, onMounted, watch } from 'vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
+import TableGrid from 'element-plus/es/components/table-v2/src/table-grid';
 
 //变量声明
 let formInline = reactive({
@@ -94,26 +115,20 @@ const onSubmit = () => {
 	console.log('submit!')
 }
 let title = ref("对公账户信息")
+let refundBalance = ref<string[]>([])//退费金额
+let accountCardBalances = ref([]);
 const options = [{
 	value: '',
-	label: '全部',
+	label: '1.00',
 },
 {
 	value: '1',
-	label: '驳回',
+	label: '0.00',
 },
 {
 	value: '0',
-	label: '待审核',
-},
-{
-	value: '1',
-	label: '已启用',
-},
-{
-	value: '2',
-	label: '待修改初始密码',
-},
+	label: '0.00',
+}
 ]
 let value1 = ref('')
 let value2 = ref('')
@@ -129,6 +144,20 @@ let form = reactive({
 	number: ''//对公账户资金账户编号
 
 })
+let Balance = ref([
+	{
+		value: '1.0',
+		lable: '1.00'
+	},
+	{
+		value: '0.0',
+		lable: '0.00'
+	},
+	{
+		value: '0.0',
+		lable: '0.00'
+	},
+])
 const optiones = [{
 	value: '2',
 	label: '2',
@@ -152,6 +181,7 @@ const optiones = [{
 ]
 let pageCount = ref(1);
 let pageNo = ref(1);
+let tableid = ref('');
 const defaultTime = new Date(2000, 1, 1, 12, 0, 0)
 const shortcuts = [{
 	text: 'Today',
@@ -189,9 +219,10 @@ const tableData = ref([
 ])
 
 //事件处理
-const agree = (row: any) => {
+//确定退费金额
+const confirmrefund = () => {
 	ElMessageBox.confirm(
-		'确定同意?',
+		'确定提交?',
 		'警告', {
 		confirmButtonText: '确定',
 		cancelButtonText: '取消',
@@ -200,17 +231,17 @@ const agree = (row: any) => {
 	)
 		.then(() => {
 			proxy.$request
-				.post('/csms/cancelServer/agree', { id: row.id }, {
-					baseURL: 'http://localhost:808',
+				.post('/csms/cancelServer/agree', { id: tableid }, {
+					baseURL: 'http://localhost:8085',
 				})
 				.then((res: any) => {
 					console.log(res)
 					if (res.data.code == 200) {
-
 						ElMessage({
 							type: 'success',
 							message: '操作成功！',
 						})
+						dialogFormVisible.value = false;
 					}
 				})
 				.catch((err: any) => {
@@ -291,6 +322,33 @@ const pagechange = (el: any) => {
 	pageNo.value = el
 	search()
 }
+
+//打开填写退费金额弹窗
+const addRefundBalance = (row: any) => {
+	console.log("arb")
+	tableid.value = row.id;
+	dialogFormVisible.value = true;
+}
+
+//打开交易详细弹窗
+const opendetil = (id, type) => {
+	console.log("open")
+	dialogTableVisible.value = true;
+	proxy.$request
+		.post('/csms/cancelServer/detillList', { id: id }, {
+			baseURL: 'http://localhost:808',
+		})
+		.then((res: any) => {
+			console.log("res", res)
+			if (res.data.code == 200) {
+				accountCardBalances.value = res.data.data.result
+			}
+		})
+		.catch((err: any) => {
+			console.log(err)
+		})
+}
+
 </script>
 
 <style lang="scss">

src/views/fancongcong/supplyCardBalance/supplyCardBalance.vue

@@ -13,40 +13,38 @@
 				</el-form-item>
 			</el-form>
 		</div>
-		<el-table :data="tableData" style="width: 100%" class="table_box"  stripe >
-			<el-table-column prop="date" label="序号" width="100px"/>
-			<el-table-column prop="name" label="卡号" />
-			<el-table-column prop="address" label="客户名称" />
-			<el-table-column prop="number" label="车牌号码" />
-			<el-table-column prop="regtime" label="车牌颜色" />
-			<el-table-column prop="type" label="补卡金额" />
-			<el-table-column prop="regtime" label="录入时间" />
+		<el-table :data="tableData" style="width: 100%" class="table_box" stripe>
+			<el-table-column prop="id" label="序号" width="100px" />
+			<el-table-column prop="cardId" label="卡号" />
+			<el-table-column prop="name" label="客户名称" />
+			<el-table-column prop="cardNumber" label="车牌号码" />
+			<el-table-column prop="cardColor" label="车牌颜色" />
+			<el-table-column prop="postBalance" label="补卡金额" />
+			<el-table-column prop="updat" label="录入时间" />
 			<el-table-column label="操作" class="table_btn" width="600px" align="center">
-				<el-tooltip content="已补卡额/已生成doris圈存订单" placement="top">
-					<el-button type="warning" disabled>已补卡额/已生成doris圈存订单</el-button>
-				</el-tooltip>
-				<el-tooltip content="查看图片" placement="top">
-					<el-button type="warning" @click="dialogFormVisible = true">查看图片</el-button>
-				</el-tooltip>
-				<el-tooltip content="上传图片" placement="top">
-					<el-button type="warning" @click="dialogFormVisibles= true">上传图片</el-button>
-				</el-tooltip>
+				<template v-slot="scope">
+					<el-tooltip content="已补卡额/已生成doris圈存订单" placement="top" v-if="scope.row.status == 1">
+						<el-button type="warning" disabled>已补卡额/已生成doris圈存订单</el-button>
+					</el-tooltip>
+					<el-tooltip content="查看图片" placement="top" v-if="scope.row.status == 0">
+						<el-button type="warning" @click="dialogFormVisible = true">查看图片</el-button>
+					</el-tooltip>
+					<el-tooltip content="上传图片" placement="top" v-if="scope.row.status == 2">
+						<el-button type="warning" @click="dialogFormVisibles = true">上传图片</el-button>
+					</el-tooltip>
+				</template>
 			</el-table-column>
 		</el-table>
 
 		<div class="page_box">
-			<el-pagination :page-size="20" :pager-count="11" layout="prev, pager, next" :total="1000" />
+			<el-pagination :page-count="pageCount" :current-page="pageNo" layout="prev, pager, next"
+				@update:current-page="pagechange" />
 		</div>
 
 		<el-dialog v-model="dialogFormVisible" title="查看已补卡额/已生成doris圈存订单图片">
 			<el-form :model="form">
-				<el-image
-						style="width: 100px; height: 100px"
-						:src="form.colicense"
-						:preview-src-list="srcList"
-						:initial-index="4"
-						fit="cover"
-					/>
+				<el-image style="width: 100px; height: 100px" :src="form.colicense" :preview-src-list="srcList"
+					:initial-index="4" fit="cover" />
 			</el-form>
 			<template #footer>
 				<span class="dialog-footer">
@@ -56,15 +54,7 @@
 		</el-dialog>
 
 		<el-dialog v-model="dialogFormVisibles" title="上传已补卡额/已生成doris圈存订单图片">
-			<el-upload
-    ref="upload"
-    class="upload-demo"
-    action=""
-    :limit="1"
-    :on-exceed="handleExceed"
-    :auto-upload="false"
-  >
-  </el-upload>
+			
 			<template #footer>
 				<span class="dialog-footer">
 					<el-button type="primary" @click="dialogFormVisible = false">关闭</el-button>
@@ -77,147 +67,176 @@
 </template>
 
 <script lang="ts" setup>
-	//模块导入
-	import {
-		Search
-	} from '@element-plus/icons-vue'
-	import {
-		reactive,
-		ref
-	} from 'vue'
-	import { genFileId } from 'element-plus'
-	import type { UploadInstance, UploadProps, UploadRawFile } from 'element-plus'
-
-	//变量声明
-	const formInline = reactive({
-		user: '',
-		region: '',
-	})
-	const onSubmit = () => {
-		console.log('submit!')
-	}
-	let title = ref("对公账户信息")
-	const options = [{
-			value: '',
-			label: '全部',
-		},
-		{
-			value: '1',
-			label: '驳回',
-		},
-		{
-			value: '0',
-			label: '待审核',
-		},
-		{
-			value: '1',
-			label: '已启用',
-		},
-		{
-			value: '2',
-			label: '待修改初始密码',
-		},
-	]
-	let value1 = ref('')
-	let value2 = ref('')
-	let value3 = ref('')
-	let value4 = ref('')
-	let dialogTableVisible = ref(false)
-	let dialogFormVisible = ref(false)
-	let dialogFormVisibles = ref(false)
-	let formLabelWidth = '140px'
-	let form = reactive({
-	  colicense:"",//查看图片
-	  upColicense:'',//上传图片的图片路径
-	})
-	const optiones = [{
-			value: '2',
-			label: '2',
-		},
-		{
-			value: '6',
-			label: '6',
-		},
-		{
-			value: '10',
-			label: '10',
-		},
-		{
-			value: '15',
-			label: '15',
-		},
-		{
-			value: '30',
-			label: '30',
-		},
-	]
-	let defaultTime = new Date(2000, 1, 1, 12, 0, 0)
-	const shortcuts = [{
-			text: 'Today',
-			value: new Date(),
-		},
-		{
-			text: 'Yesterday',
-			value: () => {
-				const date = new Date()
-				date.setTime(date.getTime() - 3600 * 1000 * 24)
-				return date
-			},
-		},
-		{
-			text: 'A week ago',
-			value: () => {
-				const date = new Date()
-				date.setTime(date.getTime() - 3600 * 1000 * 24 * 7)
-				return date
-			},
-		},
-	]
-	const tableData = [{
-			date: '01',
-			name: '52011750220200003674',
-			address: '安顺市顺安防雷安全检测站平坝分站',
-			number: "贵AC0263",
-			time: "2021-06-22T12:52:17",
-			type: "100.00",
-			regname: "xn18096012008",
-			regtime: "蓝色"
-		}
-	]
-	const upload = ref<UploadInstance>()
+//模块导入
+import {
+	Search
+} from '@element-plus/icons-vue'
+import { reactive, ref, getCurrentInstance, onMounted, watch } from 'vue'
+import { genFileId } from 'element-plus'
+//import upload from "@/components/upload/upload.vue"
+//变量声明
+const { proxy } = getCurrentInstance();
+const formInline = reactive({
+	user: '',
+	region: '',
+})
+const onSubmit = () => {
+	console.log('submit!')
+}
+let title = ref("对公账户信息")
+let pageCount = ref(1);
+const options = [{
+	value: '',
+	label: '全部',
+},
+{
+	value: '1',
+	label: '驳回',
+},
+{
+	value: '0',
+	label: '待审核',
+},
+{
+	value: '1',
+	label: '已启用',
+},
+{
+	value: '2',
+	label: '待修改初始密码',
+},
+]
+let value1 = ref('')
+let value2 = ref('')
+let value3 = ref('')
+let value4 = ref('')
+let pageNo = ref(1);
+let dialogTableVisible = ref(false)
+let dialogFormVisible = ref(false)
+let dialogFormVisibles = ref(false)
+let formLabelWidth = '140px'
+let form = reactive({
+	colicense: "",//查看图片
+	upColicense: '',//上传图片的图片路径
+})
+const optiones = [{
+	value: '2',
+	label: '2',
+},
+{
+	value: '6',
+	label: '6',
+},
+{
+	value: '10',
+	label: '10',
+},
+{
+	value: '15',
+	label: '15',
+},
+{
+	value: '30',
+	label: '30',
+},
+]
+let defaultTime = new Date(2000, 1, 1, 12, 0, 0)
+const shortcuts = [{
+	text: 'Today',
+	value: new Date(),
+},
+{
+	text: 'Yesterday',
+	value: () => {
+		const date = new Date()
+		date.setTime(date.getTime() - 3600 * 1000 * 24)
+		return date
+	},
+},
+{
+	text: 'A week ago',
+	value: () => {
+		const date = new Date()
+		date.setTime(date.getTime() - 3600 * 1000 * 24 * 7)
+		return date
+	},
+},
+]
+const tableData = ref([{
+	date: '01',
+	name: '52011750220200003674',
+	address: '安顺市顺安防雷安全检测站平坝分站',
+	number: "贵AC0263",
+	time: "2021-06-22T12:52:17",
+	type: "100.00",
+	regname: "xn18096012008",
+	regtime: "蓝色"
+}
+])
+const upload = ref<UploadInstance>()
+
+///函数部分
 
 const handleExceed: UploadProps['onExceed'] = (files) => {
-  upload.value!.clearFiles()
-  const file = files[0] as UploadRawFile
-  file.uid = genFileId()
-  upload.value!.handleStart(file)
+	upload.value!.clearFiles()
+	const file = files[0] as UploadRawFile
+	file.uid = genFileId()
+	upload.value!.handleStart(file)
 }
 
 const submitUpload = () => {
-  upload.value!.submit()
+	upload.value!.submit()
 }
 
+
+onMounted(() => {
+	search()
+})
+
+const search = () => {
+	proxy.$request
+		.post('/csms/replenishment/replenishmentList/', {}, {
+			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)
+		})
+}
+
+//获取当前页数据
+const pagechange = (el: any) => {
+	pageNo.value = el
+	search()
+}
 </script>
 
 <style lang="scss">
-	.app_container {
-		padding: 20px;
-		display: flex;
-		flex-direction: column;
-
-		.table_box {
-			margin-top: 25px;
-			.table_btn{
-				display: flex;
-				flex-direction: column;
-				align-self: stretch;
-				align-content: space-around;
-				align-items: flex-start;
-			}
-		}
+.app_container {
+	padding: 20px;
+	display: flex;
+	flex-direction: column;
 
-		.page_box {
-			margin-top: 25px;
+	.table_box {
+		margin-top: 25px;
+
+		.table_btn {
+			display: flex;
+			flex-direction: column;
+			align-self: stretch;
+			align-content: space-around;
+			align-items: flex-start;
 		}
 	}
+
+	.page_box {
+		margin-top: 25px;
+	}
+}
 </style>