元素库-加载效果

src/views/manager/wbsinfo/element.vue

@@ -252,6 +252,7 @@
         border
         style="width: 100%"
         height="400px"
+         v-loading="editEleloading"
       >
         <el-table-column
           align="center"
@@ -632,6 +633,7 @@ export default {
       addTableData:[],
       //编辑元素
       editEleVisible:false,
+      editEleloading:false,
       formulaInput:"",//公式配置
       formulaCompVisible: false, //公式弹框
       formulaCurRow: {}, //当前元素
@@ -829,14 +831,17 @@ export default {
       console.log(row,'row');
       this.curEleTable = row;
       // selectFormElements(this.curEleTable.initTableId).then((res) => {
+        this.editEleloading=true
          selectFormElements(this.curEleTable.id).then((res) => {
-        res.data.data.forEach((element) => {
+           this.editEleloading=false
+          res.data.data.forEach((element) => {
           this.eleReg.exec(element.eAllowDeviation);
           //console.log(RegExp.$1)
           //console.log(RegExp.$2)
           element.allow = RegExp.$1 ? RegExp.$1 : '';
           element.deviation = RegExp.$2 ? RegExp.$2 : '';
         })
+
         this.editEleList = res.data.data;
       })
       this.editEleVisible = true;