feat: 汇票付款审批通过增加确认弹窗与表格遮罩防重复点击

src/views/payment/bill-payment.vue

@@ -156,9 +156,17 @@ export default {
         });
     },
     async handleApprove(row) {
-      await api.approve({ id: row.id });
+      await this.$confirm('确认审批通过该汇票付款？', '提示', { type: 'warning' });
-      this.$message.success('审批通过');
+      // 防止重复点击：请求期间表格遮罩，后续点击直接忽略
-      this.loadTable();
+      if (this.loading) return;
+      this.loading = true;
+      try {
+        await api.approve({ id: row.id });
+        this.$message.success('审批通过');
+        await this.loadTable();
+      } finally {
+        this.loading = false;
+      }
     },
     async handleReturn(row) {
       const { value } = await this.$prompt('请输入驳回原因', '审批驳回');

src/views/payment/invoice-application.vue

@@ -409,14 +409,21 @@ export default {
     },
     async handleApprove(row) {
       await this.$confirm('确认审批通过该开票申请？', '提示', { type: 'warning' });
-      const res = await api.approve({ id: row.id });
+      // 防止重复点击：请求期间表格遮罩，后续点击直接忽略
-      // data=false 表示审批已通过但自动同步金蝶失败，msg 带具体原因
+      if (this.loading) return;
-      if (res.data.data === false) {
+      this.loading = true;
-        this.$message.warning(res.data.msg);
+      try {
-      } else {
+        const res = await api.approve({ id: row.id });
-        this.$message.success(res.data.msg || '审批通过');
+        // data=false 表示审批已通过但自动同步金蝶失败，msg 带具体原因
+        if (res.data.data === false) {
+          this.$message.warning(res.data.msg);
+        } else {
+          this.$message.success(res.data.msg || '审批通过');
+        }
+        await this.loadTable();
+      } finally {
+        this.loading = false;
       }
-      this.loadTable();
     },
     async handleReturn(row) {
       const { value } = await this.$prompt('请输入驳回原因', '审批驳回');

src/views/payment/invoice-receipt.vue

@@ -366,14 +366,21 @@ export default {
     },
     async handleApprove(row) {
       await this.$confirm('确认审批通过该收票登记？', '提示', { type: 'warning' });
-      const res = await api.approve({ id: row.id });
+      // 防止重复点击：请求期间表格遮罩，后续点击直接忽略
-      // data=false 表示审批已通过但自动同步金蝶失败，msg 带具体原因
+      if (this.loading) return;
-      if (res.data.data === false) {
+      this.loading = true;
-        this.$message.warning(res.data.msg);
+      try {
-      } else {
+        const res = await api.approve({ id: row.id });
-        this.$message.success(res.data.msg || '审批通过');
+        // data=false 表示审批已通过但自动同步金蝶失败，msg 带具体原因
+        if (res.data.data === false) {
+          this.$message.warning(res.data.msg);
+        } else {
+          this.$message.success(res.data.msg || '审批通过');
+        }
+        await this.loadTable();
+      } finally {
+        this.loading = false;
       }
-      this.loadTable();
     },
     async handleReturn(row) {
       const { value } = await this.$prompt('请输入驳回原因', '审批驳回');

src/views/payment/payment-application.vue

@@ -163,7 +163,6 @@ export default {
       rows: [],
       selection: [],
       loading: false,
-      approveLoading: false,
       syncLoading: false,
       resultSyncing: false,
       query: {},
@@ -328,9 +327,9 @@ export default {
       this.refreshChange();
     },
     async handleApprove(row) {
-      // 防止重复点击：请求进行中忽略后续点击
+      // 防止重复点击：请求期间表格遮罩，后续点击直接忽略
-      if (this.approveLoading) return;
+      if (this.loading) return;
-      this.approveLoading = true;
+      this.loading = true;
       try {
         const res = await api.approve({ id: row.id });
         // data=false 表示审批已通过但自动同步金蝶失败，msg 带具体原因
@@ -339,9 +338,9 @@ export default {
         } else {
           this.$message.success(res.data.msg || '审批通过');
         }
-        this.refreshChange();
+        await this.onLoad(this.page);
       } finally {
-        this.approveLoading = false;
+        this.loading = false;
       }
     },
     handleMkAudit(row) {

src/views/settlement/formal-settlement.vue

@@ -458,14 +458,21 @@ export default {
         '提示',
         { type: 'warning' }
       );
-      const res = await api.approve({ id: row.id });
+      // 防止重复点击：请求期间表格遮罩，后续点击直接忽略
-      // data=false 表示审批已通过但自动同步金蝶失败，msg 带具体原因
+      if (this.loading) return;
-      if (res.data.data === false) {
+      this.loading = true;
-        this.$message.warning(res.data.msg);
+      try {
-      } else {
+        const res = await api.approve({ id: row.id });
-        this.$message.success(res.data.msg || '审批通过');
+        // data=false 表示审批已通过但自动同步金蝶失败，msg 带具体原因
+        if (res.data.data === false) {
+          this.$message.warning(res.data.msg);
+        } else {
+          this.$message.success(res.data.msg || '审批通过');
+        }
+        await this.loadTable();
+      } finally {
+        this.loading = false;
       }
-      this.loadTable();
     },
     async handleReturn(row) {
       const { value } = await this.$prompt('请输入驳回原因', '审批驳回', {

src/views/settlement/pre-settlement.vue

@@ -692,9 +692,16 @@ export default {
     },
     async handleApprove(row) {
       await this.$confirm('确认审批通过该预付结算单？', '提示', { type: 'warning' });
-      await approve({ id: row.id });
+      // 防止重复点击：请求期间表格遮罩，后续点击直接忽略
-      this.$message.success('审批通过');
+      if (this.loading) return;
-      this.loadTable();
+      this.loading = true;
+      try {
+        await approve({ id: row.id });
+        this.$message.success('审批通过');
+        await this.loadTable();
+      } finally {
+        this.loading = false;
+      }
     },
     async handleReturn(row) {
       const { value } = await this.$prompt('请输入驳回原因', '审批驳回', {

src/views/settlement/settlement-adjustment.vue

@@ -317,11 +317,18 @@ export default {
     },
     async handleApprove(row) {
       await this.$confirm('审批通过后将更新关联正式结算单，确认继续？', '提示');
-      const res = await api.approve(row.id);
+      // 防止重复点击：请求期间表格遮罩，后续点击直接忽略
-      // data=false：自动同步金蝶失败；data=true 且 msg 带已推送场景的手工冲销提示
+      if (this.loading) return;
-      if (res.data.data === true || res.data.data === false) this.$message.warning(res.data.msg);
+      this.loading = true;
-      else this.$message.success(res.data.msg || '审批通过');
+      try {
-      this.loadTable();
+        const res = await api.approve(row.id);
+        // data=false：自动同步金蝶失败；data=true 且 msg 带已推送场景的手工冲销提示
+        if (res.data.data === true || res.data.data === false) this.$message.warning(res.data.msg);
+        else this.$message.success(res.data.msg || '审批通过');
+        await this.loadTable();
+      } finally {
+        this.loading = false;
+      }
     },
     async handleReturn(row) {
       const { value } = await this.$prompt('请输入驳回原因', '驳回', {