修改档案查询页面

src/styles/page/using/scoped/query.scss

@@ -58,92 +58,31 @@
 
 .hc-gather-card-box {
     position: relative;
-    border-radius: 10px;
-    background: #E7EEF4;
     height: calc(100% - 160px);
-}
-
-
-
-
-
-.hc-c-card-box {
-    position: relative;
-    background: #E7EEF4;
-    border-radius: 10px;
-    height: calc(100% - 375px);
-    .header-box {
+    .hc-card-item-main {
         position: relative;
-        padding: 16px;
-        display: flex;
-        align-items: center;
-        border-bottom: 1px solid #d6d6d6;
-        .header {
-            position: relative;
-            flex: 1;
-        }
-        .extra {
-            position: relative;
-        }
+        height: 100%;
     }
-    .hc-arrow-icon {
-        position: absolute;
-        border-radius: 50px;
-        left: 48%;
-        &.up {
-            background: #E7EEF4;
-            top: -40px;
-        }
-        &.down {
-            background: #f1f5f8;
-            top: 6px;
+    .hc-card-item-file {
+        display: none;
+        margin-top: 24px;
+        .hc-icon-close {
+            font-size: 20px;
         }
     }
-    .body {
-        position: relative;
-        height: calc(100% - 140px);
-        padding: 16px;
-        .hc-c-table-box {
-            position: relative;
-            height: 100%;
-        }
-        .hc-f-table-box {
-            position: relative;
-            height: 300px;
-            margin-top: 24px;
-            background: #f1f5f8;
-            .header-box {
-                border-bottom: initial;
-                .hc-icon-close {
-                    font-size: 18px;
-                }
-            }
-            .hc-file-table-box {
-                position: relative;
-                height: calc(100% - 55px);
-            }
+    &.file-table {
+        .hc-card-item-main {
+            height: calc(100% - 344px);
         }
-        &.file-table .hc-c-table-box {
-            height: calc(100% - 324px);
+        .hc-card-item-file {
+            display: block;
+            height: 320px;
         }
     }
-    .action {
-        position: relative;
-        padding: 16px;
-        border-top: 1px solid #d6d6d6;
-        display: flex;
-        align-items: center;
-    }
-    &.all {
-        position: absolute;
-        top: -94px;
-        z-index: 9999;
-        left: -24px;
-        right: -24px;
-        bottom: -24px;
-        height: initial;
-    }
 }
+
+
+
 .hc-carry-spot-checks-pdf {
     position: relative;
     flex: 1 1 auto;

src/views/using/query.vue

@@ -86,8 +86,32 @@
                 </div>
             </div>
 
-            <div class="hc-gather-card-box">
-
+            <div class="hc-gather-card-box" :class="tableAllShow?'file-table':''">
+                <HcCardItem ui="hc-card-item-main">
+                    <HcTable ref="tableRef" :column="tableColumn" :datas="tableData" :loading="tableLoading" isCurrentRow isCheck @selection-change="tableSelection" @row-click="tableRowClick"   :ui="hoverHand?'hover-hand':''">
+                        <template #action="{row,index}">
+                            <el-button type="primary" size="small" @click.stop="consultFileClick">查阅案卷</el-button>
+                        </template>
+                    </HcTable>
+                    <template #action>
+                        <HcPages :pages="searchForm" @change="pageChange"/>
+                    </template>
+                </HcCardItem>
+                <HcCardItem ui="hc-card-item-file" title="卷内文件">
+                    <template #extra>
+                        <div class="hc-icon-close text-hover" @click="tableFileCloseClick">
+                            <HcIcon name="close"/>
+                        </div>
+                    </template>
+                    <HcTable ref="tableFileRef" :column="tableFileColumn" :datas="tableFileData" :loading="tableFileLoading" isCheck @selection-change="tableFileSelection">
+                        <template #action="{row,index}">
+                            <el-button type="primary" size="small" @click.stop="consultFileClick">查阅文件</el-button>
+                        </template>
+                    </HcTable>
+                    <template #action>
+                        <HcPages :pages="searchForm" @change="pageChange"/>
+                    </template>
+                </HcCardItem>
             </div>
 
             <!--div class="hc-c-card-box" :class="tableAllShow?'all':''">