新主题，先不要发版

src/styles/app/element.scss

@@ -8,6 +8,10 @@
     }
 }
 
+.hc-card-item-box {
+    background: #f9f9f9 !important;
+}
+
 //新改变版按钮
 .el-button[hc-btn] {
     border-radius: 0;

src/styles/app/main.scss

@@ -17,3 +17,6 @@ html, body, #app {
     color: white !important;
 }
 
+.gutter {
+    background-color: transparent;
+}

src/views/using/query.vue

@@ -92,7 +92,27 @@
                             <el-button v-if="tabKey === 'tab1'">下载</el-button>
                             <HcNewSwitch v-if="tabKey === 'tab2'" size="default" :datas="tabGuiData" :keys="tabGuiKey" @change="tabGuiChange" />
                         </template>
-                        1111
+                        <div class="relative h-full">
+                            <div :id="`hc_table_a_${uuid}`">
+                                <hc-card-item>
+                                    <hc-table
+                                        ref="tableRef" :column="tableColumn" :datas="tableData" :loading="tableLoading"
+                                        is-current-row is-new :index-style="{ width: 60 }" is-check :check-style="{ width: 29 }"
+                                        @row-click="tableRowClick" @selection-change="tableSelection"
+                                    >
+                                        <template #action="{ row }">
+                                            <el-link type="primary" @click.stop="consultFileClick(row, 1)">查阅案卷</el-link>
+                                        </template>
+                                    </hc-table>
+                                    <template #action>
+                                        <hc-pages :pages="searchForm" @change="pageChange" />
+                                    </template>
+                                </hc-card-item>
+                            </div>
+                            <div :id="`hc_table_b_${uuid}`">
+                                22
+                            </div>
+                        </div>
                     </hc-tab-card>
                 </hc-body>
             </div>
@@ -457,7 +477,7 @@ import { nextTick, onMounted, ref, watch } from 'vue'
 import { useAppStore } from '~src/store'
 import MetaTable from '../transfer/components/meta-table.vue'
 import HcMediaMic from './components/media-mic/index.vue'
-import { arrIndex, arrToId, getArrValue, getObjValue, isArrIndex } from 'js-fast-way'
+import { arrIndex, arrToId, getArrValue, getObjValue, getRandom, isArrIndex } from 'js-fast-way'
 import archiveQueryApi from '~api/using/query.js'
 import tuningApi from '~api/archiveConfig/tuning.js'
 import imageViewGui from '~src/assets/view/gui.png'
@@ -465,6 +485,7 @@ import imageViewGui1 from '~src/assets/view/gui1.png'
 import imageViewGui2 from '~src/assets/view/gui2.png'
 import { setTimeString } from '~src/utils/tools'
 
+const uuid = getRandom(4)
 
 //变量
 const useAppState = useAppStore()
@@ -499,7 +520,20 @@ onMounted(() => {
     setAnnuals()
     setMonths()
     getTableData()
+    setSplitRef()
 })
+
+const setSplitRef = () => {
+    nextTick(() => {
+        window.$split(['#hc_table_a_' + uuid, '#hc_table_b_' + uuid], {
+            direction: 'vertical',
+            sizes: [70, 30],
+            snapOffset: 0,
+            minSize: [170, 500],
+        })
+    })
+}
+
 //截取日期
 const splitDate = (val)=>{
     if (val) {