gxwebsoft/jzsj-vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

1、文档新增批量删除

Browse Source 
2、文档新增点击文件名预览
This commit is contained in:
b2894lxlx
2026-05-27 11:10:29 +08:00
parent 96020debfd
commit f1a9f53099
2 changed files with 733 additions and 309 deletions
Download Patch File Download Diff File Expand all files Collapse all files

216
src/views/pwl/pwlProject/index.vue
View File

@@ -101,7 +101,11 @@
<a class="action-btn bg-blue-500" @click="openReport(record)"
>1 生成审计方案</a
>
<a class="action-btn bg-green-600" @click="openReportContent(record)">2 审计内容</a>
<a
class="action-btn bg-green-600"
@click="openReportContent(record)"
>2 审计内容</a
>
<a class="action-btn bg-red-600" @click="openReportView(record)"
>3 审计报告</a
>
@@ -114,7 +118,8 @@
:class="{ 'disabled-text': !record.id }"
:style="!record.id ? 'cursor: not-allowed; color: #999' : ''"
@click="record.id && openDocManage(record)"
>文档管理</a>
>文档管理</a
>
<a class="edit-btn" @click="openEdit(record)">修改</a>
<a-popconfirm
title="确定要删除此记录吗？"
@@ -133,9 +138,17 @@
<Edit v-model:visible="showEdit" :data="current" @done="reload" />
<!-- 生成报告 -->
<Report v-model:visible="showReport" :data="current" @done="reload" />
<ReportContent v-model:visible="showReportContent" :data="current" @done="reload" />
<ReportContent
v-model:visible="showReportContent"
:data="current"
@done="reload"
/>
<!-- 审计报告查看 -->
<ReportView v-model:visible="showReportView" :data="current" @done="reload" />
<ReportView
v-model:visible="showReportView"
:data="current"
@done="reload"
/>
<!-- 审计核查弹窗 -->
<AuditCheck
v-model:visible="showAuditCheck"
@@ -220,6 +233,17 @@
<template #icon><UploadOutlined /></template>
上传文档
</a-button>
<a-button
danger
:disabled="!selectedDocRows.length"
@click="deleteSelectedDocs"
>
<template #icon><DeleteOutlined /></template>
批量删除
</a-button>
<span v-if="selectedDocRows.length" class="doc-selected-count">
已选 {{ selectedDocRows.length }} 个文件
</span>
<span class="doc-tips">请选择分类上传资料</span>
</div>
<a-input-search
@@ -235,6 +259,7 @@
:dataSource="docList"
:columns="docColumns"
:loading="docLoading"
:row-selection="docRowSelection"
rowKey="id"
:scroll="{ x: 2600, y: 500 }"
:pagination="pagination"
@@ -285,17 +310,61 @@
>
<a-form :model="docForm" layout="vertical">
<a-row :gutter="16">
<a-col :span="12"><a-form-item label="文件名称"><a-input v-model:value="docForm.fileName" /></a-form-item></a-col>
<a-col :span="12"><a-form-item label="制度标题"><a-input v-model:value="docForm.title" /></a-form-item></a-col>
<a-col :span="12"><a-form-item label="发文字号"><a-input v-model:value="docForm.issueNumber" /></a-form-item></a-col>
<a-col :span="12"><a-form-item label="版本号"><a-input v-model:value="docForm.version" /></a-form-item></a-col>
<a-col :span="12"><a-form-item label="成文日期"><a-date-picker v-model:value="docForm.documentDate" value-format="YYYY-MM-DD" style="width: 100%" /></a-form-item></a-col>
<a-col :span="12"><a-form-item label="生效日期"><a-date-picker v-model:value="docForm.effectiveDate" value-format="YYYY-MM-DD" style="width: 100%" /></a-form-item></a-col>
<a-col :span="12"><a-form-item label="废止日期"><a-date-picker v-model:value="docForm.abolishDate" value-format="YYYY-MM-DD" style="width: 100%" /></a-form-item></a-col>
<a-col :span="12"><a-form-item label="适用业务范围"><a-input v-model:value="docForm.businessScope" /></a-form-item></a-col>
<a-col :span="12"><a-form-item label="适用区域"><a-input v-model:value="docForm.region" /></a-form-item></a-col>
<a-col :span="24"><a-form-item label="关联制度"><a-input v-model:value="docForm.relatedDocuments" /></a-form-item></a-col>
<a-col :span="24"><a-form-item label="备注"><a-textarea v-model:value="docForm.comments" :rows="3" /></a-form-item></a-col>
<a-col :span="12"
><a-form-item label="文件名称"
><a-input v-model:value="docForm.fileName" /></a-form-item
></a-col>
<a-col :span="12"
><a-form-item label="制度标题"
><a-input v-model:value="docForm.title" /></a-form-item
></a-col>
<a-col :span="12"
><a-form-item label="发文字号"
><a-input v-model:value="docForm.issueNumber" /></a-form-item
></a-col>
<a-col :span="12"
><a-form-item label="版本号"
><a-input v-model:value="docForm.version" /></a-form-item
></a-col>
<a-col :span="12"
><a-form-item label="成文日期"
><a-date-picker
v-model:value="docForm.documentDate"
value-format="YYYY-MM-DD"
style="width: 100%" /></a-form-item
></a-col>
<a-col :span="12"
><a-form-item label="生效日期"
><a-date-picker
v-model:value="docForm.effectiveDate"
value-format="YYYY-MM-DD"
style="width: 100%" /></a-form-item
></a-col>
<a-col :span="12"
><a-form-item label="废止日期"
><a-date-picker
v-model:value="docForm.abolishDate"
value-format="YYYY-MM-DD"
style="width: 100%" /></a-form-item
></a-col>
<a-col :span="12"
><a-form-item label="适用业务范围"
><a-input v-model:value="docForm.businessScope" /></a-form-item
></a-col>
<a-col :span="12"
><a-form-item label="适用区域"
><a-input v-model:value="docForm.region" /></a-form-item
></a-col>
<a-col :span="24"
><a-form-item label="关联制度"
><a-input v-model:value="docForm.relatedDocuments" /></a-form-item
></a-col>
<a-col :span="24"
><a-form-item label="备注"
><a-textarea
v-model:value="docForm.comments"
:rows="3" /></a-form-item
></a-col>
</a-row>
</a-form>
</a-modal>
@@ -363,7 +432,11 @@
updateAiCloudDoc,
removeAiCloudDoc
} from '@/api/ai/aiCloudDoc';
import { pageAiCloudFile, removeAiCloudFile, updateAiCloudFile } from '@/api/ai/aiCloudFile';
import {
pageAiCloudFile,
removeAiCloudFile,
updateAiCloudFile
} from '@/api/ai/aiCloudFile';
import type { AiCloudDoc } from '@/api/ai/aiCloudDoc/model';
import type { AiCloudFile } from '@/api/ai/aiCloudFile/model';
@@ -405,6 +478,8 @@
const docList = ref<AiCloudFile[]>([]); // 文档列表数据改为使用AiCloudFile类型
const docLoading = ref(false); // 文档加载状态
const allDirs = ref<AiCloudDoc[]>([]); // 所有目录列表
const selectedDocRowKeys = ref<(string | number)[]>([]);
const selectedDocRows = ref<AiCloudFile[]>([]);
const docSearchForm = ref({
fileName: ''
});
@@ -471,7 +546,7 @@
// 计算树形数据
const treeData = computed(() => {
const buildTree = (parentId: number = 0): any[] => {
const buildTree = (parentId = 0): any[] => {
return allDirs.value
.filter((item) => item.parentId === parentId)
.map((item) => ({
@@ -519,7 +594,11 @@
return allDirs.value.some((item) => item.parentId === dirId);
};
const getDocFieldValue = (record: AiCloudFile, keys: string[], fallback = '-') => {
const getDocFieldValue = (
record: AiCloudFile,
keys: string[],
fallback = '-'
) => {
const row = record as Record<string, any>;
for (const key of keys) {
const value = row[key];
@@ -550,6 +629,19 @@
);
};
const resetDocSelection = () => {
selectedDocRowKeys.value = [];
selectedDocRows.value = [];
};
const docRowSelection = computed(() => ({
selectedRowKeys: selectedDocRowKeys.value,
onChange: (keys: (string | number)[], rows: AiCloudFile[]) => {
selectedDocRowKeys.value = keys;
selectedDocRows.value = rows;
}
}));
const docColumns = ref([
{
title: '文件名称',
@@ -585,7 +677,8 @@
width: 220,
ellipsis: true,
customRender: ({ record, text }: { record: AiCloudFile; text: any }) =>
text || renderDocText(record, ['version', 'versionNumber', 'versionName'])
text ||
renderDocText(record, ['version', 'versionNumber', 'versionName'])
},
{
title: '成文日期（落款日期）',
@@ -630,10 +723,16 @@
width: 260,
ellipsis: true,
customRender: ({ record, text }: { record: AiCloudFile; text: any }) =>
text || renderDocText(record, ['relatedDocuments', 'relatedDoc', 'relatedFiles'])
text ||
renderDocText(record, [
'relatedDocuments',
'relatedDoc',
'relatedFiles'
])
},
{
title: '适用区域（全国/广西/南宁市等）如果是公司文档管理的模板，不需要这个字段内容',
title:
'适用区域（全国/广西/南宁市等）如果是公司文档管理的模板，不需要这个字段内容',
dataIndex: 'region',
key: 'region',
width: 280,
@@ -670,12 +769,6 @@
showReportView.value = true;
};
// 打开审计核查弹窗
const openAuditCheck = (record: PwlProject) => {
current.value = record;
showAuditCheck.value = true;
};
// 打开文档管理弹窗
const openDocManage = async (record: PwlProject) => {
currentKbId.value = record.kbId;
@@ -688,6 +781,7 @@
// 重置选择状态
expandedKeys.value = [];
selectedKeys.value = [];
resetDocSelection();
// 加载目录列表
await loadAllCloudDocs(true);
@@ -730,6 +824,7 @@
const onSelect = (keys: (string | number)[], { node }: any) => {
selectedKeys.value = keys;
pagination.value.current = 1;
resetDocSelection();
loadCloudFiles();
};
@@ -745,11 +840,13 @@
const handleTableChange = (pag: any) => {
pagination.value.current = pag.current;
pagination.value.pageSize = pag.pageSize;
resetDocSelection();
loadCloudFiles();
};
const handleDocSearch = () => {
pagination.value.current = 1;
resetDocSelection();
loadCloudFiles();
};
@@ -760,6 +857,7 @@
if (!selectedCategoryId.value) {
docList.value = [];
pagination.value.total = 0;
resetDocSelection();
return;
}
@@ -772,6 +870,7 @@
const result = await pageAiCloudFile(params);
docList.value = result?.list || [];
pagination.value.total = result?.count || 0;
resetDocSelection();
} catch (error) {
message.error('加载文件列表失败');
console.error('加载文件错误:', error);
@@ -794,6 +893,56 @@
}
};
const deleteSelectedDocs = () => {
if (!selectedDocRows.value.length) {
message.info('请先选择要删除的文件');
return;
}
Modal.confirm({
title: '提示',
content: `确定要删除选中的 ${selectedDocRows.value.length} 个文件吗？`,
icon: createVNode(ExclamationCircleOutlined),
maskClosable: true,
onOk: async () => {
const currentPageSize = docList.value.length;
const ids = selectedDocRows.value
.map((item) => item.id)
.filter((id): id is number => typeof id === 'number');
const results = await Promise.allSettled(
ids.map((id) => removeAiCloudFile(id))
);
const successCount = results.filter(
(item) => item.status === 'fulfilled'
).length;
const failedCount = results.length - successCount;
if (
successCount > 0 &&
successCount === currentPageSize &&
pagination.value.current > 1
) {
pagination.value.current -= 1;
}
if (successCount > 0) {
await loadCloudFiles();
}
if (failedCount === 0) {
message.success(`成功删除 ${successCount} 个文件`);
} else if (successCount > 0) {
message.warning(
`已删除 ${successCount} 个文件，${failedCount} 个删除失败`
);
} else {
message.error('批量删除失败');
}
}
});
};
const openDocEdit = (record: AiCloudFile) => {
docForm.value = { ...record };
showDocEdit.value = true;
@@ -1338,8 +1487,8 @@
.edit-btn {
border-radius: 3px;
padding: 3px 10px;
color: #3B82F6;
border: 1px solid #3B82F6;
color: #3b82f6;
border: 1px solid #3b82f6;
font-size: 12px;
}
@@ -1352,7 +1501,9 @@
}
/* 修改已完成步骤的连接线颜色 */
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-tail::after {
.ant-steps-item-wait
> .ant-steps-item-container
> .ant-steps-item-tail::after {
background-color: red !important;
}
@@ -1428,6 +1579,11 @@
font-size: 12px;
}
.doc-selected-count {
color: #1890ff;
font-size: 12px;
}
.doc-content {
flex: 1;
padding: 16px;

384
src/views/pwl/pwlProjectLibrary/index.vue
View File

@@ -24,7 +24,13 @@
<template v-if="column.key === 'type'">
<a-tag v-if="record.type === 'biz'" color="blue">行业库</a-tag>
<a-tag v-if="record.type === 'pub'" color="green">公共库</a-tag>
<span v-if="!record.type || (record.type !== 'biz' && record.type !== 'pub')">未设置</span>
<span
v-if="
!record.type ||
(record.type !== 'biz' && record.type !== 'pub')
"
>未设置</span
>
</template>
<template v-if="column.key === 'image'">
<a-image :src="record.image" :width="50" />
@@ -39,9 +45,12 @@
<a-divider type="vertical" />
<a
:class="{ 'disabled-text': !record.kbId }"
:style="!record.kbId ? 'cursor: not-allowed; color: #999' : ''"
:style="
!record.kbId ? 'cursor: not-allowed; color: #999' : ''
"
@click="record.kbId && openDocManage(record)"
>文档管理</a>
>文档管理</a
>
<a-divider type="vertical" />
<a-popconfirm
title="确定要删除此记录吗？"
@@ -57,7 +66,11 @@
</a-card>
<!-- 编辑弹窗 -->
<PwlProjectLibraryEdit v-model:visible="showEdit" :data="current" @done="reload" />
<PwlProjectLibraryEdit
v-model:visible="showEdit"
:data="current"
@done="reload"
/>
<!-- 文档管理弹窗 -->
<a-modal
@@ -112,10 +125,16 @@
:load-data="onLoadData"
@expand="onExpand"
@select="onSelect"
:field-names="{ title: 'name', key: 'id', children: 'children' }"
:field-names="{
title: 'name',
key: 'id',
children: 'children'
}"
>
<template #title="{ name, id }">
<span :class="{ 'active-dir': selectedKeys[0] === id }">{{ name }}</span>
<span :class="{ 'active-dir': selectedKeys[0] === id }">{{
name
}}</span>
</template>
</a-tree>
<a-empty v-else :image="simpleImage" description="暂无目录" />
@@ -130,6 +149,20 @@
<template #icon><UploadOutlined /></template>
上传文档
</a-button>
<a-button
danger
:disabled="!selectedDocRows.length"
@click="deleteSelectedDocs"
>
<template #icon><DeleteOutlined /></template>
批量删除
</a-button>
<span
v-if="selectedDocRows.length"
class="doc-selected-count"
>
已选 {{ selectedDocRows.length }} 个文件
</span>
<span class="doc-tips">请选择分类上传资料</span>
</div>
</div>
@@ -138,6 +171,7 @@
:dataSource="docList"
:columns="docColumns"
:loading="docLoading"
:row-selection="docRowSelection"
rowKey="id"
:scroll="{ x: 2600, y: 500 }"
:pagination="pagination"
@@ -145,8 +179,15 @@
size="middle"
>
<template #bodyCell="{ column, record }">
<template v-if="column.key === 'fileName'">
<a @click="openDocPreview(record)">{{
renderDocText(record, ['fileName', 'name'])
}}</a>
</template>
<template v-if="column.key === 'action'">
<a-space>
<a @click="openDocPreview(record)">预览</a>
<a-divider type="vertical" />
<a @click="openDocEdit(record)">编辑</a>
<a-divider type="vertical" />
<a-popconfirm
@@ -181,17 +222,62 @@
>
<a-form :model="docForm" layout="vertical">
<a-row :gutter="16">
<a-col :span="12"><a-form-item label="文件名称"><a-input v-model:value="docForm.fileName" /></a-form-item></a-col>
<a-col :span="12"><a-form-item label="制度标题"><a-input v-model:value="docForm.title" /></a-form-item></a-col>
<a-col :span="12"><a-form-item label="发文字号"><a-input v-model:value="docForm.issueNumber" /></a-form-item></a-col>
<a-col :span="12"><a-form-item label="版本号"><a-input v-model:value="docForm.version" /></a-form-item></a-col>
<a-col :span="12"><a-form-item label="成文日期"><a-date-picker v-model:value="docForm.documentDate" value-format="YYYY-MM-DD" style="width: 100%" /></a-form-item></a-col>
<a-col :span="12"><a-form-item label="生效日期"><a-date-picker v-model:value="docForm.effectiveDate" value-format="YYYY-MM-DD" style="width: 100%" /></a-form-item></a-col>
<a-col :span="12"><a-form-item label="废止日期"><a-date-picker v-model:value="docForm.abolishDate" value-format="YYYY-MM-DD" style="width: 100%" /></a-form-item></a-col>
<a-col :span="12"><a-form-item label="适用业务范围"><a-input v-model:value="docForm.businessScope" /></a-form-item></a-col>
<a-col :span="12"><a-form-item label="适用区域"><a-input v-model:value="docForm.region" /></a-form-item></a-col>
<a-col :span="24"><a-form-item label="关联制度"><a-input v-model:value="docForm.relatedDocuments" /></a-form-item></a-col>
<a-col :span="24"><a-form-item label="备注"><a-textarea v-model:value="docForm.comments" :rows="3" /></a-form-item></a-col>
<a-col :span="12"
><a-form-item label="文件名称"
><a-input v-model:value="docForm.fileName" /></a-form-item
></a-col>
<a-col :span="12"
><a-form-item label="制度标题"
><a-input v-model:value="docForm.title" /></a-form-item
></a-col>
<a-col :span="12"
><a-form-item label="发文字号"
><a-input v-model:value="docForm.issueNumber" /></a-form-item
></a-col>
<a-col :span="12"
><a-form-item label="版本号"
><a-input v-model:value="docForm.version" /></a-form-item
></a-col>
<a-col :span="12"
><a-form-item label="成文日期"
><a-date-picker
v-model:value="docForm.documentDate"
value-format="YYYY-MM-DD"
style="width: 100%" /></a-form-item
></a-col>
<a-col :span="12"
><a-form-item label="生效日期"
><a-date-picker
v-model:value="docForm.effectiveDate"
value-format="YYYY-MM-DD"
style="width: 100%" /></a-form-item
></a-col>
<a-col :span="12"
><a-form-item label="废止日期"
><a-date-picker
v-model:value="docForm.abolishDate"
value-format="YYYY-MM-DD"
style="width: 100%" /></a-form-item
></a-col>
<a-col :span="12"
><a-form-item label="适用业务范围"
><a-input v-model:value="docForm.businessScope" /></a-form-item
></a-col>
<a-col :span="12"
><a-form-item label="适用区域"
><a-input v-model:value="docForm.region" /></a-form-item
></a-col>
<a-col :span="24"
><a-form-item label="关联制度"
><a-input
v-model:value="docForm.relatedDocuments" /></a-form-item
></a-col>
<a-col :span="24"
><a-form-item label="备注"
><a-textarea
v-model:value="docForm.comments"
:rows="3" /></a-form-item
></a-col>
</a-row>
</a-form>
</a-modal>
@@ -206,7 +292,10 @@
>
<a-form :model="dirForm" layout="vertical">
<a-form-item label="目录名称">
<a-input v-model:value="dirForm.name" placeholder="请输入目录名称" />
<a-input
v-model:value="dirForm.name"
placeholder="请输入目录名称"
/>
</a-form-item>
<a-form-item label="排序号">
<a-input-number
@@ -225,21 +314,42 @@
<script lang="ts" setup>
import { createVNode, ref, computed, h } from 'vue';
import { message, Modal, Empty } from 'ant-design-vue';
import { ExclamationCircleOutlined, PlusOutlined, UploadOutlined, EditOutlined, DeleteOutlined } from '@ant-design/icons-vue';
import {
ExclamationCircleOutlined,
PlusOutlined,
UploadOutlined,
EditOutlined,
DeleteOutlined
} from '@ant-design/icons-vue';
import type { EleProTable } from 'ele-admin-pro';
import {toDateString} from 'ele-admin-pro';
import type {
DatasourceFunction,
ColumnItem
} from 'ele-admin-pro/es/ele-pro-table/types';
import Search from './components/search.vue';
import PwlProjectLibraryEdit from './components/pwlProjectLibraryEdit.vue';
import { pagePwlProjectLibrary, removePwlProjectLibrary, removeBatchPwlProjectLibrary } from '@/api/pwl/pwlProjectLibrary';
import type { PwlProjectLibrary, PwlProjectLibraryParam } from '@/api/pwl/pwlProjectLibrary/model';
import {
pagePwlProjectLibrary,
removePwlProjectLibrary,
removeBatchPwlProjectLibrary
} from '@/api/pwl/pwlProjectLibrary';
import type {
PwlProjectLibrary,
PwlProjectLibraryParam
} from '@/api/pwl/pwlProjectLibrary/model';
import Import2 from '@/views/oa/oaCompany/components/Import2.vue';
import { listAiCloudDoc, addAiCloudDoc, updateAiCloudDoc, removeAiCloudDoc } from '@/api/ai/aiCloudDoc';
import {
listAiCloudDoc,
addAiCloudDoc,
updateAiCloudDoc,
removeAiCloudDoc
} from '@/api/ai/aiCloudDoc';
import type { AiCloudDoc } from '@/api/ai/aiCloudDoc/model';
import { listAiCloudFile, removeAiCloudFile, updateAiCloudFile } from '@/api/ai/aiCloudFile';
import {
listAiCloudFile,
removeAiCloudFile,
updateAiCloudFile
} from '@/api/ai/aiCloudFile';
import type { AiCloudFile } from '@/api/ai/aiCloudFile/model';
// 表格实例
@@ -269,6 +379,8 @@
const docList = ref<AiCloudFile[]>([]); // 文档列表数据
const docLoading = ref(false); // 文档加载状态
const allDirs = ref<AiCloudDoc[]>([]); // 所有目录列表
const selectedDocRowKeys = ref<(string | number)[]>([]);
const selectedDocRows = ref<AiCloudFile[]>([]);
// 树形结构相关
const expandedKeys = ref<(string | number)[]>([]);
@@ -313,7 +425,9 @@
// 计算目录弹窗标题
const dirModalTitle = computed(() => {
const mode = isEditingDir.value ? '编辑' : '新增';
const location = selectedDirName.value ? `在『${selectedDirName.value}』下` : '在根目录下';
const location = selectedDirName.value
? `在『${selectedDirName.value}』下`
: '在根目录下';
return `${mode}目录 - ${location}`;
});
@@ -330,15 +444,17 @@
// 计算树形数据
const treeData = computed(() => {
const buildTree = (parentId: number = 0): any[] => {
const buildTree = (parentId = 0): any[] => {
return allDirs.value
.filter(item => item.parentId === parentId)
.map(item => ({
.filter((item) => item.parentId === parentId)
.map((item) => ({
...item,
key: item.id,
title: item.name,
children: buildTree(item.id),
isLeaf: allDirs.value.filter(child => child.parentId === item.id).length === 0
isLeaf:
allDirs.value.filter((child) => child.parentId === item.id)
.length === 0
}));
};
return buildTree(0);
@@ -348,7 +464,7 @@
const selectedDirName = computed(() => {
if (selectedKeys.value.length === 0) return '';
const selectedId = selectedKeys.value[0];
const dir = allDirs.value.find(item => item.id === selectedId);
const dir = allDirs.value.find((item) => item.id === selectedId);
return dir?.name || '';
});
@@ -362,14 +478,20 @@
const selectedDoc = computed(() => {
if (selectedKeys.value.length === 0) return null;
const selectedId = selectedKeys.value[0];
const doc = allDirs.value.find(item => item.id === selectedId);
return doc ? {
const doc = allDirs.value.find((item) => item.id === selectedId);
return doc
? {
id: doc.id!,
categoryId: doc.categoryId || ''
} : null;
}
: null;
});
const getDocFieldValue = (record: AiCloudFile, keys: string[], fallback = '-') => {
const getDocFieldValue = (
record: AiCloudFile,
keys: string[],
fallback = '-'
) => {
const row = record as Record<string, any>;
for (const key of keys) {
const value = row[key];
@@ -389,13 +511,77 @@
if (value === '-') {
return '-';
}
return h('a', {
return h(
'a',
{
href: String(value),
target: '_blank',
rel: 'noreferrer'
}, String(value));
},
String(value)
);
};
const resetDocSelection = () => {
selectedDocRowKeys.value = [];
selectedDocRows.value = [];
};
const getDocFileUrl = (record: AiCloudFile) => {
const value = getDocFieldValue(
record,
['fileUrl', 'downloadUrl', 'url'],
''
);
return value === '-' ? '' : String(value).trim();
};
const getDocFileExt = (record: AiCloudFile) => {
const candidates = [
record.fileExt,
record.fileType,
record.fileName,
getDocFileUrl(record)
].filter(Boolean) as string[];
for (const item of candidates) {
const cleanValue = item.split('?')[0];
const ext = cleanValue.includes('.')
? cleanValue.split('.').pop()
: cleanValue;
if (ext) {
return ext.toLowerCase().replace(/^\./, '');
}
}
return '';
};
const openDocPreview = (record: AiCloudFile) => {
const fileUrl = getDocFileUrl(record);
if (!fileUrl) {
message.warning('该文件暂无可预览地址');
return;
}
const ext = getDocFileExt(record);
const officePreviewExts = ['doc', 'docx', 'xls', 'xlsx', 'ppt', 'pptx'];
const previewUrl = officePreviewExts.includes(ext)
? `https://view.officeapps.live.com/op/view.aspx?src=${encodeURIComponent(
fileUrl
)}`
: fileUrl;
window.open(previewUrl, '_blank', 'noopener,noreferrer');
};
const docRowSelection = computed(() => ({
selectedRowKeys: selectedDocRowKeys.value,
onChange: (keys: (string | number)[], rows: AiCloudFile[]) => {
selectedDocRowKeys.value = keys;
selectedDocRows.value = rows;
}
}));
// 文档表格列配置
const docColumns = ref([
{
@@ -404,7 +590,8 @@
key: 'fileName',
width: 180,
ellipsis: true,
customRender: ({ record }: { record: AiCloudFile }) => renderDocText(record, ['fileName', 'name'])
customRender: ({ record }: { record: AiCloudFile }) =>
renderDocText(record, ['fileName', 'name'])
},
{
title: '制度标题',
@@ -412,7 +599,8 @@
key: 'title',
width: 220,
ellipsis: true,
customRender: ({ record, text }: { record: AiCloudFile; text: any }) => text || renderDocText(record, ['title', 'documentTitle'])
customRender: ({ record, text }: { record: AiCloudFile; text: any }) =>
text || renderDocText(record, ['title', 'documentTitle'])
},
{
title: '发文字号',
@@ -420,7 +608,8 @@
key: 'issueNumber',
width: 160,
ellipsis: true,
customRender: ({ record, text }: { record: AiCloudFile; text: any }) => text || renderDocText(record, ['issueNumber', 'documentNo', 'fileNo'])
customRender: ({ record, text }: { record: AiCloudFile; text: any }) =>
text || renderDocText(record, ['issueNumber', 'documentNo', 'fileNo'])
},
{
title: '版本号（反映当前制度更新状态，如有）',
@@ -428,7 +617,9 @@
key: 'version',
width: 220,
ellipsis: true,
customRender: ({ record, text }: { record: AiCloudFile; text: any }) => text || renderDocText(record, ['version', 'versionNumber', 'versionName'])
customRender: ({ record, text }: { record: AiCloudFile; text: any }) =>
text ||
renderDocText(record, ['version', 'versionNumber', 'versionName'])
},
{
title: '成文日期（落款日期）',
@@ -436,7 +627,8 @@
key: 'documentDate',
width: 180,
ellipsis: true,
customRender: ({ record, text }: { record: AiCloudFile; text: any }) => text || renderDocText(record, ['documentDate', 'signDate', 'writeDate'])
customRender: ({ record, text }: { record: AiCloudFile; text: any }) =>
text || renderDocText(record, ['documentDate', 'signDate', 'writeDate'])
},
{
title: '生效日期',
@@ -444,7 +636,8 @@
key: 'effectiveDate',
width: 160,
ellipsis: true,
customRender: ({ record, text }: { record: AiCloudFile; text: any }) => text || renderDocText(record, ['effectiveDate'])
customRender: ({ record, text }: { record: AiCloudFile; text: any }) =>
text || renderDocText(record, ['effectiveDate'])
},
{
title: '废止日期',
@@ -452,7 +645,8 @@
key: 'abolishDate',
width: 160,
ellipsis: true,
customRender: ({ record, text }: { record: AiCloudFile; text: any }) => text || renderDocText(record, ['abolishDate', 'invalidDate'])
customRender: ({ record, text }: { record: AiCloudFile; text: any }) =>
text || renderDocText(record, ['abolishDate', 'invalidDate'])
},
{
title: '适用业务范围',
@@ -460,7 +654,8 @@
key: 'businessScope',
width: 220,
ellipsis: true,
customRender: ({ record, text }: { record: AiCloudFile; text: any }) => text || renderDocText(record, ['businessScope'])
customRender: ({ record, text }: { record: AiCloudFile; text: any }) =>
text || renderDocText(record, ['businessScope'])
},
{
title: '关联制度（与本制度相关的其他文件，如新旧制度间的关联文件）',
@@ -468,15 +663,23 @@
key: 'relatedDocuments',
width: 260,
ellipsis: true,
customRender: ({ record, text }: { record: AiCloudFile; text: any }) => text || renderDocText(record, ['relatedDocuments', 'relatedDoc', 'relatedFiles'])
customRender: ({ record, text }: { record: AiCloudFile; text: any }) =>
text ||
renderDocText(record, [
'relatedDocuments',
'relatedDoc',
'relatedFiles'
])
},
{
title: '适用区域（全国/广西/南宁市等）如果是公司文档管理的模板，不需要这个字段内容',
title:
'适用区域（全国/广西/南宁市等）如果是公司文档管理的模板，不需要这个字段内容',
dataIndex: 'region',
key: 'region',
width: 280,
ellipsis: true,
customRender: ({ record, text }: { record: AiCloudFile; text: any }) => text || renderDocText(record, ['region', 'applyRegion'])
customRender: ({ record, text }: { record: AiCloudFile; text: any }) =>
text || renderDocText(record, ['region', 'applyRegion'])
},
{
title: '下载链接',
@@ -484,7 +687,8 @@
key: 'fileUrl',
width: 220,
ellipsis: true,
customRender: ({ record }: { record: AiCloudFile }) => renderDocLink(record, ['fileUrl', 'downloadUrl', 'url'])
customRender: ({ record }: { record: AiCloudFile }) =>
renderDocLink(record, ['fileUrl', 'downloadUrl', 'url'])
},
{
title: '备注',
@@ -526,19 +730,19 @@
dataIndex: 'id',
key: 'id',
align: 'center',
width: 90,
width: 90
},
{
title: '资料库',
dataIndex: 'name',
key: 'name',
align: 'center',
align: 'center'
},
{
title: '类型',
dataIndex: 'type',
key: 'type',
align: 'center',
align: 'center'
},
// {
// title: '关联知识库ID',
@@ -574,7 +778,7 @@
title: '排序',
dataIndex: 'sort',
key: 'sort',
align: 'center',
align: 'center'
},
{
title: '操作',
@@ -614,6 +818,7 @@
// 重置选择状态
expandedKeys.value = [];
selectedKeys.value = [];
resetDocSelection();
// 加载目录列表
await loadAllCloudDocs(true);
@@ -631,7 +836,7 @@
if (resetState) {
// 默认展开根节点并选中第一个目录
if (allDirs.value.length > 0) {
const rootDirs = allDirs.value.filter(item => item.parentId === 0);
const rootDirs = allDirs.value.filter((item) => item.parentId === 0);
if (rootDirs.length > 0) {
expandedKeys.value = [rootDirs[0].id!];
selectedKeys.value = [rootDirs[0].id!];
@@ -654,6 +859,7 @@
const onSelect = (keys: (string | number)[], { node }: any) => {
selectedKeys.value = keys;
pagination.value.current = 1;
resetDocSelection();
loadCloudFiles();
};
@@ -678,6 +884,7 @@
if (!selectedCategoryId.value) {
docList.value = [];
pagination.value.total = 0;
resetDocSelection();
return;
}
@@ -695,6 +902,7 @@
docList.value = result || [];
pagination.value.total = docList.value.length;
}
resetDocSelection();
} catch (error) {
message.error('加载文件列表失败');
console.error('加载文件错误:', error);
@@ -715,6 +923,56 @@
}
};
const deleteSelectedDocs = () => {
if (!selectedDocRows.value.length) {
message.info('请先选择要删除的文件');
return;
}
Modal.confirm({
title: '提示',
content: `确定要删除选中的 ${selectedDocRows.value.length} 个文件吗？`,
icon: createVNode(ExclamationCircleOutlined),
maskClosable: true,
onOk: async () => {
const currentPageSize = docList.value.length;
const ids = selectedDocRows.value
.map((item) => item.id)
.filter((id): id is number => typeof id === 'number');
const results = await Promise.allSettled(
ids.map((id) => removeAiCloudFile(id))
);
const successCount = results.filter(
(item) => item.status === 'fulfilled'
).length;
const failedCount = results.length - successCount;
if (
successCount > 0 &&
successCount === currentPageSize &&
pagination.value.current > 1
) {
pagination.value.current -= 1;
}
if (successCount > 0) {
await loadCloudFiles();
}
if (failedCount === 0) {
message.success(`成功删除 ${successCount} 个文件`);
} else if (successCount > 0) {
message.warning(
`已删除 ${successCount} 个文件，${failedCount} 个删除失败`
);
} else {
message.error('批量删除失败');
}
}
});
};
const openDocEdit = (record: AiCloudFile) => {
docForm.value = { ...record };
showDocEdit.value = true;
@@ -770,7 +1028,9 @@
return;
}
const selectedDir = allDirs.value.find(item => item.id === selectedKeys.value[0]);
const selectedDir = allDirs.value.find(
(item) => item.id === selectedKeys.value[0]
);
if (!selectedDir) {
message.error('未找到选中的目录');
return;
@@ -790,7 +1050,9 @@
return;
}
const selectedDir = allDirs.value.find(item => item.id === selectedKeys.value[0]);
const selectedDir = allDirs.value.find(
(item) => item.id === selectedKeys.value[0]
);
if (!selectedDir) {
message.error('未找到选中的目录');
return;
@@ -851,9 +1113,11 @@
// 删除目录
const deleteDir = async (dirId: number, dirName: string) => {
const hasChildren = allDirs.value.some(item => item.parentId === dirId);
const hasChildren = allDirs.value.some((item) => item.parentId === dirId);
if (hasChildren) {
message.error(`目录「${dirName}」包含子目录，无法删除。请先删除该目录下的所有子目录。`);
message.error(
`目录「${dirName}」包含子目录，无法删除。请先删除该目录下的所有子目录。`
);
return;
}
@@ -881,7 +1145,6 @@
});
};
/* 删除单个 */
const remove = (row: PwlProjectLibrary) => {
const hide = message.loading('请求中..', 0);
@@ -1015,6 +1278,11 @@
font-size: 12px;
}
.doc-selected-count {
color: #1890ff;
font-size: 12px;
}
.doc-content {
flex: 1;
padding: 16px;