添加loading效果

src/components/knowledgeExtra/AddTermSet.vue

@@ -127,7 +127,9 @@
   /deep/ .el-table th.gutter {
     display: table-cell !important;
   }
-  /deep/.el-table--column--selection .cell {
+  /deep/.el-table .cell,
+  .el-table--border td:first-child .cell,
+  .el-table--border th:first-child .cell {
     padding-right: 14px;
   }
 }
@@ -151,7 +153,7 @@
 <template>
   <div>
     <crumbs :title="title" :param="$route.params" linkTo="TermSet"></crumbs>
-    <div id="AddRuleContent">
+    <div id="AddRuleContent" v-loading="loading2" element-loading-text="拼命加载中">
       <div class="table_form">
         <el-form
           size="mini"
@@ -308,6 +310,8 @@
       width="30%"
       :close-on-click-modal="false"
       :showClose="false"
+      v-loading="loading"
+      element-loading-text="拼命加载中"
     >
       <div
         class="test_box"
@@ -372,9 +376,8 @@ export default {
           { required: true, message: '请选择术语集合名称', trigger: 'change' }
         ]
       },
-      Math: 88,
-      English: 77,
-      chemistry: 99
+      loading: false,
+      loading2: false
     };
   },
   created() {
@@ -562,6 +565,17 @@ export default {
       }, []);
       return arr;
     },
+    //过滤数组去重
+    unique2(arr) {
+      let obj = {};
+      arr = arr.reduce(function(item, next) {
+        obj[next]
+          ? ''
+          : (obj[next] = true && item.push(next));
+        return item;
+      }, []);
+      return arr;
+    },
     //处理数据
     processing(arr) {
       if (this.whether) {
@@ -576,8 +590,9 @@ export default {
         this.excludedConceptIds.push(it.conceptId);
         this.form.concepts.push(concepts);
       });
+      
       this.form.concepts = this.unique(this.form.concepts);
-      this.excludedConceptIds = this.unique(this.excludedConceptIds);
+      this.excludedConceptIds = this.unique2(this.excludedConceptIds);
       this.leftList = this.form.concepts;
       this.conceptList = [];
       this.multipleSelection = [];
@@ -627,12 +642,14 @@ export default {
         ...this.form,
         relationId: 0
       };
+      this.loading2 = true;
       api.saveOrUpdateRecord(params).then(res => {
         if (res.data.code == 0) {
           this.$message({
             message: '操作成功',
             type: 'success'
           });
+          this.loading2 = false;
           this.isSaveSuccess = true;
           this.$router.push({
             name: 'TermSet',
@@ -643,6 +660,7 @@ export default {
             message: res.data.msg,
             type: 'error'
           });
+          this.loading2 = false;
         }
       });
     },
@@ -654,6 +672,7 @@ export default {
         });
         return;
       }
+      this.loading = true;
       let params = {
         conceptLibNames: this.innerText,
         conceptLibType: this.form.conceptLibType
@@ -664,16 +683,6 @@ export default {
           if (res.data.code == '0') {
             const data = res.data.data;
             let text = '';
-            if (data.unMatchList.length > 0 || data.disableList.length > 0) {
-              let arr = data.unMatchList.concat(data.disableList);
-              arr.forEach(it => {
-                text += it.conceptLibName + '\n';
-              });
-              this.$message({
-                message: '列表中存在非标准术语或禁用术语',
-                type: 'error'
-              });
-            }
             if (data.matchList.length > 0) {
               this.processing(data.matchList);
               if (
@@ -683,12 +692,26 @@ export default {
                 this.dialogVisible = false;
               }
             }
+            if (data.unMatchList.length > 0 || data.disableList.length > 0) {
+              this.$message({
+                message: '列表中存在非标准术语或禁用术语',
+                type: 'error',
+                duration:"99999999"
+              });
+              let arr = data.unMatchList.concat(data.disableList);
+              arr.forEach(it => {
+                text += it.conceptLibName + '\n';
+              });
+              
+            }
             this.$refs.msg.innerHTML = text;
             this.innerText = text;
+            this.loading = false;
           }
         })
         .catch(error => {
           console.log(error);
+          this.loading = false;
         });
     },
     clearData() {