增加无数据页面

src/views/formula/edit.vue

@@ -115,15 +115,17 @@
            
             <div class="mg-t-10 no-mb-col flex1 ov-hidden">
               <el-scrollbar style="height: 100%">
-                <el-row>
-                  <el-col :span="6" v-for="item in eleList" :key="item.id">
+                <el-row v-loading="eleListable"  v-if="eleList.length>0">
+                  <el-col :span="6" v-for="item in eleList" :key="item.id" >
                     <div class="ele-box">
                       <span v-if="item.k">{{item.name}}</span>
                       <span v-else>{{item.eName}}</span>
                       <el-checkbox v-model="item.checked" @change="value => eleChang(value,item)"></el-checkbox>
                     </div>
+                    
                   </el-col>
                 </el-row>
+                <el-row v-else style="text-align: center;line-height: 328px;border:1px solid #bbb">暂无数据</el-row>
               </el-scrollbar>
             </div>
             <div class="flex jc-sb">
@@ -330,7 +332,7 @@
             </el-select>
             <div class="mg-t-10 mg-b-10 no-mb-col">
               <el-scrollbar style="height: 460px">
-                <el-row>
+                <el-row v-loading="eleListable"  v-if="eleList.length>0">
                   <el-col :span="6" v-for="item in eleList" :key="item.id">
                     <div class="ele-box">
                       <span v-if="item.k">{{item.name}}</span>
@@ -339,6 +341,7 @@
                     </div>
                   </el-col>
                 </el-row>
+                 <el-row v-else style="text-align: center;line-height: 328px;border:1px solid #bbb">暂无数据</el-row>
               </el-scrollbar>
             </div>
           </el-col>
@@ -522,6 +525,7 @@ export default {
 
       version:1,//版本号，以后可能会有不兼容旧公式的改动，留作以后可能用来判断
       input3:'',//搜索元素字段
+      eleListable:false,
     };
   },
   computed: {
@@ -1226,9 +1230,11 @@ export default {
 
     getNodeDetail(data) {
       if(this.pid){
+          this.eleListable=true;
         wbsPrivateGetNodeTabAndParam(data.id, this.pid, this.wbsid).then((res) => {
           if(res.data.data.tabData.length){
             this.eleTableList = res.data.data.tabData;
+              this.eleListable=false;
             // 获取点击节点的第一张表
             let tabId= this.eleTableList[0].initTableId;
             console.log("wbsPrivateGetNodeTabAndParam")
@@ -1250,9 +1256,11 @@ export default {
           }
         })
       }else{
+         this.eleListable=true;
         getNodeTabAndParam(data.id).then((res)=>{
           if(res.data.data.tabData.length){
             this.eleTableList = res.data.data.tabData;
+             this.eleListable=false;
             let tabId= this.eleTableList[0].initTableId;
             console.log("getNodeTabAndParam");
             this.getTableEle(tabId);
@@ -1264,6 +1272,7 @@ export default {
             this.eleTableList = [];
             this.eleTableId = '';
             this.eleList = [];
+              this.eleListable=false;
           }
 
           if(res.data.data.paramData.length){