1、文档新增批量删除

2、文档新增点击文件名预览

src/views/pwl/pwlProject/index.vue

@@ -1,7 +1,7 @@
 <template>
   <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
     <template #subTitle>
-      <div style="width: 300px;margin-left: 100px">
+      <div style="width: 300px; margin-left: 100px">
         <a-steps :current="1" size="small">
           <a-step title="单位信息" status="wait" />
           <a-step title="项目管理" />
@@ -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-col :span="12"><a-form-item label="制度标题"><a-input v-model:value="docForm.title" /></a-form-item></a-col>
+            ><a-form-item label="文件名称"
-          <a-col :span="12"><a-form-item label="发文字号"><a-input v-model:value="docForm.issueNumber" /></a-form-item></a-col>
+              ><a-input v-model:value="docForm.fileName" /></a-form-item
-          <a-col :span="12"><a-form-item label="版本号"><a-input v-model:value="docForm.version" /></a-form-item></a-col>
+          ></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-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-form-item label="制度标题"
-          <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-input v-model:value="docForm.title" /></a-form-item
-          <a-col :span="12"><a-form-item label="适用业务范围"><a-input v-model:value="docForm.businessScope" /></a-form-item></a-col>
+          ></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="12"
-          <a-col :span="24"><a-form-item label="关联制度"><a-input v-model:value="docForm.relatedDocuments" /></a-form-item></a-col>
+            ><a-form-item label="发文字号"
-          <a-col :span="24"><a-form-item label="备注"><a-textarea v-model:value="docForm.comments" :rows="3" /></a-form-item></a-col>
+              ><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;
+    color: #3b82f6;
-    border: 1px solid #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;