同步仓库

src/api/modules/archiveFile/archiveFileAuto.js

@@ -0,0 +1,59 @@
+import {httpApi} from "../../request/httpApi";
+
+export default {
+  //分页
+  async getarchiveFilePage(form, msg = true) {
+      return httpApi({
+          url: '/api/blade-archive/archiveFileAuto/page',
+          method: 'post',
+          params: form
+      }, msg);
+  },
+
+  //批量新增
+  async batchUploadSave(form, msg = true) {
+    return httpApi({
+        url: '/api/blade-archive/archiveFileAuto/batchSave',
+        method: 'post',
+        data: form
+    }, msg)
+  },
+
+  //跨目录移动
+  async migrateFile(form, msg = true) {
+    return httpApi({
+        url: '/api/blade-archive/archiveFileAuto/migrateFile',
+        method: 'post',
+        params: form
+    }, msg);
+  },
+
+  //批量下载
+  async batchDownloadFileToZip(form, msg = true) {
+    return httpApi({
+        url: '/api/blade-archive/archiveFileAuto/batchDownloadFileToZip',
+        method: 'post',
+        params: form,
+        responseType: 'blob'
+    }, msg);
+  },
+
+  //删除
+  async remove(form, msg = true) {
+    return httpApi({
+        url: '/api/blade-archive/archiveFileAuto/remove',
+        method: 'post',
+        params: form
+    }, msg);
+  },
+
+  //获取pdf
+  async mergePdf(form, msg = true) {
+    return httpApi({
+        url: '/api/blade-archive/archiveFileAuto/mergePdf',
+        method: 'post',
+        params: form
+    }, msg);
+  },
+
+}

src/api/modules/other.js

@@ -34,3 +34,54 @@ export const getArchiveTreeLazyTree = (form, msg = true) => httpApi({
     method: 'get',
     params: form
 }, msg);
+
+//初始化档案的树
+export const initTree = (form, msg = true) => httpApi({
+    url: '/api/blade-manager/archiveTreeContract/initTree',
+    method: 'post',
+    params: form
+}, msg);
+
+//删除
+export const remove = (form, msg = true) => httpApi({
+    url: '/api/blade-manager/archiveTreeContract/remove',
+    method: 'post',
+    params: form
+}, msg);
+
+//新增
+export const archiveTreeSave = (form, msg = true) => httpApi({
+    url: '/api/blade-manager/archiveTreeContract/save',
+    method: 'post',
+    params: form
+}, msg);
+
+//编辑
+export const archiveTreeDetail = (form, msg = true) => httpApi({
+    url: '/api/blade-manager/archiveTreeContract/detail',
+    method: 'post',
+    params: form
+}, msg);
+
+//更新
+export const archiveTreeUpdate = (form, msg = true) => httpApi({
+    url: '/api/blade-manager/archiveTreeContract/update',
+    method: 'post',
+    params: form
+}, msg);
+
+//获取归档树同级节点
+export const getSameGradeNode = (form, msg = true) => httpApi({
+    url: '/api/blade-manager/archiveTreeContract/get-same-grade-node',
+    method: 'post',
+    params: form
+}, msg);
+
+
+
+//排序
+export const submitArchiveTreeSort = (form, msg = true) => httpApi({
+    url: '/api/blade-manager/archiveTreeContract/submit-tree-sort',
+    method: 'post',
+    params: form
+}, msg);

src/components/tree/hc-tree.vue

@@ -42,7 +42,7 @@
 
 <script setup>
 import {ref,nextTick,watch} from "vue";
-import { getArchiveTreeLazyTree } from '~api/other';
+import { getArchiveTreeLazyTree,initTree } from '~api/other';
 import {isItem,getArrValue,getObjValue,isValueNull} from "vue-utils-plus"
 
 //参数
@@ -157,7 +157,18 @@ const ElTreeLoadNode = async (node, resolve) => {
     if (!error && code === 200) {
         let clickKey = '', defaultExpandedArr = [];
         const keys = TreeExpandKey.value || []
-        const resData = getArrValue(data)
+        let resData = getArrValue(data)
+
+        //如果是加载第一层，而且返回为空，先初始化树
+        if(parentId === 0 && resData.length === 0){
+            const {error:error2, code:code2, data:data2} = await initTree({
+                projectId:projectId.value,
+            })
+            if (!error2 && code2 === 200) {
+                resData = getArrValue(data2)
+            }
+        }
+
         for (let i = 0; i < resData.length; i++) {
             const item = resData[i];
             resData[i].isLeaf = !item.hasChildren
@@ -257,7 +268,8 @@ const removeElTreeNode = (key) => {
 
 // 暴露出去
 defineExpose({
-    removeElTreeNode
+    removeElTreeNode,
+    ElTreeRef
 })
 </script>
 

src/router/modules/base.js

@@ -45,6 +45,12 @@ export default [
                 name: 'file-collection',
                 meta: {title: '在线收集'},
                 component: () => import('~src/views/file/collection.vue')
+            },
+            {
+                path: '/file/records',
+                name: 'file-records',
+                meta: {title: '档案收集'},
+                component: () => import('~src/views/file/records.vue')
             }
         ],
     },

src/views/file/collection.vue

@@ -108,7 +108,7 @@
                         </HcTooltip>
                     </template>
                     <template #fileName="{row}">
-                        <span class="text-link">{{row?.fileName}}</span>
+                        <span class="text-link" @click="tableRowName(row)">{{row?.fileName}}</span>
                     </template>
                 </HcTable>
                 <template #action>
@@ -264,8 +264,8 @@
                     <el-input v-model="row.fileName" :class="row['isFileName'] ? 'is-error' : ''" @input="tableIsInput($event, row, 'isFileName')"/>
                 </template>
                 <template #fileTime="{row}">
-                    <!-- <el-date-picker v-model="row.fileTime" type="date" format="YYYY/MM/DD" value-format="YYYY-MM-DD" :clearable="false"/> -->
-                    <el-input v-model="row.fileTime" :class="row['isFileTime'] ? 'is-error' : ''" @input="tableIsInput($event, row, 'isFileTime')"/>
+                    <el-date-picker v-model="row.fileTime" type="date" format="YYYYMMDD" value-format="YYYYMMDD" :clearable="false"/>
+                    <!-- <el-input v-model="row.fileTime" :class="row['isFileTime'] ? 'is-error' : ''" @input="tableIsInput($event, row, 'isFileTime')"/> -->
                 </template>
                 <template #sheetType="{row}" v-if="isBuiltDrawing === 1">
                     <el-select v-model="row.sheetType">
@@ -1252,6 +1252,15 @@ const CertClick = async () => {
     }*/
 }
 
+//名称被点击
+const tableRowName = (row) => {
+    if (row['pdfFileUrl']) {
+        window.open(row['pdfFileUrl'], '_blank')
+    } else {
+        window.$message?.warning('文件不存在')
+    }
+}
+
 
 //左右拖动，改变树形结构宽度
 const leftWidth = ref(382);

src/views/file/records.vue

@@ -0,0 +1,1176 @@
+<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"/>
+                </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 class="hc-tree-box">
+                <el-scrollbar>
+                    <HcTree :projectId="projectId" :contractId="contractId" @nodeTap="projectTreeClick"/>
+                </el-scrollbar>
+            </div>
+            <!--左右拖动-->
+            <div class="horizontal-drag-line" @mousedown="onmousedown"/>
+        </div>
+        <div class="hc-page-content-box">
+            <HcCard>
+                <template #header>
+                    <div class="w-64 ml-2">
+                        <el-input v-model="searchForm.queryValue" size="large" placeholder="请输入案卷题名、档号进行搜索" clearable @keyup="keyUpEvent"/>
+                    </div>
+                    <div class="ml-2 mr-5">
+                        <el-button type="primary" hc-btn @click="searchClick">
+                            <HcIcon name="search-2"/>
+                            <span>搜索</span>
+                        </el-button>
+                    </div>
+                    <HcTooltip keys="file_records_btn_download">
+                        <el-button hc-btn :disabled="tableCheckedKeys.length <= 0" :loading="downloadLoading" @click="batchDownload">
+                            <HcIcon name="download"/>
+                            <span>下载</span>
+                        </el-button>
+                    </HcTooltip>
+                    <HcTooltip keys="file_records_btn_edit">
+                        <el-button hc-btn :disabled="tableCheckedKeys.length <= 0" @click="batchEditClick">
+                            <HcIcon name="edit"/>
+                            <span>编辑</span>
+                        </el-button>
+                    </HcTooltip>
+                    <HcTooltip keys="file_records_btn_del">
+                        <el-button hc-btn :disabled="tableCheckedKeys.length <= 0" @click="delModalClick">
+                            <HcIcon name="delete-bin"/>
+                            <span>删除</span>
+                        </el-button>
+                    </HcTooltip>
+                </template>
+                <template #extra>
+                    <HcTooltip keys="file_records_btn_upload_scanned_files">
+                        <el-button type="primary" hc-btn @click="uploadModalClick">
+                            <HcIcon name="qr-scan"/>
+                            <span>上传扫描文件</span>
+                        </el-button>
+                    </HcTooltip>
+                    <HcTooltip keys="file_records_btn_moves">
+                        <el-button type="primary" hc-btn @click="movesClick">
+                            <HcIcon  name="arrow-left-right"/>
+                            <span>跨目录移动</span>
+                        </el-button>
+                    </HcTooltip>
+                </template>
+                <HcTable ref="tableRef" :column="tableColumn" :datas="tableData" :loading="tableLoading" isCheck @selection-change="tableSelection">
+                    <template #table-column-header-num>
+                        <HcTooltip keys="file_records_btn_sort">
+                            <span class="text-link text-lg" @click="tableSortClick">
+                                <HcIcon name="arrow-up-down"/>
+                            </span>
+                        </HcTooltip>
+                    </template>
+                    <template #name="{row}">
+                        <span class="text-link" @click="tableRowName(row)">{{row?.name}}</span>
+                    </template>
+                    <template #secretLevel="{row}">
+                        {{row.secretLevelValue}}
+                    </template>
+                    <template #storageTime="{row}">
+                        {{row.storageTimeValue}}
+                    </template>
+                    <template #dates="{row}">
+                        {{row.dates[0].substring(0,10)}}~{{row.dates[1].substring(0,10)}}
+                    </template>
+                </HcTable>
+                <template #action>
+                    <HcPages :pages="searchForm" @change="pageChange" :sizes="[5,10,20,30,40,50]"/>
+                </template>
+            </HcCard>
+        </div>
+
+
+        <!--跨目录移动-->
+        <HcDialog :show="movesModal" title="跨目录移动" widths="990px" isTable @close="movesModalClose" @save="movesModalSave" :loading="movesModalLoading">
+            <div class="hc-moves-transfer-box">
+                <div class="hc-moves-transfer-panel">
+                    <div class="panel-header">
+                        <div class="panel-header-label">
+                            <el-checkbox class="size-xl space" v-model="movesCheckAll" :indeterminate="isIndeterminate" @change="handleCheckAllChange">选择需要迁移的文件</el-checkbox>
+                        </div>
+                        <div class="panel-header-extra">{{checkedMoves.length}}/{{fileDatasList.length}}</div>
+                    </div>
+                    <div class="panel-body">
+                        <el-scrollbar>
+                            <el-checkbox-group v-model="checkedMoves" @change="handleCheckedMovesChange">
+                                <div class="hc-file-checkbox" v-for="item in fileDatasList" :key="item.id">
+                                    <el-checkbox class="size-xl space" :label="item.id">{{item.name}}</el-checkbox>
+                                </div>
+                            </el-checkbox-group>
+                        </el-scrollbar>
+                    </div>
+                </div>
+                <div class="hc-moves-transfer-buttons">
+                    <el-button hc-btn _icon size="small"
+                               :type="fileDatasList.length <= 0 || checkedMoves.length <= 0 ? '' : 'primary'"
+                               :disabled="fileDatasList.length <= 0 || checkedMoves.length <= 0">
+                        <HcIcon name="arrow-right"/>
+                    </el-button>
+                </div>
+                <div class="hc-moves-transfer-panel">
+                    <div class="panel-header">选择移动目录</div>
+                    <div class="panel-body">
+                        <el-scrollbar>
+                            <HcTree idPrefix="hc-tree-moves-" ref="movesTreeRef" :projectId="projectId" :contractId="contractId" isRadio @radioChange="radioChange" :showRadioFun="showRadioFun"/>
+                        </el-scrollbar>
+                    </div>
+                </div>
+            </div>
+        </HcDialog>
+
+        <!--调整排序-->
+        <HcDialog :show="sortModal" title="调整排序" widths="980px" isTable isRowFooter @close="sortModalClose">
+            <el-alert title="可拖动排序，也可在后面点击图标，切换排序" type="error" :closable="false"/>
+            <div class="hc-table-h">
+                <HcTable ui="hc-table-row-drop" :column="sortTableColumn" :datas="sortTableData" :loading="sortTableLoading" isRowDrop @row-drop="sortTableRowDrop">
+                    <template #key2="{row}">
+                        <span class="text-link">{{row?.key2}}</span>
+                    </template>
+                    <template #action="{index}">
+                    <span class="text-link text-xl" @click="upSortClick(index)">
+                        <HcIcon name="arrow-up" fill/>
+                    </span>
+                        <span class="text-link text-xl ml-2" @click="downSortClick(index)">
+                        <HcIcon name="arrow-down" fill/>
+                    </span>
+                    </template>
+                </HcTable>
+            </div>
+            <template #leftRowFooter>
+                <el-button hc-btn @click="sortModalClose">
+                    <HcIcon name="close"/>
+                    <span>取消</span>
+                </el-button>
+                <el-button type="primary" hc-btn :loading="sortModalLoading" @click="sortModalSave">
+                    <HcIcon name="check"/>
+                    <span>确认</span>
+                </el-button>
+            </template>
+            <template #rightRowFooter>
+                <HcPages :pages="sortSearchForm" :sizes="[10, 20, 50, 100, 200, 300, 400, 500, 600]" @change="sortPageChange"/>
+            </template>
+        </HcDialog>
+
+        <!--新增编辑文件-->
+        <el-dialog v-model="showUploadModal" :title="tableUploadType === 'add'?'上传文件':'修改案卷基础信息'" width="80vw" class="hc-modal-border hc-modal-table">
+            <div class="batch-set" v-if="tableUploadType === 'add'">
+                <span>批量设置</span>
+                <span class="ml-10">档号：</span>
+                <span>前缀：</span>
+                <span><el-input v-model="batchSet.prefix" placeholder="输入档号前缀"/></span>
+                <span class="ml-5">流水号：</span>
+                <span><el-input v-model="batchSet.numberStart" placeholder="起号" class="batch-set-input"/></span>
+                <span>~</span>
+                <span><el-input v-model="batchSet.numberEnd" placeholder="止号" class="batch-set-input"/></span>
+                <span class="ml-5">密级：</span>
+                <span>
+                    <el-select v-model="batchSet.securityLevel">
+                        <el-option v-for="item in securityLevel" :key="item['dictKey']" :label="item['dictValue']" :value="item['dictKey']"/>
+                    </el-select>
+                </span>
+                <span class="ml-5">保管期限：</span>
+                <span>
+                    <el-select v-model="batchSet.storagePeriod">
+                        <el-option v-for="item in storagePeriod" :key="item['dictKey']" :label="item['dictValue']" :value="item['dictKey']"/>
+                    </el-select>
+                </span>
+            </div>
+            <HcTable ui="hc-form-table" :column="tableUploadColumn" :datas="tableUploadData" :loading="uploadSaveLoading" :isIndex="false" :class="{'set-table': tableUploadType === 'add'}">
+                <template #no="{index}">
+                    {{index}}
+                    <template v-if="tableUploadType === 'add'">
+                    <span class="text-link text-lg">
+                        <HcIcon name="arrow-up" @click="upUpSortClick(index)"/>
+                    </span>
+                    <span class="text-link text-lg">
+                        <HcIcon name="arrow-down" @click="downUpSortClick(index)"/>
+                    </span>
+                    </template>
+                </template>
+                <template #fileNumber="{row}">
+                    <el-input v-model="row.fileNumber" type="textarea"/>
+                </template>
+                <template #name="{row}">
+                    <el-input v-model="row.name" type="textarea"/>
+                </template>
+                <template #secretLevel="{row}">
+                    <el-select v-model="row.secretLevel">
+                        <el-option v-for="item in securityLevel" :key="item['dictKey']" :label="item['dictValue']" :value="item['dictKey']"/>
+                    </el-select>
+                </template>
+                <template #storageTime="{row}">
+                    <el-select v-model="row.storageTime">
+                        <el-option v-for="item in storagePeriod" :key="item['dictKey']" :label="item['dictValue']" :value="item['dictKey']"/>
+                    </el-select>
+                </template>
+                <template #filingUnit="{row}">
+                    <el-input v-model="row.filingUnit" type="textarea"/>
+                </template>
+                <template #dates="{row}">
+                    <el-date-picker v-model="row.dates" value-format="YYYY-MM-DD HH:mm:ss" type="daterange"/>
+                </template>
+                <template #action="{row,index}" v-if="tableUploadType === 'add'">
+                    <el-button type="danger" plain size="small" :loading="row['delBtnLoading']" @click="delUploadData(row,index)">删除</el-button>
+                </template>
+            </HcTable>
+            <template #footer>
+                <div class="lr-dialog-footer">
+                    <div class="left flex items-center">
+                        <HcFileUpload @change="uploadsChange" @progress="uploadsProgress">
+                            <el-button type="primary" hc-btn :loading="uploadsLoading" :disabled="uploadSaveLoading">
+                                <HcIcon name="add-circle"/>
+                                <span>新增上传</span>
+                            </el-button>
+                        </HcFileUpload>
+                    </div>
+                    <div class="right">
+                        <el-button size="large" @click="batchUploadCancel">
+                            <HcIcon name="close"/>
+                            <span>取消</span>
+                        </el-button>
+                        <el-button type="primary" hc-btn :disabled="uploadsLoading" :loading="uploadSaveLoading" @click="batchUploadSave">
+                            <HcIcon name="save"/>
+                            <span>提交保存</span>
+                        </el-button>
+                    </div>
+                </div>
+            </template>
+        </el-dialog>
+
+    </div>
+</template>
+
+<script setup>
+import {ref, watch, onMounted,nextTick } from "vue";
+import {useAppStore} from "~src/store";
+import HcTree from "~src/components/tree/hc-tree.vue"
+import HcFileUpload from "./components/HcFileUpload.vue"
+import notableform from '~src/assets/view/notableform.svg';
+import {delMessage, rowsToId, rowsToIdNumArr} from "~uti/tools";
+import {getArrValue, deepClone, downloadBlob} from "vue-utils-plus"
+import tasksApi from '~api/tasks/data';
+import ossApi from "~api/oss";
+import archiveFileApi from "~api/archiveFile/archiveFileAuto.js";
+
+//变量
+const useAppState = useAppStore()
+const projectId = ref(useAppState.getProjectId);
+const contractId = ref(useAppState.getContractId);
+const projectInfo = ref(useAppState.getProjectInfo);
+const isCollapse = ref(useAppState.getCollapse)
+const userInfo = ref(useAppState.getUserInfo)
+
+//监听
+watch(() => [
+    useAppState.getCollapse
+], ([Collapse]) => {
+    isCollapse.value = Collapse
+})
+
+//渲染完成
+onMounted(() => {
+    setTableColumns()
+    
+    getStoragePeriod()
+
+    getSecurityLevel()
+})
+
+//审批状态
+const approvalStatus = ref([
+    {label: '未上报', value: '1'},
+    {label: '待审批', value: '2'},
+    {label: '已审批', value: '3'}
+])
+
+//认证状态
+const certifiedStatus = ref([
+    {label: '已认证', value: '1'},
+    {label: '未认证', value: '2'}
+])
+
+//搜索表单
+const searchForm = ref({
+    nodeIds:'',
+    approval: null, certified: null, queryValue: null,
+    current: 1, size: 5, total: 0
+})
+
+//树相关的变量
+const primaryKeyId = ref('')
+const isBuiltDrawing = ref(0)
+const isStorageNode = ref(0)
+const nodeIds = ref('')
+const projectTreeClick = ({node, data, keys, key}) => {
+    nodeIds.value = data.id || '';
+    isStorageNode.value = data['isStorageNode'] || 0;
+
+    //设置搜索数据
+    searchForm.value.current = 1;
+    searchForm.value.nodeIds = data.id || '';
+
+    sortSearchForm.value.nodeIds = data.id || '';
+
+    getTableData()
+}
+
+//回车搜索
+const keyUpEvent = (e) => {
+    if (e.key === "Enter") {
+        searchForm.value.current = 1;
+        getTableData()
+    }
+}
+
+//搜索
+const searchClick = () => {
+    searchForm.value.current = 1;
+    getTableData()
+}
+
+//分页被点击
+const pageChange = ({current, size}) => {
+    searchForm.value.current = current
+    searchForm.value.size = size
+    getTableData()
+}
+
+//表格数据
+const tableRef = ref(null)
+const tableColumn = ref([])
+//设置表头
+const setTableColumns = () => {
+    tableColumn.value = [
+        {key:'fileNumber', name: '档号', width: 160},
+        {key:'name', name: '案卷题名'},
+        {key:'secretLevel', name: '密级', width: 100},
+        {key:'storageTime', name: '保管期限', width: 100},
+        {key:'pageN', name: '页数', width: 100},
+        {key:'filingUnit', name: '立卷单位'},
+        {key:'dates', name: '起止日期', width: 190}
+    ]
+}
+const tableData = ref([])
+
+//获取数据
+const tableLoading = ref(false)
+const getTableData = async () => {
+    tableLoading.value = true
+    const { error, code, data } = await archiveFileApi.getarchiveFilePage({
+        ...searchForm.value,
+        projectId: projectId.value,
+        contractId: contractId.value,
+        isAutoFile:1
+    })
+    tableLoading.value = false
+    if (!error && code === 200) {
+        tableData.value = getArrValue(data['records'])
+        tableData.value.forEach((element)=>{
+            element.dates = [element.startDate,element.endDate]
+        })
+        searchForm.value.total = data['total'] || 0
+    } else {
+        tableData.value = []
+        searchForm.value.total = 0
+    }
+}
+
+//多选
+const tableCheckedKeys = ref([]);
+const tableSelection = (rows) => {
+    tableCheckedKeys.value = rows
+}
+
+//分盒整理
+const sortingModal = ref(false)
+const sortingClick = async() => {
+    if (nodeIds.value && isStorageNode.value === 1) {
+        const { error, code, data } = await archiveFileApi.getBoxNameAndBoxNumber({
+            nodeId:nodeIds.value
+        })
+        if (!error && code === 200) {
+            if(data.length > 0){
+                sortingActiveKey.value = [];
+                sortingModal.value = true
+                sortingItemData.value = getArrValue(data)
+                sortingOldData.value = deepClone(sortingItemData.value)
+            }else{
+                sortingNoneModal.value = true
+            }
+        }
+        
+    } else {
+        window?.$message?.warning('请先选择一个子节点')
+    }
+}
+
+const sortingNoneModal = ref(false)//无数据显示的弹窗
+const toSortingModal = ()=>{
+    sortingNoneModal.value = false;
+    sortingActiveKey.value = [];
+    sortingModal.value = true
+}
+
+const sortingItemData = ref([])
+const sortingOldData = ref([])//旧数据，用来对比是否修改名字
+
+//获取数据
+const sortingItemLoading = ref(false)
+const getSortingItemData = () => {
+    
+}
+
+//校验
+const tableIsInput = (val, row, key) => {
+    //console.log(!val);
+    //检测是否改过案卷名字
+    if(key == 'isName'){
+        row.isChange = true;
+    }
+
+    row[key] = !val;
+}
+
+//选择文件
+// const sortingActiveKey = ref('')
+// const sortingSelectFile = (row, index) => {
+//     //取当前展开组的key
+//     const key = sortingActiveKey.value;
+//     const keys = key ? key.split('-') : [];
+//     const active = keys.length > 0 ? keys[1]: -1;
+//     if (Number(active) === index) {
+//         sortingActiveKey.value = null;
+//     } else {
+//         sortingActiveKey.value = `item-${index}`;
+//     }
+// }
+
+const sortingActiveKey = ref([])
+const sortingSelectFile = (row, index) => {
+    const key = `item-${index}`;
+    const indexNum = sortingActiveKey.value.indexOf(key);
+    if(indexNum > -1){
+        sortingActiveKey.value.splice(indexNum,1);
+    }else{
+        sortingActiveKey.value.push(key);
+        if(!(row.list && row.list.length > 0)){
+            getSortingTableData(row, index)
+        }
+    }
+}
+
+//表格
+const sortingTableColumn = [
+    {key:'name', name: '文件名称'},
+];
+const sortingTableData = ref([])
+
+//获取数据
+const sortingTableLoading = ref(false)
+const getSortingTableData = async(row, index) => {
+    sortingTableLoading.value = true
+    const { error, code, data } = await archiveFileApi.pageByBoxName({
+        size: 99999,
+        current: 1,
+        projectId: projectId.value,
+        contractId: contractId.value,
+        nodeIds:nodeIds.value,
+        boxName:row.boxName?row.boxName:''
+    })
+    sortingTableLoading.value = false
+    if (!error && code === 200) {
+        row.list = getArrValue(data['records'])
+        setTableCheck(row, index)
+    } else {
+        row.list = []
+    }
+}
+
+//表格ref
+const sorTableRef = ref([]);
+//回显勾选
+const setTableCheck = async(row, index) => {
+    //console.log(row)
+    if(row.ids){
+        const keys = row.ids.split(',');
+        row.list.forEach(async (item)=>{
+            if(keys.indexOf(item.id) > -1){
+                item.checked = true;
+                await nextTick();
+                sorTableRef.value[index].toggleRowSelection(item,true);
+            }
+        })
+    }
+}
+
+//多选
+const sortingTableKeys = ref([]);
+const sortingTableSelection = (rows,list,event) => {
+    //console.log(event)
+    list.forEach(element => {
+        element.checked = false;
+    });
+    rows.forEach((element)=>{
+        element.checked = true;
+    })
+}
+
+//删除
+const sortingDelData = (row,index) => {
+    sortingItemData.value.splice(index,1);
+}
+
+//添加分盒
+const addSortingModalClick = () => {
+    sortingItemData.value.push({
+        boxName: ''
+    })
+}
+
+//确认保存
+const sortingModalLoading = ref(false)
+const sortingModalSave = async() => {
+    sortingModalLoading.value = true
+
+    //检测案卷名是否重复
+    let nameRes = await checkNames();
+    //console.log(nameRes)
+    //return;
+    for (let i = 0; i < nameRes.length; i++) {
+        if(typeof nameRes[i].data == 'string'){
+            window.$message?.error(nameRes[i].data+',案卷名重复')
+            sortingModalLoading.value = false
+            return;
+        }
+    }
+
+    //组装数据
+    let rows = [];
+    sortingItemData.value.forEach((item,index)=>{
+        let obj = {
+            ids:'',
+            boxName:item.boxName,
+            boxNumber:index+1,
+        };
+        let list = [];
+        if(item.list){
+            item.list.forEach((item2)=>{
+                if(item2.checked){
+                    list.push(item2.id)
+                }
+            })
+            obj.ids = list.join(',');
+        }else{
+            obj.ids = item.ids;
+        }
+        
+        rows.push(obj)
+    })
+
+    const { error, code, data } = await archiveFileApi.allocation({
+        list: rows
+    })
+    if (!error && code === 200) {
+        window.$message?.success('保存成功')
+        sortingModal.value = false
+    } else {
+        window.$message?.error('保存失败')
+    }
+    sortingModalLoading.value = false
+}
+
+const checkNames =() =>{
+    const arr = [];
+    sortingItemData.value.forEach((item)=>{
+        if(item.boxNumber){
+            if(item.isChange){
+                //是否修改过
+                //对比旧的数据，是否相同
+                for (let i = 0; i < sortingOldData.value.length; i++) {
+                    if(sortingOldData.value[i].boxNumber == item.boxNumber){
+                        if(sortingOldData.value[i].boxName != item.boxName){
+                            arr.push(
+                                archiveFileApi.getIsBoxName({
+                                    boxName:item.boxName
+                                })
+                            )
+                        }
+                        return;
+                    }
+                }
+            }
+        }else{
+            arr.push(
+                archiveFileApi.getIsBoxName({
+                    boxName:item.boxName
+                })
+            )
+        }
+    })
+    return Promise.all(arr);
+}
+
+//关闭
+const sortingModalClose = () => {
+    sortingModal.value = false
+}
+
+//删除
+const delModalClick = () => {
+    delMessage(async () => {
+        let ids = [];
+        tableCheckedKeys.value.forEach((element)=>{
+            ids.push(element.id)
+        })
+        const { error, code, data } = await archiveFileApi.remove({
+            ids:ids.join(',')
+        })
+        //处理数据
+        if (!error && code === 200) {
+            window.$message?.success('操作成功')
+            getTableData()
+        }
+    })
+}
+
+
+//跨目录移动
+const movesModal = ref(false)
+const movesClick = async() => {
+    movesModal.value = true
+    const { error, code, data } = await archiveFileApi.getarchiveFilePage({
+        ...searchForm.value,
+        size:9999,
+        projectId: projectId.value,
+        contractId: contractId.value
+    })
+    if (!error && code === 200) {
+        fileDatasList.value = getArrValue(data['records'])
+    } else {
+        fileDatasList.value = []
+    }
+}
+
+//选择需要迁移的文件
+const movesCheckAll = ref(false)
+const isIndeterminate = ref(true)
+const checkedMoves = ref([])
+
+//左侧待迁移文件
+const fileDatasList = ref([])
+
+//全选
+const handleCheckAllChange = (val) => {
+    const checked = fileDatasList.value
+    const keys = rowsToIdNumArr(checked);
+    checkedMoves.value = val ? keys : []
+    isIndeterminate.value = false
+}
+
+//勾选
+const handleCheckedMovesChange = (value) => {
+    const keys = fileDatasList.value
+    const checkedCount = value.length
+    movesCheckAll.value = checkedCount === keys.length
+    isIndeterminate.value = checkedCount > 0 && checkedCount < keys.length
+}
+
+//右侧radio
+const movesTreeRef = ref(null)
+let radioNode = ref(null)
+const radioChange = (id)=>{
+    //console.log(id)
+    //radioNodeId = id;
+    radioNode.value = movesTreeRef.value.ElTreeRef.getNode(id);
+}
+
+//只显示储存节点的单选
+const showRadioFun = (data)=>{
+    if(data.isStorageNode == 1){
+        return true;
+    }else{
+        return false;
+    }
+}
+
+//保存
+const movesModalLoading = ref(false)
+const movesModalSave = async() => {
+    let ids = checkedMoves.value.join(',')
+    if(checkedMoves.value.length < 1){
+        window.$message?.warning('请勾选需要迁移的文件')
+        return;
+    }
+    if(!radioNode.value){
+        window.$message?.warning('请选择要移动到的节点')
+        return;
+    }
+    movesModalLoading.value = true;
+    const { error, code, data } = await archiveFileApi.migrateFile({
+        ids:ids,
+        nodeId:radioNode.value.data.id,
+        nodeSort:radioNode.value.data.treeSort,
+    })
+    movesModalLoading.value = false
+    if (!error && code === 200) {
+        window.$message?.success('保存成功')
+        movesModal.value = false
+        getTableData()
+    } else {
+        window.$message?.error('保存失败')
+    }
+    
+}
+
+//关闭
+const movesModalClose = () => {
+    movesModal.value = false
+}
+
+
+//表格排序
+const sortModal = ref(false)
+//显示
+const tableSortClick = () => {
+    sortModal.value = true
+    getSortTableData()
+}
+
+//搜索表单
+const sortSearchForm = ref({
+    nodeIds:'',
+    current: 1, size: 20, total: 0
+})
+
+//分页被点击
+const sortPageChange = ({current, size}) => {
+    sortSearchForm.value.current = current
+    sortSearchForm.value.size = size
+    getSortTableData()
+}
+
+//表格数据
+const sortTableColumn = ref([
+    {key:'fileNumber', name: '档号', width: 160},
+    {key:'name', name: '案卷题名'},
+    {key:'action', name: '排序', width: 90},
+])
+const sortTableData = ref([])
+
+const sortTableLoading = ref(false)
+const getSortTableData = async () => {
+    sortTableLoading.value = true
+    const { error, code, data } = await archiveFileApi.getarchiveFilePage({
+        ...sortSearchForm.value,
+        projectId: projectId.value,
+        contractId: contractId.value
+    })
+    sortTableLoading.value = false
+    if (!error && code === 200) {
+        sortTableData.value = getArrValue(data['records'])
+        sortSearchForm.value.total = data['total'] || 0
+    } else {
+        sortTableData.value = []
+        sortSearchForm.value.total = 0
+    }
+}
+
+//拖动完成
+const sortTableRowDrop = (rows) => {
+    sortTableData.value = rows
+}
+
+//向下
+const downSortClick = (index) => {
+    const indexs = index + 1
+    const data = sortTableData.value
+    if(indexs !== data.length) {
+        const tmp = data.splice(indexs,1);
+        sortTableData.value.splice(index,0,tmp[0]);
+    } else {
+        window?.$message?.warning('已经处于置底，无法下移')
+    }
+}
+
+//向上
+const upSortClick = (index) => {
+    const data = sortTableData.value || []
+    if(index !== 0) {
+        const tmp = data.splice(index - 1,1);
+        sortTableData.value.splice(index,0,tmp[0]);
+    } else {
+        window?.$message?.warning('已经处于置顶，无法上移')
+    }
+}
+
+//保存
+const sortModalLoading = ref(false)
+const sortModalSave = async() => {
+    let rows = sortTableData.value;
+    rows.forEach((element,index)=>{
+        element.autoFileSort = index+1
+    })
+
+    await batchEditSaveApi(rows)
+
+    sortModal.value = false
+}
+
+//关闭
+const sortModalClose = () => {
+    sortModal.value = false
+}
+
+
+//获取认证状态
+const certificationType = ref([])
+const certificationStatus = async () => {
+    const { error, code, data } = await tasksApi.queryTaskTypeStatus({
+        typeOrStatus: 'certification_status'
+    })
+    //处理数据
+    if (!error && code === 200) {
+        certificationType.value = getArrValue(data)
+    } else {
+        certificationType.value = []
+    }
+}
+
+//获取图幅类型
+const sheetType = ref([])
+const sheetTypeStatus = async () => {
+    const { error, code, data } = await tasksApi.queryTaskTypeStatus({
+        typeOrStatus: 'sheet_type'
+    })
+    //处理数据
+    if (!error && code === 200) {
+        sheetType.value = getArrValue(data)
+    } else {
+        sheetType.value = []
+    }
+}
+
+//获取图表来源
+const sheetSourceType = ref([])
+const sheetSourceStatus = async () => {
+    const { error, code, data } = await tasksApi.queryTaskTypeStatus({
+        typeOrStatus: 'sheet_source'
+    })
+    //处理数据
+    if (!error && code === 200) {
+        sheetSourceType.value = getArrValue(data)
+    } else {
+        sheetSourceType.value = []
+    }
+}
+
+//获取密级
+const securityLevel = ref([])
+const getSecurityLevel = async () => {
+    const { error, code, data } = await tasksApi.queryTaskTypeStatus({
+        typeOrStatus: 'security_level'
+    })
+    //处理数据
+    if (!error && code === 200) {
+        securityLevel.value = getArrValue(data)
+    } else {
+        securityLevel.value = []
+    }
+}
+
+//获取保管期限
+const storagePeriod = ref([])
+const getStoragePeriod = async () => {
+    const { error, code, data } = await tasksApi.queryTaskTypeStatus({
+        typeOrStatus: 'storage_period'
+    })
+    //处理数据
+    if (!error && code === 200) {
+        storagePeriod.value = getArrValue(data)
+    } else {
+        storagePeriod.value = []
+    }
+}
+
+//新增文件
+const tableUploadType = ref('add')
+const showUploadModal = ref(false)
+const uploadModalClick = () => {
+    if (nodeIds.value && isStorageNode.value === 1) {
+        tableUploadType.value = 'add'
+        setTableUploadColumn()
+        uploadSaveLoading.value = false
+        tableUploadData.value = []
+        showUploadModal.value = true
+    } else {
+        window?.$message?.warning('请先选择一个子节点')
+    }
+}
+
+//设置文件表头
+const tableUploadColumn = ref([
+    {key:'no', name: '序号', width: 100},
+    {key:'fileNumber', name: '档号', width: 160},
+    {key:'name', name: '案卷题名'},
+    {key:'secretLevel', name: '密级', width: 100},
+    {key:'storageTime', name: '保管期限', width: 100},
+    {key:'filingUnit', name: '立卷单位'},
+    {key:'dates', name: '起止日期', width: 380},
+    {key:'action', name: '操作', width: 100}
+])
+const setTableUploadColumn = () => {
+    
+}
+const tableUploadData = ref([])
+
+//上传的文件结果
+const uploadsChange = ({fileList}) => {
+    let newArr = []
+    //console.log(fileList)
+    for (let i = 0; i < fileList.length; i++) {
+        const item = fileList[i]
+        let name = item['originalName'] || ''
+        let fileName = name.substring(0, name.lastIndexOf("."))
+        newArr.push({
+            projectId: projectId.value,
+            contractId: contractId.value,
+            nodeId: nodeIds.value,
+            approvalFileList:[{
+                projectId: projectId.value,
+                contractId: contractId.value,
+                nodeId: nodeIds.value,
+                fileName: fileName,
+                fileNumber:'',
+                ossFileName: item?.name || '',
+                fileUrl: item?.link || '',
+                pdfFileUrl: item?.pdfUrl || '',
+                filePage: item?.page || '',
+                isApproval:0,
+                isNeedCertification:0,
+                dutyUser:userInfo.value.real_name
+            }]
+        })
+    }
+    tableUploadData.value.push(newArr[0])
+}
+
+//上传进度
+const uploadsLoading = ref(false)
+const uploadsProgress = (val) => {
+    uploadsLoading.value = val
+}
+
+//表单下拉数据
+const whetherData = ref([
+    {label: "不需要", value: 0},
+    {label: "需要", value: 1}
+])
+
+
+//删除
+const delUploadData = async (row,index) => {
+    if (row['ossFileName']) {
+        row['delBtnLoading'] = true
+        await ossApi.removeFile({fileName: row['ossFileName']})
+        row['delBtnLoading'] = false
+        tableUploadData.value.splice(index,1);
+    } else {
+        tableUploadData.value.splice(index,1);
+    }
+}
+
+//批量上传保存
+const uploadSaveLoading = ref(false)
+const batchUploadSave = async () => {
+    const rows = tableUploadData.value
+    if (rows.length > 0) {
+        //验证表单数据
+        uploadSaveLoading.value = true
+        let isTableRows = false;
+
+        //判断数据
+        if (isTableRows) {
+            uploadSaveLoading.value = false
+            window.$message?.warning('请先完善表单信息')
+        } else {
+            //数据处理
+            rows.forEach((element,index)=>{
+                element.startDate = element.dates[0]
+                element.endDate = element.dates[1]
+                element.autoFileSort = index+1
+            })
+
+            if (tableUploadType.value === 'add') {
+                await batchUploadSaveApi(rows)
+            } else {
+                await batchEditSaveApi(rows)
+            }
+        }
+    } else {
+        window.$message?.warning('请先上传文件')
+    }
+}
+
+//确认上传保存
+const batchUploadSaveApi = async (rows) => {
+    uploadSaveLoading.value = true
+    const {error, code} = await archiveFileApi.batchUploadSave({
+        list: rows
+    },false)
+    //判断状态
+    uploadSaveLoading.value = false
+    if (!error && code === 200) {
+        window.$message?.success('保存成功')
+        batchUploadCancel()
+        getTableData()
+    } else {
+        window.$message?.error('保存失败')
+    }
+}
+
+//取消上传
+const batchUploadCancel = () => {
+    tableUploadData.value = []
+    uploadSaveLoading.value = false
+    uploadsLoading.value = false
+    showUploadModal.value = false
+}
+
+//批量编辑
+const batchEditClick = () => {
+    const rows = deepClone(tableCheckedKeys.value)
+    //判断是否满足条件
+    tableUploadType.value = 'edit'
+    setTableUploadColumn()
+    uploadSaveLoading.value = false
+    tableUploadData.value = rows
+    showUploadModal.value = true
+}
+
+//确认编辑上传保存
+const batchEditSaveApi = async (rows) => {
+    uploadSaveLoading.value = true
+    const {error, code} = await archiveFileApi.batchUploadSave({
+        list: rows
+    },false)
+    //判断状态
+    uploadSaveLoading.value = false
+    if (!error && code === 200) {
+        window.$message?.success('保存成功')
+        batchUploadCancel()
+        getTableData()
+    } else {
+        window.$message?.error('保存失败')
+    }
+}
+
+
+//上传文件向下
+const downUpSortClick = (index) => {
+    const indexs = index + 1
+    const data = tableUploadData.value
+    if(indexs !== data.length) {
+        const tmp = data.splice(indexs,1);
+        tableUploadData.value.splice(index,0,tmp[0]);
+    } else {
+        window?.$message?.warning('已经处于置底，无法下移')
+    }
+}
+
+//上传文件向上
+const upUpSortClick = (index) => {
+    const data = tableUploadData.value || []
+    if(index !== 0) {
+        const tmp = data.splice(index - 1,1);
+        tableUploadData.value.splice(index,0,tmp[0]);
+    } else {
+        window?.$message?.warning('已经处于置顶，无法上移')
+    }
+}
+
+
+//批量设置
+const batchSet = ref({
+    prefix:'',
+    numberStart:'',
+    numberEnd:'',
+    securityLevel:'',
+    storagePeriod:''
+})
+
+//批量下载
+const downloadLoading = ref(false)
+const batchDownload = async () => {
+    let ids = [];
+    tableCheckedKeys.value.forEach((element)=>{
+        ids.push(element.id)
+    })
+    downloadLoading.value = true
+    const { error,response, res} = await archiveFileApi.batchDownloadFileToZip({
+        ids:ids.join(',')
+    })
+    downloadLoading.value = false
+    if (!error) {
+        downloadBlob(res, response.headers['content-disposition'])
+    }
+}
+
+//名称被点击
+const tableRowName = async (row) => {
+    const { error, code, data } = await archiveFileApi.mergePdf({
+        ids: row.id
+    })
+    //处理数据
+    if (!error && code === 200) {
+        window.open(data, '_blank')
+    }
+}
+
+
+//左右拖动，改变树形结构宽度
+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;
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+@import '~style/file/scoped/collection.scss';
+
+.batch-set{
+    display: flex;
+    align-items: center;
+    margin-bottom: 10px;
+    .batch-set-input{
+        width: 80px;
+    }
+}
+.set-table{
+    height: calc(100% - 42px);
+}
+</style>
+
+<style lang="scss">
+@import '~style/file/collection.scss';
+</style>