完善对空表的处理

src/views/demoData/demoData1.vue

@@ -94,7 +94,7 @@
 
 
 
-    <div class="list">
+    <div class="list" v-show="haveInfo">
       <el-table :data="mytableList" v-loading="loading" @cell-click="cellClick">
         <el-table-column fixed label="用户" prop="ccc" width="100px"></el-table-column>
         <!-- 月 -->
@@ -109,8 +109,6 @@
           <img src='./404.png' alt='暂无数据，稍后重试' />
         </template>
       </el-table>
-    </div>
-
 
 
       <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage"
@@ -118,6 +116,17 @@
         :total="totalPage">
       </el-pagination>
 
+
+    </div>
+
+    <div v-show="!haveInfo" style=" width: 100%;height: 300px; display: flex;" >
+      <img style="margin: auto;" src='./404.png' alt='暂无数据，稍后重试' />
+    </div>
+
+
+
+
+
     <!-- <button @click="test">2222</button> -->
 
     <!-- 点击表单内容出现的表格 -->
@@ -230,6 +239,8 @@ export default {
       inputddd: '',
       inputdddd: '',
 
+      haveInfo: true,
+
       // 弹窗控制
       dialogTableVisible: false,
       gridData: [],
@@ -353,6 +364,8 @@ export default {
         this.totalPage = res.data
       })
       searchTableList(data).then(res => {
+        if (res.data.length != 0) {
+          this.haveInfo = true
           console.log(res);
           this.mytableList = res.data
           // 判断返回的数据,然后调用渲染方法
@@ -364,6 +377,10 @@ export default {
             this.getDateType3()
           }
           this.loading = false
+        } else {
+          this.haveInfo = false
+        }
+
       });
     },
 
@@ -677,8 +694,7 @@ export default {
       this.clickKey = key
       console.log('高亮赋值' + this.clickKey);
 
-
-
+      if (value) {
         this.dialogTempData = {
           aaa: this.lockaaa,
           bbb: this.lockbbb,
@@ -718,6 +734,10 @@ export default {
             this.dialogTableVisible = true
           })
 
+      }
+
+
+
     },
 
     // 高亮某一列