From 96020debfd6345f5d58a993791c5a6ad1216ae8f Mon Sep 17 00:00:00 2001
From: yuance <182865460@qq.com>
Date: Thu, 21 May 2026 16:33:04 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E9=A1=B9=E7=9B=AE=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86-=E6=B7=BB=E5=8A=A0=E6=96=87=E6=A1=A3=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/components/FileModal.vue       |    7 +-
 .../pwlProject/components/reportContent.vue   |    1 +
 src/views/pwl/pwlProject/index.vue            | 1025 +++++++++++++++--
 3 files changed, 919 insertions(+), 114 deletions(-)

diff --git a/src/views/pwl/pwlProject/components/components/FileModal.vue b/src/views/pwl/pwlProject/components/components/FileModal.vue
index 8c2caff..4acf96d 100644
--- a/src/views/pwl/pwlProject/components/components/FileModal.vue
+++ b/src/views/pwl/pwlProject/components/components/FileModal.vue
@@ -128,6 +128,7 @@
 
   const props = defineProps<{
     currentCompanyId: number;
+    currentProjectId: number;
     selectionKey?: string;
     selectionState?: Partial<FileSelectionStatePayload>;
   }>();
@@ -527,9 +528,9 @@
 
   const loadAllCloudDocs = async () => {
     try {
-      const params = {
-        companyId: activeSource.value === 'public' ? 0 : props.currentCompanyId
-      };
+      const params = activeSource.value === 'public'
+          ? { companyId: 0 }
+          : { companyId: props.currentCompanyId, projectId: props.currentProjectId };
       const result = await listAiCloudDoc(params);
       allDirs.value = result || [];
 
diff --git a/src/views/pwl/pwlProject/components/reportContent.vue b/src/views/pwl/pwlProject/components/reportContent.vue
index 3560c56..c4ce0ac 100644
--- a/src/views/pwl/pwlProject/components/reportContent.vue
+++ b/src/views/pwl/pwlProject/components/reportContent.vue
@@ -491,6 +491,7 @@
     <FileModal
       ref="fileModal"
       :current-company-id="currentCompanyId"
+      :current-project-id="props.data?.id"
       :selection-key="currentFileSelectionKey"
       :selection-state="getTableFileSelection(currentFileSelectionKey)"
       @confirm="handleFileSelectConfirm"
diff --git a/src/views/pwl/pwlProject/index.vue b/src/views/pwl/pwlProject/index.vue
index 1a1195f..fc8edf9 100644
--- a/src/views/pwl/pwlProject/index.vue
+++ b/src/views/pwl/pwlProject/index.vue
@@ -109,6 +109,12 @@
             </div>
             <div class="mt-2">
               <a-space>
+                <a
+                  class="warn-btn"
+                  :class="{ 'disabled-text': !record.id }"
+                  :style="!record.id ? 'cursor: not-allowed; color: #999' : ''"
+                  @click="record.id && openDocManage(record)"
+                >文档管理</a>
                 <a class="edit-btn" @click="openEdit(record)">修改</a>
                 <a-popconfirm
                   title="确定要删除此记录吗？"
@@ -137,63 +143,198 @@
       @done="reload"
     />
 
-    <!-- 添加文档管理弹窗 -->
+    <!-- 文档管理弹窗 -->
     <a-modal
       v-model:visible="showDocManage"
-      :title="`文档管理 - ${currentDocType} - ${current?.name || ''}`"
-      width="800px"
+      :title="`文档管理 - ${currentKbName}`"
+      width="80%"
       :footer="null"
+      wrap-class-name="doc-manage-modal"
     >
-      <div style="margin-bottom: 16px">
-        <a-button type="primary" @click="openImport">新增文档</a-button>
-      </div>
-      <a-table
-        :dataSource="docList"
-        :columns="docColumns"
-        :loading="docLoading"
-        rowKey="id"
-        :pagination="{
-          current: currentPage,
-          pageSize: 10,
-          total: total,
-          showSizeChanger: false,
-          showTotal: (total) => `共 ${total} 条`
-        }"
-        @change="
-          (pag) => {
-            currentPage = pag.current;
-            loadDocuments();
-          }
-        "
-      >
-        <template #bodyCell="{ column, record }">
-          <template v-if="column.key === 'action'">
-            <a-space>
-              <a-popconfirm
-                title="确定要删除此文档吗？"
-                @confirm="deleteDoc(record)"
+      <div class="doc-manage-container">
+        <div class="doc-layout">
+          <!-- 左侧目录树 -->
+          <div class="dir-tree-panel">
+            <div class="dir-header">
+              <span>文档目录</span>
+              <a-space>
+                <a-button
+                  type="link"
+                  size="small"
+                  @click="openEditDir"
+                  title="编辑目录"
+                  :disabled="!selectedKeys.length"
+                >
+                  <template #icon><EditOutlined /></template>
+                </a-button>
+                <a-button
+                  type="link"
+                  size="small"
+                  @click="openAddDir"
+                  title="新增目录"
+                >
+                  <template #icon><PlusOutlined /></template>
+                </a-button>
+                <a-button
+                  type="link"
+                  size="small"
+                  @click="deleteSelectedDir"
+                  title="删除目录"
+                  :disabled="!selectedKeys.length"
+                  class="ele-text-danger"
+                >
+                  <template #icon><DeleteOutlined /></template>
+                </a-button>
+              </a-space>
+            </div>
+            <div class="tree-container">
+              <a-tree
+                v-if="treeData.length > 0"
+                :tree-data="treeData"
+                :expanded-keys="expandedKeys"
+                :selected-keys="selectedKeys"
+                :load-data="onLoadData"
+                @expand="onExpand"
+                @select="onSelect"
+                :field-names="{
+                  title: 'name',
+                  key: 'id',
+                  children: 'children'
+                }"
               >
-                <a class="ele-text-danger">删除</a>
-              </a-popconfirm>
-            </a-space>
-          </template>
-        </template>
-      </a-table>
+                <template #title="{ name, id }">
+                  <span :class="{ 'active-dir': selectedKeys[0] === id }">{{
+                    name
+                  }}</span>
+                </template>
+              </a-tree>
+              <a-empty v-else :image="simpleImage" description="暂无目录" />
+            </div>
+          </div>
+
+          <!-- 右侧文档列表 -->
+          <div class="doc-list-panel">
+            <div class="doc-header">
+              <div class="doc-actions">
+                <a-button type="primary" @click="openImport">
+                  <template #icon><UploadOutlined /></template>
+                  上传文档
+                </a-button>
+                <span class="doc-tips">请选择分类上传资料</span>
+              </div>
+              <a-input-search
+                v-model:value="docSearchForm.fileName"
+                class="doc-search"
+                allow-clear
+                placeholder="请输入文件名搜索"
+                @search="handleDocSearch"
+              />
+            </div>
+            <div class="doc-content">
+              <a-table
+                :dataSource="docList"
+                :columns="docColumns"
+                :loading="docLoading"
+                rowKey="id"
+                :scroll="{ x: 2600, y: 500 }"
+                :pagination="pagination"
+                @change="handleTableChange"
+                size="middle"
+              >
+                <template #bodyCell="{ column, record }">
+                  <template v-if="column.key === 'fileName'">
+                    <a
+                      :href="`http://view.officeapps.live.com/op/view.aspx?src=${record.fileUrl}`"
+                      target="_blank"
+                      >{{ record.fileName }}</a
+                    >
+                  </template>
+                  <template v-if="column.key === 'action'">
+                    <a-space>
+                      <a @click="openDocEdit(record)">编辑</a>
+                      <a-divider type="vertical" />
+                      <a-popconfirm
+                        title="确定要删除此文档吗？"
+                        @confirm="deleteDoc(record)"
+                      >
+                        <a class="ele-text-danger">删除</a>
+                      </a-popconfirm>
+                    </a-space>
+                  </template>
+                </template>
+              </a-table>
+            </div>
+          </div>
+        </div>
+      </div>
     </a-modal>
 
     <!-- 导入弹窗 -->
-    <Import
+    <Import2
       v-model:visible="showImport"
-      @done="loadDocuments"
-      :kbId="currentKbId"
+      @done="loadCloudFiles"
+      :doc="selectedDoc"
     />
+
+    <a-modal
+      v-model:visible="showDocEdit"
+      title="编辑文档"
+      width="700px"
+      @ok="handleSaveDoc"
+      @cancel="closeDocEdit"
+    >
+      <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-row>
+      </a-form>
+    </a-modal>
+
+    <!-- 新增/编辑目录弹窗 -->
+    <a-modal
+      v-model:visible="showDirModal"
+      :title="dirModalTitle"
+      width="400px"
+      @ok="handleSaveDir"
+      @cancel="closeDirModal"
+    >
+      <a-form :model="dirForm" layout="vertical">
+        <a-form-item label="目录名称">
+          <a-input v-model:value="dirForm.name" placeholder="请输入目录名称" />
+        </a-form-item>
+        <a-form-item label="排序号">
+          <a-input-number
+            v-model:value="dirForm.sortNumber"
+            placeholder="请输入排序号"
+            :min="0"
+            style="width: 100%"
+          />
+        </a-form-item>
+      </a-form>
+    </a-modal>
   </a-page-header>
 </template>
 
 <script lang="ts" setup>
-  import { createVNode, ref } from 'vue';
-  import { message, Modal } from 'ant-design-vue';
-  import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
+  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 type { EleProTable } from 'ele-admin-pro';
   import { toDateString } from 'ele-admin-pro';
   import type {
@@ -214,11 +355,17 @@
   import type { PwlProject, PwlProjectParam } from '@/api/pwl/pwlProject/model';
   import { getPageTitle } from '@/utils/common';
   import Extra from './components/extra.vue';
-  import Import from '@/views/oa/oaCompany/components/Import.vue';
+  // 导入Import2组件
+  import Import2 from '@/views/oa/oaCompany/components/Import2.vue';
   import {
-    getKnowledgeBaseDocuments,
-    deleteKnowledgeBaseDocument
-  } from '@/api/ai/knowledgeBase';
+    listAiCloudDoc,
+    addAiCloudDoc,
+    updateAiCloudDoc,
+    removeAiCloudDoc
+  } from '@/api/ai/aiCloudDoc';
+  import { pageAiCloudFile, removeAiCloudFile, updateAiCloudFile } from '@/api/ai/aiCloudFile';
+  import type { AiCloudDoc } from '@/api/ai/aiCloudDoc/model';
+  import type { AiCloudFile } from '@/api/ai/aiCloudFile/model';
 
   // 表格实例
   const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
@@ -248,35 +395,272 @@
   // 文档管理相关响应式变量
   const showDocManage = ref(false); // 是否显示文档管理弹窗
   const showImport = ref(false); // 是否显示导入弹窗
-  const currentKbId = ref(''); // 当前知识库ID
-  const currentDocType = ref(''); // 当前文档类型（材料分析/项目文档）
-  const docList = ref<any[]>([]); // 文档列表数据
-  const docLoading = ref(false); // 文档加载状态
-  const currentPage = ref(1);
-  const total = ref(0);
+  const showDirModal = ref(false); // 是否显示目录弹窗（新增/编辑）
+  const showDocEdit = ref(false);
+
+  // 文档管理相关变量
+  const currentKbId = ref(''); // 当前知识库ID
+  const currentKbName = ref(''); // 当前知识库名称
+  const currentProjectId = ref<number>(); // 当前项目ID
+  const docList = ref<AiCloudFile[]>([]); // 文档列表数据改为使用AiCloudFile类型
+  const docLoading = ref(false); // 文档加载状态
+  const allDirs = ref<AiCloudDoc[]>([]); // 所有目录列表
+  const docSearchForm = ref({
+    fileName: ''
+  });
+
+  // 树形结构相关
+  const expandedKeys = ref<(string | number)[]>([]);
+  const selectedKeys = ref<(string | number)[]>([]);
+  const simpleImage = Empty.PRESENTED_IMAGE_SIMPLE;
+
+  // 目录弹窗相关
+  const isEditingDir = ref(false); // 是否为编辑模式
+  const currentDirId = ref<number>(); // 当前操作的目录ID
+
+  // 目录表单
+  const dirForm = ref({
+    name: '',
+    sortNumber: 0
+  });
+
+  const docForm = ref<AiCloudFile>({
+    id: undefined,
+    docId: undefined,
+    fileName: undefined,
+    fileSize: undefined,
+    fileType: undefined,
+    workspaceId: undefined,
+    fileId: undefined,
+    fileUrl: undefined,
+    fileExt: undefined,
+    title: undefined,
+    issueNumber: undefined,
+    version: undefined,
+    documentDate: undefined,
+    effectiveDate: undefined,
+    abolishDate: undefined,
+    businessScope: undefined,
+    relatedDocuments: undefined,
+    region: undefined,
+    comments: undefined,
+    uploadTime: undefined,
+    sortNumber: 0,
+    status: 0
+  });
+
+  // 计算目录弹窗标题
+  const dirModalTitle = computed(() => {
+    const mode = isEditingDir.value ? '编辑' : '新增';
+    const location = selectedDirName.value
+      ? `在『${selectedDirName.value}』下`
+      : '在根目录下';
+    return `${mode}目录 - ${location}`;
+  });
+
+  // 分页配置
+  const pagination = ref({
+    current: 1,
+    pageSize: 10,
+    total: 0,
+    showSizeChanger: false,
+    showQuickJumper: true,
+    showTotal: (total: number) => `共 ${total} 条`,
+    pageSizeOptions: ['10', '20', '50', '100']
+  });
+
+  // 计算树形数据
+  const treeData = computed(() => {
+    const buildTree = (parentId: number = 0): any[] => {
+      return allDirs.value
+        .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
+        }));
+    };
+    return buildTree(0);
+  });
+
+  // 选中的目录名称
+  const selectedDirName = computed(() => {
+    if (selectedKeys.value.length === 0) return '';
+    const selectedId = selectedKeys.value[0];
+    const dir = allDirs.value.find((item) => item.id === selectedId);
+    return dir?.name || '';
+  });
+
+  // 计算选中的目录ID（用于文件上传）
+  const selectedCategoryId = computed(() => {
+    if (selectedKeys.value.length === 0) return '';
+    return selectedKeys.value[0].toString();
+  });
+
+  // 计算选中的文档对象
+  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
+      ? {
+          id: doc.id!,
+          categoryId: doc.categoryId || '' // 假设 AiCloudDoc 有 categoryId 字段
+        }
+      : null;
+  });
+
+  // 检查目录是否有子目录（简化版，只检查子目录）
+  const checkDirHasChildren = (dirId: number): boolean => {
+    return allDirs.value.some((item) => item.parentId === dirId);
+  };
+
+  const getDocFieldValue = (record: AiCloudFile, keys: string[], fallback = '-') => {
+    const row = record as Record<string, any>;
+    for (const key of keys) {
+      const value = row[key];
+      if (value !== undefined && value !== null && value !== '') {
+        return value;
+      }
+    }
+    return fallback;
+  };
+
+  const renderDocText = (record: AiCloudFile, keys: string[]) => {
+    return getDocFieldValue(record, keys);
+  };
+
+  const renderDocLink = (record: AiCloudFile, keys: string[]) => {
+    const value = getDocFieldValue(record, keys);
+    if (value === '-') {
+      return '-';
+    }
+    return h(
+      'a',
+      {
+        href: String(value),
+        target: '_blank',
+        rel: 'noreferrer'
+      },
+      String(value)
+    );
+  };
 
-  // 文档表格列配置
   const docColumns = ref([
     {
-      title: '文件名',
-      dataIndex: 'name',
-      key: 'fileName'
+      title: '文件名称',
+      dataIndex: 'fileName',
+      key: 'fileName',
+      width: 180,
+      ellipsis: true,
+      customRender: ({ record }: { record: AiCloudFile }) =>
+        renderDocText(record, ['fileName', 'name'])
     },
     {
-      title: '文件大小',
-      dataIndex: 'size',
-      key: 'fileSize'
+      title: '制度标题',
+      dataIndex: 'title',
+      key: 'title',
+      width: 220,
+      ellipsis: true,
+      customRender: ({ record, text }: { record: AiCloudFile; text: any }) =>
+        text || renderDocText(record, ['title', 'documentTitle'])
     },
     {
-      title: '上传时间',
-      dataIndex: 'gmtModified',
-      key: 'createTime',
-      customRender: ({ text }) => toDateString(text)
+      title: '发文字号',
+      dataIndex: 'issueNumber',
+      key: 'issueNumber',
+      width: 160,
+      ellipsis: true,
+      customRender: ({ record, text }: { record: AiCloudFile; text: any }) =>
+        text || renderDocText(record, ['issueNumber', 'documentNo', 'fileNo'])
+    },
+    {
+      title: '版本号（反映当前制度更新状态，如有）',
+      dataIndex: 'version',
+      key: 'version',
+      width: 220,
+      ellipsis: true,
+      customRender: ({ record, text }: { record: AiCloudFile; text: any }) =>
+        text || renderDocText(record, ['version', 'versionNumber', 'versionName'])
+    },
+    {
+      title: '成文日期（落款日期）',
+      dataIndex: 'documentDate',
+      key: 'documentDate',
+      width: 180,
+      ellipsis: true,
+      customRender: ({ record, text }: { record: AiCloudFile; text: any }) =>
+        text || renderDocText(record, ['documentDate', 'signDate', 'writeDate'])
+    },
+    {
+      title: '生效日期',
+      dataIndex: 'effectiveDate',
+      key: 'effectiveDate',
+      width: 160,
+      ellipsis: true,
+      customRender: ({ record, text }: { record: AiCloudFile; text: any }) =>
+        text || renderDocText(record, ['effectiveDate'])
+    },
+    {
+      title: '废止日期',
+      dataIndex: 'abolishDate',
+      key: 'abolishDate',
+      width: 160,
+      ellipsis: true,
+      customRender: ({ record, text }: { record: AiCloudFile; text: any }) =>
+        text || renderDocText(record, ['abolishDate', 'invalidDate'])
+    },
+    {
+      title: '适用业务范围',
+      dataIndex: 'businessScope',
+      key: 'businessScope',
+      width: 220,
+      ellipsis: true,
+      customRender: ({ record, text }: { record: AiCloudFile; text: any }) =>
+        text || renderDocText(record, ['businessScope'])
+    },
+    {
+      title: '关联制度（与本制度相关的其他文件，如新旧制度间的关联文件）',
+      dataIndex: 'relatedDocuments',
+      key: 'relatedDocuments',
+      width: 260,
+      ellipsis: true,
+      customRender: ({ record, text }: { record: AiCloudFile; text: any }) =>
+        text || renderDocText(record, ['relatedDocuments', 'relatedDoc', 'relatedFiles'])
+    },
+    {
+      title: '适用区域（全国/广西/南宁市等）如果是公司文档管理的模板，不需要这个字段内容',
+      dataIndex: 'region',
+      key: 'region',
+      width: 280,
+      ellipsis: true,
+      customRender: ({ record, text }: { record: AiCloudFile; text: any }) =>
+        text || renderDocText(record, ['region', 'applyRegion'])
+    },
+    {
+      title: '下载链接',
+      dataIndex: 'fileUrl',
+      key: 'fileUrl',
+      width: 220,
+      ellipsis: true,
+      customRender: ({ record }: { record: AiCloudFile }) =>
+        renderDocLink(record, ['fileUrl', 'downloadUrl', 'url'])
+    },
+    {
+      title: '备注',
+      dataIndex: 'comments',
+      key: 'comments',
+      width: 200,
+      ellipsis: true
     },
     {
       title: '操作',
       key: 'action',
-      width: 100
+      width: 80
     }
   ]);
 
@@ -292,62 +676,117 @@
     showAuditCheck.value = true;
   };
 
-  // 打开材料分析
-  const openCaseManagement = (record: PwlProject) => {
-    if (!record.analysisLibrary) {
-      message.warning('当前记录没有关联材料分析知识库');
-      return;
-    }
-    currentKbId.value = record.analysisLibrary;
-    currentDocType.value = '材料分析';
-    currentPage.value = 1;
+  // 打开文档管理弹窗
+  const openDocManage = async (record: PwlProject) => {
+    currentKbId.value = record.kbId;
+    currentKbName.value = record.name;
+    currentProjectId.value = record.id;
+    pagination.value.current = 1;
+    docSearchForm.value.fileName = '';
     showDocManage.value = true;
-    loadDocuments();
+
+    // 重置选择状态
+    expandedKeys.value = [];
+    selectedKeys.value = [];
+
+    // 加载目录列表
+    await loadAllCloudDocs(true);
   };
 
-  // 打开项目文档
-  const openDocumentManagement = (record: PwlProject) => {
-    if (!record.projectLibrary) {
-      message.warning('当前记录没有关联项目文档知识库');
-      return;
+  // 加载所有目录
+  const loadAllCloudDocs = async (resetState = false) => {
+    try {
+      const params = {
+        projectId: currentProjectId.value
+        // 不传parentId，获取所有目录
+      };
+      const result = await listAiCloudDoc(params);
+      allDirs.value = result || [];
+
+      if (resetState) {
+        // 只在首次加载时重置状态
+        // 默认展开根节点并选中第一个目录
+        if (allDirs.value.length > 0) {
+          const rootDirs = allDirs.value.filter((item) => item.parentId === 0);
+          if (rootDirs.length > 0) {
+            expandedKeys.value = [rootDirs[0].id!]; // 展开根节点
+            selectedKeys.value = [rootDirs[0].id!];
+            loadCloudFiles();
+          }
+        }
+      }
+    } catch (error) {
+      message.error('加载目录列表失败');
+      console.error('加载目录错误:', error);
     }
-    currentKbId.value = record.projectLibrary;
-    currentDocType.value = '项目文档';
-    currentPage.value = 1;
-    showDocManage.value = true;
-    loadDocuments();
   };
 
-  // 加载文档列表
-  const loadDocuments = async () => {
+  // 树节点展开
+  const onExpand = (keys: (string | number)[]) => {
+    expandedKeys.value = keys;
+  };
+
+  // 树节点选择
+  const onSelect = (keys: (string | number)[], { node }: any) => {
+    selectedKeys.value = keys;
+    pagination.value.current = 1;
+    loadCloudFiles();
+  };
+
+  // 异步加载子节点（如果需要的话）
+  const onLoadData = (node: any) => {
+    return new Promise<void>((resolve) => {
+      // 由于我们一次性加载了所有目录，这里不需要额外加载
+      resolve();
+    });
+  };
+
+  // 表格分页变化处理
+  const handleTableChange = (pag: any) => {
+    pagination.value.current = pag.current;
+    pagination.value.pageSize = pag.pageSize;
+    loadCloudFiles();
+  };
+
+  const handleDocSearch = () => {
+    pagination.value.current = 1;
+    loadCloudFiles();
+  };
+
+  // 加载文档列表 - 改为从AiCloudFile表查询
+  const loadCloudFiles = async () => {
     docLoading.value = true;
     try {
-      const response = await getKnowledgeBaseDocuments(
-        currentKbId.value,
-        10,
-        currentPage.value
-      );
-      docList.value = Array.isArray(response?.list) ? response.list : [];
-      total.value = response?.count || 0;
+      if (!selectedCategoryId.value) {
+        docList.value = [];
+        pagination.value.total = 0;
+        return;
+      }
+
+      const params = {
+        docId: parseInt(selectedCategoryId.value),
+        page: pagination.value.current,
+        limit: pagination.value.pageSize,
+        fileName: docSearchForm.value.fileName?.trim() || undefined
+      };
+      const result = await pageAiCloudFile(params);
+      docList.value = result?.list || [];
+      pagination.value.total = result?.count || 0;
     } catch (error) {
-      message.error('加载文档列表失败');
-      console.error('加载文档错误:', error);
+      message.error('加载文件列表失败');
+      console.error('加载文件错误:', error);
     } finally {
       docLoading.value = false;
     }
   };
 
-  // 删除文档
-  const deleteDoc = async (record: any) => {
+  // 删除文档 - 改为调用AiCloudFile的删除接口
+  const deleteDoc = async (record: AiCloudFile) => {
     try {
-      await deleteKnowledgeBaseDocument(currentKbId.value, record.id);
+      await removeAiCloudFile(record.id);
 
-      // 立即本地删除
-      const index = docList.value.findIndex((item) => item.id === record.id);
-      if (index > -1) {
-        docList.value.splice(index, 1);
-        total.value -= 1;
-      }
+      // 重新加载当前页数据
+      await loadCloudFiles();
       message.success('删除成功');
     } catch (error) {
       message.error('删除失败');
@@ -355,11 +794,188 @@
     }
   };
 
+  const openDocEdit = (record: AiCloudFile) => {
+    docForm.value = { ...record };
+    showDocEdit.value = true;
+  };
+
+  const closeDocEdit = () => {
+    showDocEdit.value = false;
+  };
+
+  const handleSaveDoc = async () => {
+    try {
+      await updateAiCloudFile(docForm.value);
+      message.success('修改成功');
+      closeDocEdit();
+      await loadCloudFiles();
+    } catch (error: any) {
+      message.error(error.message || '修改失败');
+    }
+  };
+
   // 打开导入弹窗
   const openImport = () => {
+    if (selectedKeys.value.length === 0) {
+      message.info('请先选择一个目录');
+      return;
+    }
+
+    if (!selectedDoc.value) {
+      message.info('选中的目录信息不完整');
+      return;
+    }
+
     showImport.value = true;
   };
 
+  // 打开新增目录弹窗
+  const openAddDir = () => {
+    if (selectedKeys.value.length === 0) {
+      message.info('请先选择一个目录');
+      return;
+    }
+    isEditingDir.value = false;
+    currentDirId.value = undefined;
+    dirForm.value.name = '';
+    dirForm.value.sortNumber = 0;
+    showDirModal.value = true;
+  };
+
+  // 打开编辑目录弹窗
+  const openEditDir = () => {
+    if (selectedKeys.value.length === 0) {
+      message.info('请先选择一个目录');
+      return;
+    }
+
+    const selectedDir = allDirs.value.find(
+      (item) => item.id === selectedKeys.value[0]
+    );
+    if (!selectedDir) {
+      message.error('未找到选中的目录');
+      return;
+    }
+
+    isEditingDir.value = true;
+    currentDirId.value = selectedDir.id;
+    dirForm.value.name = selectedDir.name || '';
+    dirForm.value.sortNumber = selectedDir.sortNumber || 0;
+    showDirModal.value = true;
+  };
+
+  // 删除选中目录
+  const deleteSelectedDir = async () => {
+    if (selectedKeys.value.length === 0) {
+      message.info('请先选择一个目录');
+      return;
+    }
+
+    const selectedDir = allDirs.value.find(
+      (item) => item.id === selectedKeys.value[0]
+    );
+    if (!selectedDir) {
+      message.error('未找到选中的目录');
+      return;
+    }
+
+    await deleteDir(selectedDir.id!, selectedDir.name || '');
+  };
+
+  // 关闭目录弹窗
+  const closeDirModal = () => {
+    showDirModal.value = false;
+    dirForm.value.name = '';
+    dirForm.value.sortNumber = 0;
+    currentDirId.value = undefined;
+  };
+
+  // 处理保存目录（新增/编辑）
+  const handleSaveDir = async () => {
+    if (!dirForm.value.name) {
+      message.error('请输入目录名称');
+      return;
+    }
+
+    try {
+      if (isEditingDir.value) {
+        // 编辑目录
+        const updateData: AiCloudDoc = {
+          id: currentDirId.value,
+          name: dirForm.value.name,
+          sortNumber: dirForm.value.sortNumber || 0
+        };
+        await updateAiCloudDoc(updateData);
+        message.success('修改目录成功');
+      } else {
+        // 新增目录
+        const newDir: AiCloudDoc = {
+          projectId: currentProjectId.value,
+          parentId: selectedKeys.value[0] as number,
+          name: dirForm.value.name,
+          sortNumber: dirForm.value.sortNumber || 0
+        };
+        await addAiCloudDoc(newDir);
+        message.success('新增目录成功');
+      }
+
+      showDirModal.value = false;
+
+      // 重新加载目录列表，但不重置状态
+      await loadAllCloudDocs(false);
+
+      if (!isEditingDir.value) {
+        // 新增目录时展开父节点
+        const parentId = selectedKeys.value[0] as number;
+        if (!expandedKeys.value.includes(parentId)) {
+          expandedKeys.value = [...expandedKeys.value, parentId];
+        }
+      }
+    } catch (error) {
+      message.error(isEditingDir.value ? '修改目录失败' : '新增目录失败');
+      console.error('目录操作错误:', error);
+    }
+  };
+
+  // 删除目录
+  const deleteDir = async (dirId: number, dirName: string) => {
+    // 检查目录是否有子目录
+    const hasChildren = checkDirHasChildren(dirId);
+    if (hasChildren) {
+      message.error(
+        `目录「${dirName}」包含子目录，无法删除。请先删除该目录下的所有子目录。`
+      );
+      return;
+    }
+
+    Modal.confirm({
+      title: '提示',
+      content: `确定要删除目录「${dirName}」吗？`,
+      icon: createVNode(ExclamationCircleOutlined),
+      maskClosable: true,
+      onOk: async () => {
+        try {
+          await removeAiCloudDoc(dirId);
+          message.success('删除目录成功');
+
+          // 重新加载目录列表
+          await loadAllCloudDocs(false);
+
+          // 如果删除的是当前选中的目录，清空选中状态
+          if (selectedKeys.value.includes(dirId)) {
+            selectedKeys.value = [];
+            docList.value = [];
+            pagination.value.total = 0;
+          }
+        } catch (error: any) {
+          // 显示后端返回的具体错误信息
+          message.error(error.message || '删除目录失败');
+          console.error('删除目录错误:', error);
+        }
+      }
+    });
+  };
+
   // 表格数据源
   const datasource: DatasourceFunction = ({ page, limit, where, orders }) => {
     return pagePwlProject({
@@ -710,6 +1326,15 @@
     font-size: 12px;
   }
 
+  .warn-btn {
+    border-radius: 3px;
+    padding: 3px 10px;
+    color: #d48806;
+    border: 1px solid #f5a623;
+    background-color: #fff7e6;
+    font-size: 12px;
+  }
+
   .edit-btn {
     border-radius: 3px;
     padding: 3px 10px;
@@ -725,11 +1350,189 @@
     border: 1px solid red;
     font-size: 12px;
   }
-</style>
 
-<style scoped>
-/* 修改已完成步骤的连接线颜色 */
-.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-tail::after {
-  background-color: red !important;
-}
+  /* 修改已完成步骤的连接线颜色 */
+  .ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-tail::after {
+    background-color: red !important;
+  }
+
+  /* 文档管理布局 */
+  .doc-manage-container {
+    height: 670px; /* 增加高度 */
+  }
+
+  .doc-layout {
+    display: flex;
+    height: 100%;
+    gap: 16px;
+  }
+
+  .dir-tree-panel {
+    width: 280px; /* 稍微加宽目录树 */
+    border: 1px solid #e8e8e8;
+    border-radius: 6px;
+    display: flex;
+    flex-direction: column;
+    flex-shrink: 0;
+  }
+
+  .dir-header {
+    padding: 12px 16px;
+    border-bottom: 1px solid #e8e8e8;
+    background: #fafafa;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    font-weight: 500;
+  }
+
+  .tree-container {
+    flex: 1;
+    padding: 8px;
+    overflow: auto;
+  }
+
+  .doc-list-panel {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    border: 1px solid #e8e8e8;
+    border-radius: 6px;
+    min-width: 0;
+    overflow: hidden;
+  }
+
+  .doc-header {
+    padding: 12px 16px;
+    border-bottom: 1px solid #e8e8e8;
+    background: #fafafa;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    gap: 16px;
+  }
+
+  .doc-actions {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+  }
+
+  .doc-search {
+    width: 280px;
+    flex-shrink: 0;
+  }
+
+  .doc-tips {
+    color: #ff4d4f;
+    font-size: 12px;
+  }
+
+  .doc-content {
+    flex: 1;
+    padding: 16px;
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+    min-width: 0;
+  }
+
+  /* 树节点激活样式 */
+  :deep(.active-dir) {
+    color: #1890ff;
+    font-weight: 500;
+  }
+
+  :deep(.ant-tree-node-content-wrapper) {
+    border-radius: 4px;
+    transition: all 0.3s;
+    width: 100%;
+  }
+
+  :deep(.ant-tree-node-content-wrapper:hover) {
+    background-color: #f5f5f5;
+  }
+
+  :deep(.ant-tree .ant-tree-treenode-selected .ant-tree-node-content-wrapper) {
+    background-color: #e6f7ff;
+  }
+
+  /* 优化表格样式 */
+  :deep(.doc-manage-modal .ant-modal-body) {
+    padding: 16px;
+  }
+
+  :deep(.doc-content .ant-table-wrapper) {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    min-width: 0;
+  }
+
+  :deep(.doc-content .ant-spin-nested-loading) {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    min-width: 0;
+  }
+
+  :deep(.doc-content .ant-spin-container) {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    min-width: 0;
+  }
+
+  :deep(.doc-content .ant-table) {
+    width: 100%;
+    flex: 1;
+  }
+
+  :deep(.doc-content .ant-table-container) {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+  }
+
+  :deep(.doc-content .ant-table-body) {
+    flex: 1;
+  }
+
+  :deep(.doc-content .ant-table-thead > tr > th) {
+    background: #fafafa;
+    font-weight: 600;
+    white-space: nowrap;
+  }
+
+  :deep(.doc-content .ant-table-tbody > tr > td) {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  /* 文件名列特殊处理，允许换行 */
+  :deep(.doc-content .ant-table-tbody > tr > td:first-child) {
+    white-space: normal;
+    word-break: break-word;
+    line-height: 1.4;
+    max-width: 400px; /* 限制文件名最大宽度 */
+  }
+
+  /* 分页样式调整 */
+  :deep(.doc-content .ant-pagination) {
+    margin-top: 16px;
+    margin-bottom: 0;
+  }
+
+  :deep(.doc-content .ant-table-pagination) {
+    margin-top: 16px;
+    margin-bottom: 0;
+    flex-shrink: 0; /* 防止分页器被压缩 */
+  }
+
+  /* 删除按钮样式 */
+  :deep(.ele-text-danger) {
+    color: #ff4d4f;
+  }
 </style>