feat: 审核按钮统一30秒超时并加遮罩

src/views/settlement/formal-settlement.vue

@@ -376,14 +376,23 @@ export default {
         '提示',
         { type: 'warning' }
       );
-      const res = await api.approve({ id: row.id });
-      // data=false 表示审批已通过但自动同步金蝶失败，msg 带具体原因
-      if (res.data.data === false) {
-        this.$message.warning(res.data.msg);
-      } else {
-        this.$message.success(res.data.msg || '审批通过');
+      const loading = this.$loading({
+        lock: true,
+        text: '审批处理中，请稍候…',
+        background: 'rgba(255, 255, 255, 0.6)',
+      });
+      try {
+        const res = await api.approve({ id: row.id });
+        // data=false 表示审批已通过但自动同步金蝶失败，msg 带具体原因
+        if (res.data.data === false) {
+          this.$message.warning(res.data.msg);
+        } else {
+          this.$message.success(res.data.msg || '审批通过');
+        }
+        this.onLoad(this.page);
+      } finally {
+        loading.close();
       }
-      this.onLoad(this.page);
     },
     async handleReturn(row) {
       const { value } = await this.$prompt('请输入驳回原因', '审批驳回', {

src/views/settlement/pre-settlement.vue

@@ -692,9 +692,18 @@ export default {
     },
     async handleApprove(row) {
       await this.$confirm('确认审批通过该预付结算单？', '提示', { type: 'warning' });
-      await approve({ id: row.id });
-      this.$message.success('审批通过');
-      this.loadTable();
+      const loading = this.$loading({
+        lock: true,
+        text: '审批处理中，请稍候…',
+        background: 'rgba(255, 255, 255, 0.6)',
+      });
+      try {
+        await approve({ id: row.id });
+        this.$message.success('审批通过');
+        this.loadTable();
+      } finally {
+        loading.close();
+      }
     },
     async handleReturn(row) {
       const { value } = await this.$prompt('请输入驳回原因', '审批驳回', {