|
|
@@ -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([
|
