工具 防止重复提交 优化

src/views/modules/tooling/components/com_tool_info_add_update.vue

@@ -113,7 +113,7 @@
           </el-form>
       </el-container>
       <span slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="saveToolInfoFun">{{ buttons.confirmButton }}</el-button>
+        <el-button type="primary" @click="saveToolInfoFun" :loading="saveLoading">{{ buttons.confirmButton }}</el-button>
         <el-button type="primary" @click="closeDialog">{{buttons.closeButton}}</el-button>
       </span>
     </el-dialog>
@@ -169,6 +169,7 @@ export default {
         addFlag: true,
       },
       dataListLoading: false,
+      saveLoading: false,
       labels: {
         site: '域',
         toolId: '工具标识号',
@@ -431,7 +432,10 @@ export default {
         this.$message.error('校准间隔时间不能为空!');
         return false;
       }
+
       //判断是否是新增
+      //打开前端loading的显示
+      this.saveLoading = true;
       if (this.addFlag){
         insertToolInfo(this.pageData).then(({data}) =>{
           if(data.code === 200){
@@ -441,6 +445,10 @@ export default {
           }else{
             this.$message.error(data.msg);
           }
+        }).catch((error) => {
+          this.$message.error('提交失败，请重试');
+        }).finally(() => {
+          this.saveLoading = false;
         });
       }else{
         modifyToolInfo(this.pageData).then(({data}) =>{
@@ -450,6 +458,10 @@ export default {
           }else{
             this.$message.error(data.msg);
           }
+        }).catch((error) => {
+          this.$message.error('提交失败，请重试');
+        }).finally(() => {
+          this.saveLoading = false;
         });
       }
     },

src/views/modules/tooling/components/com_tool_instance_add_update.vue

@@ -145,7 +145,7 @@
           </el-form>
       </el-container>
       <span slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="saveToolInfoFun">{{ buttons.confirmButton }}</el-button>
+        <el-button type="primary" @click="saveToolInfoFun" :loading="saveLoading">{{ buttons.confirmButton }}</el-button>
         <el-button type="primary" @click="closeDialog">{{buttons.closeButton}}</el-button>
       </span>
     </el-dialog>
@@ -176,6 +176,7 @@ export default {
       showDefault: false,
       visible: false,
       addFlag: false,
+      saveLoading: false,
       pageData: {
         site: this.$store.state.user.site,
         username: this.$store.state.user.name,
@@ -421,7 +422,8 @@ export default {
         this.$message.error('工具实例描述不能为空!');
         return false;
       }
-
+      //打开前端loading的显示
+      this.saveLoading = true;
       //判断是否是新增
       if (this.addFlag){
         insertToolInstance(this.pageData).then(({data}) =>{
@@ -431,6 +433,10 @@ export default {
           }else{
             this.$message.error(data.msg);
           }
+        }).catch((error) => {
+          this.$message.error('提交失败，请重试');
+        }).finally(() => {
+          this.saveLoading = false;
         });
       }else{
         modifyToolInstance(this.pageData).then(({data}) =>{
@@ -440,6 +446,10 @@ export default {
           }else{
             this.$message.error(data.msg);
           }
+        }).catch((error) => {
+          this.$message.error('提交失败，请重试');
+        }).finally(() => {
+          this.saveLoading = false;
         });
       }
     },

src/views/modules/tooling/components/com_tool_instance_date_add_update.vue

@@ -45,7 +45,7 @@
           </el-form>
       </el-container>
       <span slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="saveToolInfoFun">保存</el-button>
+        <el-button type="primary" @click="saveToolInfoFun" :loading="saveLoading">保存</el-button>
         <el-button type="primary" @click="closeDialog">关闭</el-button>
       </span>
     </el-dialog>
@@ -66,6 +66,7 @@ export default {
       showDefault: false,
       visible: false,
       addFlag: true,
+      saveLoading: false,
       currentRow: {},
       columnArray: [],
       pageData: {
@@ -186,6 +187,8 @@ export default {
           this.$message.error('结束日期不能小于开始日期!');
         }
       }
+      //打开前端loading的显示
+      this.saveLoading = true;
       //区分新增还是修改
       if(this.addFlag){
         insertToolInstanceDate(this.pageData).then(({data}) =>{
@@ -196,6 +199,10 @@ export default {
           }else{
             this.$message.error(data.msg);
           }
+        }).catch((error) => {
+          this.$message.error('提交失败，请重试');
+        }).finally(() => {
+          this.saveLoading = false;
         });
       }else {
         modifyToolInstanceDate(this.pageData).then(({data}) =>{
@@ -206,6 +213,10 @@ export default {
           }else{
             this.$message.error(data.msg);
           }
+        }).catch((error) => {
+          this.$message.error('提交失败，请重试');
+        }).finally(() => {
+          this.saveLoading = false;
         });
       }
     },