|
|
@@ -1,109 +1,82 @@
|
|
|
<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 #search>
|
|
|
+ <div class="w-40">
|
|
|
+ <el-select v-model="searchForm.storageTime" placeholder="保管期限" clearable>
|
|
|
+ <el-option v-for="item in retentionPeriod" :key="item.value" :label="item.label" :value="item.value" />
|
|
|
+ </el-select>
|
|
|
</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 class="w-40 ml-2">
|
|
|
+ <el-select v-model="searchForm.fileSizeValue" placeholder="文件大小" clearable>
|
|
|
+ <el-option v-for="item in fileSize" :key="item.value" :label="item.label" :value="item.value" />
|
|
|
+ </el-select>
|
|
|
</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 #search>
|
|
|
- <div class="w-40">
|
|
|
- <el-select v-model="searchForm.storageTime" placeholder="保管期限" clearable>
|
|
|
- <el-option v-for="item in retentionPeriod" :key="item.value" :label="item.label" :value="item.value" />
|
|
|
- </el-select>
|
|
|
- </div>
|
|
|
- <div class="w-40 ml-2">
|
|
|
- <el-select v-model="searchForm.fileSizeValue" placeholder="文件大小" clearable>
|
|
|
- <el-option v-for="item in fileSize" :key="item.value" :label="item.label" :value="item.value" />
|
|
|
- </el-select>
|
|
|
- </div>
|
|
|
- <div class="w-40 ml-2">
|
|
|
- <el-select v-model="searchForm.isOutOfDate" placeholder="是否到期" clearable>
|
|
|
- <el-option v-for="item in isExpired" :key="item.value" :label="item.label" :value="item.value" />
|
|
|
- </el-select>
|
|
|
- </div>
|
|
|
- <div class="w-40 ml-2">
|
|
|
- <el-select v-model="searchForm.filingUnit" placeholder="立卷单位" clearable>
|
|
|
- <el-option v-for="item in filingUnit" :key="item" :label="item" :value="item" />
|
|
|
- </el-select>
|
|
|
- </div>
|
|
|
- <div v-if="searchForm.isDeleted == 1" class="w-40 ml-2">
|
|
|
- <el-select v-model="searchForm.destroyUser" placeholder="销毁操作账户" clearable>
|
|
|
- <el-option v-for="item in operatingAccount" :key="item.id" :label="item.realName" :value="item.id" />
|
|
|
- </el-select>
|
|
|
- </div>
|
|
|
- <div class="ml-2">
|
|
|
- <el-button type="primary" @click="searchClick">
|
|
|
- <HcIcon name="search-2" />
|
|
|
- <span>搜索</span>
|
|
|
- </el-button>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- <template #extra>
|
|
|
- <div v-if="searchForm.isDeleted == 1" style="cursor: pointer;" @click="hideHistory">
|
|
|
- <svg xmlns="http://www.w3.org/2000/svg" class="svg-icon-path-icon fill" fill="#4095e5" viewBox="64 64 896 896" width="24" height="24"><defs data-reactroot="" /><g><path d="M365.3 518.5l246 178c5.3 3.8 12.7 0 12.7-6.5v-46.9c0-10.2-4.9-19.9-13.2-25.9L465.4 512l145.4-105.2c8.3-6 13.2-15.6 13.2-25.9V334c0-6.5-7.4-10.3-12.7-6.5l-246 178a8.05 8.05 0 0 0 0 13z" /><path d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z" /></g></svg>
|
|
|
- </div>
|
|
|
- <div v-else>
|
|
|
- <HcTooltip keys="archives_appraisal_btn_destory">
|
|
|
- <el-button type="primary" hc-btn :disabled="tableCheckedKeys.length <= 0" @click="showdialog">
|
|
|
- <HcIcon name="git-pull-request" />
|
|
|
- <span>销毁案卷</span>
|
|
|
- </el-button>
|
|
|
- </HcTooltip>
|
|
|
- <HcTooltip keys="archives_appraisal_btn_records">
|
|
|
- <el-button hc-btn @click="showHistory">
|
|
|
- <span>历史销毁记录</span>
|
|
|
- </el-button>
|
|
|
- </HcTooltip>
|
|
|
- </div>
|
|
|
- </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 #action>
|
|
|
- <HcPages :pages="searchForm" @change="pageChange" />
|
|
|
- </template>
|
|
|
- </hc-new-card>
|
|
|
- </div>
|
|
|
+ <div class="w-40 ml-2">
|
|
|
+ <el-select v-model="searchForm.isOutOfDate" placeholder="是否到期" clearable>
|
|
|
+ <el-option v-for="item in isExpired" :key="item.value" :label="item.label" :value="item.value" />
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ <div class="w-40 ml-2">
|
|
|
+ <el-select v-model="searchForm.filingUnit" placeholder="立卷单位" clearable>
|
|
|
+ <el-option v-for="item in filingUnit" :key="item" :label="item" :value="item" />
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ <div v-if="searchForm.isDeleted == 1" class="w-40 ml-2">
|
|
|
+ <el-select v-model="searchForm.destroyUser" placeholder="销毁操作账户" clearable>
|
|
|
+ <el-option v-for="item in operatingAccount" :key="item.id" :label="item.realName" :value="item.id" />
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ <div class="ml-2">
|
|
|
+ <el-button type="primary" @click="searchClick">
|
|
|
+ <HcIcon name="search-2" />
|
|
|
+ <span>搜索</span>
|
|
|
+ </el-button>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <template #extra>
|
|
|
+ <div v-if="searchForm.isDeleted == 1" style="cursor: pointer;" @click="hideHistory">
|
|
|
+ <svg xmlns="http://www.w3.org/2000/svg" class="svg-icon-path-icon fill" fill="#4095e5" viewBox="64 64 896 896" width="24" height="24"><defs data-reactroot="" /><g><path d="M365.3 518.5l246 178c5.3 3.8 12.7 0 12.7-6.5v-46.9c0-10.2-4.9-19.9-13.2-25.9L465.4 512l145.4-105.2c8.3-6 13.2-15.6 13.2-25.9V334c0-6.5-7.4-10.3-12.7-6.5l-246 178a8.05 8.05 0 0 0 0 13z" /><path d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z" /></g></svg>
|
|
|
+ </div>
|
|
|
+ <div v-else>
|
|
|
+ <HcTooltip keys="archives_appraisal_btn_destory">
|
|
|
+ <el-button type="primary" hc-btn :disabled="tableCheckedKeys.length <= 0" @click="showdialog">销毁案卷</el-button>
|
|
|
+ </HcTooltip>
|
|
|
+ <HcTooltip keys="archives_appraisal_btn_records">
|
|
|
+ <el-button hc-btn @click="showHistory">历史销毁记录</el-button>
|
|
|
+ </HcTooltip>
|
|
|
+ </div>
|
|
|
+ </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 #action>
|
|
|
+ <HcPages :pages="searchForm" @change="pageChange" />
|
|
|
+ </template>
|
|
|
+ </hc-new-card>
|
|
|
<DestoryDialog :show="showdestorydialog" :length="tableCheckedKeys.length" :is-loading="isLoading" @upshow="upshow" @comfirmDestory="comfirmDestory" />
|
|
|
- </div>
|
|
|
+ </hc-body>
|
|
|
</template>
|
|
|
|
|
|
<script setup>
|
|
|
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 DestoryDialog from './components/destory-dialog.vue'
|
|
|
import projectScanningApi from '~api/other-file/projectScanning'
|
|
|
import { getStoreValue, setStoreValue } from '~src/utils/storage'
|
|
|
-import { arrToId, downloadBlob, getArrValue } from 'js-fast-way'
|
|
|
-import appraialApi from '~api/archiveConfig/appraisal.js'
|
|
|
+import { arrToId, getArrValue } from 'js-fast-way'
|
|
|
+import appraialApi from '~api/archiveConfig/appraisal'
|
|
|
|
|
|
//变量
|
|
|
const useAppState = useAppStore()
|
|
|
@@ -304,22 +277,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([])//子目录信息
|
