SAI开项管理 - 申请单提交处理时按钮禁用

ui/src/views/production/apply/all/index.vue

@@ -498,8 +498,8 @@
         </el-descriptions>
       </el-form>
       <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="handleSaveAndSubmit">提 交</el-button>
-        <el-button @click="submitForm">保 存</el-button>
+        <el-button type="primary" @click="handleSaveAndSubmit" :disabled="submitDisabled">提 交</el-button>
+        <el-button @click="submitForm" :disabled="submitDisabled">保 存</el-button>
         <el-button @click="cancel">取 消</el-button>
       </div>
     </el-dialog>
@@ -801,6 +801,7 @@ export default {
       }
     };
     return {
+      submitDisabled: false,
       applyDateRange: [],
       estimateFinishDateRange: [],
       // SAI类别列表
@@ -1638,6 +1639,7 @@ export default {
     },
     /** 新增/修改保存按钮 */
     submitForm() {
+      this.submitDisabled = true;
       this.form.files = []
       if (this.fileList.length > 0) {
         for (let i = 0; i < this.fileList.length; i++) {
@@ -1654,6 +1656,7 @@ export default {
               this.msgSuccess("修改成功");
               this.open = false;
               this.open2 = false;
+              this.submitDisabled = false;
               this.getList();
             });
           } else {
@@ -1661,14 +1664,18 @@ export default {
               this.msgSuccess("新增成功");
               this.open = false;
               this.open2 = false;
+              this.submitDisabled = false;
               this.getList();
             });
           }
+        } else {
+          this.submitDisabled = false;
         }
       });
     },
     /** 新增/修改提交按钮 */
     handleSaveAndSubmit() {
+      this.submitDisabled = true;
       this.form.files = []
       if (this.fileList.length > 0) {
         for (let i = 0; i < this.fileList.length; i++) {
@@ -1682,9 +1689,12 @@ export default {
         if (valid) {
           saveAndSubmitApply(this.form).then(response => {
             this.msgSuccess("提交成功");
+            this.submitDisabled = false;
             this.open = false;
             this.getList();
           });
+        } else {
+          this.submitDisabled = false;
         }
       });
     },

ui/src/views/production/apply/mine/index.vue

@@ -484,8 +484,8 @@
         </el-descriptions>
       </el-form>
       <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="handleSaveAndSubmit">提 交</el-button>
-        <el-button @click="submitForm">保 存</el-button>
+        <el-button type="primary" @click="handleSaveAndSubmit" :disabled="submitDisabled">提 交</el-button>
+        <el-button @click="submitForm" :disabled="submitDisabled">保 存</el-button>
         <el-button @click="cancel">取 消</el-button>
       </div>
     </el-dialog>
@@ -751,6 +751,7 @@
         }
       };
       return {
+        submitDisabled: false,
         applyDateRange: [],
         estimateFinishDateRange: [],
         // SAI类别列表
@@ -1563,6 +1564,7 @@
       },
       /** 新增/修改保存按钮 */
       submitForm() {
+        this.submitDisabled = true;
         this.form.files = []
         if (this.fileList.length > 0) {
           for (let i = 0; i < this.fileList.length; i++) {
@@ -1578,20 +1580,25 @@
               updateApply(this.form).then(response => {
                 this.msgSuccess("修改成功");
                 this.open = false;
+                this.submitDisabled = false;
                 this.getList();
               });
             } else {
               addApply(this.form).then(response => {
                 this.msgSuccess("新增成功");
                 this.open = false;
+                this.submitDisabled = false;
                 this.getList();
               });
             }
+          } else {
+            this.submitDisabled = false;
           }
         });
       },
       /** 新增/修改提交按钮 */
       handleSaveAndSubmit() {
+        this.submitDisabled = true;
         this.form.files = []
         if (this.fileList.length > 0) {
           for (let i = 0; i < this.fileList.length; i++) {
@@ -1605,9 +1612,12 @@
           if (valid) {
             saveAndSubmitApply(this.form).then(response => {
               this.msgSuccess("提交成功");
+              this.submitDisabled = false;
               this.open = false;
               this.getList();
             });
+          } else {
+            this.submitDisabled = false;
           }
         });
       },

ui/src/views/production/apply/pending/index.vue

@@ -483,8 +483,8 @@
         </el-descriptions>
       </el-form>
       <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="handleSaveAndSubmit">提 交</el-button>
-        <el-button @click="submitForm">保 存</el-button>
+        <el-button type="primary" @click="handleSaveAndSubmit" :disabled="submitDisabled">提 交</el-button>
+        <el-button @click="submitForm" :disabled="submitDisabled">保 存</el-button>
         <el-button @click="cancel">取 消</el-button>
       </div>
     </el-dialog>
@@ -750,6 +750,7 @@
         }
       };
       return {
+        submitDisabled: false,
         applyDateRange: [],
         estimateFinishDateRange: [],
         // SAI类别列表
@@ -1559,6 +1560,7 @@
       },
       /** 新增/修改保存按钮 */
       submitForm() {
+        this.submitDisabled = true;
         this.form.files = []
         if (this.fileList.length > 0) {
           for (let i = 0; i < this.fileList.length; i++) {
@@ -1574,20 +1576,25 @@
               updateApply(this.form).then(response => {
                 this.msgSuccess("修改成功");
                 this.open = false;
+                this.submitDisabled = false;
                 this.getList();
               });
             } else {
               addApply(this.form).then(response => {
                 this.msgSuccess("新增成功");
                 this.open = false;
+                this.submitDisabled = false;
                 this.getList();
               });
             }
+          } else {
+            this.submitDisabled = false;
           }
         });
       },
       /** 新增/修改提交按钮 */
       handleSaveAndSubmit() {
+        this.submitDisabled = true;
         this.form.files = []
         if (this.fileList.length > 0) {
           for (let i = 0; i < this.fileList.length; i++) {
@@ -1601,9 +1608,12 @@
           if (valid) {
             saveAndSubmitApply(this.form).then(response => {
               this.msgSuccess("提交成功");
+              this.submitDisabled = false;
               this.open = false;
               this.getList();
             });
+          } else {
+            this.submitDisabled = false;
           }
         });
       },