档案检索 搜索结果显示

src/views/archivesManage/archivesSearch/index.vue

@@ -20,45 +20,47 @@
         </div>
       </div>
       <div class="search-result">
-        <div class="search-title">
+        <div v-show="isShow" class="search-title">
           <p>检索结果</p>
           <p>本次检索结果共计{{ resNum }}条数据</p>
         </div>
-        <el-table
-          ref="table"
-          v-loading="loading"
-          :data="tableData"
-          style="width: 100%;"
-          height="calc(100vh - 493px)"
-          @row-dblclick="handleDbClick"
-        >
-          <!-- <el-table-column type="selection" width="55" align="center" /> -->
-          <el-table-column type="index" label="序号" width="90" align="center" />
-          <el-table-column prop="child" label="子条数目" align="center" min-width="150" />
-          <el-table-column prop="category_type" label="门类级别" align="center" min-width="100">
-            <template slot-scope="scope">
-              <!-- 门类级别 -->
-              <span v-if="scope.row.category_type === 5" style="width:56px">文件级</span>
-              <span v-if="scope.row.category_type === 4" style="width:56px">卷内级</span>
-              <span v-if="scope.row.category_type === 3" style="width:56px">案卷级</span>
-            </template>
-          </el-table-column>
-          <el-table-column prop="case_name" label="门类名称" align="center" min-width="150" />
-          <el-table-column prop="fonds_no" label="全宗号" align="center" min-width="180" />
-          <el-table-column prop="archive_no" label="档号" align="center" min-width="180" />
-          <el-table-column prop="archive_year" label="归档年度" align="center" min-width="100" />
-          <el-table-column prop="maintitle" label="题名" align="center" min-width="180" />
-          <el-table-column prop="security_class" label="保密程度" align="center" min-width="100" />
-          <el-table-column prop="department" label="部门" align="center" min-width="100" />
-          <el-table-column prop="case_name" label="盒名称" align="center" min-width="180" />
-          <el-table-column prop="folder_location_details" label="所在位置" align="center" min-width="180" />
-          <el-table-column prop="create_time" label="创建时间" align="center" min-width="180">
-            <template slot-scope="scope">
-              <div>{{ scope.row.create_time | parseTime }}</div>
-            </template>
-          </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 v-show="resNum > 0">
+          <el-table
+            ref="table"
+            v-loading="loading"
+            :data="tableData"
+            style="width: 100%;"
+            height="calc(100vh - 493px)"
+            @row-dblclick="handleDbClick"
+          >
+            <!-- <el-table-column type="selection" width="55" align="center" /> -->
+            <el-table-column type="index" label="序号" width="90" align="center" />
+            <el-table-column prop="child" label="子条数目" align="center" min-width="150" />
+            <el-table-column prop="category_type" label="门类级别" align="center" min-width="100">
+              <template slot-scope="scope">
+                <!-- 门类级别 -->
+                <span v-if="scope.row.category_type === 5" style="width:56px">文件级</span>
+                <span v-if="scope.row.category_type === 4" style="width:56px">卷内级</span>
+                <span v-if="scope.row.category_type === 3" style="width:56px">案卷级</span>
+              </template>
+            </el-table-column>
+            <el-table-column prop="case_name" label="门类名称" align="center" min-width="150" />
+            <el-table-column prop="fonds_no" label="全宗号" align="center" min-width="180" />
+            <el-table-column prop="archive_no" label="档号" align="center" min-width="180" />
+            <el-table-column prop="archive_year" label="归档年度" align="center" min-width="100" />
+            <el-table-column prop="maintitle" label="题名" align="center" min-width="180" />
+            <el-table-column prop="security_class" label="保密程度" align="center" min-width="100" />
+            <el-table-column prop="department" label="部门" align="center" min-width="100" />
+            <el-table-column prop="case_name" label="盒名称" align="center" min-width="180" />
+            <el-table-column prop="folder_location_details" label="所在位置" align="center" min-width="180" />
+            <el-table-column prop="create_time" label="创建时间" align="center" min-width="180">
+              <template slot-scope="scope">
+                <div>{{ scope.row.create_time | parseTime }}</div>
+              </template>
+            </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
       })
     },
     // 每页条数改变