更新依赖，新主题，先不要发版

package.json

@@ -18,7 +18,7 @@
         "dayjs": "^1.11.10",
         "echarts": "^5.4.2",
         "element-plus": "^2.4.1",
-        "hc-vue3-ui": "^2.3.9",
+        "hc-vue3-ui": "^2.4.4",
         "js-base64": "^3.7.5",
         "js-cookie": "^3.0.5",
         "js-fast-way": "^0.3.0",

src/views/archives/bookmark.vue

@@ -1,111 +1,92 @@
 <template>
-    <hc-body class="hc-archives-bookmark-page">
-        <div class="relative h-full flex">
-            <div :id="`hc_tree_card_${uuid}`">
-                <hc-new-card class="hc-page-left-tree">
-                    <template #header>
-                        <div class="hc-project-box">
-                            <div class="hc-project-icon-box">
-                                <HcIcon name="stack" />
-                            </div>
-                            <div class="ml-2 project-name">{{ projectInfo.name }}</div>
-                        </div>
-                    </template>
-                    <div v-loading="treeLoading" class="hc-tree-box" element-loading-text="加载中...">
-                        <el-scrollbar>
-                            <HcTree :project-id="projectId" :contract-id="contractId" :auto-expand-keys="treeAutoExpandKeys" @nodeTap="nodeElTreeClick" @nodeLoading="treeNodeLoading" />
-                        </el-scrollbar>
+    <hc-body class="hc-archives-bookmark-page" split :loading="treeLoading" :project-nmae="projectInfo.name">
+        <template #tree>
+            <HcTree :project-id="projectId" :contract-id="contractId" :auto-expand-keys="treeAutoExpandKeys" @nodeTap="nodeElTreeClick" @nodeLoading="treeNodeLoading" />
+        </template>
+        <hc-new-card title="当前目录信息编辑">
+            <template #extra>
+                <HcTooltip keys="archives_bookmark_btn_add">
+                    <el-button type="primary" hc-btn @click="addModalClick(false)">保存设置</el-button>
+                </HcTooltip>
+            </template>
+            <template #search>
+                <el-alert title="提示：设置基础信息，系统可统一内置到组卷信息里面去" type="error" :closable="false" />
+            </template>
+            <el-form :model="formInline" size="large" label-position="top">
+                <el-row :gutter="20">
+                    <el-col :span="12">
+                        <el-form-item label="档号前缀">
+                            <el-input v-model="formInline.value.fileNumberPrefix" placeholder="请输入" />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                        <el-form-item label="保管期限">
+                            <el-select v-model="formInline.value.storageTime" placeholder="请选择" clearable style="width:100%">
+                                <el-option v-for="item in retentionPeriod" :key="item.value" :label="item.label" :value="item.value" />
+                            </el-select>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+                <el-row :gutter="20">
+                    <el-col :span="12">
+                        <el-form-item label="目录名称">
+                            <el-input v-model="formInline.value.title" placeholder="请输入" />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                        <el-form-item label="立卷人">
+                            <el-input v-model="formInline.value.rollor" placeholder="请输入" />
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+                <el-row :gutter="20">
+                    <el-col :span="12">
+                        <el-form-item label="卷盒规格">
+                            <el-select v-model="formInline.value.specification" placeholder="请选择" clearable style="width:100%">
+                                <el-option v-for="item in coilsize" :key="item.value" :label="item.label" :value="item.value" />
+                            </el-select>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                        <el-form-item label="审核人">
+                            <el-input v-model="formInline.value.reviewer" placeholder="请输入" />
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+                <el-row :gutter="20">
+                    <el-col :span="12">
+                        <el-form-item label="案卷后缀">
+                            <el-input v-model="formInline.value.archiveNameSuffix" placeholder="请输入" />
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+            </el-form>
+        </hc-new-card>
+
+        <!-- 新增子目录文件夹 -->
+        <hc-new-dialog v-model="showaddModal" widths="50rem" :title="`${showaddModaltype}子目录文件夹`" @save="confirmClick" @close="cancelClick">
+            <el-form :model="addform" label-width="150px" style="flex-wrap: nowrap;">
+                <el-form-item label="文件目录名称：">
+                    <div class="el-form-item__content">
+                        <el-input v-model="addform.title" />
+                        <!-- <i class="ri-add-circle-line mleft" @click="addinputItem"></i>
+                      <i class="ri-delete-bin-line mleft"  @click="delinputItem(index,item)"></i> -->
                     </div>
-                </hc-new-card>
-            </div>
-            <div :id="`hc_table_card_${uuid}`" class="flex-1">
-                <hc-new-card title="当前目录信息编辑">
-                    <template #extra>
-                        <HcTooltip keys="archives_bookmark_btn_add">
-                            <el-button type="primary" hc-btn @click="addModalClick(false)">保存设置</el-button>
-                        </HcTooltip>
-                    </template>
-                    <template #search>
-                        <el-alert title="提示：设置基础信息，系统可统一内置到组卷信息里面去" type="error" :closable="false" />
-                    </template>
-                    <el-form :model="formInline" size="large" label-position="top">
-                        <el-row :gutter="20">
-                            <el-col :span="12">
-                                <el-form-item label="档号前缀">
-                                    <el-input v-model="formInline.value.fileNumberPrefix" placeholder="请输入" />
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item label="保管期限">
-                                    <el-select v-model="formInline.value.storageTime" placeholder="请选择" clearable style="width:100%">
-                                        <el-option v-for="item in retentionPeriod" :key="item.value" :label="item.label" :value="item.value" />
-                                    </el-select>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row :gutter="20">
-                            <el-col :span="12">
-                                <el-form-item label="目录名称">
-                                    <el-input v-model="formInline.value.title" placeholder="请输入" />
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item label="立卷人">
-                                    <el-input v-model="formInline.value.rollor" placeholder="请输入" />
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row :gutter="20">
-                            <el-col :span="12">
-                                <el-form-item label="卷盒规格">
-                                    <el-select v-model="formInline.value.specification" placeholder="请选择" clearable style="width:100%">
-                                        <el-option v-for="item in coilsize" :key="item.value" :label="item.label" :value="item.value" />
-                                    </el-select>
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item label="审核人">
-                                    <el-input v-model="formInline.value.reviewer" placeholder="请输入" />
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row :gutter="20">
-                            <el-col :span="12">
-                                <el-form-item label="案卷后缀">
-                                    <el-input v-model="formInline.value.archiveNameSuffix" placeholder="请输入" />
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                    </el-form>
-                </hc-new-card>
-            </div>
-
-            <!-- 新增子目录文件夹 -->
-            <hc-new-dialog v-model="showaddModal" widths="50rem" :title="`${showaddModaltype}子目录文件夹`" @save="confirmClick" @close="cancelClick">
-                <el-form :model="addform" label-width="150px" style="flex-wrap: nowrap;">
-                    <el-form-item label="文件目录名称：">
-                        <div class="el-form-item__content">
-                            <el-input v-model="addform.title" />
-                            <!-- <i class="ri-add-circle-line mleft" @click="addinputItem"></i>
-                          <i class="ri-delete-bin-line mleft"  @click="delinputItem(index,item)"></i> -->
-                        </div>
-                    </el-form-item>
-                    <el-form-item v-for="(item, index) in addArray" :key="index" label="文件目录名称：">
-                        <div v-if="addArray.length > 0" class="el-form-item__content">
-                            <el-input v-model="item.title" /> <i class="ri-add-circle-line mleft" @click="addinputItem" />
-                            <i class="ri-delete-bin-line mleft" @click="delinputItem(index, item)" />
-                        </div>
-                    </el-form-item>
-                </el-form>
-            </hc-new-dialog>
-        </div>
+                </el-form-item>
+                <el-form-item v-for="(item, index) in addArray" :key="index" label="文件目录名称：">
+                    <div v-if="addArray.length > 0" class="el-form-item__content">
+                        <el-input v-model="item.title" /> <i class="ri-add-circle-line mleft" @click="addinputItem" />
+                        <i class="ri-delete-bin-line mleft" @click="delinputItem(index, item)" />
+                    </div>
+                </el-form-item>
+            </el-form>
+        </hc-new-dialog>
     </hc-body>
 </template>
 
 <script setup>
-import { nextTick, onMounted, reactive, ref, watch } from 'vue'
+import { onMounted, reactive, ref, watch } from 'vue'
 import { useAppStore } from '~src/store'
-import { getRandom } from 'js-fast-way'
 import { archiveTreeUpdate } from '~api/other'
 import { getStoreValue, setStoreValue } from '~src/utils/storage'
 import HcTree from '~src/components/tree/hc-tree.vue'
@@ -121,8 +102,6 @@ const showaddModaltype = ref('新增')
 let addform = reactive({ title: '' })
 const addArray = reactive([])
 
-const uuid = getRandom(4)
-
 //监听
 watch(() => [
     useAppState.getCollapse,
@@ -133,22 +112,8 @@ watch(() => [
 //渲染完成
 onMounted(() => {
     setElTreeMenu(1)
-    setSplitRef()
 })
 
-
-//初始化设置拖动分割线
-const setSplitRef = () => {
-    //配置参考： https://split.js.org/#/?direction=vertical&snapOffset=0
-    nextTick(() => {
-        window.$split(['#hc_tree_card_' + uuid, '#hc_table_card_' + uuid], {
-            sizes: [20, 80],
-            snapOffset: 0,
-            minSize: [50, 500],
-        })
-    })
-}
-
 //树加载
 const treeLoading = ref(true)
 const treeNodeLoading = () => {
@@ -213,25 +178,7 @@ const primaryKeyId = ref('')
 //子节点树
 const nodeItemInfo = ref({})
 
-//左右拖动，改变树形结构宽度
-const leftWidth = ref(382)
-const onmousedown = () => {
-    const leftNum = isCollapse.value ? 142 : 272
-    document.onmousemove = (ve) => {
-        let diffVal = ve.clientX - leftNum
-        if (diffVal >= 310 && diffVal <= 900) {
-            leftWidth.value = diffVal
-        }
-    }
-    document.onmouseup = () => {
-        document.onmousemove = null
-        document.onmouseup = null
-    }
-}
-
-
 //自动展开缓存
-
 const treeAutoExpandKeys = ref(getStoreValue('bookExpandKeys') || [])
 //项目树被点击
 const nodeElTreeClick = ({ node, data, keys, key }) => {
@@ -282,5 +229,4 @@ const setTreeMenuDataClick = ({ key, node, data }) => {
 
 <style lang="scss">
 @import '~style/archives/bookmark.scss';
-//@import '~src/styles/theme/archives/bookmark.scss';
 </style>

src/views/file/collection.vue

@@ -1,108 +1,91 @@
 <template>
-    <hc-body class="hc-file-collection-page">
-        <div class="relative h-full flex">
-            <div :id="`hc_tree_card_${uuid}`">
-                <hc-new-card class="hc-page-left-tree">
-                    <template #header>
-                        <div class="hc-project-box">
-                            <div class="hc-project-icon-box">
-                                <HcIcon name="stack" />
-                            </div>
-                            <div class="ml-2 project-name">{{ projectInfo.name }}</div>
-                        </div>
-                    </template>
-                    <div v-loading="treeLoading" class="hc-tree-box" element-loading-text="加载中...">
-                        <el-scrollbar>
-                            <HcTree
-                                ref="treeRef"
-                                :project-id="projectId"
-                                :contract-id="contractId"
-                                :auto-expand-keys="treeAutoExpandKeys"
-                                :menus="ElTreeMenu"
-                                @nodeTap="projectTreeClick"
-                                @nodeLoading="treeNodeLoading"
-                                @menuTap="ElTreeMenuClick"
-                            />
-                        </el-scrollbar>
-                    </div>
-                </hc-new-card>
-            </div>
-            <div :id="`hc_table_card_${uuid}`" class="flex-1">
-                <hc-new-card>
-                    <template #header>
-                        <HcTooltip keys="file_collection_btn_upload_scanned_files">
-                            <el-button type="primary" hc-btn @click="uploadModalClick">上传扫描文件</el-button>
-                        </HcTooltip>
-                        <HcTooltip keys="file_collection_btn_sorting">
-                            <el-button type="success" hc-btn @click="sortingClick">分盒整理</el-button>
-                        </HcTooltip>
-                        <HcTooltip keys="file_collection_btn_download">
-                            <el-button hc-btn :disabled="tableCheckedKeys.length <= 0">下载</el-button>
-                        </HcTooltip>
-                        <HcTooltip keys="file_collection_btn_certified">
-                            <el-button hc-btn :disabled="tableCheckedKeys.length <= 0" @click="certificationModalClick">认证</el-button>
-                        </HcTooltip>
-                        <HcTooltip keys="file_collection_btn_report">
-                            <el-button hc-btn type="warning" :disabled="tableCheckedKeys.length <= 0" @click="reportModalClick">上报</el-button>
-                        </HcTooltip>
-                        <HcTooltip keys="file_collection_btn_edit">
-                            <el-button hc-btn :disabled="tableCheckedKeys.length <= 0" @click="batchEditClick">编辑</el-button>
-                        </HcTooltip>
-                        <HcTooltip keys="file_collection_btn_repeal">
-                            <el-button hc-btn :disabled="tableCheckedKeys.length <= 0" @click="repealModalClick">废除</el-button>
-                        </HcTooltip>
-                        <HcTooltip keys="file_collection_btn_del">
-                            <el-button hc-btn type="danger" :disabled="tableCheckedKeys.length <= 0" @click="delModalClick">删除</el-button>
-                        </HcTooltip>
-                    </template>
-                    <template #extra>
-                        <HcTooltip keys="file_collection_btn_moves">
-                            <el-button hc-btn color="#626aef" @click="movesClick">跨目录移动</el-button>
-                        </HcTooltip>
-                    </template>
-                    <template #search>
-                        <div class="w-40">
-                            <el-select v-model="searchForm.isApprovalValue" placeholder="审批状态" clearable>
-                                <el-option v-for="item in approvalStatus" :key="item.value" :label="item.label" :value="item.value" />
-                            </el-select>
-                        </div>
-                        <div class="w-40 ml-2">
-                            <el-select v-model="searchForm.isCertificationValue" placeholder="认证状态" clearable>
-                                <el-option v-for="item in certifiedStatus" :key="item.value" :label="item.label" :value="item.value" />
-                            </el-select>
-                        </div>
-                        <div class="w-64 ml-2">
-                            <el-input v-model="searchForm.queryValue" placeholder="请输入名称关键词检索" clearable @keyup="keyUpEvent" />
-                        </div>
-                        <div class="ml-2">
-                            <el-button type="primary" @click="searchClick">搜索</el-button>
-                        </div>
-                    </template>
-                    <HcTable
-                        ref="tableRef" :column="tableColumn" :datas="tableData" :loading="tableLoading"
-                        is-new :index-style="{ width: 80 }" is-check :check-style="{ width: 29 }"
-                        @selection-change="tableSelection"
-                    >
-                        <template #table-column-header-num>
-                            <HcTooltip keys="file_collection_btn_sort">
-                                <span class="text-link text-lg" @click="tableSortClick">
-                                    <HcIcon name="arrow-up-down" />
-                                </span>
-                            </HcTooltip>
-                        </template>
-                        <template #fileName="{ row }">
-                            <span class="text-link" @click="tableRowName(row)">{{ row?.fileName }}</span>
-                        </template>
-                        <template #sourceType="{ row }">
-                            <span>{{ row?.sourceType === 1 ? '原生' : '数字化' }}</span>
-                        </template>
-                    </HcTable>
-                    <template #action>
-                        <HcPages :pages="searchForm" @change="pageChange" />
-                    </template>
-                </hc-new-card>
-            </div>
-        </div>
+    <hc-body class="hc-file-collection-page" split :loading="treeLoading" :project-nmae="projectInfo.name">
+        <template #tree>
+            <HcTree
+                ref="treeRef"
+                :project-id="projectId"
+                :contract-id="contractId"
+                :auto-expand-keys="treeAutoExpandKeys"
+                :menus="ElTreeMenu"
+                @nodeTap="projectTreeClick"
+                @nodeLoading="treeNodeLoading"
+                @menuTap="ElTreeMenuClick"
+            />
+        </template>
+        <hc-new-card>
+            <template #header>
+                <HcTooltip keys="file_collection_btn_upload_scanned_files">
+                    <el-button type="primary" hc-btn @click="uploadModalClick">上传扫描文件</el-button>
+                </HcTooltip>
+                <HcTooltip keys="file_collection_btn_sorting">
+                    <el-button type="success" hc-btn @click="sortingClick">分盒整理</el-button>
+                </HcTooltip>
+                <HcTooltip keys="file_collection_btn_download">
+                    <el-button hc-btn :disabled="tableCheckedKeys.length <= 0">下载</el-button>
+                </HcTooltip>
+                <HcTooltip keys="file_collection_btn_certified">
+                    <el-button hc-btn :disabled="tableCheckedKeys.length <= 0" @click="certificationModalClick">认证</el-button>
+                </HcTooltip>
+                <HcTooltip keys="file_collection_btn_report">
+                    <el-button hc-btn type="warning" :disabled="tableCheckedKeys.length <= 0" @click="reportModalClick">上报</el-button>
+                </HcTooltip>
+                <HcTooltip keys="file_collection_btn_edit">
+                    <el-button hc-btn :disabled="tableCheckedKeys.length <= 0" @click="batchEditClick">编辑</el-button>
+                </HcTooltip>
+                <HcTooltip keys="file_collection_btn_repeal">
+                    <el-button hc-btn :disabled="tableCheckedKeys.length <= 0" @click="repealModalClick">废除</el-button>
+                </HcTooltip>
+                <HcTooltip keys="file_collection_btn_del">
+                    <el-button hc-btn type="danger" :disabled="tableCheckedKeys.length <= 0" @click="delModalClick">删除</el-button>
+                </HcTooltip>
+            </template>
+            <template #extra>
+                <HcTooltip keys="file_collection_btn_moves">
+                    <el-button hc-btn color="#626aef" @click="movesClick">跨目录移动</el-button>
+                </HcTooltip>
+            </template>
+            <template #search>
+                <div class="w-40">
+                    <el-select v-model="searchForm.isApprovalValue" placeholder="审批状态" clearable>
+                        <el-option v-for="item in approvalStatus" :key="item.value" :label="item.label" :value="item.value" />
+                    </el-select>
+                </div>
+                <div class="w-40 ml-2">
+                    <el-select v-model="searchForm.isCertificationValue" placeholder="认证状态" clearable>
+                        <el-option v-for="item in certifiedStatus" :key="item.value" :label="item.label" :value="item.value" />
+                    </el-select>
+                </div>
+                <div class="w-64 ml-2">
+                    <el-input v-model="searchForm.queryValue" placeholder="请输入名称关键词检索" clearable @keyup="keyUpEvent" />
+                </div>
+                <div class="ml-2">
+                    <el-button type="primary" @click="searchClick">搜索</el-button>
+                </div>
+            </template>
+            <HcTable
+                ref="tableRef" :column="tableColumn" :datas="tableData" :loading="tableLoading"
+                is-new :index-style="{ width: 80 }" is-check :check-style="{ width: 29 }"
+                @selection-change="tableSelection"
+            >
+                <template #table-column-header-num>
+                    <HcTooltip keys="file_collection_btn_sort">
+                        <span class="text-link text-lg" @click="tableSortClick">
+                            <HcIcon name="arrow-up-down" />
+                        </span>
+                    </HcTooltip>
+                </template>
+                <template #fileName="{ row }">
+                    <span class="text-link" @click="tableRowName(row)">{{ row?.fileName }}</span>
+                </template>
+                <template #sourceType="{ row }">
+                    <span>{{ row?.sourceType === 1 ? '原生' : '数字化' }}</span>
+                </template>
+            </HcTable>
+            <template #action>
+                <HcPages :pages="searchForm" @change="pageChange" />
+            </template>
+        </hc-new-card>
+
         <!-- 预组卷整理 -->
         <hc-new-dialog v-model="sortingModal" title="预组卷整理" widths="850px" is-table is-row-footer @close="sortingModalClose">
             <div class="hc-sorting-modal-collapse">
@@ -401,7 +384,7 @@ import { rowsToId } from '~uti/tools'
 import { delMessageV2 } from '~com/message/index.js'
 import archiveFileApi from '~api/archiveFile/archiveFile'
 import tasksFlowApi from '~api/tasks/flow'
-import { arrKeySort, arrToId, deepClone, getArrValue, getObjVal, getRandom } from 'js-fast-way'
+import { arrKeySort, arrToId, deepClone, getArrValue, getObjVal } from 'js-fast-way'
 import { getTokenHeader } from '~src/api/request/header'
 import tasksApi from '~api/tasks/data'
 import ossApi from '~api/oss'
@@ -420,8 +403,6 @@ const uploadsLoading = ref(false)
 
 const treeRef = ref(null)
 
-const uuid = getRandom(4)
-
 //监听
 watch(() => [
     useAppState.getCollapse,
@@ -433,20 +414,8 @@ watch(() => [
 onMounted(() => {
     treeLoading.value = true
     setTableColumns()
-    setSplitRef()
 })
 
-//初始化设置拖动分割线
-const setSplitRef = () => {
-    //配置参考： https://split.js.org/#/?direction=vertical&snapOffset=0
-    nextTick(() => {
-        window.$split(['#hc_tree_card_' + uuid, '#hc_table_card_' + uuid], {
-            sizes: [20, 80],
-            snapOffset: 0,
-            minSize: [50, 500],
-        })
-    })
-}
 
 //设置树菜单数据
 const ElTreeMenu = ref([

src/views/file/records.vue

@@ -1,80 +1,62 @@
 <template>
-    <hc-body class="hc-file-records-page">
-        <div class="relative h-full flex">
-            <div :id="`hc_tree_card_${uuid}`">
-                <hc-new-card class="hc-page-left-tree">
-                    <template #header>
-                        <div class="hc-project-box">
-                            <div class="hc-project-icon-box">
-                                <HcIcon name="stack" />
-                            </div>
-                            <div class="ml-2 project-name">{{ projectInfo.name }}</div>
-                        </div>
-                    </template>
-                    <div v-loading="treeLoading" class="hc-tree-box" element-loading-text="加载中...">
-                        <el-scrollbar>
-                            <HcTree :project-id="projectId" :contract-id="contractId" :auto-expand-keys="treeAutoExpandKeys" @nodeTap="projectTreeClick" @nodeLoading="treeNodeLoading" @menuTap="ElTreeMenuClick" />
-                        </el-scrollbar>
+    <hc-body class="hc-file-records-page" split :loading="treeLoading" :project-nmae="projectInfo.name">
+        <template #tree>
+            <HcTree :project-id="projectId" :contract-id="contractId" :auto-expand-keys="treeAutoExpandKeys" @nodeTap="projectTreeClick" @nodeLoading="treeNodeLoading" @menuTap="ElTreeMenuClick" />
+        </template>
+        <hc-new-card>
+            <template #header>
+                <div class="w-64">
+                    <el-input v-model="searchForm.queryValue" placeholder="请输入案卷题名、档号进行搜索" clearable @keyup="keyUpEvent" />
+                </div>
+                <div class="ml-2 mr-5">
+                    <el-button type="primary" hc-btn @click="searchClick">搜索</el-button>
+                </div>
+                <HcTooltip keys="file_records_btn_download">
+                    <el-button hc-btn type="success" :disabled="tableCheckedKeys.length <= 0" :loading="downloadLoading" @click="batchDownload">下载</el-button>
+                </HcTooltip>
+                <HcTooltip keys="file_records_btn_edit">
+                    <el-button hc-btn type="warning" :disabled="tableCheckedKeys.length <= 0" @click="batchEditClick">编辑</el-button>
+                </HcTooltip>
+                <HcTooltip keys="file_records_btn_del">
+                    <el-button hc-btn type="danger" :disabled="tableCheckedKeys.length <= 0" @click="delModalClick">删除</el-button>
+                </HcTooltip>
+            </template>
+            <template #extra>
+                <HcTooltip keys="file_records_btn_upload_scanned_files">
+                    <el-button type="primary" hc-btn @click="uploadModalClick">扫描上传案卷</el-button>
+                </HcTooltip>
+                <HcTooltip keys="file_records_btn_moves">
+                    <el-button type="primary" hc-btn @click="movesClick">跨目录移动</el-button>
+                </HcTooltip>
+            </template>
+            <HcTable
+                ref="tableRef" :column="tableColumn" :datas="tableData" :loading="tableLoading"
+                is-new :index-style="{ width: 70 }" is-check :check-style="{ width: 29 }"
+                @selection-change="tableSelection"
+            >
+                <template #table-column-header-num>
+                    <HcTooltip keys="file_records_btn_sort">
+                        <span class="text-link text-lg" @click="tableSortClick">
+                            <HcIcon name="arrow-up-down" />
+                        </span>
+                    </HcTooltip>
+                </template>
+                <template #name="{ row }">
+                    <span class="text-link" @click="tableRowName(row)">{{ row?.name }}</span>
+                </template>
+                <template #secretLevel="{ row }">{{ row.secretLevelValue }}</template>
+                <template #storageTime="{ row }">{{ row.storageTimeValue }}</template>
+                <template #dates="{ row }">
+                    <div v-if="row?.endDate !== '' || row?.startDate !== ''" class="content">
+                        {{ `${splitDate(row?.startDate)}~${splitDate(row?.endDate)}` }}
                     </div>
-                </hc-new-card>
-            </div>
-            <div :id="`hc_table_card_${uuid}`" class="flex-1">
-                <hc-new-card>
-                    <template #header>
-                        <div class="w-64">
-                            <el-input v-model="searchForm.queryValue" placeholder="请输入案卷题名、档号进行搜索" clearable @keyup="keyUpEvent" />
-                        </div>
-                        <div class="ml-2 mr-5">
-                            <el-button type="primary" hc-btn @click="searchClick">搜索</el-button>
-                        </div>
-                        <HcTooltip keys="file_records_btn_download">
-                            <el-button hc-btn type="success" :disabled="tableCheckedKeys.length <= 0" :loading="downloadLoading" @click="batchDownload">下载</el-button>
-                        </HcTooltip>
-                        <HcTooltip keys="file_records_btn_edit">
-                            <el-button hc-btn type="warning" :disabled="tableCheckedKeys.length <= 0" @click="batchEditClick">编辑</el-button>
-                        </HcTooltip>
-                        <HcTooltip keys="file_records_btn_del">
-                            <el-button hc-btn type="danger" :disabled="tableCheckedKeys.length <= 0" @click="delModalClick">删除</el-button>
-                        </HcTooltip>
-                    </template>
-                    <template #extra>
-                        <HcTooltip keys="file_records_btn_upload_scanned_files">
-                            <el-button type="primary" hc-btn @click="uploadModalClick">扫描上传案卷</el-button>
-                        </HcTooltip>
-                        <HcTooltip keys="file_records_btn_moves">
-                            <el-button type="primary" hc-btn @click="movesClick">跨目录移动</el-button>
-                        </HcTooltip>
-                    </template>
-                    <HcTable
-                        ref="tableRef" :column="tableColumn" :datas="tableData" :loading="tableLoading"
-                        is-new :index-style="{ width: 70 }" is-check :check-style="{ width: 29 }"
-                        @selection-change="tableSelection"
-                    >
-                        <template #table-column-header-num>
-                            <HcTooltip keys="file_records_btn_sort">
-                                <span class="text-link text-lg" @click="tableSortClick">
-                                    <HcIcon name="arrow-up-down" />
-                                </span>
-                            </HcTooltip>
-                        </template>
-                        <template #name="{ row }">
-                            <span class="text-link" @click="tableRowName(row)">{{ row?.name }}</span>
-                        </template>
-                        <template #secretLevel="{ row }">{{ row.secretLevelValue }}</template>
-                        <template #storageTime="{ row }">{{ row.storageTimeValue }}</template>
-                        <template #dates="{ row }">
-                            <div v-if="row?.endDate !== '' || row?.startDate !== ''" class="content">
-                                {{ `${splitDate(row?.startDate)}~${splitDate(row?.endDate)}` }}
-                            </div>
-                            <div v-else class="content" />
-                        </template>
-                    </HcTable>
-                    <template #action>
-                        <HcPages :pages="searchForm" :sizes="[10, 20, 30, 40, 50]" @change="pageChange" />
-                    </template>
-                </hc-new-card>
-            </div>
-        </div>
+                    <div v-else class="content" />
+                </template>
+            </HcTable>
+            <template #action>
+                <HcPages :pages="searchForm" :sizes="[10, 20, 30, 40, 50]" @change="pageChange" />
+            </template>
+        </hc-new-card>
         <!-- 跨目录移动 -->
         <hc-new-dialog v-model="movesModal" title="跨目录移动" widths="990px" is-table :loading="movesModalLoading" @close="movesModalClose" @save="movesModalSave">
             <div class="hc-moves-transfer-box">
@@ -294,7 +276,7 @@ import archiveFileApi from '~api/archiveFile/archiveFileAuto.js'
 import { getStoreValue, setStoreValue } from '~src/utils/storage'
 import tasksApi from '~api/tasks/data'
 import ossApi from '~api/oss'
-import { arrKeySort, deepClone, downloadBlob, getArrValue, getObjVal, getRandom } from 'js-fast-way'
+import { arrKeySort, deepClone, downloadBlob, getArrValue, getObjVal } from 'js-fast-way'
 
 //变量
 const useAppState = useAppStore()
@@ -308,7 +290,6 @@ const userInfo = ref(useAppState.getUserInfo)
 const HcUploadFileRef = ref(null)
 const uploadsLoading = ref(false)
 
-const uuid = getRandom(4)
 
 //监听
 watch(() => [
@@ -326,23 +307,8 @@ onMounted(() => {
     getStoragePeriod()
 
     getSecurityLevel()
-
-    setSplitRef()
 })
 
-
-//初始化设置拖动分割线
-const setSplitRef = () => {
-    //配置参考： https://split.js.org/#/?direction=vertical&snapOffset=0
-    nextTick(() => {
-        window.$split(['#hc_tree_card_' + uuid, '#hc_table_card_' + uuid], {
-            sizes: [20, 80],
-            snapOffset: 0,
-            minSize: [50, 500],
-        })
-    })
-}
-
 //上传配置
 const UploadFileOptions = {
     headers: getTokenHeader(),

yarn.lock

@@ -1329,10 +1329,10 @@ has@^1.0.3:
   dependencies:
     function-bind "^1.1.1"
 
-hc-vue3-ui@^2.3.9:
-  version "2.3.9"
-  resolved "http://47.110.251.215:9000/hc-vue3-ui/-/hc-vue3-ui-2.3.9.tgz#9e083e9755c77297dd87321ce29113e048010eaf"
-  integrity sha512-MEXrHMEKVVJnuyGB9wRKv5GKfs6+YKm9fwedvI8iUFEOXhhPZA7tHcI5cpTuwhrAFlluetRXsVaNiT9x4Eh/TA==
+hc-vue3-ui@^2.4.4:
+  version "2.4.4"
+  resolved "http://47.110.251.215:9000/hc-vue3-ui/-/hc-vue3-ui-2.4.4.tgz#8e3b5a4bc5ba6c3abc1c164f3995c289cc6a665f"
+  integrity sha512-dZS9E51Eu2nTkH6SjFZssypr5GXylgblrHpPENkor/AsOn7Fgq2W5pTenjFH7Q0bS1IfQhXVbrDNJa3h48SZzQ==
   dependencies:
     axios "^1.6.0"
     dayjs "^1.11.10"
@@ -1342,6 +1342,7 @@ hc-vue3-ui@^2.3.9:
     lottie-web "^5.12.2"
     simple-uploader.js "^0.6.0"
     sortablejs "^1.15.0"
+    split.js "^1.6.5"
     vue "3.3.7"
     vuedraggable "^2.24.3"