取消认款操作，新增认款状态字典

src/utils/dict.js

@@ -143,6 +143,8 @@ export const DICT_TYPE = {
   BORROW_STATUS: 'borrow_status',
   //会计凭证类型
   ACCOUNTING_VOUCHER_TYPE: 'accounting_voucher_type',
+  //银行回单认款状态
+  BANK_CONFIRM_STATUS: 'bank_confirm_status',
 
 }
 

src/views/accounting/bankSlip/index.vue

@@ -234,9 +234,21 @@
             size="mini"
             type="text"
             icon="el-icon-s-check"
+            v-if="
+              scope.row.subscriptionStatus == 0 ||
+              scope.row.subscriptionStatus == null
+            "
             @click="handleComfirm(scope.row)"
             >认款
           </el-button>
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-s-check"
+            v-if="scope.row.subscriptionStatus == 1"
+            @click="handleUnComfirm(scope.row)"
+            >取消认款
+          </el-button>
           <el-button
             size="mini"
             type="text"
@@ -553,12 +565,7 @@
 
     <!-- 认款弹出框-->
     <el-dialog title="认款" :visible.sync="open2" width="800px" append-to-body>
-      <el-form
+      <el-form ref="form1" :model="form1" :rules="rules" label-width="140px">
-        ref="queryForm"
-        :model="queryParams"
-        :rules="rules"
-        label-width="140px"
-      >
         <el-row>
           <el-col :span="14">
             <el-form-item label="经办人" prop="staffName">
@@ -676,7 +683,9 @@ export default {
       form: {},
       form1: {},
       // 表单校验
-      rules: {},
+      rules: {
+        staffName: [{ required: true, message: "请选择", trigger: "blur" }],
+      },
       fileList: [], // 文件列表
       uploadUrl:
         process.env.VUE_APP_BASE_API + "/admin-api/archives/flow/upload", // 上传地址地址
@@ -794,6 +803,7 @@ export default {
         id: undefined,
         staffId: undefined,
         staffName: undefined,
+        subscriptionStatus: undefined,
       };
       this.resetForm("form");
     },
@@ -838,13 +848,32 @@ export default {
       this.form1.staffName = val.username;
     },
     submitForm2() {
-      console.log(this.form1);
+      this.form1.subscriptionStatus = 1;
-      updateBankSlip(this.form1).then((response) => {
+      this.$refs["form1"].validate((valid) => {
-        this.$modal.msgSuccess("认款成功");
+        if (!valid) {
-        this.open2 = false;
+          return;
-        this.getList();
+        }
+        updateBankSlip(this.form1).then((response) => {
+          this.$modal.msgSuccess("认款成功");
+          this.open2 = false;
+          this.getList();
+        });
       });
     },
+    /** 取消认款按钮操作 */
+    handleUnComfirm(val) {
+      this.reset();
+      const data = { id: val.id, subscriptionStatus: 0 };
+      this.$modal
+        .confirm('是否确认取消银行回单编号为"' + val.id + '"的认款?')
+        .then(function () {
+          updateBankSlip(data).then((response) => {});
+        })
+        .then(() => {
+          this.getList();
+          this.$modal.msgSuccess("取消成功");
+        });
+    },
     /** 提交按钮 */
     submitForm() {
       this.$refs["form"].validate((valid) => {