|
|
@@ -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)
|
