档案检索 搜索结果显示

src/views/archivesManage/archivesSearch/index.vue

@@ -20,10 +20,11 @@
         </div>
       </div>
       <div class="search-result">
-        <div class="search-title">
+        <div v-show="isShow" class="search-title">
           <p>检索结果</p>
           <p>本次检索结果共计{{ resNum }}条数据</p>
         </div>
+        <div v-show="resNum > 0">
           <el-table
             ref="table"
             v-loading="loading"
@@ -59,6 +60,7 @@
             </el-table-column>
           </el-table>
           <el-pagination :page-size.sync="page.size" :total="page.total" :current-page.sync="page.page" style="margin-top: 8px;" layout="total, prev, pager, next, sizes" @size-change="sizeChangeHandler($event)" @current-change="pageChangeHandler" />
+        </div>
         <!-- 详情 -->
         <detailDialog ref="detailDom" />
       </div>
@@ -94,6 +96,7 @@ export default {
         page: 1
       },
       resNum: 0,
+      isShow: false,
       params: {
         criteria: null,
         query: null,
@@ -134,6 +137,7 @@ export default {
       if (arr.length === 0) { // 无关键词时无数据
         this.tableData = []
         this.resNum = 0
+        this.isShow = false
         this.page.total = 0
         this.page.size = 10
         this.page.page = 1
@@ -153,6 +157,7 @@ export default {
         this.tableData = res.content
         this.page.total = res.totalElements
         this.resNum = res.totalElements
+        this.isShow = true
       })
     },
     // 每页条数改变