fix:修改待提现更改银行卡信息页面卡死

src/views/FinancialManagement/WithdrawalManagement/WithdrawalProceduresPending.vue

@@ -60,6 +60,7 @@
           </el-upload>
         </div>
         <el-button type="text" @click="bindbankCard">绑定内部银行卡</el-button>
+        <!-- {{ bankForm }} -->
         <div  v-if="bankForm.accountName">
           <p>银行卡号：{{ bankForm.bankCardNum }}</p>
           <p>内部账户名称：{{ bankForm.accountName }}</p>
@@ -101,7 +102,7 @@ import Cookies from "js-cookie";
 import KtCommonTable from "@/views/Core/KtCommonTable.vue"; //表格组件
 import KtButton from "@/views/Core/KtButton";
 import CommonUtil from "@/utils/comutil.js";
-import templateTable from '@/components/TemplateTable/index.vue'
+import templateTable from "@/components/TemplateTable/index.vue";
 
 export default {
   components: {
@@ -114,58 +115,60 @@ export default {
       componentKey: 0,
       resizeTimeout: null,
       organizationSourceoptions: [],
-      bankForm:{},
+      bankForm: {},
       formList: [
         {
           label: "账户名称",
           prop: "accountName",
-          type: "input",
+          type: "input"
         },
         {
           label: "银行卡号",
           prop: "bankCardNum",
-          type: "input",
+          type: "input"
         }
-    ],
-    tableConfig: {
+      ],
+      tableConfig: {
         columns: [
           {
             prop: "accountName",
             label: "内部账户名称",
             type: "text"
-
-          }, {
+          },
+          {
             prop: "bankCardNum",
             label: "内部银行卡号",
             type: "text"
-          }, {
+          },
+          {
             prop: "bankName",
             label: "内部开户行",
             type: "text"
-          }, {
+          },
+          {
             prop: "bankNum",
             label: "内部开户行号",
             type: "text"
-          },
+          }
         ],
-        operationWidth: '180',
+        operationWidth: "180",
         loading: true,
         isPaginationShow: true,
-        isShowIndex: true,
+        isShowIndex: true
       },
-    pageData: {
+      pageData: {
         pageNum: 1,
-        pageSize: 20,
+        pageSize: 20
       },
-      bankdialogVisible:false,
-      bankDataTable:[],
-      auditRejectId:"",
+      bankdialogVisible: false,
+      bankDataTable: [],
+      auditRejectId: "",
       auditRejectInput: "",
       auditRejectdialogVisible: false,
       dialogVisibleBatch: false,
-      voucherId: '',
-      qrCodeImage: '',
-      picId: '',
+      voucherId: "",
+      qrCodeImage: "",
+      picId: "",
       rowlist: {},
       // 右侧列表查询数据Start
       queryForm: {},
@@ -176,13 +179,17 @@ export default {
         pageSize: 10,
         auditingStatus: "2"
       },
-      totalAmount:0,
+      totalAmount: 0,
       columns: [
         //数据列
         { prop: "id", label: "提现单号" },
         { prop: "userId", label: "业务员工号" },
         { prop: "userName", label: "业务员姓名" },
-        { prop: "source", label: "业务来源",formatter: this.managementSourceFormatter },
+        {
+          prop: "source",
+          label: "业务来源",
+          formatter: this.managementSourceFormatter
+        },
         { prop: "leaderId", label: "维护人工号" },
         { prop: "leaderName", label: "维护人" },
         { prop: "mobile", label: "电话" },
@@ -195,58 +202,59 @@ export default {
         { prop: "bankAccount", label: "银行" },
         { prop: "bankNumber", label: "账号" },
         { prop: "createTime", label: "提现时间" }
-      ],
+      ]
     };
   },
   created() {
-    this.$api.insCompany.dicType('organizationSource').then((res) => {
+    this.$api.insCompany.dicType("organizationSource").then(res => {
       if (res.code == 200) {
         this.tableConfig.columns.forEach(e => {
-          if (e.prop == 'source') {
-            e.options = res.data.ddList
+          if (e.prop == "source") {
+            e.options = res.data.ddList;
           }
-        })
+        });
         this.organizationSourceoptions = res.data.ddList;
       }
     });
   },
   mounted() {
-    window.addEventListener('resize', this.handleResize);
+    window.addEventListener("resize", this.handleResize);
   },
   beforeDestroy() {
     // 清理事件监听器
-    window.removeEventListener('resize', this.handleResize);
+    window.removeEventListener("resize", this.handleResize);
   },
   methods: {
     // 简单的防抖函数
-    handleResize () {
+    handleResize() {
       // 如果已经有定时器存在清除
       if (this.resizeTimeout) {
         clearTimeout(this.resizeTimeout);
       }
       // 延迟 300 毫秒后更新 componentKey
       this.resizeTimeout = setTimeout(() => {
-        this.componentKey = (this.componentKey + 1) % 4;  // 如果大于 3，就重置为 0
+        this.componentKey = (this.componentKey + 1) % 4; // 如果大于 3，就重置为 0
       }, 300);
     },
     managementSourceFormatter(row, column) {
       let managementSource = row.source;
       switch (managementSource) {
-        case '1':
-          return <el-tag>渠道</el-tag>
-        case '2':
-          return <el-tag type="success">个代</el-tag>
-        case '3':
-          return <el-tag type="warning">电销</el-tag>
+        case "1":
+          return <el-tag>渠道</el-tag>;
+        case "2":
+          return <el-tag type="success">个代</el-tag>;
+        case "3":
+          return <el-tag type="warning">电销</el-tag>;
         default:
       }
     },
-    handleSearchList(val){
+    handleSearchList(val) {
       this.bankfindPage(val);
     },
-    handleCurrentTableChange(val){
-      this.bankForm=val
-      this.bankdialogVisible=false
+    handleCurrentTableChange(val) {
+      this.bankForm = val || {};
+      // console.log(val);
+      this.bankdialogVisible = false;
     },
     tablePageChange(val) {
       this.pageData.pageSize = val;
@@ -257,32 +265,31 @@ export default {
       this.bankfindPage();
     },
     getList(data) {
-      this.bankfindPage(data)
+      this.bankfindPage(data);
     },
-    bankfindPage(data){
+    bankfindPage(data) {
       this.tableConfig.loading = true;
       this.$api.task
         .getAccountCardListByPage({ ...this.pageData, ...data })
         .then(res => {
           if (res.code == 200) {
-            this.bankDataTable = res.data.content ? res.data.content : []
+            this.bankDataTable = res.data.content ? res.data.content : [];
             this.pageData.pageNum = res.data.pageNum;
             this.pageData.pageSize = res.data.pageSize;
             this.pageData.totalSize = res.data.totalSize;
             this.tableConfig.loading = false;
-          }
-          else {
+          } else {
             this.tableConfig.loading = false;
-            this.$message.error(res.msg)
+            this.$message.error(res.msg);
           }
         });
     },
-    bindbankCard(){
-      this.bankdialogVisible=true
+    bindbankCard() {
+      this.bankdialogVisible = true;
       this.bankfindPage();
     },
-    handleCloseBatch(){
-      this.dialogVisibleBatch=false
+    handleCloseBatch() {
+      this.dialogVisibleBatch = false;
     },
     handlePrint(index, row) {
       this.$api.task.AmountReview(this.pageRequest).then(res => {
@@ -315,27 +322,30 @@ export default {
         this.queryForm.startTime = "";
         this.queryForm.endTime = "";
       }
-      if (this.queryForm.timeFiltering && this.queryForm.timeFiltering.length > 0) {
+      if (
+        this.queryForm.timeFiltering &&
+        this.queryForm.timeFiltering.length > 0
+      ) {
         this.queryForm.startAuditingTime = this.queryForm.timeFiltering[0];
         this.queryForm.endAuditingTime = this.queryForm.timeFiltering[1];
       } else {
         this.queryForm.startAuditingTime = "";
         this.queryForm.endAuditingTime = "";
       }
-      let form={...this.queryForm}
-      delete form.timeFiltering
+      let form = { ...this.queryForm };
+      delete form.timeFiltering;
       that.$api.task
-        .payqueryPage({ ...this.pageRequest, ...form, amountStatus: '1' })
+        .payqueryPage({ ...this.pageRequest, ...form, amountStatus: "1" })
         .then(res => {
           if (res.code == 200) {
             that.pageResult = res.data;
           }
         })
         .then(data != null ? data.callback : "");
-        that.$api.task
+      that.$api.task
         .querySumAmount({
           ...form,
-          ...this.pageRequest,
+          ...this.pageRequest
         })
         .then(res => {
           if (res.code == 200) {
@@ -352,32 +362,39 @@ export default {
       params.append("type", "image");
       this.$api.letter.uploadFile(params).then(res => {
         if (res.code == "200") {
-          this.picId = res.data.id
+          this.picId = res.data.id;
         } else {
           this.$message({ message: res.msg, type: "warning" });
         }
       });
     },
     handleSumbit() {
-      this.$api.task.AmountReview({ ...this.rowlist, status: '1', picId: this.picId, voucherId: this.voucherId,...this.bankForm }).then(res => {
-        if (res.code == 200) {
-          this.dialogVisibleBatch = false
-          this.findPage();
-          this.$message({
-            type: "success",
-            message: res.msg
-          });
-        }
-        else {
-          this.$message.error(res.msg)
-        }
-      })
+      this.$api.task
+        .AmountReview({
+          ...this.rowlist,
+          status: "1",
+          picId: this.picId,
+          voucherId: this.voucherId,
+          ...this.bankForm
+        })
+        .then(res => {
+          if (res.code == 200) {
+            this.dialogVisibleBatch = false;
+            this.findPage();
+            this.$message({
+              type: "success",
+              message: res.msg
+            });
+          } else {
+            this.$message.error(res.msg);
+          }
+        });
     },
     handleButton2({ row, index }) {
-      this.dialogVisibleBatch = true
-      this.rowlist = row
-      this.picId = ''
-      this.voucherId = ''
+      this.dialogVisibleBatch = true;
+      this.rowlist = row;
+      this.picId = "";
+      this.voucherId = "";
       // this.$api.task.findById({id:row.id}).then(res => {
       //   if (res.code == 200) {
       //   }
@@ -412,26 +429,26 @@ export default {
         });
     },
     handleButton4({ row, index }) {
-      this.auditRejectId=row.id;
+      this.auditRejectId = row.id;
       this.auditRejectdialogVisible = true;
     },
-    auditRejectSubmit(){
+    auditRejectSubmit() {
       let params = {
         id: this.auditRejectId,
         rejectReason: this.auditRejectInput
-      }
-      this.$api.task.insPayauditReject(params).then((res) => {
-        if (res.code == '200') {
-      this.auditRejectdialogVisible = false;
+      };
+      this.$api.task.insPayauditReject(params).then(res => {
+        if (res.code == "200") {
+          this.auditRejectdialogVisible = false;
           this.findPage();
           this.$message({
-            type: 'success',
-            message: res.msg,
+            type: "success",
+            message: res.msg
           });
         } else {
           this.$message({
-            type: 'error',
-            message: res.msg,
+            type: "error",
+            message: res.msg
           });
         }
       });
@@ -482,11 +499,11 @@ export default {
   text-align: center;
   border: 1px dashed #d9d9d9;
 }
-/deep/{
-  .el-upload-dragger{
-  width: 150px;
-  height: 150px;
-}
+/deep/ {
+  .el-upload-dragger {
+    width: 150px;
+    height: 150px;
+  }
 }
 .avatar {
   border: 1px dashed #d9d9d9;
@@ -499,10 +516,10 @@ export default {
 .amount-money {
   font-size: 14px;
   text-align: right;
-  margin:0 30px 20px 0;
-  >span{
+  margin: 0 30px 20px 0;
+  > span {
     padding: 8px 15px;
-    background: #F2F5FD;
+    background: #f2f5fd;
   }
 }
 </style>