2024.07.27

- 用户提现申请页对确认打款增加类型字段传参；

src/views/finance/application/index.vue

@@ -32,8 +32,10 @@
       <!--  表格 -->
       <div class="content_table">
         <div class="table">
-          <el-table :data="tableData" v-loading="tableLoading" border
-            :header-cell-style="{ background: '#EEF3FF', color: '#333333' }" style="width: 100%">
+          <el-table
+            v-loading="tableLoading" :data="tableData" border
+            :header-cell-style="{ background: '#EEF3FF', color: '#333333' }" style="width: 100%"
+          >
             >
             <el-table-column prop="orderSn" label="流水号"></el-table-column>
             <el-table-column prop="name" label="用户名称" />
@@ -64,28 +66,35 @@
             </el-table-column>
           </el-table>
           <div class="fenye">
-            <el-pagination :current-page="currentPage" :page-sizes="[10, 20, 50, 100]" :page-size="10"
+            <el-pagination
+              :current-page="currentPage" :page-sizes="[10, 20, 50, 100]" :page-size="10"
               layout="total, sizes, prev, pager, next, jumper" :total="total" @size-change="handleSizeChange"
-              @current-change="handleCurrentChange" />
+              @current-change="handleCurrentChange"
+            />
           </div>
         </div>
       </div>
     </div>
-    <!-- *****************弹框开始***************** -->
+
     <!-- 详情弹框 -->
-    <el-dialog :visible.sync="dioObj.show" :title="dioObj.title" width="40%" center :close-on-click-modal="false"
-      @close="closeDialog">
+    <el-dialog
+      :visible.sync="dioObj.show" :title="dioObj.title" width="40%" center
+      :close-on-click-modal="false"
+      @close="closeDialog"
+    >
       <div class="box">
         <div class="dioBox">
           <div v-for="(item, index) in infoList" :key="index" class="inner">{{ item.name }}:{{ item.value }}</div>
         </div>
         <div v-if="dioObj.type === 2" class="botTitle">*请确认您已转账成功，再点击确认</div>
       </div>
-      <span slot="footer" class="dialog-footer">
-        <el-button v-if="dioObj.type === 2" type="primary" @click="agreeEn(1)">{{ confirmInfo }}</el-button>
-        <el-button v-if="dioObj.type === 2" type="danger" @click="agreeEn(2)">拒绝打款</el-button>
-        <el-button v-if="dioObj.type === 1" @click="closeDialog">关 闭</el-button>
-      </span>
+      <template #footer>
+        <span class="dialog-footer">
+          <el-button v-if="dioObj.type === 2" type="primary" @click="agreeEn(1)">{{ confirmInfo }}</el-button>
+          <el-button v-if="dioObj.type === 2" type="danger" @click="agreeEn(2)">拒绝打款</el-button>
+          <el-button v-if="dioObj.type === 1" @click="closeDialog">关 闭</el-button>
+        </span>
+      </template>
       <div class="statistics">
         <div class="statistics-item">
           <h1>{{ watherInfo.price }}</h1>
@@ -105,8 +114,10 @@
         </div>
       </div>
       <div class="tabbar-list">
-        <el-table :data="waterData" v-loading="watherFlag" border
-          :header-cell-style="{ background: '#EEF3FF', color: '#333333' }" style="width: 100%">
+        <el-table
+          v-loading="watherFlag" :data="waterData" border
+          :header-cell-style="{ background: '#EEF3FF', color: '#333333' }" style="width: 100%"
+        >
           >
           <el-table-column prop="price" label="支付金额"></el-table-column>
           <el-table-column prop="paymentTime" label="支付时间" />
@@ -141,8 +152,6 @@
 </template>
 
 <script>
-// import { getShopId } from '@/utils/auth'
-import { hidden } from '@/utils/index'
 import {
   applicationGetAll,
   applicationGetById,
@@ -152,6 +161,7 @@ import {
   getTonglian
 } from '@/api/application'
 export default {
+  name: 'Application',
   data() {
     return {
       formInline: {
@@ -171,7 +181,7 @@ export default {
         { name: '银行卡号', value: '', fields: 'bankCard' },
         { name: '收款人姓名', value: '', fields: 'name' },
         { name: '提现金额', value: '', fields: 'withdrawalMoney' },
-        { name: "实际到账", value: '', fields: "actualReceipt" },
+        { name: '实际到账', value: '', fields: 'actualReceipt' },
         { name: '申请时间', value: '', fields: 'applyTime' },
         { name: '处理时间', value: '', fields: 'handleTime' }
       ],
@@ -179,9 +189,9 @@ export default {
       multipleSelection: [],
       dioObj: {},
       //  拒绝打款理由
-      rejectReason: "",
+      rejectReason: '',
       //  控制确认信息和确认打款
-      confirmInfo: "确认信息",
+      confirmInfo: '确认信息',
       // 流水信息表格数据
       waterData: [],
       waterTotal: null,
@@ -190,8 +200,7 @@ export default {
       watherParameter: {
         page: 1,
         pageSize: 5,
-        // buyerUserId: ""
-        acquirerId: ""
+        acquirerId: ''
       },
       watherFlag: true
     }
@@ -228,18 +237,6 @@ export default {
       }
       this.getAll(this.formInline)
     },
-    async getTopList(o) {
-      this.infoList.map((item) => {
-        item.value = o[item.fields]
-      })
-      //  在这里获取统计的流水
-      try {
-        let res = await getUserWater({ userId: o.buyerUserId })
-        this.watherInfo = res.data
-      } catch (error) {
-      }
-      this.getWatherTable(o.buyerUserId)
-    },
     // 查看
     seeMore(row) {
       this.dioObj = {
@@ -263,14 +260,14 @@ export default {
     // 确认
     async agreeEn(index) {
       // console.log(index)
-      if (index === 1 && this.confirmInfo == "确认信息") {
+      if (index === 1 && this.confirmInfo == '确认信息') {
         const res = await applicationHandle({
           withdrawalId: this.dioObj.arr.withdrawalId,
           state: 1
-        });
+        })
         this.$message.success('确认信息成功，请确认打款')
-        this.confirmInfo = "确认打款";
-      } else if (index === 1 && this.confirmInfo == "确认打款") {
+        this.confirmInfo = '确认打款'
+      } else if (index === 1 && this.confirmInfo == '确认打款') {
         this.$confirm('此操作将把款项打给用户, 是否继续?', '打款', {
           confirmButtonText: '确定',
           cancelButtonText: '取消',
@@ -278,21 +275,23 @@ export default {
         }).then(async () => {
           const res = await applicationHandle({
             withdrawalId: this.dioObj.arr.withdrawalId,
+            withdrawalType: 1, // 1佣金
             state: 3
-          });
+          })
           if (res.code === '') {
             this.$message.success('确认打款成功')
             this.dioObj.show = false
             this.getAll(this.formInline)
           }
-        }).catch(() => {
-          this.$message({
-            type: 'info',
-            message: '已取消打款'
-          });
-        });
+        })
+          .catch(() => {
+            this.$message({
+              type: 'info',
+              message: '已取消打款'
+            })
+          })
       } else if (index === 2) {
-        if (this.rejectReason == "") {
+        if (this.rejectReason == '') {
           this.$prompt('请输入拒绝打款理由', '提示', {
             confirmButtonText: '确定',
             cancelButtonText: '取消',
@@ -316,17 +315,18 @@ export default {
                 this.dioObj.show = false
                 this.getAll(this.formInline)
               }
-            }).catch(() => {
-              this.$message({
-                type: 'info',
-                message: '已取消拒绝打款'
-              });
-            });
-            this.infoList.push({ name: "拒绝打款理由", value: value, fields: 'rejectReason' })
-
-          }).catch(() => {
-            this.rejectReason = ""
-          });
+            })
+              .catch(() => {
+                this.$message({
+                  type: 'info',
+                  message: '已取消拒绝打款'
+                })
+              })
+            this.infoList.push({ name: '拒绝打款理由', value, fields: 'rejectReason' })
+          })
+            .catch(() => {
+              this.rejectReason = ''
+            })
           return false
         }
       }
@@ -340,25 +340,28 @@ export default {
       }
       //  判断是不是有拒绝打款理由
       if (res.data.rejectReason && res.data.state == 2 || res.data.rejectReason && res.data.state == 4) {
-        this.infoList.push({ name: "拒绝打款理由", value: res.data.rejectReason, fields: 'rejectReason' })
+        this.infoList.push({ name: '拒绝打款理由', value: res.data.rejectReason, fields: 'rejectReason' })
       }
     },
+    async getTopList(o) {
+      this.infoList.map((item) => {
+        item.value = o[item.fields]
+      })
+      //  在这里获取统计的流水
+      const res = await getUserWater({ userId: o.buyerUserId })
+      this.watherInfo = res.data
+      this.getWatherTable(o.buyerUserId)
+    },
 
     //  通联确认
     async confirmTong(item) {
-      let obj = {
+      const obj = {
         orderSn: item.orderSn,
         withdrawalId: item.withdrawalId
       }
-      try {
-        let res = await getTonglian(obj);
-        if (res.code === '') {
-          this.$message.success('通联确认成功')
-          this.getAll(this.formInline)
-        }
-      } catch (error) {
-
-      }
+      await getTonglian(obj)
+      this.$message.success('通联确认成功')
+      this.getAll(this.formInline)
     },
     // 初始化查询所有数据
     async getAll(formInline) {
@@ -369,7 +372,7 @@ export default {
       this.tableLoading = false
       this.tableData = res.data.list
       this.tableData.forEach((item) => {
-        item.phone = hidden(item.phone, 3, 4)
+        item.phone = item.phone.replace(/(\d{3})\d+(\d{4})$/, '$1****$2')
       })
       this.total = res.data.total
     },
@@ -378,14 +381,10 @@ export default {
       this.watherFlag = true
       //  获取流水表格数据
       this.watherParameter.acquirerId = id
-      try {
-        let res = await getWaterRecord(this.watherParameter)
-        this.waterData = res.data.list
-        this.waterTotal = res.data.total
-        this.watherFlag = false
-      } catch (error) {
-
-      }
+      const res = await getWaterRecord(this.watherParameter)
+      this.waterData = res.data.list
+      this.waterTotal = res.data.total
+      this.watherFlag = false
     },
     //  表格分页
     waterChange(e) {
@@ -395,12 +394,12 @@ export default {
     //  关闭弹窗的回调
     closeDialog() {
       this.dioObj.show = false
-      this.rejectReason = "";
-      this.confirmInfo = "确认信息";
+      this.rejectReason = ''
+      this.confirmInfo = '确认信息'
       // 清除流水表格信息 以及 load加载状态
       this.waterData = []
-      console.log(this.dioObj);
-      this.infoList = this.infoList.filter(item => item.fields != 'rejectReason');
+      console.log(this.dioObj)
+      this.infoList = this.infoList.filter((item) => item.fields != 'rejectReason')
     }
   }
 }
@@ -410,49 +409,49 @@ export default {
 @import url("../../../styles/elDialog.scss");
 
 .custom_page {
-  padding: 20px;
+	padding: 20px;
 }
 
 .box {
-  .dioBox {
-    display: flex;
-    justify-content: flex-start;
-    align-items: center;
-    flex-wrap: wrap;
+	.dioBox {
+		display: flex;
+		justify-content: flex-start;
+		align-items: center;
+		flex-wrap: wrap;
 
-    .inner {
-      width: 50%;
-      padding: 20px;
-    }
-  }
+		.inner {
+			width: 50%;
+			padding: 20px;
+		}
+	}
 
-  .botTitle {
-    color: red;
-    text-align: center;
-  }
+	.botTitle {
+		color: red;
+		text-align: center;
+	}
 }
 
 .statistics {
-  display: flex;
-  align-items: center;
-  justify-content: space-around;
-  width: 100%;
-  margin: 10px 0 15px;
+	display: flex;
+	align-items: center;
+	justify-content: space-around;
+	width: 100%;
+	margin: 10px 0 15px;
 
-  .statistics-item {
-    text-align: center;
+	.statistics-item {
+		text-align: center;
 
-    h1 {
-      color: #ffae11;
-      font-size: 20px;
-    }
-  }
+		h1 {
+			color: #ffae11;
+			font-size: 20px;
+		}
+	}
 }
 
 .dialog-pagination {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin-top: 15px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	margin-top: 15px;
 }
 </style>