完善对空表的处理

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,14 +109,23 @@
           <img src='./404.png' alt='暂无数据，稍后重试' />
         </template>
       </el-table>
+
+
+      <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage"
+        :page-sizes="[30, 40, 100, 200]" :page-size="pageSize" layout="total, sizes, prev, pager, next, jumper"
+        :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>
 
 
 
-    <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage"
-      :page-sizes="[30, 40, 100, 200]" :page-size="pageSize" layout="total, sizes, prev, pager, next, jumper"
-      :total="totalPage">
-    </el-pagination>
+
 
     <!-- <button @click="test">2222</button> -->
 
@@ -230,6 +239,8 @@ export default {
       inputddd: '',
       inputdddd: '',
 
+      haveInfo: true,
+
       // 弹窗控制
       dialogTableVisible: false,
       gridData: [],
@@ -353,17 +364,23 @@ export default {
         this.totalPage = res.data
       })
       searchTableList(data).then(res => {
-        console.log(res);
-        this.mytableList = res.data
-        // 判断返回的数据,然后调用渲染方法
-        if (this.myCheckBox.length <= 1) {
-          this.getDateType1()
-        } else if (this.myCheckBox.length == 2) {
-          this.getDateType2()
+        if (res.data.length != 0) {
+          this.haveInfo = true
+          console.log(res);
+          this.mytableList = res.data
+          // 判断返回的数据,然后调用渲染方法
+          if (this.myCheckBox.length <= 1) {
+            this.getDateType1()
+          } else if (this.myCheckBox.length == 2) {
+            this.getDateType2()
+          } else {
+            this.getDateType3()
+          }
+          this.loading = false
         } else {
-          this.getDateType3()
+          this.haveInfo = false
         }
-        this.loading = false
+
       });
     },
 
@@ -677,46 +694,49 @@ export default {
       this.clickKey = key
       console.log('高亮赋值' + this.clickKey);
 
+      if (value) {
+        this.dialogTempData = {
+          aaa: this.lockaaa,
+          bbb: this.lockbbb,
+          cccc: this.lockcccc,
+          ddd: this.lockddd,
+          dddd: this.lockdddd,
+          eee: this.lockeee,
+          fff: this.lockfff,
+          ggg: this.lockggg,
+          hhh: this.lockhhh,
+          iii: this.lockiii,
+          jjj: this.lockjjj,
+          kkk: this.lockkkk,
+
+          pageSize: this.pageSizeInDialog,
+          pageNo: this.currentPageInDialog,
+
+          clickAaa: aaa,
+          clickKey: key,
+          clickValue: value,
+          clickCcc: ccc,
 
+        }
 
-      this.dialogTempData = {
-        aaa: this.lockaaa,
-        bbb: this.lockbbb,
-        cccc: this.lockcccc,
-        ddd: this.lockddd,
-        dddd: this.lockdddd,
-        eee: this.lockeee,
-        fff: this.lockfff,
-        ggg: this.lockggg,
-        hhh: this.lockhhh,
-        iii: this.lockiii,
-        jjj: this.lockjjj,
-        kkk: this.lockkkk,
-
-        pageSize: this.pageSizeInDialog,
-        pageNo: this.currentPageInDialog,
+        // 获取总条数
+        getClickInformationPageNum(this.dialogTempData)
+          .then(res => {
+            console.log(res);
+            this.totalPageInDialog = res.data
+          })
 
-        clickAaa: aaa,
-        clickKey: key,
-        clickValue: value,
-        clickCcc: ccc,
+        // 获取信息
+        getClickInformation(this.dialogTempData)
+          .then(res => {
+            this.gridData = res.data
+            console.log(res.data);
+            this.dialogTableVisible = true
+          })
 
       }
 
-      // 获取总条数
-      getClickInformationPageNum(this.dialogTempData)
-        .then(res => {
-          console.log(res);
-          this.totalPageInDialog = res.data
-        })
 
-      // 获取信息
-      getClickInformation(this.dialogTempData)
-        .then(res => {
-          this.gridData = res.data
-          console.log(res.data);
-          this.dialogTableVisible = true
-        })
 
     },