新主题，先不要发版

src/views/archives/meta-data.vue

@@ -1,67 +1,49 @@
 <template>
-    <div class="hc-page-layout-box">
-        <div class="hc-layout-left-box" :style="`width:${leftWidth}px;`">
-            <div class="hc-project-box">
-                <div class="hc-project-icon-box">
-                    <HcIcon name="stack" />
+    <hc-body split :loading="treeLoading" :project-nmae="projectInfo.name">
+        <template #tree>
+            <HcTree :project-id="projectId" :contract-id="contractId" :auto-expand-keys="treeAutoExpandKeys" @nodeTap="nodeElTreeClick" @nodeLoading="treeNodeLoading" @menuTap="ElTreeMenuClick" />
+        </template>
+        <hc-new-card title="已形成的案卷">
+            <!-- <template #header>
+                <div class="hc-card-header-table-title">
+                  已形成的案卷
+              </div>
+            </template> -->
+            <div class="table-file" :class="tableFileShow ? 'file-table' : ''">
+                <div class="hc-c-table-box">
+                    <HcTable
+                        ref="tableRef" :column="tableColumn" :datas="tableData" :loading="tableLoading"
+                        is-new :index-style="{ width: 60 }" :ui="hoverHand ? 'hover-hand' : ''"
+                        @row-click="tableRowClick"
+                    />
                 </div>
-                <div class="ml-2 project-name-box">
-                    <span class="text-xl text-cut project-alias">{{ projectInfo.projectAlias }}</span>
-                    <div class="text-xs text-cut project-name">{{ projectInfo.name }}</div>
-                </div>
-            </div>
-            <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" @menuTap="ElTreeMenuClick" />
-                    <!-- ProjectTree :datas="ElTreeData" :autoExpandKeys="TreeAutoExpandKeys" @nodeTap="nodeElTreeClick" :ischeck="false"/ -->
-                </el-scrollbar>
-            </div>
-            <!-- 左右拖动 -->
-            <div class="horizontal-drag-line" @mousedown="onmousedown" />
-        </div>
-        <div id="node-card-target" class="hc-page-content-box">
-            <hc-new-card title="已形成的案卷">
-                <!-- <template #header>
-                    <div class="hc-card-header-table-title">
-                      已形成的案卷
-                  </div>
-                </template> -->
-                <div class="table-file" :class="tableFileShow ? 'file-table' : ''">
-                    <div class="hc-c-table-box">
-                        <HcTable
-                            ref="tableRef" :column="tableColumn" :datas="tableData" :loading="tableLoading"
-                            is-new :index-style="{ width: 60 }" :ui="hoverHand ? 'hover-hand' : ''"
-                            @row-click="tableRowClick"
-                        />
-                    </div>
-                    <div v-if="tableFileShow" class="hc-f-table-box">
-                        <div class="header-box">
-                            <div class="header">卷内文件</div>
-                            <div class="hc-icon-close text-hover">
-                                <HcIcon name="close" class="hc-icon-close text-hover" style=" color:rgb(64, 149, 229);" @click="closetableFile" />
-                            </div>
-                        </div>
-                        <div class="hc-file-table-box">
-                            <HcTable
-                                ref="tableFileRef" :column="innertableColumn" :datas="intableData" :loading="intableLoading"
-                                :ui="hoverHand ? 'hover-hand' : ''" is-new :index-style="{ width: 60 }"
-                                @row-click="tableFileRowClick"
-                            >
-                                <template #action="{ row, index }">
-                                    <el-button type="primary" size="small" @click.stop="consultFileClick">查阅文件</el-button>
-                                </template>
-                            </HcTable>
+                <div v-if="tableFileShow" class="hc-f-table-box">
+                    <div class="header-box">
+                        <div class="header">卷内文件</div>
+                        <div class="hc-icon-close text-hover">
+                            <HcIcon name="close" class="hc-icon-close text-hover" style=" color:rgb(64, 149, 229);" @click="closetableFile" />
                         </div>
                     </div>
+                    <div class="hc-file-table-box">
+                        <HcTable
+                            ref="tableFileRef" :column="innertableColumn" :datas="intableData" :loading="intableLoading"
+                            :ui="hoverHand ? 'hover-hand' : ''" is-new :index-style="{ width: 60 }"
+                            @row-click="tableFileRowClick"
+                        >
+                            <template #action="{ row, index }">
+                                <el-button type="primary" size="small" @click.stop="consultFileClick">查阅文件</el-button>
+                            </template>
+                        </HcTable>
+                    </div>
                 </div>
-                <template #action>
-                    <HcPages :pages="searchForm" @change="pageChange" />
-                </template>
-            </hc-new-card>
-        </div>
+            </div>
+            <template #action>
+                <HcPages :pages="searchForm" @change="pageChange" />
+            </template>
+        </hc-new-card>
         <!-- 元数据信息编辑 -->
         <MetaInfo :show="showMeteInfo" :file-id="fileId" @upshowModal="upshowModal" @getTableData="getTableData" />
-    </div>
+    </hc-body>
 </template>
 
 <script setup>
@@ -71,7 +53,7 @@ import HcTree from '~src/components/tree/hc-tree.vue'
 import MetaInfo from './components/meta-info.vue'
 import projectScanningApi from '~api/other-file/projectScanning'
 import { getStoreValue, setStoreValue } from '~src/utils/storage'
-import { deepClone, downloadBlob, getArrValue } from 'js-fast-way'
+import { getArrValue } from 'js-fast-way'
 import tuningApi from '~api/archiveConfig/tuning.js'
 
 //变量
@@ -204,21 +186,6 @@ const delModalClick = () => {
 
 }
 
-//左右拖动，改变树形结构宽度
-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 tableFileShow = ref(false)