1、单位信息新增归属单位、单位编号

2、文档管理新增搜索、文件在线查看
2026-05-05 22:38:16 +08:00
parent 0f08415f28
commit ba55625181
4 changed files with 992 additions and 908 deletions
--- a/src/api/ai/aiCloudFile/model/index.ts
+++ b/src/api/ai/aiCloudFile/model/index.ts
@@ -47,6 +47,7 @@ export interface AiCloudFileParam extends PageParam {
  id?: number;
  keywords?: string;
  docId?: number;
+  fileName?: string;
  workspaceId?: number;
  fileType?: string;
 }
--- a/src/api/oa/oaCompany/model/index.ts
+++ b/src/api/oa/oaCompany/model/index.ts
@@ -10,6 +10,10 @@ export interface OaCompany {
  shortName?: string;
  // 企业全称
  companyName?: string;
+  // 归属单位
+  parentCompany?: string;
+  // 单位编号
+  companyNo?: string;
  // 企业标识
  companyCode?: string;
  // 类型 10企业 20政府单位
--- a/src/views/oa/oaCompany/components/oaCompanyEdit.vue
+++ b/src/views/oa/oaCompany/components/oaCompanyEdit.vue
@@ -35,6 +35,13 @@
          v-model:value="form.companyName"
        />
      </a-form-item>
+      <a-form-item label="归属单位">
+        <a-input
+          allow-clear
+          placeholder="请输入归属单位(没有时默认'本单位')"
+          v-model:value="form.parentCompany"
+        />
+      </a-form-item>
      <a-form-item label="简称" name="shortName">
        <a-input
          allow-clear
@@ -49,6 +56,13 @@
          v-model:value="form.companyCode"
        />
      </a-form-item>
+      <a-form-item label="单位编号" name="companyNo">
+        <a-input
+          allow-clear
+          placeholder="请输入单位编号"
+          v-model:value="form.companyNo"
+        />
+      </a-form-item>

      <a-form-item label="企业性质" name="companyType">
        <DictSelect
@@ -80,7 +94,11 @@
      <a-form-item label="知识库ID" name="kbId">
        <a-input
          :class="{ 'disabled-text': !form.kbId }"
-            :style="!form.kbId ? 'cursor: not-allowed; color: #999' : 'background-color: #f5f5f5'"
+          :style="
+            !form.kbId
+              ? 'cursor: not-allowed; color: #999'
+              : 'background-color: #f5f5f5'
+          "
          :placeholder="form.kbId ? '' : '未创建'"
          :value="form.kbId"
          readonly
@@ -115,25 +133,24 @@
        ></a-select>
      </a-form-item>

-
-<!--      <a-form-item label="类型" name="companyType">-->
-<!--        <a-radio-group v-model:value="form.companyType">-->
-<!--          <a-radio :value="10">企业</a-radio>-->
-<!--          <a-radio :value="20">单位</a-radio>-->
-<!--        </a-radio-group>-->
-<!--        <a-input-->
-<!--          allow-clear-->
-<!--          placeholder="请输入类型 10单位 20政府单位"-->
-<!--          v-model:value="form.companyType"-->
-<!--        />-->
-<!--      </a-form-item>-->
-<!--      <a-form-item label="应用标识" name="companyLogo">-->
-<!--        <a-input-->
-<!--          allow-clear-->
-<!--          placeholder="请输入应用标识"-->
-<!--          v-model:value="form.companyLogo"-->
-<!--        />-->
-<!--      </a-form-item>-->
+      <!--      <a-form-item label="类型" name="companyType">-->
+      <!--        <a-radio-group v-model:value="form.companyType">-->
+      <!--          <a-radio :value="10">企业</a-radio>-->
+      <!--          <a-radio :value="20">单位</a-radio>-->
+      <!--        </a-radio-group>-->
+      <!--        <a-input-->
+      <!--          allow-clear-->
+      <!--          placeholder="请输入类型 10单位 20政府单位"-->
+      <!--          v-model:value="form.companyType"-->
+      <!--        />-->
+      <!--      </a-form-item>-->
+      <!--      <a-form-item label="应用标识" name="companyLogo">-->
+      <!--        <a-input-->
+      <!--          allow-clear-->
+      <!--          placeholder="请输入应用标识"-->
+      <!--          v-model:value="form.companyLogo"-->
+      <!--        />-->
+      <!--      </a-form-item>-->
      <a-form-item label="网站域名" name="domain">
        <a-input
          allow-clear
@@ -141,13 +158,13 @@
          v-model:value="form.domain"
        />
      </a-form-item>
-<!--      <a-form-item label="联系电话" name="phone">-->
-<!--        <a-input-->
-<!--          allow-clear-->
-<!--          placeholder="请输入联系电话"-->
-<!--          v-model:value="form.phone"-->
-<!--        />-->
-<!--      </a-form-item>-->
+      <!--      <a-form-item label="联系电话" name="phone">-->
+      <!--        <a-input-->
+      <!--          allow-clear-->
+      <!--          placeholder="请输入联系电话"-->
+      <!--          v-model:value="form.phone"-->
+      <!--        />-->
+      <!--      </a-form-item>-->
      <a-form-item label="座机电话" name="tel">
        <a-input
          allow-clear
@@ -155,20 +172,20 @@
          v-model:value="form.tel"
        />
      </a-form-item>
-<!--      <a-form-item label="邮箱" name="email">-->
-<!--        <a-input-->
-<!--          allow-clear-->
-<!--          placeholder="请输入邮箱"-->
-<!--          v-model:value="form.email"-->
-<!--        />-->
-<!--      </a-form-item>-->
-<!--      <a-form-item label="发票抬头" name="invoiceHeader">-->
-<!--        <a-input-->
-<!--          allow-clear-->
-<!--          placeholder="请输入发票抬头"-->
-<!--          v-model:value="form.invoiceHeader"-->
-<!--        />-->
-<!--      </a-form-item>-->
+      <!--      <a-form-item label="邮箱" name="email">-->
+      <!--        <a-input-->
+      <!--          allow-clear-->
+      <!--          placeholder="请输入邮箱"-->
+      <!--          v-model:value="form.email"-->
+      <!--        />-->
+      <!--      </a-form-item>-->
+      <!--      <a-form-item label="发票抬头" name="invoiceHeader">-->
+      <!--        <a-input-->
+      <!--          allow-clear-->
+      <!--          placeholder="请输入发票抬头"-->
+      <!--          v-model:value="form.invoiceHeader"-->
+      <!--        />-->
+      <!--      </a-form-item>-->
      <a-form-item label="企业法人" name="businessEntity">
        <a-input
          allow-clear
@@ -176,27 +193,27 @@
          v-model:value="form.businessEntity"
        />
      </a-form-item>
-<!--      <a-form-item label="所在省份" name="province">-->
-<!--        <a-input-->
-<!--          allow-clear-->
-<!--          placeholder="请输入所在省份"-->
-<!--          v-model:value="form.province"-->
-<!--        />-->
-<!--      </a-form-item>-->
-<!--      <a-form-item label="所在城市" name="city">-->
-<!--        <a-input-->
-<!--          allow-clear-->
-<!--          placeholder="请输入所在城市"-->
-<!--          v-model:value="form.city"-->
-<!--        />-->
-<!--      </a-form-item>-->
-<!--      <a-form-item label="所在辖区" name="region">-->
-<!--        <a-input-->
-<!--          allow-clear-->
-<!--          placeholder="请输入所在辖区"-->
-<!--          v-model:value="form.region"-->
-<!--        />-->
-<!--      </a-form-item>-->
+      <!--      <a-form-item label="所在省份" name="province">-->
+      <!--        <a-input-->
+      <!--          allow-clear-->
+      <!--          placeholder="请输入所在省份"-->
+      <!--          v-model:value="form.province"-->
+      <!--        />-->
+      <!--      </a-form-item>-->
+      <!--      <a-form-item label="所在城市" name="city">-->
+      <!--        <a-input-->
+      <!--          allow-clear-->
+      <!--          placeholder="请输入所在城市"-->
+      <!--          v-model:value="form.city"-->
+      <!--        />-->
+      <!--      </a-form-item>-->
+      <!--      <a-form-item label="所在辖区" name="region">-->
+      <!--        <a-input-->
+      <!--          allow-clear-->
+      <!--          placeholder="请输入所在辖区"-->
+      <!--          v-model:value="form.region"-->
+      <!--        />-->
+      <!--      </a-form-item>-->
      <a-form-item label="详细地址" name="address">
        <a-input
          allow-clear
@@ -242,8 +259,8 @@
  import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
  import { FormInstance } from 'ant-design-vue/es/form';
  import { FileRecord } from '@/api/system/file/model';
-  import {listPwlProjectLibrary} from '@/api/pwl/pwlProjectLibrary';
-  import DictSelect from "@/components/DictSelect/index.vue";
+  import { listPwlProjectLibrary } from '@/api/pwl/pwlProjectLibrary';
+  import DictSelect from '@/components/DictSelect/index.vue';

  // 是否是修改
  const isUpdate = ref(false);
@@ -282,7 +299,9 @@
    companyId: undefined,
    shortName: undefined,
    companyName: undefined,
+    parentCompany: '本单位',
    companyCode: undefined,
+    companyNo: undefined,
    companyType: undefined,
    companyTypeMultiple: undefined,
    companyLogo: undefined,
@@ -330,13 +349,9 @@
    tenantId: undefined,
    createTime: undefined,
    updateTime: undefined,
-    oaCompanyId: undefined,
    oaCompanyName: '',
-    status: 0,
-    comments: '',
-    sortNumber: 100,
    kbId: undefined,
-    libraryIds: undefined,
+    libraryIds: undefined
  });

  /* 更新visible */
@@ -372,21 +387,21 @@

  // 获取资料库列表
  const fetchLibraries = () => {
-    return listPwlProjectLibrary().then(res => {
+    return listPwlProjectLibrary().then((res) => {
      allLibraries.value = res;

      // 过滤行业库 (type='biz')
      bizLibList.value = res
-          .filter(item => item.type === 'biz')
-          .map(item => ({
+        .filter((item) => item.type === 'biz')
+        .map((item) => ({
          label: item.name,
          value: String(item.id) // 将 ID 转换为字符串
        }));

      // 过滤公共库 (type='pub')
      pubLibList.value = res
-          .filter(item => item.type === 'pub')
-          .map(item => ({
+        .filter((item) => item.type === 'pub')
+        .map((item) => ({
          label: item.name,
          value: String(item.id) // 将 ID 转换为字符串
        }));
@@ -411,12 +426,13 @@
        const allLibraryIds = [
          ...(form.bizLibIds || []),
          ...(form.pubLibIds || [])
-        ]
+        ];

        const formData = {
          ...form,
-          libraryIds: allLibraryIds.join(','), // 保存为逗号分隔的字符串
+          libraryIds: allLibraryIds.join(',') // 保存为逗号分隔的字符串
        };
+        if (!formData.parentCompany) formData.parentCompany = '本单位';
        const saveOrUpdate = isUpdate.value ? updateOaCompany : addOaCompany;
        saveOrUpdate(formData)
          .then((msg) => {
@@ -438,18 +454,24 @@
    if (props.data?.libraryIds) {
      // 如果是字符串，按逗号分割成数组
      if (typeof props.data.libraryIds === 'string') {
-        const libraryIdsArray = props.data.libraryIds.split(',').filter(id => id.trim() !== '');
+        const libraryIdsArray = props.data.libraryIds
+          .split(',')
+          .filter((id) => id.trim() !== '');

        // 清空当前的选择
        form.bizLibIds = [];
        form.pubLibIds = [];

        // 根据资料库类型分别设置回显
-        libraryIdsArray.forEach(id => {
+        libraryIdsArray.forEach((id) => {
          // 检查是否在行业库列表中
-          const isBizLib = bizLibList.value.some(lib => lib.value === String(id));  // 转换为字符串比较
+          const isBizLib = bizLibList.value.some(
+            (lib) => lib.value === String(id)
+          ); // 转换为字符串比较
          // 检查是否在公共库列表中
-          const isPubLib = pubLibList.value.some(lib => lib.value === String(id));  // 转换为字符串比较
+          const isPubLib = pubLibList.value.some(
+            (lib) => lib.value === String(id)
+          ); // 转换为字符串比较

          if (isBizLib) {
            form.bizLibIds.push(String(id)); // 确保存储为字符串
@@ -463,9 +485,13 @@
        form.bizLibIds = [];
        form.pubLibIds = [];

-        props.data.libraryIds.forEach(id => {
-          const isBizLib = bizLibList.value.some(lib => lib.value === String(id));
-          const isPubLib = pubLibList.value.some(lib => lib.value === String(id));
+        props.data.libraryIds.forEach((id) => {
+          const isBizLib = bizLibList.value.some(
+            (lib) => lib.value === String(id)
+          );
+          const isPubLib = pubLibList.value.some(
+            (lib) => lib.value === String(id)
+          );

          if (isBizLib) {
            form.bizLibIds.push(String(id));
@@ -485,19 +511,18 @@
    () => props.visible,
    async (visible) => {
      if (visible) {
-
        // 等待资料库列表加载完成后再设置回显
        await fetchLibraries();

        images.value = [];
        if (props.data) {
          assignObject(form, props.data);
-          if(props.data.companyLogo){
+          if (props.data.companyLogo) {
            images.value.push({
              uid: uuid(),
              url: props.data.companyLogo,
              status: 'done'
-            })
+            });
          }

          // 设置资料库回显
--- a/src/views/oa/oaCompany/index.vue
+++ b/src/views/oa/oaCompany/index.vue
@@ -119,10 +119,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="暂无目录" />
@@ -139,6 +145,13 @@
                </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
@@ -152,6 +165,13 @@
                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-popconfirm
@@ -203,83 +223,99 @@
 </template>

 <script lang="ts" setup>
-import { createVNode, ref, computed } 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 {
+  import { createVNode, ref, computed } 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 {
    DatasourceFunction,
    ColumnItem
-} from 'ele-admin-pro/es/ele-pro-table/types';
-import Search from './components/search.vue';
-import OaCompanyEdit from './components/oaCompanyEdit.vue';
-// 导入Import2组件和API
-import Import2 from './components/Import2.vue';
-import {
+  } from 'ele-admin-pro/es/ele-pro-table/types';
+  import Search from './components/search.vue';
+  import OaCompanyEdit from './components/oaCompanyEdit.vue';
+  // 导入Import2组件和API
+  import Import2 from './components/Import2.vue';
+  import {
    pageOaCompany,
    removeOaCompany,
    removeBatchOaCompany
-} from '@/api/oa/oaCompany';
-import type { OaCompany, OaCompanyParam } from '@/api/oa/oaCompany/model';
-import { getPageTitle, isImage } from '@/utils/common';
-// 导入AiCloudDoc API
-import { listAiCloudDoc, addAiCloudDoc, updateAiCloudDoc, removeAiCloudDoc } from '@/api/ai/aiCloudDoc';
-import type { AiCloudDoc } from '@/api/ai/aiCloudDoc/model';
-// 导入AiCloudFile API
-import { listAiCloudFile, removeAiCloudFile } from '@/api/ai/aiCloudFile';
-import type { AiCloudFile } from '@/api/ai/aiCloudFile/model';
+  } from '@/api/oa/oaCompany';
+  import type { OaCompany, OaCompanyParam } from '@/api/oa/oaCompany/model';
+  import { getPageTitle, isImage } from '@/utils/common';
+  // 导入AiCloudDoc API
+  import {
+    listAiCloudDoc,
+    addAiCloudDoc,
+    updateAiCloudDoc,
+    removeAiCloudDoc
+  } from '@/api/ai/aiCloudDoc';
+  import type { AiCloudDoc } from '@/api/ai/aiCloudDoc/model';
+  // 导入AiCloudFile API
+  import { pageAiCloudFile, removeAiCloudFile } from '@/api/ai/aiCloudFile';
+  import type { AiCloudFile } from '@/api/ai/aiCloudFile/model';

-// 表格实例
-const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+  // 表格实例
+  const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);

-// 表格选中数据
-const selection = ref<OaCompany[]>([]);
-// 当前编辑数据
-const current = ref<OaCompany | null>(null);
-// 是否显示编辑弹窗
-const showEdit = ref(false);
-// 是否显示批量移动弹窗
-const showMove = ref(false);
-// 文档管理相关响应式变量
-const showDocManage = ref(false); // 是否显示文档管理弹窗
-const showImport = ref(false); // 是否显示导入弹窗
-const showDirModal = ref(false); // 是否显示目录弹窗（新增/编辑）
-// 加载状态
-const loading = ref(true);
+  // 表格选中数据
+  const selection = ref<OaCompany[]>([]);
+  // 当前编辑数据
+  const current = ref<OaCompany | null>(null);
+  // 是否显示编辑弹窗
+  const showEdit = ref(false);
+  // 是否显示批量移动弹窗
+  const showMove = ref(false);
+  // 文档管理相关响应式变量
+  const showDocManage = ref(false); // 是否显示文档管理弹窗
+  const showImport = ref(false); // 是否显示导入弹窗
+  const showDirModal = ref(false); // 是否显示目录弹窗（新增/编辑）
+  // 加载状态
+  const loading = ref(true);

-// 文档管理相关变量
-const currentKbId = ref(''); // 当前知识库ID
-const currentKbName = ref(''); // 当前知识库名称
-const currentCompanyId = ref<number>(); // 当前单位ID
-const docList = ref<AiCloudFile[]>([]); // 文档列表数据改为使用AiCloudFile类型
-const docLoading = ref(false); // 文档加载状态
-const allDirs = ref<AiCloudDoc[]>([]); // 所有目录列表
+  // 文档管理相关变量
+  const currentKbId = ref(''); // 当前知识库ID
+  const currentKbName = ref(''); // 当前知识库名称
+  const currentCompanyId = 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 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 isEditingDir = ref(false); // 是否为编辑模式
+  const currentDirId = ref<number>(); // 当前操作的目录ID

-// 目录表单
-const dirForm = ref({
+  // 目录表单
+  const dirForm = ref({
    name: '',
    sortNumber: 0
-});
+  });

-// 计算目录弹窗标题
-const dirModalTitle = computed(() => {
+  // 计算目录弹窗标题
+  const dirModalTitle = computed(() => {
    const mode = isEditingDir.value ? '编辑' : '新增';
-  const location = selectedDirName.value ? `在『${selectedDirName.value}』下` : '在根目录下';
+    const location = selectedDirName.value
+      ? `在『${selectedDirName.value}』下`
+      : '在根目录下';
    return `${mode}目录 - ${location}`;
-});
+  });

-// 分页配置
-const pagination = ref({
+  // 分页配置
+  const pagination = ref({
    current: 1,
    pageSize: 10,
    total: 0,
@@ -287,56 +323,60 @@ const pagination = ref({
    showQuickJumper: true,
    showTotal: (total: number) => `共 ${total} 条`,
    pageSizeOptions: ['10', '20', '50', '100']
-});
+  });

-// 计算树形数据
-const treeData = computed(() => {
+  // 计算树形数据
+  const treeData = computed(() => {
    const buildTree = (parentId: number = 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);
-});
+  });

-// 选中的目录名称
-const selectedDirName = computed(() => {
+  // 选中的目录名称
+  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 || '';
-});
+  });

-// 计算选中的目录ID（用于文件上传）
-const selectedCategoryId = computed(() => {
+  // 计算选中的目录ID（用于文件上传）
+  const selectedCategoryId = computed(() => {
    if (selectedKeys.value.length === 0) return '';
    return selectedKeys.value[0].toString();
-});
+  });

-// 计算选中的文档对象
-const selectedDoc = computed(() => {
+  // 计算选中的文档对象
+  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 || '' // 假设 AiCloudDoc 有 categoryId 字段
-  } : null;
-});
+        }
+      : null;
+  });

-// 检查目录是否有子目录（简化版，只检查子目录）
-const checkDirHasChildren = (dirId: number): boolean => {
-  return allDirs.value.some(item => item.parentId === dirId);
-};
+  // 检查目录是否有子目录（简化版，只检查子目录）
+  const checkDirHasChildren = (dirId: number): boolean => {
+    return allDirs.value.some((item) => item.parentId === dirId);
+  };

-// 文档表格列配置 - 去掉固定宽度，使用自适应
-const docColumns = ref([
+  // 文档表格列配置 - 去掉固定宽度，使用自适应
+  const docColumns = ref([
    {
      title: '文件名',
      dataIndex: 'fileName',
@@ -375,10 +415,10 @@ const docColumns = ref([
      key: 'action',
      width: 80
    }
-]);
+  ]);

-// 表格数据源
-const datasource: DatasourceFunction = ({
+  // 表格数据源
+  const datasource: DatasourceFunction = ({
    page,
    limit,
    where,
@@ -394,10 +434,10 @@ const datasource: DatasourceFunction = ({
      page,
      limit
    });
-};
+  };

-// 表格列配置
-const columns = ref<ColumnItem[]>([
+  // 表格列配置
+  const columns = ref<ColumnItem[]>([
    {
      title: 'ID',
      dataIndex: 'companyId',
@@ -458,31 +498,32 @@ const columns = ref<ColumnItem[]>([
      align: 'center',
      hideInSetting: true
    }
-]);
+  ]);

-/* 搜索 */
-const reload = (where?: OaCompanyParam) => {
+  /* 搜索 */
+  const reload = (where?: OaCompanyParam) => {
    selection.value = [];
    tableRef?.value?.reload({ where: where });
-};
+  };

-/* 打开编辑弹窗 */
-const openEdit = (row?: OaCompany) => {
+  /* 打开编辑弹窗 */
+  const openEdit = (row?: OaCompany) => {
    current.value = row ?? null;
    showEdit.value = true;
-};
+  };

-/* 打开批量移动弹窗 */
-const openMove = () => {
+  /* 打开批量移动弹窗 */
+  const openMove = () => {
    showMove.value = true;
-};
+  };

-// 打开文档管理弹窗
-const openDocManage = async (record: OaCompany) => {
+  // 打开文档管理弹窗
+  const openDocManage = async (record: OaCompany) => {
    currentKbId.value = record.kbId;
    currentKbName.value = record.companyName;
    currentCompanyId.value = record.companyId;
    pagination.value.current = 1;
+    docSearchForm.value.fileName = '';
    showDocManage.value = true;

    // 重置选择状态
@@ -491,10 +532,10 @@ const openDocManage = async (record: OaCompany) => {

    // 加载目录列表
    await loadAllCloudDocs(true);
-};
+  };

-// 加载所有目录
-const loadAllCloudDocs = async (resetState = false) => {
+  // 加载所有目录
+  const loadAllCloudDocs = async (resetState = false) => {
    try {
      const params = {
        companyId: currentCompanyId.value
@@ -507,7 +548,7 @@ const loadAllCloudDocs = async (resetState = false) => {
        // 只在首次加载时重置状态
        // 默认展开根节点并选中第一个目录
        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!];
@@ -519,37 +560,42 @@ const loadAllCloudDocs = async (resetState = false) => {
      message.error('加载目录列表失败');
      console.error('加载目录错误:', error);
    }
-};
+  };

-// 树节点展开
-const onExpand = (keys: (string | number)[]) => {
+  // 树节点展开
+  const onExpand = (keys: (string | number)[]) => {
    expandedKeys.value = keys;
-};
+  };

-// 树节点选择
-const onSelect = (keys: (string | number)[], { node }: any) => {
+  // 树节点选择
+  const onSelect = (keys: (string | number)[], { node }: any) => {
    selectedKeys.value = keys;
    pagination.value.current = 1;
    loadCloudFiles();
-};
+  };

-// 异步加载子节点（如果需要的话）
-const onLoadData = (node: any) => {
+  // 异步加载子节点（如果需要的话）
+  const onLoadData = (node: any) => {
    return new Promise<void>((resolve) => {
      // 由于我们一次性加载了所有目录，这里不需要额外加载
      resolve();
    });
-};
+  };

-// 表格分页变化处理
-const handleTableChange = (pag: any) => {
+  // 表格分页变化处理
+  const handleTableChange = (pag: any) => {
    pagination.value.current = pag.current;
    pagination.value.pageSize = pag.pageSize;
    loadCloudFiles();
-};
+  };

-// 加载文档列表 - 改为从AiCloudFile表查询
-const loadCloudFiles = async () => {
+  const handleDocSearch = () => {
+    pagination.value.current = 1;
+    loadCloudFiles();
+  };
+
+  // 加载文档列表 - 改为从AiCloudFile表查询
+  const loadCloudFiles = async () => {
    docLoading.value = true;
    try {
      if (!selectedCategoryId.value) {
@@ -561,29 +607,22 @@ const loadCloudFiles = async () => {
      const params = {
        docId: parseInt(selectedCategoryId.value),
        page: pagination.value.current,
-      pageSize: pagination.value.pageSize
+        limit: pagination.value.pageSize,
+        fileName: docSearchForm.value.fileName?.trim() || undefined
      };
-    const result = await listAiCloudFile(params);
-
-    // 假设返回的数据结构为 { records: [], total: number }
-    if (result && result.records) {
-      docList.value = result.records;
-      pagination.value.total = result.total;
-    } else {
-      // 如果API没有分页结构，使用全部数据
-      docList.value = result || [];
-      pagination.value.total = docList.value.length;
-    }
+      const result = await pageAiCloudFile(params);
+      docList.value = result?.list || [];
+      pagination.value.total = result?.count || 0;
    } catch (error) {
      message.error('加载文件列表失败');
      console.error('加载文件错误:', error);
    } finally {
      docLoading.value = false;
    }
-};
+  };

-// 删除文档 - 改为调用AiCloudFile的删除接口
-const deleteDoc = async (record: AiCloudFile) => {
+  // 删除文档 - 改为调用AiCloudFile的删除接口
+  const deleteDoc = async (record: AiCloudFile) => {
    try {
      await removeAiCloudFile(record.id);

@@ -594,10 +633,10 @@ const deleteDoc = async (record: AiCloudFile) => {
      message.error('删除失败');
      console.error(error);
    }
-};
+  };

-// 打开导入弹窗
-const openImport = () => {
+  // 打开导入弹窗
+  const openImport = () => {
    if (selectedKeys.value.length === 0) {
      message.info('请先选择一个目录');
      return;
@@ -609,10 +648,10 @@ const openImport = () => {
    }

    showImport.value = true;
-};
+  };

-// 打开新增目录弹窗
-const openAddDir = () => {
+  // 打开新增目录弹窗
+  const openAddDir = () => {
    if (selectedKeys.value.length === 0) {
      message.info('请先选择一个目录');
      return;
@@ -622,16 +661,18 @@ const openAddDir = () => {
    dirForm.value.name = '';
    dirForm.value.sortNumber = 0;
    showDirModal.value = true;
-};
+  };

-// 打开编辑目录弹窗
-const openEditDir = () => {
+  // 打开编辑目录弹窗
+  const openEditDir = () => {
    if (selectedKeys.value.length === 0) {
      message.info('请先选择一个目录');
      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;
@@ -642,34 +683,36 @@ const openEditDir = () => {
    dirForm.value.name = selectedDir.name || '';
    dirForm.value.sortNumber = selectedDir.sortNumber || 0;
    showDirModal.value = true;
-};
+  };

-// 删除选中目录
-const deleteSelectedDir = async () => {
+  // 删除选中目录
+  const deleteSelectedDir = async () => {
    if (selectedKeys.value.length === 0) {
      message.info('请先选择一个目录');
      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;
    }

    await deleteDir(selectedDir.id!, selectedDir.name || '');
-};
+  };

-// 关闭目录弹窗
-const closeDirModal = () => {
+  // 关闭目录弹窗
+  const closeDirModal = () => {
    showDirModal.value = false;
    dirForm.value.name = '';
    dirForm.value.sortNumber = 0;
    currentDirId.value = undefined;
-};
+  };

-// 处理保存目录（新增/编辑）
-const handleSaveDir = async () => {
+  // 处理保存目录（新增/编辑）
+  const handleSaveDir = async () => {
    if (!dirForm.value.name) {
      message.error('请输入目录名称');
      return;
@@ -713,14 +756,16 @@ const handleSaveDir = async () => {
      message.error(isEditingDir.value ? '修改目录失败' : '新增目录失败');
      console.error('目录操作错误:', error);
    }
-};
+  };

-// 删除目录
-const deleteDir = async (dirId: number, dirName: string) => {
+  // 删除目录
+  const deleteDir = async (dirId: number, dirName: string) => {
    // 检查目录是否有子目录
    const hasChildren = checkDirHasChildren(dirId);
    if (hasChildren) {
-    message.error(`目录「${dirName}」包含子目录，无法删除。请先删除该目录下的所有子目录。`);
+      message.error(
+        `目录「${dirName}」包含子目录，无法删除。请先删除该目录下的所有子目录。`
+      );
      return;
    }

@@ -750,10 +795,10 @@ const deleteDir = async (dirId: number, dirName: string) => {
        }
      }
    });
-};
+  };

-/* 删除单个 */
-const remove = (row: OaCompany) => {
+  /* 删除单个 */
+  const remove = (row: OaCompany) => {
    const hide = message.loading('请求中..', 0);
    removeOaCompany(row.companyId)
      .then((msg) => {
@@ -765,10 +810,10 @@ const remove = (row: OaCompany) => {
        hide();
        message.error(e.message);
      });
-};
+  };

-/* 批量删除 */
-const removeBatch = () => {
+  /* 批量删除 */
+  const removeBatch = () => {
    if (!selection.value.length) {
      message.error('请至少选择一条数据');
      return;
@@ -792,15 +837,15 @@ const removeBatch = () => {
          });
      }
    });
-};
+  };

-/* 查询 */
-const query = () => {
+  /* 查询 */
+  const query = () => {
    loading.value = true;
-};
+  };

-/* 自定义行属性 */
-const customRow = (record: OaCompany) => {
+  /* 自定义行属性 */
+  const customRow = (record: OaCompany) => {
    return {
      onClick: () => {
        // console.log(record);
@@ -809,45 +854,45 @@ const customRow = (record: OaCompany) => {
        openEdit(record);
      }
    };
-};
-query();
+  };
+  query();
 </script>

 <script lang="ts">
-export default {
+  export default {
    name: 'OaCompany'
-};
+  };
 </script>

 <style scoped>
-/* 修改已完成步骤的连接线颜色 */
-.ant-steps-item-finish
-> .ant-steps-item-container
-> .ant-steps-item-tail::after {
+  /* 修改已完成步骤的连接线颜色 */
+  .ant-steps-item-finish
+    > .ant-steps-item-container
+    > .ant-steps-item-tail::after {
    background-color: red !important;
-}
+  }

-/* 文档管理布局 */
-.doc-manage-container {
-  height: 700px; /* 增加高度 */
-}
+  /* 文档管理布局 */
+  .doc-manage-container {
+    height: 670px; /* 增加高度 */
+  }

-.doc-layout {
+  .doc-layout {
    display: flex;
    height: 100%;
    gap: 16px;
-}
+  }

-.dir-tree-panel {
+  .dir-tree-panel {
    width: 280px; /* 稍微加宽目录树 */
    border: 1px solid #e8e8e8;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
-}
+  }

-.dir-header {
+  .dir-header {
    padding: 12px 16px;
    border-bottom: 1px solid #e8e8e8;
    background: #fafafa;
@@ -855,15 +900,15 @@ export default {
    justify-content: space-between;
    align-items: center;
    font-weight: 500;
-}
+  }

-.tree-container {
+  .tree-container {
    flex: 1;
    padding: 8px;
    overflow: auto;
-}
+  }

-.doc-list-panel {
+  .doc-list-panel {
    flex: 1;
    display: flex;
    flex-direction: column;
@@ -871,130 +916,139 @@ export default {
    border-radius: 6px;
    min-width: 0;
    overflow: hidden;
-}
+  }

-.doc-header {
+  .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 {
+  .doc-actions {
    display: flex;
    align-items: center;
    gap: 12px;
-}
+  }

-.doc-tips {
+  .doc-search {
+    width: 280px;
+    flex-shrink: 0;
+  }
+
+  .doc-tips {
    color: #ff4d4f;
    font-size: 12px;
-}
+  }

-.doc-content {
+  .doc-content {
    flex: 1;
    padding: 16px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-width: 0;
-}
+  }

-/* 树节点激活样式 */
-:deep(.active-dir) {
+  /* 树节点激活样式 */
+  :deep(.active-dir) {
    color: #1890ff;
    font-weight: 500;
-}
+  }

-:deep(.ant-tree-node-content-wrapper) {
+  :deep(.ant-tree-node-content-wrapper) {
    border-radius: 4px;
    transition: all 0.3s;
    width: 100%;
-}
+  }

-:deep(.ant-tree-node-content-wrapper:hover) {
+  :deep(.ant-tree-node-content-wrapper:hover) {
    background-color: #f5f5f5;
-}
+  }

-:deep(.ant-tree .ant-tree-treenode-selected .ant-tree-node-content-wrapper) {
+  :deep(.ant-tree .ant-tree-treenode-selected .ant-tree-node-content-wrapper) {
    background-color: #e6f7ff;
-}
+  }

-/* 优化表格样式 */
-:deep(.doc-manage-modal .ant-modal-body) {
+  /* 优化表格样式 */
+  :deep(.doc-manage-modal .ant-modal-body) {
    padding: 16px;
-}
+  }

-:deep(.doc-content .ant-table-wrapper) {
+  :deep(.doc-content .ant-table-wrapper) {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
-}
+  }

-:deep(.doc-content .ant-spin-nested-loading) {
+  :deep(.doc-content .ant-spin-nested-loading) {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
-}
+  }

-:deep(.doc-content .ant-spin-container) {
+  :deep(.doc-content .ant-spin-container) {
    flex: 1;
    display: flex;
    flex-direction: column;
    height: 100%;
    min-width: 0;
-}
+  }

-:deep(.doc-content .ant-table) {
+  :deep(.doc-content .ant-table) {
    width: 100%;
    flex: 1;
-}
+  }

-:deep(.doc-content .ant-table-container) {
+  :deep(.doc-content .ant-table-container) {
    flex: 1;
    display: flex;
    flex-direction: column;
-}
+  }

-:deep(.doc-content .ant-table-body) {
+  :deep(.doc-content .ant-table-body) {
    flex: 1;
-}
+  }

-:deep(.doc-content .ant-table-thead > tr > th) {
+  :deep(.doc-content .ant-table-thead > tr > th) {
    background: #fafafa;
    font-weight: 600;
    white-space: nowrap;
-}
+  }

-:deep(.doc-content .ant-table-tbody > tr > td) {
+  :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) {
+  /* 文件名列特殊处理，允许换行 */
+  :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) {
+  /* 分页样式调整 */
+  :deep(.doc-content .ant-pagination) {
    margin-top: 16px;
    margin-bottom: 0;
-}
+  }

-:deep(.doc-content .ant-table-pagination) {
+  :deep(.doc-content .ant-table-pagination) {
    margin-top: 16px;
    margin-bottom: 0;
    flex-shrink: 0; /* 防止分页器被压缩 */
-}
+  }

-/* 删除按钮样式 */
-:deep(.ele-text-danger) {
+  /* 删除按钮样式 */
+  :deep(.ele-text-danger) {
    color: #ff4d4f;
-}
+  }
 </style>