|
|
@@ -1,66 +1,36 @@
|
|
|
<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> -->
|
|
|
+ <template #extra>
|
|
|
+ <div v-if="propercent < 100 && propercent > 0" class="demo-progress">
|
|
|
+ <el-progress :text-inside="true" :stroke-width="30" :percentage="propercent" status="success" />
|
|
|
</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 class="hc-page-content-box">
|
|
|
- <hc-new-card title="已形成的案卷">
|
|
|
- <!-- <template #header>
|
|
|
- <div class="hc-card-header-table-title">
|
|
|
- 已形成的案卷
|
|
|
- </div>
|
|
|
- </template> -->
|
|
|
- <template #extra>
|
|
|
- <div v-if="propercent < 100 && propercent > 0" class="demo-progress">
|
|
|
- <el-progress
|
|
|
- :text-inside="true"
|
|
|
- :stroke-width="30"
|
|
|
- :percentage="propercent"
|
|
|
- status="success"
|
|
|
- />
|
|
|
- </div>
|
|
|
-
|
|
|
- <HcTooltip keys="archives_rolling_btn_update">
|
|
|
- <el-button type="primary" hc-btn :loading="updateArchiveLoad" :disabled="propercent > 0 && propercent < 100" @click="updateArchive">
|
|
|
- <HcIcon name="git-pull-request" />
|
|
|
- <span>立即更新立卷</span>
|
|
|
- </el-button>
|
|
|
- </HcTooltip>
|
|
|
- </template>
|
|
|
-
|
|
|
- <HcTable
|
|
|
- ref="tableRef" :column="tableColumn" :datas="tableData" :loading="tableLoading"
|
|
|
- is-new :index-style="{ width: 60 }" is-check :check-style="{ width: 29 }"
|
|
|
- @selection-change="tableSelection"
|
|
|
- >
|
|
|
- <template #name="{ row }">
|
|
|
- <span class="text-link" @click="viewPdf(row.id)">{{ row?.name }}</span>
|
|
|
- </template>
|
|
|
- </HcTable>
|
|
|
- <template #action>
|
|
|
- <HcPages :pages="searchForm" @change="pageChange" />
|
|
|
+ <HcTooltip keys="archives_rolling_btn_update">
|
|
|
+ <el-button type="primary" hc-btn :loading="updateArchiveLoad" :disabled="propercent > 0 && propercent < 100" @click="updateArchive">立即更新立卷</el-button>
|
|
|
+ </HcTooltip>
|
|
|
+ </template>
|
|
|
+ <HcTable
|
|
|
+ ref="tableRef" :column="tableColumn" :datas="tableData" :loading="tableLoading"
|
|
|
+ is-new :index-style="{ width: 60 }" is-check :check-style="{ width: 29 }"
|
|
|
+ @selection-change="tableSelection"
|
|
|
+ >
|
|
|
+ <template #name="{ row }">
|
|
|
+ <span class="text-link" @click="viewPdf(row.id)">{{ row?.name }}</span>
|
|
|
</template>
|
|
|
- </hc-new-card>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ </HcTable>
|
|
|
+ <template #action>
|
|
|
+ <HcPages :pages="searchForm" @change="pageChange" />
|
|
|
+ </template>
|
|
|
+ </hc-new-card>
|
|
|
+ </hc-body>
|
|
|
</template>
|
|
|
|
|
|
<script setup>
|
|
|
@@ -68,11 +38,9 @@ import { onMounted, ref, watch } from 'vue'
|
|
|
import { useAppStore } from '~src/store'
|
|
|
//import HcTree from "./components/hc-tree.vue"
|
|
|
import HcTree from '~src/components/tree/hc-tree.vue'
|
|
|
-import ProjectTree from './components/ProjectTree.vue'
|
|
|
import projectScanningApi from '~api/other-file/projectScanning'
|
|
|
-import archiveFileApi from '~api/archiveFile/archiveFileAuto.js'
|
|
|
import { getStoreValue, setStoreValue } from '~src/utils/storage'
|
|
|
-import { deepClone, downloadBlob, getArrValue } from 'js-fast-way'
|
|
|
+import { getArrValue } from 'js-fast-way'
|
|
|
//变量
|
|
|
const useAppState = useAppStore()
|
|
|
const projectId = ref(useAppState.getProjectId)
|
|
|
@@ -82,18 +50,14 @@ const isCollapse = ref(useAppState.getCollapse)
|
|
|
import tuningApi from '~api/archiveConfig/tuning.js'
|
|
|
|
|
|
//监听
|
|
|
-watch(() => [
|
|
|
- useAppState.getCollapse,
|
|
|
-], ([Collapse], count) => {
|
|
|
+watch(() => useAppState.getCollapse, (Collapse) => {
|
|
|
isCollapse.value = Collapse
|
|
|
})
|
|
|
|
|
|
//渲染完成
|
|
|
onMounted(() => {
|
|
|
getClassIfyList()
|
|
|
-
|
|
|
// Verification()
|
|
|
-
|
|
|
})
|
|
|
|
|
|
//树加载
|
|
|
@@ -173,22 +137,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 ElTreeData = ref([])
|
|
|
let childtreedata = ref([])//子目录信息
|
