From 58774d320d98f7f94f868142b31dabc703f71218 Mon Sep 17 00:00:00 2001
From: xs <xins@mesnac.com>
Date: Fri, 29 Aug 2025 17:11:26 +0800
Subject: [PATCH] =?UTF-8?q?1.5.1=E5=89=8D=E7=AB=AF=201=E3=80=81AI=E7=9F=A5?=
 =?UTF-8?q?=E8=AF=86=E5=BA=93=E7=9A=84=E5=A2=9E=E5=88=A0=E6=94=B9=E6=9F=A5?=
 =?UTF-8?q?=202=E3=80=81AI=E7=9F=A5=E8=AF=86=E5=BA=93=E5=86=85=E5=AE=B9?=
 =?UTF-8?q?=E7=9A=84=E4=B8=8A=E4=BC=A0=E3=80=81=E8=A7=A3=E6=9E=90=E3=80=81?=
 =?UTF-8?q?=E5=90=91=E9=87=8F=E5=8C=96=E3=80=81=E9=A2=84=E8=A7=88=E3=80=81?=
 =?UTF-8?q?=E5=88=A0=E9=99=A4=203=E3=80=81=E6=A3=80=E7=B4=A2=E7=9F=A5?=
 =?UTF-8?q?=E8=AF=86=E5=BA=93?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/ai/base/aiApp/index.ts                | 178 +++++
 src/api/ai/skill/aiKnowledgeBase/index.ts     | 143 ++++
 src/api/ai/skill/aiKnowledgeBase/types.ts     | 232 +++++++
 src/api/ai/skill/aiKnowledgeContent/index.ts  |  77 +++
 src/api/ai/skill/aiKnowledgeContent/types.ts  | 206 ++++++
 src/assets/PDF.png                            | Bin 0 -> 9479 bytes
 src/assets/document.png                       | Bin 0 -> 2697 bytes
 src/assets/docx.png                           | Bin 0 -> 8331 bytes
 src/assets/icons/svg/knowledge-base.svg       |   1 +
 src/assets/knowledge-base.png                 | Bin 0 -> 2864 bytes
 src/router/index.ts                           |  58 +-
 src/views/ai/base/aiApp/aiAppConfig.vue       | 522 +++++++++++++++
 src/views/ai/record/tokenUsage/index.vue      | 621 ++++++++++++++++++
 src/views/ai/record/usageRecord/index.vue     | 383 +++++++++++
 src/views/ai/skill/aiChat/index.vue           | 289 ++++----
 src/views/ai/skill/aiForm/index.vue           | 157 +++++
 src/views/ai/skill/aiKnowledge/index.vue      | 618 +++++++++++++++++
 .../skill/aiKnowledge/knowledgeBaseCreate.vue | 116 ++++
 .../ai/skill/aiKnowledge/knowledgeContent.vue | 496 ++++++++++++++
 .../aiKnowledge/knowledgeContentPreview.vue   | 319 +++++++++
 .../aiKnowledge/knowledgeContentUpload.vue    | 436 ++++++++++++
 src/views/ai/skill/aiSql/index.vue            | 341 ++++++++++
 22 files changed, 4998 insertions(+), 195 deletions(-)
 create mode 100644 src/api/ai/base/aiApp/index.ts
 create mode 100644 src/api/ai/skill/aiKnowledgeBase/index.ts
 create mode 100644 src/api/ai/skill/aiKnowledgeBase/types.ts
 create mode 100644 src/api/ai/skill/aiKnowledgeContent/index.ts
 create mode 100644 src/api/ai/skill/aiKnowledgeContent/types.ts
 create mode 100644 src/assets/PDF.png
 create mode 100644 src/assets/document.png
 create mode 100644 src/assets/docx.png
 create mode 100644 src/assets/icons/svg/knowledge-base.svg
 create mode 100644 src/assets/knowledge-base.png
 create mode 100644 src/views/ai/base/aiApp/aiAppConfig.vue
 create mode 100644 src/views/ai/record/tokenUsage/index.vue
 create mode 100644 src/views/ai/record/usageRecord/index.vue
 create mode 100644 src/views/ai/skill/aiForm/index.vue
 create mode 100644 src/views/ai/skill/aiKnowledge/index.vue
 create mode 100644 src/views/ai/skill/aiKnowledge/knowledgeBaseCreate.vue
 create mode 100644 src/views/ai/skill/aiKnowledge/knowledgeContent.vue
 create mode 100644 src/views/ai/skill/aiKnowledge/knowledgeContentPreview.vue
 create mode 100644 src/views/ai/skill/aiKnowledge/knowledgeContentUpload.vue
 create mode 100644 src/views/ai/skill/aiSql/index.vue

diff --git a/src/api/ai/base/aiApp/index.ts b/src/api/ai/base/aiApp/index.ts
new file mode 100644
index 0000000..42e0fa9
--- /dev/null
+++ b/src/api/ai/base/aiApp/index.ts
@@ -0,0 +1,178 @@
+import request from '@/utils/request'
+
+// AI聊天消息接口
+export interface ChatMessage {
+  role: 'user' | 'assistant' | 'system'
+  content: string
+  timestamp?: number
+}
+
+// AI聊天请求参数
+export interface ChatRequest {
+  messages: ChatMessage[]
+  model: string
+  temperature?: number
+  top_p?: number
+  max_tokens?: number
+  stream?: boolean
+  api_key?: string
+  api_endpoint?: string
+}
+
+// AI聊天响应
+export interface ChatResponse {
+  id: string
+  object: string
+  created: number
+  model: string
+  choices: Array<{
+    index: number
+    message: ChatMessage
+    finish_reason: string
+  }>
+  usage?: {
+    prompt_tokens: number
+    completion_tokens: number
+    total_tokens: number
+  }
+}
+
+// 流式响应数据
+export interface StreamChunk {
+  id: string
+  object: string
+  created: number
+  model: string
+  choices: Array<{
+    index: number
+    delta: {
+      content?: string
+      role?: string
+    }
+    finish_reason: string | null
+  }>
+}
+
+// 发送聊天消息（非流式）
+export function sendChatMessage(data: ChatRequest) {
+  return request<ChatResponse>({
+    url: '/ai/chat',
+    method: 'post',
+    data
+  })
+}
+
+// 发送聊天消息（流式）
+export function sendChatMessageStream(data: ChatRequest): ReadableStream<StreamChunk> {
+  return new ReadableStream({
+    start(controller) {
+      const eventSource = new EventSource(`/ai/chat/stream?${new URLSearchParams({
+        messages: JSON.stringify(data.messages),
+        model: data.model,
+        temperature: data.temperature?.toString() || '0.7',
+        top_p: data.top_p?.toString() || '1',
+        max_tokens: data.max_tokens?.toString() || '2048',
+        api_key: data.api_key || '',
+        api_endpoint: data.api_endpoint || ''
+      })}`)
+
+      eventSource.onmessage = (event) => {
+        try {
+          if (event.data === '[DONE]') {
+            controller.close()
+            eventSource.close()
+            return
+          }
+
+          const chunk: StreamChunk = JSON.parse(event.data)
+          controller.enqueue(chunk)
+        } catch (error) {
+          console.error('解析流式数据失败:', error)
+        }
+      }
+
+      eventSource.onerror = (error) => {
+        console.error('流式请求错误:', error)
+        controller.error(error)
+        eventSource.close()
+      }
+    }
+  })
+}
+
+// 获取聊天历史
+export function getChatHistory(params?: {
+  page?: number
+  size?: number
+  chatId?: string
+}) {
+  return request<{
+    total: number
+    list: Array<{
+      id: string
+      title: string
+      messages: ChatMessage[]
+      createdAt: string
+      updatedAt: string
+    }>
+  }>({
+    url: '/ai/chat/history',
+    method: 'get',
+    params
+  })
+}
+
+// 保存聊天记录
+export function saveChat(data: {
+  title: string
+  messages: ChatMessage[]
+}) {
+  return request<{ id: string }>({
+    url: '/ai/chat/save',
+    method: 'post',
+    data
+  })
+}
+
+// 删除聊天记录
+export function deleteChat(chatId: string) {
+  return request({
+    url: `/ai/chat/${chatId}`,
+    method: 'delete'
+  })
+}
+
+// 更新聊天标题
+export function updateChatTitle(chatId: string, title: string) {
+  return request({
+    url: `/ai/chat/${chatId}/title`,
+    method: 'put',
+    data: { title }
+  })
+}
+
+// AI问答设置接口
+export interface AiChatSettings {
+  welcomeIcon: string
+  welcomeTitle: string
+  welcomeMessage: string
+  presetQuestions: string[]
+  historyCount: number
+}
+
+// 获取AI问答设置
+export function getAiChatSettings() {
+  return request<AiChatSettings>({
+    url: '/ai/chat/settings',
+    method: 'get'
+  })
+}
+
+// 保存AI问答设置
+export function saveAiChatSettings(data: AiChatSettings) {
+  return request({
+    url: '/ai/chat/settings',
+    method: 'post',
+    data
+  })
+}
diff --git a/src/api/ai/skill/aiKnowledgeBase/index.ts b/src/api/ai/skill/aiKnowledgeBase/index.ts
new file mode 100644
index 0000000..1bfcc0b
--- /dev/null
+++ b/src/api/ai/skill/aiKnowledgeBase/index.ts
@@ -0,0 +1,143 @@
+import request from '@/utils/request';
+import { AxiosPromise } from 'axios';
+import { AiKnowledgeBaseVO, AiKnowledgeBaseForm, AiKnowledgeBaseQuery } from '@/api/ai/skill/aiKnowledgeBase/types';
+
+/**
+ * 查询AI知识库列表
+ * @param query
+ * @returns {*}
+ */
+
+export const listAiKnowledgeBase = (query?: AiKnowledgeBaseQuery): AxiosPromise<AiKnowledgeBaseVO[]> => {
+  return request({
+    url: '/ai/aiKnowledgeBase/list',
+    method: 'get',
+    params: query
+  });
+};
+
+/**
+ * 查询AI知识库详细
+ * @param knowledgeBaseId
+ */
+export const getAiKnowledgeBase = (knowledgeBaseId: string | number): AxiosPromise<AiKnowledgeBaseVO> => {
+  return request({
+    url: '/ai/aiKnowledgeBase/' + knowledgeBaseId,
+    method: 'get'
+  });
+};
+
+/**
+ * 新增AI知识库
+ * @param data
+ */
+export const addAiKnowledgeBase = (data: AiKnowledgeBaseForm) => {
+  return request({
+    url: '/ai/aiKnowledgeBase',
+    method: 'post',
+    data: data
+  });
+};
+
+/**
+ * 修改AI知识库
+ * @param data
+ */
+export const updateAiKnowledgeBase = (data: AiKnowledgeBaseForm) => {
+  return request({
+    url: '/ai/aiKnowledgeBase',
+    method: 'put',
+    data: data
+  });
+};
+
+/**
+ * 删除AI知识库
+ * @param knowledgeBaseId
+ */
+export const delAiKnowledgeBase = (knowledgeBaseId: string | number | Array<string | number>) => {
+  return request({
+    url: '/ai/aiKnowledgeBase/' + knowledgeBaseId,
+    method: 'delete'
+  });
+};
+
+
+/**
+ * 下拉框查询AI知识库列表
+ * @param query
+ * @returns {*}
+ */
+export function getAiKnowledgeBaseList (query) {
+    return request({
+        url: '/ai/aiKnowledgeBase/getAiKnowledgeBaseList',
+        method: 'get',
+        params: query
+    });
+};
+
+
+
+
+/**
+ * 知识库文件上传切分后向量化
+ * @param data 知识库切片内容
+ */
+export const vectorizeKnowledgeContent = (data: FormData) => {
+  return request({
+    url: '/ai/aiKnowledgeBase/vectorizeKnowledgeContent',
+    method: 'post',
+    data: data
+  });
+};
+
+/**
+ * 获取AI知识库内容列表
+ * @param query
+ * @returns {*}
+ */
+export function listAiKnowledgeContent (query) {
+  return request({
+    url: '/ai/aiKnowledgeBase/listAiKnowledgeContent',
+    method: 'get',
+    params: query
+  });
+};
+
+
+/**
+ * 删除AI知识库内容,连同向量库内容一同删除
+ * @param knowledgeBaseId
+ * @param knowledgeContentId
+ */
+export const delAiKnowledgeContent = (knowledgeBaseId: string | number ,knowledgeContentId: string | number | Array<string | number>) => {
+  return request({
+    url: '/ai/aiKnowledgeBase/deleteKnowledgeContent/' + knowledgeBaseId + '/' + knowledgeContentId,
+    method: 'post'
+  });
+};
+
+
+/**
+ * 删除知识库内容文件
+ * @param knowledgeContentId
+ */
+export const removeContentFile = (knowledgeContentId: string | number) => {
+  return request({
+    url: '/ai/aiKnowledgeBase/removeContentFile/' +  knowledgeContentId,
+    method: 'post'
+  });
+};
+
+/**
+ * 获取AI知识库内容分段列表
+ * @param query
+ * @returns {*}
+ */
+export function getKnowledgeContentFragmentList (query) {
+  return request({
+    url: '/ai/aiKnowledgeBase/getKnowledgeContentFragmentList',
+    method: 'get',
+    params: query
+  });
+};
diff --git a/src/api/ai/skill/aiKnowledgeBase/types.ts b/src/api/ai/skill/aiKnowledgeBase/types.ts
new file mode 100644
index 0000000..9210314
--- /dev/null
+++ b/src/api/ai/skill/aiKnowledgeBase/types.ts
@@ -0,0 +1,232 @@
+export interface AiKnowledgeBaseVO {
+  /**
+   * 主键
+   */
+  knowledgeBaseId: string | number;
+
+  /**
+   * 知识库名称
+   */
+  knowledgeBaseName: string;
+
+  /**
+   * 知识库图标
+   */
+  knowledgeBaseIcon: string;
+
+
+  /**
+   * AI模型ID，关联ai_model
+   */
+  modelId: string | number;
+
+  /**
+   * 知识库类型ID,关联ai_knowledge_base_type
+   */
+  knowledgeBaseTypeId: string | number;
+
+  /**
+   * 分隔符
+   */
+  knowledgeBaseSeparator: string;
+
+  /**
+   * 知识库中检索的条数
+   */
+  retrieveLimit: number;
+
+  /**
+   * 文本块大小
+   */
+  textBlockSize: number;
+
+  /**
+   * 重叠字符数
+   */
+  overlapCharacter: number;
+
+  /**
+   * 提问分隔符
+   */
+  questionSeparator: string;
+
+  /**
+   * 知识库描述
+   */
+  knowledgeBaseDesc: string;
+
+  /**
+   * 状态(1启用，0禁用)
+   */
+  knowledgeBaseStatus: string;
+
+  /**
+   * 向量库（milvus）
+   */
+  vector: string;
+
+  /**
+   * 是否公开(1是，0否)
+   */
+  openFlag: string;
+
+  /**
+   * AI模型名称
+   */
+  modelName: string;
+
+  /**
+   * AI知识库类型名称
+   */
+  knowledgeBaseTypeName: string;
+
+}
+
+export interface AiKnowledgeBaseForm extends BaseEntity {
+  /**
+   * 主键
+   */
+  knowledgeBaseId?: string | number;
+
+  /**
+   * 知识库名称
+   */
+  knowledgeBaseName?: string;
+
+  /**
+   * 知识库图标
+   */
+  knowledgeBaseIcon?: string;
+
+  /**
+   * AI模型ID，关联ai_model
+   */
+  modelId?: string | number;
+
+  /**
+   * 知识库类型ID,关联ai_knowledge_base_type
+   */
+  knowledgeBaseTypeId?: string | number;
+
+  /**
+   * 分隔符
+   */
+  knowledgeBaseSeparator?: string;
+
+  /**
+   * 知识库中检索的条数
+   */
+  retrieveLimit?: number;
+
+  /**
+   * 文本块大小
+   */
+  textBlockSize?: number;
+
+  /**
+   * 重叠字符数
+   */
+  overlapCharacter?: number;
+
+  /**
+   * 提问分隔符
+   */
+  questionSeparator?: string;
+
+  /**
+   * 知识库描述
+   */
+  knowledgeBaseDesc?: string;
+
+  /**
+   * 状态(1启用，0禁用)
+   */
+  knowledgeBaseStatus?: string;
+
+  /**
+   * 向量库（milvus）
+   */
+  vector?: string;
+
+  /**
+   * 是否公开(1是，0否)
+   */
+  openFlag?: string;
+
+}
+
+export interface AiKnowledgeBaseQuery extends PageQuery {
+
+  /**
+   * 主键
+   */
+  knowledgeBaseId?: string | number;
+
+  /**
+   * 知识库名称
+   */
+  knowledgeBaseName?: string;
+
+  /**
+   * AI模型ID，关联ai_model
+   */
+  modelId?: string | number;
+
+  /**
+   * 知识库类型ID,关联ai_knowledge_base_type
+   */
+  knowledgeBaseTypeId?: string | number;
+
+  /**
+   * 分隔符
+   */
+  knowledgeBaseSeparator?: string;
+
+  /**
+   * 知识库中检索的条数
+   */
+  retrieveLimit?: number;
+
+  /**
+   * 文本块大小
+   */
+  textBlockSize?: number;
+
+  /**
+   * 重叠字符数
+   */
+  overlapCharacter?: number;
+
+  /**
+   * 提问分隔符
+   */
+  questionSeparator?: string;
+
+  /**
+   * 知识库描述
+   */
+  knowledgeBaseDesc?: string;
+
+  /**
+   * 状态(1启用，0禁用)
+   */
+  knowledgeBaseStatus?: string;
+
+  /**
+   * 向量库（milvus）
+   */
+  vector?: string;
+
+  /**
+   * 是否公开(1是，0否)
+   */
+  openFlag?: string;
+
+  /**
+   * 日期范围参数
+   */
+  params?: any;
+}
+
+
+
diff --git a/src/api/ai/skill/aiKnowledgeContent/index.ts b/src/api/ai/skill/aiKnowledgeContent/index.ts
new file mode 100644
index 0000000..ecf6e0c
--- /dev/null
+++ b/src/api/ai/skill/aiKnowledgeContent/index.ts
@@ -0,0 +1,77 @@
+import request from '@/utils/request';
+import { AxiosPromise } from 'axios';
+import { AiKnowledgeContentVO, AiKnowledgeContentForm, AiKnowledgeContentQuery } from '@/api/ai/aiKnowledgeContent/types';
+
+/**
+ * 查询AI知识库内容列表
+ * @param query
+ * @returns {*}
+ */
+
+export const listAiKnowledgeContent = (query?: AiKnowledgeContentQuery): AxiosPromise<AiKnowledgeContentVO[]> => {
+  return request({
+    url: '/ai/aiKnowledgeContent/list',
+    method: 'get',
+    params: query
+  });
+};
+
+/**
+ * 查询AI知识库内容详细
+ * @param knowledgeContentId
+ */
+export const getAiKnowledgeContent = (knowledgeContentId: string | number): AxiosPromise<AiKnowledgeContentVO> => {
+  return request({
+    url: '/ai/aiKnowledgeContent/' + knowledgeContentId,
+    method: 'get'
+  });
+};
+
+/**
+ * 新增AI知识库内容
+ * @param data
+ */
+export const addAiKnowledgeContent = (data: AiKnowledgeContentForm) => {
+  return request({
+    url: '/ai/aiKnowledgeContent',
+    method: 'post',
+    data: data
+  });
+};
+
+/**
+ * 修改AI知识库内容
+ * @param data
+ */
+export const updateAiKnowledgeContent = (data: AiKnowledgeContentForm) => {
+  return request({
+    url: '/ai/aiKnowledgeContent',
+    method: 'put',
+    data: data
+  });
+};
+
+/**
+ * 删除AI知识库内容
+ * @param knowledgeContentId
+ */
+export const delAiKnowledgeContent = (knowledgeContentId: string | number | Array<string | number>) => {
+  return request({
+    url: '/ai/aiKnowledgeContent/' + knowledgeContentId,
+    method: 'delete'
+  });
+};
+
+
+/**
+ * 下拉框查询AI知识库内容列表
+ * @param query
+ * @returns {*}
+ */
+export function getAiKnowledgeContentList (query) {
+    return request({
+        url: '/ai/aiKnowledgeContent/getAiKnowledgeContentList',
+        method: 'get',
+        params: query
+    });
+};
diff --git a/src/api/ai/skill/aiKnowledgeContent/types.ts b/src/api/ai/skill/aiKnowledgeContent/types.ts
new file mode 100644
index 0000000..15827b3
--- /dev/null
+++ b/src/api/ai/skill/aiKnowledgeContent/types.ts
@@ -0,0 +1,206 @@
+export interface AiKnowledgeContentVO {
+  /**
+   * 主键
+   */
+  knowledgeContentId: string | number;
+
+  /**
+   * 知识库ID,关联ai_knowledge_base
+   */
+  knowledgeBaseId: string | number;
+
+  /**
+   * 标题
+   */
+  contentTitle: string;
+
+  /**
+   * 内容方式（1上传文件，2手动录入）
+   */
+  contentWay: string;
+
+  /**
+   * 内容（暂时不存，只存内容片段）
+   */
+  description: string;
+
+  /**
+   * 文件名称
+   */
+  fileName: string;
+
+  /**
+   * 文件路径
+   */
+  filePath: string;
+
+  /**
+   * 文件类型
+   */
+  fileType: string;
+
+  /**
+   * 文件大小（byte）
+   */
+  fileSize: number;
+
+  /**
+   * 内容状态(1已完成，2失败（解析或向量失败等），3待解析)
+   */
+  contentStatus: string;
+
+  /**
+   * 重叠字符数
+   */
+  overlapCharacter: number;
+
+  /**
+   * 总共片段
+   */
+  totalChunk: number;
+
+  /**
+   * 创建时间
+   */
+  createTime: string;
+
+  /**
+   * 更新时间
+   */
+  updateTime: string;
+
+}
+
+export interface AiKnowledgeContentForm extends BaseEntity {
+  /**
+   * 主键
+   */
+  knowledgeContentId?: string | number;
+
+  /**
+   * 知识库ID,关联ai_knowledge_base
+   */
+  knowledgeBaseId?: string | number;
+
+  /**
+   * 标题
+   */
+  contentTitle?: string;
+
+  /**
+   * 内容方式（1上传文件，2手动录入）
+   */
+  contentWay?: string;
+
+  /**
+   * 内容（暂时不存，只存内容片段）
+   */
+  description?: string;
+
+  /**
+   * 文件名称
+   */
+  fileName?: string;
+
+  /**
+   * 文件路径
+   */
+  filePath?: string;
+
+  /**
+   * 文件类型
+   */
+  fileType?: string;
+
+  /**
+   * 文件大小（byte）
+   */
+  fileSize?: number;
+
+  /**
+   * 内容状态(1已完成，2失败（解析或向量失败等），3待解析)
+   */
+  contentStatus?: string;
+
+  /**
+   * 重叠字符数
+   */
+  overlapCharacter?: number;
+
+  /**
+   * 总共片段
+   */
+  totalChunk?: number;
+
+}
+
+export interface AiKnowledgeContentQuery extends PageQuery {
+
+  /**
+   * 主键
+   */
+  knowledgeContentId?: string | number;
+
+  /**
+   * 知识库ID,关联ai_knowledge_base
+   */
+  knowledgeBaseId?: string | number;
+
+  /**
+   * 标题
+   */
+  contentTitle?: string;
+
+  /**
+   * 内容方式（1上传文件，2手动录入）
+   */
+  contentWay?: string;
+
+  /**
+   * 内容（暂时不存，只存内容片段）
+   */
+  description?: string;
+
+  /**
+   * 文件名称
+   */
+  fileName?: string;
+
+  /**
+   * 文件路径
+   */
+  filePath?: string;
+
+  /**
+   * 文件类型
+   */
+  fileType?: string;
+
+  /**
+   * 文件大小（byte）
+   */
+  fileSize?: number;
+
+  /**
+   * 内容状态(1已完成，2失败（解析或向量失败等），3待解析)
+   */
+  contentStatus?: string;
+
+  /**
+   * 重叠字符数
+   */
+  overlapCharacter?: number;
+
+  /**
+   * 总共片段
+   */
+  totalChunk?: number;
+
+    /**
+     * 日期范围参数
+     */
+    params?: any;
+}
+
+
+
diff --git a/src/assets/PDF.png b/src/assets/PDF.png
new file mode 100644
index 0000000000000000000000000000000000000000..ee947e32371faa153cee16c55fa29885f1915875
GIT binary patch
literal 9479
zcmV+iCHUHjP)<h;3K|Lk000e1NJLTq0077U0077c1^@s6tyr#}00001b5ch_0Itp)
z=>PyA07*naRCr$PeF=P2MYjGq_jY#(U`V%s2+X)EAh<ka*n$(s7#1N>9NZU32P7SE
z8+ClMq5qkAKIi!cXCNKKbYR@aJ&BIO;M1qzGS7`2MZp<&gmi#FmhOAc-|7Sm$=$m9
z-tK$5tA6H(aI4Ppo%&K$_g0-kutC{8dAtumI94D$K}PB=5aa@2jtxx9DiiwT`%ca6
zd(_7RY9CpaRgP;oi|GVn%d`o{p)3vqnT|`R9b9(@0*oL>^&fCc+rifB2d#YM0gekm
z+6c1of(gYg6prUXunz*A1o;^NNs$9Ba|izAu@&~QE<Ki{g&<p|Ot>6nAul~HbFFF!
zd`}PnB8s%NwU!@S`{;w&j9AJEvZ;9Dbs}G1*s{-cB?vQ+h+3tVgZ=?4AAi)A2B*NN
zloDji<bon3I57o&aTN(5(48PLk^miu9%wEb_?IW1NI<0Ho1}~&TZ;=u0|5Ks#ij@-
z5hO+unf6DTo97(!@Doql)O5?tN(n)}oH4q0IFd6{kcHlsdBO!Jjer_KVuDF-YCEuh
z_Miu!s!Ljtg9N06AVx<I8RdvT!nY*SZj>+*0RR^weUE1ZNa*@^0CyCry$j%OL5S67
zZCUBsJ|-{LzT;`6{m|dP7eGho1Mmm}wRMs2VeQ)h+Mq*g?C+h0)noO$#=pD0ZEfA_
zv;lQ%!(_I05t756w*vdGL#Oz?jt-sehjp?#vHD$#+<qixy#$e3x;*a{lh*=$k2!vP
zuikytr&2^;9BgTsGi2pse|JzHPs-Gk5M)d7q>B(}ppK<qdgNZOpR{Jp-lRO@jT1&7
zJiojU1bRhBzz&k3)VD0ODPctpYG^q@HWe236+O`_wJ?zZ)}Ow5?b{B*Eh9}eND$`x
zN1`B><}F>mEhB;G;*{kCiG3}P3X|1<B!NC3@zT1#WjfGK@GlO6Fn2abB<bRT_pjXU
z1m6<1(Q<-pEE+f5CAcQ387PUkcI1n%Z%Nbv-p)J(;v@*$hp`?JFV0_Dv(r2)>?O%^
zg6J;LrS_+Xzx<Cq_JSolt%;i;9WcEsgM9JP!4;onB5G+T$ne!`muDidPV^~3f&c-$
zEeSMpz|z_;o#?lg&72^a7SSa9Nt7Tll?3Zt<equdvSquHFu`_BIYDd}lJpsr6hS&z
z^1nh3&g{21)R;am%+<^ZVlJMJmX<t0V(!08QSlPr^5q%vJ&O~>(OueH<4qz6J7n}y
zYwz}-4!ZZD1Lj(odTE>>smI*58qFd|$7~Cq&v)hi6qhXNx>LutzN;C=3F5erS!b}R
z1nDsIxevB{GV8ooUyWL4wY8EtL9E5sQPM3S2pdYC@&;>XISPm_#&Uu<HF6f%Z4E)#
z$wYYER~@>-0+THl$q8aP#LiJ*6+vQ45`c$&!O%6%L8HS`P7tR>%tCvuBuGbZ!xi4D
znlcMrFkLh!i0P0zSD@tt>G+NOKz=YZ&nYNzf;c5oDX=pY1c?nK1l9S~p+E{;N?HXc
zNYW5yj(}7Vq;tBp#9LK!gWb{N1hIRBQfOaF3DV)$Vs9{XOA1|#TNNir+>m8%gESBX
zi15FB)it-<6;)0UyGAArcBO+L9WS@w?)<9IFVf($u1Zc2U5K)$Lb?djfiV8o8?5<_
z-O%O)v0FsaXis_x!W^eNy}{bM(g;Bh)tn%9ibk4kNk2i@7kB)XFIe;YG(&M%Jtv4=
zB4GnN>_CvtHOU?MRiS%q014k}Vuv8u#Rj_&gyA6r+;(&@bZ@$`;Uh@8BVZ%_b|Of}
zx}9$JR@L5@PKY=`(uuy!blZ*~03ZM?>=z6zO&3(0An8KhhI;Ktkl4E|83Vp$HPz{W
zj1wdssM}PhT?rDKZ2`^857wsq=3Pz@n|9W8n6)=BcZ>}3KhmMwkWRufZ*@&dZ{Fnu
zF%+5XsPy$U*YwFb%F}FbZ|OR3ur_5k?{b3JyEmlVx^TeHGPT?K{(2&~%2ypq$<4c_
z6Xf9Z=|4pH{wCXIsr}RlNT;er+AHQhpYmSdAcZ18c&{Mr7*JooKNV(&EB#La!6m8C
zm5dHVx-7q{*7BQolOjm##TTC{M59HBSR@0S-boBsGLG}MDhLpL3y3?AXib!8O|RzW
zwP-=Usir`gp8#td5C;hWFZBj%p0U!_gb31JS~>@at_OgzRvO1;t0RB_UlBl^8*vHN
z)tPny(f);VMnolHvlFmKfHp$B%v)7s+0DCg5hPk#dNC0#Ab_7Z0l;jq5doTkXsL^6
zDL()F7iRbz4*2W8yBKGN8M0C!<3QVimKz8C<<XE8x(pK}GGoTwgm{M)MsS&?Ah3e~
z?#QXHe==EV`zq&7mq>0%R!$1rH%o0Tf&QUKA2M5~A%a9oN}eHri_KQf<yn9L(G8x4
zh9${LZVLFHCV-jA%1Kpwndm^IwPo(06^}h;rcPagw3n0|aVfo-%DF6y5HOD<TL@sd
zMOK<FR+i;`Qd^6E;EKneGE2B7LE1}7)&sy9W+~%xQip&<bbf9_!~Z0!F&ywa>K7!D
z6qZ}t=k#Cks3{9~Rf4pamOcnXj?1N*Y=_9G_JVMZ=eg(JP1dKz%Ch^B&@tH%Nv7Rx
zk%P034L$xsvc4-4q`jnMJ^-X;_hhmT@%Bd`@Sc0$zOiO}FWD0)yHfzX4FGyO0%MuJ
zX>V`4_L$m7RwrX`4}$EPHLGuaTiaUzaJrUY962%>y&Y}$>;Vdg0a{z*mX(x#`MdLK
z2Mz!<Hv_Rh6VTt);G}FZ=s9iLWUywpYD71C8X8PFbQGTNKbsJ4M}*50GbXjIWLf%3
zZjD|!VCBQFCaSpyLE1`7??9rv^#r=>Oqt?!sM)(0h>_)^k3f3pp;*V&E8-PbfN;4<
zaoW2V<aO(S)~^S7<Hip1#8FJOMMZC<v@{Njj;Q*HTNKCQv(N5HR6zH3;lSLpfTTh|
z{4sQFD>|n0$1D}5$st+(ytTFE%E2oie?1YQM-YT&&Fa_Q*0%Y(4BSKXgqcc^uF6_l
zV<eHE*WRLKRi|V`l^YsjKM*x`bC^}ObcH1eg0Q<e?#ijJzf&)!PJO=Vf(d7dDEvsn
z{&$D3UYpQb><EHHOG+-30Ss*(w2UB~UdnI00n$C{i7l+|l=R6bAT3@D^x0>+{l;or
zm;uQU1Oe8%>+2`!I^xg@A5JbfQzp%APv#ILQc`jc0T{}YYBfPvtfIHw7Mpe{l~i;}
z`q#fe`okY|Ns<a%k|7Ag&+T#z#%G@S%Ap+4G<(zJf-}Wb5Tw1NWE%jSW(34k5QMgE
zgXqtHo;HFo#k6xLM1TEjfc@&b&7D9HK@hHWJ@=gHTQQ9E6|3u{gdj9~cCScdV~bH|
zQb7=Ai~RWGASvt~NJXbSgoXUlOCVLNzx7UqEy<1`gm_O*U0p`*rQ0@T(itSvI7`<c
zG;`*$k!bWwvk4OY<u4D5#JoI!{`~>ZI0J++V+^U1-+BwAyL-M=OGT&bYM^xAeIUQ`
zN>Za4BfDN9B0xl7f3kAu|BbZOk-gkgU(b#xWL()eWzrcg%L!6iIwC@3_#A-I5k&1b
zpYY=!gLsSn-6{0-*ATtFXIzaE<cJX{FAs3YkdB|>!$Bx2GTd3%cZjZJ@7mC)Eo>w-
zp`#nNxm(32J@xgMCfeA}?Y2%kcN9eB@s^Gtk&=>$1hCd95XlmR>2ck47vNcE>8gxe
zeRYpDfYDB=Hbsm5b{;trm>i=Y`l1UKC@$E|utgVy<SVT4)Yo5-ycqjQ*g9?eD2R&I
z5~OAN^g>Y(l;;o%n3zEj(eDSLq(m2S_M5x=mt?a#B@P<~E{)g8U5!h2J)}ieT@aG3
zK=i7oq2at_#n`d^)}ryFK*&Ub+;kHN=jq2Ra@}<RO-)C{#w>y`q2leggD`QTZtUfk
zUk2&Vf9_GwOj~q~NVGx*6J$&Agpmls1WTt_=@>y=fBYlhNhfKCJRF9|?AexfN*pr=
zT)+C2Zr7s?8#-S3b}O79y3ko#A>#;wg9ig!q#M~wMH@FlRH5^l*(q`8P;gaM=?0O$
z`U;}+*+%Chi&0w=*>I@#VnEl}?iKh5lH67kt45H+Z*4>oAU_|_=K~xy3c%wr6l3{s
ze*@|M`xEYzhUWdfdV%||f7Q1~k{~j(=P6X91kqQ}vqrMtKMqUGV1jI(Jn?jaP-~8y
z{8kgI2$D#r=-P&TNoQZw6aB4ih#+h$#)A(6^y{Z<Zfv^8w&-^$oFKZeSy~}$2_h|B
z3i99ot_ZHtPHB`NuEmQ1Ph>l{wM+E&+krm(kP}1?s1!cmK6TQFs6+)CDl=~cp)Fe=
z`tSd)>a*ztx%XbcQ%=zhYxLGzfwphw1kpt*brm*EoiswsCW6qeT@al+R}*2=33C7a
zfP)6<Ml~7;0DW;}em0}F=n7Y;z}F!9sAUa7*jplc_g#=4(7z|eXs0wf#d5O^k-hbg
zTPL#y;cv0@J9{EEKDzMS;Zj7_I`87JDV8Jwu@8Uy_5pqKO>7ZPpMDDT{`-dUF_j>F
z`hfdUW7+g0mtEH547;he7)Bt@iW&SCYh%&4;V!}DOoEs;Md;Qa%<PoHxN#tAtalEp
zZf=IiRaf=snP%D&XSX+Aof9Ov?;!1^rDK7JWiv5U%-D-%NRdh<GdrbWS?kutP8fDC
zhTE&0ZAk_PqiqS`rJVZusYdHNsosah<A=#0o~vPV@>8tXT_2Kk<oinvjTu7_uNT}a
zR~qUMQZNYes#Q)U$YVM6^;a5l)M1r26ptU~wwfR`b?ShK+r7&uHkm*Wwn33?R5V)H
zxfFIj#fc*b5CuIA4V6ZHbyB_55Tvls70Jts7zM^j1X1z{&psRQG(*SlW6jyf!A20J
z;)p30(eHB_8uWK$8tni!s<&;*#M4NQ<>*o?$xpGE<o1#hc3?_>-#6QuVK8xAx)<qY
z#W8xzEx=L%Ih7y+(F|8ZgQ1j8W?_~pIVmGZq_p%7GLTh~Ii5`fk)M1Lq=z3?jkn!L
z5Cmv(`FuWHxibD7uc_+gN$A-+t>9FMLZRg&NM!o-0uls6DH^kdAbJ^1SWs+F5X1&|
zU7h~X%_KT$I-919AhBuIj2UkOqE;Hm7#7(;5VaG8j$5Q7&h^yQIpOBogm|{~{DM<K
zOu-1!Nswy*@j*RHGnpW4FBsdR!U$rd*n9+e%~M~mwSYC^qOI#}x!~MW5M`~i+vY6N
z51|k#EnP)K#agIjB0<=87x~p!JMv$3I|HwUg`EjP0GFC^v8SCGl5&DXOG{_SMC>YH
z)#7M^bl(fMetm2Ud-rYZMmvRF34#Dmx$Em^8TG@d^|o9v_7p^S>P8R-R9i{Ood~eV
zsi1MY;ca(o>-o5Pb$pkdI1sqalgFPdkoXhJ-(q!F&{kUd6cSzHK+Lk<<V?=y-aWW!
zBM37jGGoRIgg7nhdz_O1Kpf|(t9#o?CMRR-_Nfz2ib}%yDIY-&DQqn%Ss(x;eK~zH
zAn>;O2#_eWcw{;U>*}`X*Up?88>db<$(2rmbgoIRMu2<mdKX>hggY@$q+AcQ`SO5V
zaF%yTExX@7Yl<xh!q9G+HtjgU?OuRH3jm;3)<nR@j!HRhi1f_`DL1FXO2j4Js+t>Y
zY_jR5eRN^LiBbf#QuUkr9YoKAwvv)F1c0*dvcWT>G_Q-+lf|DWfB+&%y*zEvUY=gj
zK0SU<ed!H`bT45|K&x$=Y&gH*M7L-of^<cS*u5f*C`61XEV0y~AKL=zB*RD$fJ6bv
zC4%e{A)4a`Imfk#P?QkpcS^nx&?H~5*6>vpPQpXUR$CK958SQA1)~9g{V0~<tJf~q
zlaY<j!vX)d0MK8-_X89ahX@|oM>6eD!Ulo<Ge20Xo>VNu0Nqx6?g<34*4-zmonpm<
zFDFPmXm!-xS5bDFgxE9RYRBUSZ!i?wnHvuHHv+&&1r4uxgQ1Mxf7R7zPLTNfn4?=X
zR{AeTg2$AnPf+O#hGIt>!<A)Afl%of?S5}Cl;>y=;xK;el)~ddj%w{4<ReHNc-p>d
zI8e3-0Pj>J2;rH&>Y5E51o4*vK}e}yRG=XPmev}+l-2g2Xc)M4%DCe}c5#9@If(Jt
z9uAb(0Fb|X8v<zc1w*-q{(Vnn*?58Q4JFwE2tVo<eBl4$(d*Q@oFGn(T!MBt2K=iK
zK<PK)yWU{voI_%p7S20~B<W)%HHc7@UllTTpd~>&?b2+^v<b&yRG6$`51(S$C0J(I
z5w7%a27(biW#O~lV9nthe0I;jc8DmrKUbcL!E|4B=mj(EvAYaT5W7dnWc$JaKfAHC
z$8A0Y@PIEEns;~vsVF;<5EWCcAkgIeVC`y?O|zvqP7qs$#X6(H0Y52@3IKob1w%hS
zyauT#A15HaskjD_VQjx;p?_FsrF|rCDw_C1QNSsDie;aeSZawHL4e?Q-s;fdYj(qx
z{%e3hF@FF>#eCoL<$EnP)F#3?L2MF;RGFbl5TM_BgSEdoWJhDA|38u7@QBjIzOTH&
z(BM?rn{GXvAnA@kiuJ1zr27_<aE1RBK*e-7FMER_t=+9D_Q+aw8;j5VfeU1<%=P>&
zmbD>Bt@Lof&(4weyzYwdK5uo+&CHrzfk0n3wCz{445`XnRm+YfWJTcw$%-(4?_@aO
zXV*}i+S6@(#2c)+n*DoYh5tfCP|USUKv(;MwU1;AY}=<64vk7ttz+SQ1j(e%5DxhN
z2LP1P*sS#iL$RyI!j<KJ2BL*Zev26CpI7zZo=n0-%a`p_#}183ZcdPF33yYW>`?-|
zLc!ky-e9P22SNP*1cDzbj56<egEgwh3o;SI^;5?V^>Bh@VrZ3p3J1!64M6`->8T(|
zr;-bgA`%qu+(W|u$gi&XW%i&2@Zt3FL*#bxLJgn!6f2WDL{mjs5h4Cv$tNPbMnD=y
z0E#5Yw$p?RBTkS^>iq_M`L?X=C|57sr&JXIm&riqA%Md5SonoESTodsij1oA!B55y
z$#L-!B%^|==S(=@-=vZdgS`Uoqd2;B+lr#6BU7GlyI|sALY&U0SeX)01Ac@n$`=FD
zO$MqSt|AHI@cv7es~y#iN0g)La)LN2T;>?t7$_@1Kts2E#WWJE_g06_GDo|!q`Y^*
z#KF0I1aVf-%&;~bDEkHg2O5-hi#HfrY_M)dRogOo(y>T1gHN$CDy;g>Xe4Fm))-qT
zDjb_FyLY=I#|fg}mol<O(}J>dNJiar<?PK?ez2w@BSA3W)Xr&zgIc3etxHPzcMt<O
zI<iVQP`&|xMrj!@0gmV&tl8>F2Td?~)3m}tA}5FmNIFnNQ^0>c0W4ED9oKk+HCkB(
z9q4s@CU2THW{?=o;Uh?Vuw_Q=Jqyc+3KD&$>J8#W-m03q%<wibFLsoSJ*KVIUCI~f
ziQ(tyR!x=u{~!X5JiAApGIX@F2^zog{ISQlL{5+d;d5@Y<{Qh8X^+sSsC^epGkByQ
zc<)=uGNEK;;RMObumdzz_=AL?`*tcDckp)Y5+4^&7#IQJB0j~+BBF%n&psXmk!4L3
z4Y=JbM#U5ImM`CJpl-%hSzkP1pobGA<Kn96P-CF{uLyLhQLiaWH!3oGI6;i|k_@TW
zR5|D0)DA>xxOh;EipOQ+D6)O(qybThF6L9L3?YD?8{rE7T0oenRF7qNS6#Ft{Lxz#
z`k9{mOnd&`)JX$!IYBZltjhj02FkBMphs1_Z33W~0LYR$C>Mm|y;Y%qW(QgwUVb>E
zu)o|EJ)G2A!FRsZBojKsm-FWJ&UMAEGdNap^dPG6Ro5;H2mDV1fLe#B^9Dm&Z*(#N
zsv~^h1j)FNDm&CvQT}^E`h|+SA9#bIv)QwKm2*#(NM^aSl#77pd6(9_nkBHohlPdx
zWe*=gGCJN(8dn)G$4P(!-_p>!Lm+77#rke^+29R^&dg}Qx;VG>{2v_+qURC~fB6*4
z>75~5QPu$Jr{W&=21D0$^|7g<!b{lxDF7&5)`^7I=U3Nc#TDC}AWrZ7I`;1g_@@W}
zFRE1A?{?!Ueg9PRP50;Ffd57SxKE|s?g-?ZFfbTw&T#mE6C{Hp{PnHZ^vOBs`3L~i
zt}D378w~wPanU|+p1a8<Z3lqkR3KXH4Tf&XVEAILZJs>dCy@A4KE=wwNH+!iRRj=F
zbj?5_hHzzhDG)uU291ou$fK(s*qnjT9d?NmBtxUyxWGRVWmv1?9)S#_y~{%H>$%?)
z@V`j_<5Wnt&RZQS(39ch=bRu;j-HC`J7>@CmET)rIjoeYM{(To5uWcq8w7Yy4JHD-
z(ig0GECXSTxwPTJ0<Sv)v-lJ%gCeZ+n)aIr<eVJO0y`Y=uK<AADiD3u5*1G#ynOk=
z41(~mE1V!17S+zF6-x?-ii>X)X85WeP`n&R4T^p9=Jl6c(hdMPN>L`jy}n@RwhV(Z
z=FZNG3iDeJMzwZ6^Y0)|34G_&Y9j!gtg>c!+FKpcdLyIiYPh0oAt3%)twN@zCf!+B
znBVH*1aS%nH0=ym`u`gU)Ly+dyWM!Q(l-wy&JzGO1<Kc}r3oT{w|&8o@?zeI0-M%(
zzpyaB7bl2KqZ5Z&djoUF$RNM1KDEMtud1dx4v{^ob|#zqhnfxqn4cdE-JgsOyS4qK
zsHk7N(0UnPq}werao9t%W_g<W=WPLmlT@Zw>+-8ZlaQsMPO>ysmfeqp^HjtnHA*FE
znkCIYDH`3cUC8AGu>{=|2@MCz?gc=_!%VS5Pzb}!I>!;dX?8xei|h+~e`PY#^WN%O
ztz^$BLd6_4?-Y&h*M}3t95B-%MR#fiu+SF_Ej81&a7FnXK&n-fi3FGCSBIW7Q)jwl
zZJ#<eFDkh&=Toe7MIZ^iMy6I)ed!Jd%GLqk1QqkYp{RITCS-)?1WBTUrn_llz`qOu
zu2-_d?5S0E9eb~zeTwW7Hvxf15eK9d-m2QNbYqmP{<o%%&FjZUkYr&@efw~r>{<Z)
zi<)KvsPqLxK`Si_SNeYi1iw|CY9SQmSA|}-(gv$#Z!4L26tybeD}P8e|4?Xk5aN~J
zxM21ultp&8M~?DB8B(%|kQOa+HSPX<JrImg_5r_$fM-}d+gjqq!s_~*AXX!6vi#2E
z3+#KxNEOisK$b>&m#t(c0xd84n;GE&UofQhTG(>?l2x#&u&}S_iC(E8hmRo1f^24c
ztyj8C4*^~63)VhzNavowoFAYd{7?WIBug*=1?&$*0}x;UfiM7p`hJ%=u{QwZe*c5L
z0f_zGtnwNFc6@^&B0xBR1p8%#{fMxifc6Lg9|O?G`Bf`acMh9nOgwTpLE=Fx&2<|q
z%H|`Y*4OZz0Pw$^+uV-_fD_Vea-!-#1)@zTz-v)-HKg<UX-<$tLzu#Ly8?l}9%#LS
z0J9=df&#R4Aj4fo4tSXzmamJ8`-I`(ReXwNHnK^`+fz|KP5^lf0FD6!maj@}y^(|#
z2R0>oo<#W<zNIVKj^&h;^~J?~Je(jY!CFztUccWb^@3ugSiaox05Cdz);L8o{>B@u
zQGLB^rWfmr&*<ZUJU)V$396PXV%b7G@<b#mCIWUr=Dz`ekShI|q6Yz9+@G`Wk{>L7
zvc*cDzML_-_ujVLtN9emLX?{p&O3>s(NaV_p8yJ><E@ch3cFsdvGZp?5w#;?I}o%Z
zQad5GQ|JE!VLJgt5KyyIB9ce@?!%btUjjf|k}nco_Xb1fS_$MkGe-CB!wF(O#IdPU
z4$ea$wpIEp^EIeS+z$w!A;G_h;Bx@@41mIf&?pMxZlGurM5z&7a${cAgL|y9D_mK2
z6A&)eklzd-O!5XF_<+@6ucJj2hY`?NAS?o)9~-g_af!F8<_1G`6R5-qk^pF0O=8!Z
ziNdW!=-0U*GfB<35r{qj#2tXph_d^k{Oam(l0r>wu9GRAeH7V+qH99_lI5RtSIlrE
z6t6%8mf`UjZNum%-eB!3rW)TV?6X<pbDQ^yN2F%$riXthGy;4_KHJEB0CcU9`ia-U
z79^OIUtRNV;xbax^0S*~<@RmQdld+Nq@nS16vaX%lCU=WDz80SBKMsDus}n`T5m8k
z$qKLD7(YJOdlV-~QrLEGw|E8s*vC0*3sI@Jy0+e0CFV(I8Bt_c^mPIprY@Csksudo
zy}sQOm^(oLc@+TkRg@#rS>7eJ>&>&gL(<N|!d|VOsMaq%K7we09{Xm2v<3kBBoG|7
zK>ipI--Os}USe;wGzwkk4c0!GfS$BA***W-A)?@B*DI*y`Hc-0Kyrz<dIj4Fpjg6{
z<u?G4VlH6>_<4RX^aryY<pfCr(eT2uGeJTY(0)e65a1I)R40k_>VT!S>`e~nTy7H+
zO@!C@s%suLs>g2iV&_Lhk&$G8j%~FO$hlE%2XHvxXUVuv=`Mr4_RSB5rkU;cD}{x<
z2JsOjF<8Tu{>|!Jy${Q50>FAAS_P8$Liba4I$01q$kA;BVq(^&zt!#q^M;ACyas@V
z=vcE8fc#1e?{KC6E+F`gLi=~T!O$49z1%)^YED$zf1QS0KE+Z3CmbkS^j-2ows=%4
zy8+;L6cwNKEnohx?v?f|yebc)IZq(sWUZiP3ONq>xMyMcP?Ts50-UDXnUPiqt$1s{
zP>6k}iIs4m{AU1kZ_g2gw&e$FhwI9WvjQhboPd2FC_f9DSEc!m2uKqL23LNq^n71M
z*=aJubJ`16Hm!oIeAOYfTWJ%tJpIi&-%POuw~=i%dk|r{Ot?`*X@^YW?*OPs!3#@1
z8ghap&|exW{g)$wT1N9tZZ{UGWiV{4Ec*o#{$5Wl0?x`0)^?y{=Kuf%wMj%lR6M0u
z&#BK@n$&)Mgg<HI*ox0J!u!0{H8;oCNWb=`StC5+UY}axZYF?FvAV+;t}Lqs!a0iY
z%F+o+r}<buDQXx0iU7rWVIhL)zUt5mdi65ld1IjLDg;da<paUR-s+I*Wj~2x#R-xC
za*YB1Ti?Ak8QZfdKI;wE^tfZZsnTCg1b3?@Tl-$n0T6I{HeIvKT<?5U&b}il-r=qn
zA}jL(bAsrhukbt^@P7sXL%TmBgnN8dp*z^W$G#%B<;@46pK9cf>MG)M5NWy<AG;E8
zG38AdUVYm7-G~so%U$uB1r?*30EF`n?ddYx@OMU!cK10tS9!M3p^Q(ldQ7nbes))e
z!f{soBKG00<29!86$FYAr2litp6N#|Tei#W06R?{`>5y=+{+2T$TyA6DBz6zr8VrR
zu_c8QBmr2P0{#~XU`hf_6`J59-e8T^c>{CQI7|x5Bo7jn5dzC7(&a-ewgAa5qW}-(
zSJggYwOdqJ=-TFqY9+wqBS?=Cq|#po1fe8@^DQDRNJWs7v@`9^V>=c|@Cs2n*l$^g
zUB8gB@=9T$YY-<${CI~0ewLnwofnV05Wtfzj8s^89wTm}cmqWQI6)HZ7~x9)aX|2n
zfj3i!H6YM7ncx;*b?u7@s^!g6i~!A=C2rgMm0v?GpJJ(j!?sNbQMwNhF42k`+lM8f
zP?O0Y{!-j;Q>Km+#0022Zh@80C4k`w;O-D96A-+Qkn_6TPWqYPa@L4=V%98i6dysd
zCf?l9I1!*li-c`&zFf|ySaAZ!t7iuSv<QT4Zx(QZWJkEUm+>O72tc^Jm=h#k+<5&g
zL4e&4zpc1nE}vp$Nx-?A@gcwo5+7c?b`~PAwYWg*0wDe!Bn$flcex7!8B36e8=gGl
zg|)WIHpqLPvk=&DVS(2jfmx1RgKR7sH{2z-R5R*DKzi+r)o*TdR!F$Dc0yo7@%UkG
z5LFXoN9E}2qt?8&H4&RJkw)>f*)nayaTpa;vw}ng+CA!}b?l@XFC2k{5ZE|n;!Kx}
z{nZ+iOI|hNZ*TlF5#g2-#K7GRAR%oZxoVvyiH#Ehg|~4I0-GjJJWnL-k)*Dx2mNwd
z9v<BA?!iR7vYa5ysIA2X(*a<xrh$YXdNKE%L916ENW>A|Cc6-b-AhO<=Kzvk?yfI~
zuU`9nqUfZGAS}0%Zhj?1h)5te3JAME7TObainq&P1O(Y56ATnV@DUx_bgJoZ!moIl
z)RYi}O|!z0oSA|w*y+}$4DLnTHHLsJ$Opadwr3KZUZsp6ozpBsqX-WzN5Dh`k{Ufy
zN)V=O^W+Jo0tq@d5t#@N7nQXL$S8kv`l>hTk_8|oQ>?B=Zkt>%$Kc#CS>Jg3EJc8=
zWrwX=yTT0jQ%(?O^p@gD7a`C<GaTSDI09V}Ai!NCR=;jqdegKJBu0|S1w}}3A`dS|
zz$^p^VaJG7YuQa=rj@i2Bt{bUm0cExflON0ewpSh7nGq02>4GDq-}|QE!RRNtpqt_
z*!HQD2DC$Ts33_$WTf5#K`sF1WN0|KTS*`wqZ~oPg9vy)7Nsvd;QIWO7hnH236Yvj
Z|36yli^%Ovk+}c>002ovPDHLkV1f#gxz_*y

literal 0
HcmV?d00001

diff --git a/src/assets/document.png b/src/assets/document.png
new file mode 100644
index 0000000000000000000000000000000000000000..53cf297228a55ad6577cfd1e89cab59691340f10
GIT binary patch
literal 2697
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

literal 0
HcmV?d00001

diff --git a/src/assets/docx.png b/src/assets/docx.png
new file mode 100644
index 0000000000000000000000000000000000000000..23af3a1133a7146eeed88ea0199a3b18b5e5670e
GIT binary patch
literal 8331
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

literal 0
HcmV?d00001

diff --git a/src/assets/icons/svg/knowledge-base.svg b/src/assets/icons/svg/knowledge-base.svg
new file mode 100644
index 0000000..7e62cf0
--- /dev/null
+++ b/src/assets/icons/svg/knowledge-base.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1755589338029" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2379" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M876.407224 954.162564H185.412484a46.694369 46.694369 0 0 1-46.899168-46.557836c0-25.66825 21.026119-46.489569 46.899168-46.489569h491.929272V0H138.513316C99.737875 0 68.266962 31.266112 68.266962 69.836753v837.767975A116.735922 116.735922 0 0 0 185.412484 1023.999317h690.99474a35.020777 35.020777 0 0 0 35.15731-34.884243 35.020777 35.020777 0 0 0-35.15731-34.95251z" fill="#515B77" p-id="2380"></path><path d="M834.081919 0H730.862787v843.297571h103.219132c42.803171 0 77.482615-30.651713 77.482615-68.403154V68.334888C911.564534 30.651713 876.88509 0 834.081919 0z" fill="#515B77" p-id="2381"></path></svg>
diff --git a/src/assets/knowledge-base.png b/src/assets/knowledge-base.png
new file mode 100644
index 0000000000000000000000000000000000000000..bb0608229fb6bc5296e684ceefd96f87260ce24b
GIT binary patch
literal 2864
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

literal 0
HcmV?d00001

diff --git a/src/router/index.ts b/src/router/index.ts
index b36eacd..22df47a 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -518,35 +518,35 @@ export const dynamicRoutes: RouteRecordRaw[] = [
     ]
   },
 
-  // {
-  //   path: '/ai/skill/knowledgeBaseDocs',
-  //   component: Layout,
-  //   hidden: true,
-  //   permissions: ['ai:aiKnowledgeBaseDocs:list'],
-  //   children: [
-  //     {
-  //       path: 'index',
-  //       component: () => import('@/views/ai/skill/aiKnowledge/knowledgeBaseDocs.vue'),
-  //       name: 'KnowledgeBaseDocs',
-  //       meta: { title: '知识库详情', activeMenu: '/ai/skill/aiKnowledge', noCache: true }
-  //     }
-  //   ]
-  // },
-  //
-  // {
-  //   path: '/ai/skill/knowledgeBaseQA',
-  //   component: Layout,
-  //   hidden: true,
-  //   permissions: ['ai:aiKnowledgeBaseDocs:qa'],
-  //   children: [
-  //     {
-  //       path: 'index',
-  //       component: () => import('@/views/ai/skill/aiChat/index.vue'),
-  //       name: 'KnowledgeBaseQA',
-  //       meta: { title: '知识库问答', activeMenu: '/ai/skill/aiKnowledge', noCache: true }
-  //     }
-  //   ]
-  // },
+  {
+    path: '/ai/skill/knowledgeContent',
+    component: Layout,
+    hidden: true,
+    permissions: ['ai:aiKnowledgeContent:list'],
+    children: [
+      {
+        path: 'index/:knowledgeBaseId/:modelId/:knowledgeBaseName',
+        component: () => import('@/views/ai/skill/aiKnowledge/knowledgeContent.vue'),
+        name: 'KnowledgeContent',
+        meta: { title: '知识库内容', activeMenu: '/ai/skill/aiKnowledge', noCache: true }
+      }
+    ]
+  },
+
+  {
+    path: '/ai/skill/knowledgeBaseQA',
+    component: Layout,
+    hidden: true,
+    permissions: ['ai:aiKnowledgeBaseDocs:qa'],
+    children: [
+      {
+        path: 'index/:knowledgeBaseId',
+        component: () => import('@/views/ai/skill/aiChat/index.vue'),
+        name: 'KnowledgeBaseQA',
+        meta: { title: '知识库问答', activeMenu: '/ai/skill/aiChat', noCache: true }
+      }
+    ]
+  },
 
   // {
   //   path: '/knowledge-base-preview',
diff --git a/src/views/ai/base/aiApp/aiAppConfig.vue b/src/views/ai/base/aiApp/aiAppConfig.vue
new file mode 100644
index 0000000..f661095
--- /dev/null
+++ b/src/views/ai/base/aiApp/aiAppConfig.vue
@@ -0,0 +1,522 @@
+<template>
+  <div>
+    <el-card class="box-card">
+<!--      <template #header>-->
+<!--        <div class="card-header">-->
+<!--          <span>AI问答编排设置</span>-->
+<!--        </div>-->
+<!--      </template>-->
+
+      <el-form
+        ref="settingsFormRef"
+        :model="settingsForm"
+        :rules="rules"
+        label-width="120px"
+        class="settings-form"
+      >
+        <!-- 欢迎语图标设置 -->
+        <el-form-item label="欢迎语图标" prop="welcomeIcon">
+          <div class="welcome-icon-container">
+            <div class="icon-preview">
+              <img
+                v-if="settingsForm.welcomeIcon"
+                :src="settingsForm.welcomeIcon"
+                alt="欢迎语图标"
+                class="welcome-icon-preview"
+              />
+              <div v-else class="icon-placeholder">
+                <el-icon><Picture /></el-icon>
+                <span>暂无图标</span>
+              </div>
+            </div>
+            <div class="icon-actions">
+              <el-upload
+                ref="iconUploadRef"
+                :show-file-list="false"
+                :before-upload="beforeIconUpload"
+                :on-success="handleIconSuccess"
+                :on-error="handleIconError"
+                accept="image/*"
+                action="/api/upload"
+                class="icon-upload"
+              >
+                <el-button type="primary" size="small">
+                  <el-icon><Upload /></el-icon>
+                  上传图标
+                </el-button>
+              </el-upload>
+              <el-button
+                v-if="settingsForm.welcomeIcon"
+                type="danger"
+                size="small"
+                @click="removeIcon"
+              >
+                <el-icon><Delete /></el-icon>
+                删除图标
+              </el-button>
+            </div>
+          </div>
+        </el-form-item>
+
+        <!-- 欢迎语标题设置 -->
+        <el-form-item label="欢迎语标题" prop="welcomeTitle">
+          <el-input
+            v-model="settingsForm.welcomeTitle"
+            placeholder="请输入欢迎语标题..."
+            class="welcome-title-input"
+            maxlength="50"
+            show-word-limit
+            type="text"
+          />
+        </el-form-item>
+
+        <!-- 欢迎语设置 -->
+        <el-form-item label="欢迎语" prop="welcomeMessage">
+          <el-input
+            v-model="settingsForm.welcomeMessage"
+            type="text"
+            placeholder="请输入欢迎语内容..."
+            class="welcome-text-input"
+            maxlength="200"
+            show-word-limit
+          />
+        </el-form-item>
+
+        <!-- 预设问题设置 -->
+        <el-form-item label="预设问题" prop="presetQuestions">
+          <div class="preset-questions">
+            <div
+              v-for="(question, index) in settingsForm.presetQuestions"
+              :key="index"
+              class="question-item"
+            >
+              <el-input
+                v-model="settingsForm.presetQuestions[index]"
+                placeholder="请输入预设问题内容..."
+                class="question-input"
+              >
+                <template #append>
+                  <el-button
+                    type="danger"
+                    size="small"
+                    @click="removeQuestion(index)"
+                    :disabled="settingsForm.presetQuestions.length <= 1"
+                  >
+                    <el-icon><Delete /></el-icon>
+                  </el-button>
+                </template>
+              </el-input>
+            </div>
+
+            <el-button
+              type="primary"
+              plain
+              size="small"
+              @click="addQuestion"
+              class="add-question-btn"
+            >
+              <el-icon><Plus /></el-icon>
+              添加预设问题
+            </el-button>
+          </div>
+        </el-form-item>
+
+        <!-- 历史聊天记录数量设置 -->
+        <el-form-item label="历史记录数量" prop="historyCount">
+          <el-input-number
+            v-model="settingsForm.historyCount"
+            :min="1"
+            :max="100"
+            :precision="0"
+            placeholder="请输入历史聊天记录数量"
+            class="history-count-input"
+          />
+          <span class="input-tip">条（1-100之间的正整数）</span>
+        </el-form-item>
+
+        <!-- 操作按钮 -->
+        <el-form-item>
+          <el-button type="primary" @click="saveSettings" :loading="loading">
+            保存设置
+          </el-button>
+          <el-button @click="resetSettings">重置</el-button>
+          <el-button @click="previewSettings">预览效果</el-button>
+        </el-form-item>
+      </el-form>
+    </el-card>
+
+    <!-- 预览对话框 -->
+    <el-dialog
+      v-model="previewVisible"
+      title="设置预览"
+      width="800px"
+      :before-close="handlePreviewClose"
+    >
+      <div class="preview-content">
+        <div class="preview-section">
+          <h4>欢迎语图标预览：</h4>
+          <div class="icon-preview-section">
+            <img
+              v-if="settingsForm.welcomeIcon"
+              :src="settingsForm.welcomeIcon"
+              alt="欢迎语图标"
+              class="preview-icon"
+            />
+            <div v-else class="no-icon">暂无图标</div>
+          </div>
+        </div>
+
+        <div class="preview-section">
+          <h4>欢迎语标题预览：</h4>
+          <div class="welcome-title-preview">{{ settingsForm.welcomeTitle }}</div>
+        </div>
+
+        <div class="preview-section">
+          <h4>欢迎语预览：</h4>
+          <div class="welcome-preview">{{ settingsForm.welcomeMessage }}</div>
+        </div>
+
+        <div class="preview-section">
+          <h4>预设问题预览：</h4>
+          <div class="questions-preview">
+            <el-tag
+              v-for="(question, index) in settingsForm.presetQuestions"
+              :key="index"
+              class="question-tag"
+              type="info"
+            >
+              {{ question }}
+            </el-tag>
+          </div>
+        </div>
+
+        <div class="preview-section">
+          <h4>历史记录数量：</h4>
+          <span>{{ settingsForm.historyCount }} 条</span>
+        </div>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup>
+import { ref, reactive, onMounted } from 'vue'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import { getAiChatSettings, saveAiChatSettings } from '@/api/ai/base/aiApp/index'
+import {
+  Delete,
+  Plus,
+  Picture,
+  Upload
+} from '@element-plus/icons-vue'
+
+// 表单引用
+const settingsFormRef = ref()
+const iconUploadRef = ref()
+
+// 加载状态
+const loading = ref(false)
+
+// 预览对话框
+const previewVisible = ref(false)
+
+// 表单数据
+const settingsForm = reactive({
+  welcomeIcon: '',
+  welcomeTitle: 'AI智能问答',
+  welcomeMessage: '欢迎使用AI智能问答系统！\n\n我可以帮助您解答各种问题，请随时向我提问。',
+  presetQuestions: [
+    '什么是人工智能？',
+    '如何提高工作效率？',
+    '推荐一些学习资源'
+  ],
+  historyCount: 20
+})
+
+// 表单验证规则
+const rules = {
+  welcomeMessage: [
+    { required: true, message: '请输入欢迎语内容', trigger: 'blur' }
+  ],
+  historyCount: [
+    { required: true, message: '请输入历史记录数量', trigger: 'blur' },
+    { type: 'number', min: 1, max: 100, message: '历史记录数量必须在1-100之间', trigger: 'blur' }
+  ]
+}
+
+// 图标上传前验证
+const beforeIconUpload = (file) => {
+  const isImage = file.type.startsWith('image/')
+  const isLt2M = file.size / 1024 / 1024 < 2
+
+  if (!isImage) {
+    ElMessage.error('只能上传图片文件!')
+    return false
+  }
+  if (!isLt2M) {
+    ElMessage.error('图片大小不能超过 2MB!')
+    return false
+  }
+  return true
+}
+
+// 图标上传成功
+const handleIconSuccess = (response) => {
+  if (response.code === 200) {
+    settingsForm.welcomeIcon = response.data
+    ElMessage.success('图标上传成功')
+  } else {
+    ElMessage.error('图标上传失败')
+  }
+}
+
+// 图标上传失败
+const handleIconError = () => {
+  ElMessage.error('图标上传失败')
+}
+
+// 删除图标
+const removeIcon = () => {
+  settingsForm.welcomeIcon = ''
+  ElMessage.success('图标已删除')
+}
+
+// 添加预设问题
+const addQuestion = () => {
+  settingsForm.presetQuestions.push('')
+}
+
+// 删除预设问题
+const removeQuestion = (index) => {
+  if (settingsForm.presetQuestions.length > 1) {
+    settingsForm.presetQuestions.splice(index, 1)
+  }
+}
+
+// 保存设置
+const saveSettings = async () => {
+  try {
+    await settingsFormRef.value.validate()
+
+    loading.value = true
+
+    // 验证预设问题不能为空
+    const emptyQuestions = settingsForm.presetQuestions.filter(q => !q.trim())
+    if (emptyQuestions.length > 0) {
+      ElMessage.error('预设问题不能为空，请填写完整')
+      return
+    }
+
+    // 调用API保存设置
+    await saveAiChatSettings(settingsForm)
+
+    ElMessage.success('设置保存成功')
+    loading.value = false
+  } catch (error) {
+    loading.value = false
+    console.error('保存设置失败:', error)
+    ElMessage.error('保存设置失败，请重试')
+  }
+}
+
+// 重置设置
+const resetSettings = async () => {
+  try {
+    await ElMessageBox.confirm('确定要重置所有设置吗？', '提示', {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'warning'
+    })
+
+    // 重置为默认值
+    settingsForm.welcomeIcon = ''
+    settingsForm.welcomeTitle = 'AI智能问答'
+    settingsForm.welcomeMessage = '欢迎使用AI智能问答系统！\n\n我可以帮助您解答各种问题，请随时向我提问。'
+    settingsForm.presetQuestions = [
+      '什么是人工智能？',
+      '如何提高工作效率？',
+      '推荐一些学习资源'
+    ]
+    settingsForm.historyCount = 20
+
+    ElMessage.success('设置已重置')
+  } catch (error) {
+    // 用户取消操作
+  }
+}
+
+// 预览设置
+const previewSettings = () => {
+  previewVisible.value = true
+}
+
+// 关闭预览对话框
+const handlePreviewClose = () => {
+  previewVisible.value = false
+}
+
+// 简单的Markdown渲染
+const renderMarkdown = (text) => {
+  if (!text) return ''
+
+  return text
+    .replace(/\*\*(.*?)\*\*/g, '<strong>$1</strong>')
+    .replace(/\*(.*?)\*/g, '<em>$1</em>')
+    .replace(/\[(.*?)\]\((.*?)\)/g, '<a href="$2" target="_blank">$1</a>')
+    .replace(/```([\s\S]*?)```/g, '<pre><code>$1</code></pre>')
+    .replace(/\n/g, '<br>')
+}
+
+// 组件挂载时加载设置
+onMounted(async () => {
+  try {
+    // 调用API加载现有设置
+    const response = await getAiChatSettings()
+    Object.assign(settingsForm, response.data)
+  } catch (error) {
+    console.error('加载设置失败:', error)
+    ElMessage.error('加载设置失败')
+  }
+})
+</script>
+
+<style scoped>
+.app-container {
+  padding: 1px;
+}
+
+.box-card {
+  margin-bottom: 20px;
+}
+
+.card-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.settings-form {
+  max-width: 800px;
+}
+
+.welcome-editor {
+  position: relative;
+}
+
+.welcome-textarea {
+  margin-bottom: 10px;
+}
+
+.editor-toolbar {
+  display: flex;
+  gap: 10px;
+  margin-bottom: 10px;
+}
+
+.preset-questions {
+  width: 100%;
+}
+
+.question-item {
+  margin-bottom: 10px;
+}
+
+.question-input {
+  width: 100%;
+}
+
+.add-question-btn {
+  margin-top: 10px;
+}
+
+.history-count-input {
+  width: 200px;
+}
+
+.input-tip {
+  margin-left: 10px;
+  color: #909399;
+  font-size: 14px;
+}
+
+.preview-content {
+  padding: 20px 0;
+}
+
+.preview-section {
+  margin-bottom: 30px;
+}
+
+.preview-section h4 {
+  margin-bottom: 10px;
+  color: #303133;
+  font-weight: 600;
+}
+
+.welcome-preview {
+  padding: 15px;
+  background-color: #f5f7fa;
+  border-radius: 4px;
+  border-left: 4px solid #409eff;
+  line-height: 1.6;
+}
+
+.welcome-preview :deep(strong) {
+  font-weight: bold;
+}
+
+.welcome-preview :deep(em) {
+  font-style: italic;
+}
+
+.welcome-preview :deep(a) {
+  color: #409eff;
+  text-decoration: none;
+}
+
+.welcome-preview :deep(a:hover) {
+  text-decoration: underline;
+}
+
+.welcome-preview :deep(pre) {
+  background-color: #f6f8fa;
+  padding: 10px;
+  border-radius: 4px;
+  overflow-x: auto;
+  margin: 10px 0;
+}
+
+.welcome-preview :deep(code) {
+  font-family: 'Courier New', monospace;
+  background-color: #f6f8fa;
+  padding: 2px 4px;
+  border-radius: 2px;
+}
+
+.questions-preview {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 10px;
+}
+
+.question-tag {
+  margin-bottom: 5px;
+}
+
+/* 响应式设计 */
+@media (max-width: 768px) {
+  .settings-form {
+    max-width: 100%;
+  }
+
+  .history-count-input {
+    width: 100%;
+  }
+
+  .input-tip {
+    display: block;
+    margin-left: 0;
+    margin-top: 5px;
+  }
+}
+</style>
diff --git a/src/views/ai/record/tokenUsage/index.vue b/src/views/ai/record/tokenUsage/index.vue
new file mode 100644
index 0000000..ec78dba
--- /dev/null
+++ b/src/views/ai/record/tokenUsage/index.vue
@@ -0,0 +1,621 @@
+<template>
+  <div class="app-container">
+    <div class="panel-container">
+      <!-- 左侧：用户总览 -->
+      <div class="left-panel" :class="{ 'collapsed': isLeftPanelCollapsed }">
+        <el-card shadow="never" class="user-overview-card">
+          <template #header>
+            <div class="card-header">
+              <span>用户Token使用总览</span>
+            </div>
+          </template>
+
+          <div v-show="!isLeftPanelCollapsed">
+            <!-- 搜索区域 -->
+            <el-form :model="userQueryParams" ref="userQueryFormRef" :inline="true" label-width="80px">
+              <el-form-item label="用户姓名" prop="userName">
+                <el-input
+                  v-model="userQueryParams.userName"
+                  placeholder="请输入用户姓名进行模糊搜索"
+                  clearable
+                  style="width: 200px"
+                  @keyup.enter="handleUserQuery"
+                />
+              </el-form-item>
+              <el-form-item label="AI模型" prop="aiModel">
+                <el-select v-model="userQueryParams.aiModel" placeholder="请选择AI模型" clearable style="width: 200px">
+                  <el-option label="GPT-3.5" value="gpt-3.5" />
+                  <el-option label="GPT-4" value="gpt-4" />
+                  <el-option label="Claude-3" value="claude-3" />
+                  <el-option label="DeepSeek" value="deepseek" />
+                  <el-option label="通义千问" value="qwen" />
+                </el-select>
+              </el-form-item>
+              <el-form-item>
+                <el-button type="primary" icon="Search" @click="handleUserQuery">搜索</el-button>
+                <el-button icon="Refresh" @click="resetUserQuery">重置</el-button>
+              </el-form-item>
+            </el-form>
+
+            <!-- 用户列表 -->
+            <el-table
+              v-loading="userLoading"
+              :data="userPaginatedList"
+              @row-click="handleUserSelect"
+              highlight-current-row
+              :row-class-name="getUserRowClass"
+            >
+              <el-table-column label="用户姓名" align="center" prop="userName" />
+              <el-table-column label="AI模型" align="center" prop="aiModel" />
+              <el-table-column label="提问Token" align="center" prop="promptTokens">
+                <template #default="scope">
+                  <span class="token-count">{{ scope.row.promptTokens.toLocaleString() }}</span>
+                </template>
+              </el-table-column>
+              <el-table-column label="回答Token" align="center" prop="completionTokens">
+                <template #default="scope">
+                  <span class="token-count">{{ scope.row.completionTokens.toLocaleString() }}</span>
+                </template>
+              </el-table-column>
+              <el-table-column label="总Token" align="center" prop="totalTokens">
+                <template #default="scope">
+                  <span class="token-count total">{{ scope.row.totalTokens.toLocaleString() }}</span>
+                </template>
+              </el-table-column>
+            </el-table>
+
+            <!-- 用户分页 -->
+            <el-pagination
+              v-show="userTotal > 0"
+              class="mt-4"
+              :total="userTotal"
+              v-model:current-page="userQueryParams.pageNum"
+              v-model:page-size="userQueryParams.pageSize"
+              layout="total, sizes, prev, pager, next, jumper"
+              @size-change="handleUserQuery"
+              @current-change="handleUserQuery"
+            />
+          </div>
+        </el-card>
+      </div>
+
+      <!-- 收缩/展开按钮 -->
+      <div class="toggle-button" @click="toggleLeftPanel">
+        <el-button
+          type="text"
+          :icon="isLeftPanelCollapsed ? 'ArrowRight' : 'ArrowLeft'"
+          class="toggle-btn"
+        />
+      </div>
+
+      <!-- 右侧：详情记录 -->
+      <div class="right-panel">
+        <el-card shadow="never">
+          <template #header>
+            <div class="card-header">
+              <span>Token使用详情记录</span>
+              <span v-if="selectedUser" class="selected-user">当前用户：{{ selectedUser.userName }}</span>
+            </div>
+          </template>
+
+          <!-- 搜索区域 -->
+          <el-form :model="detailQueryParams" ref="detailQueryFormRef" :inline="true" label-width="80px">
+            <el-form-item label="使用类型" prop="usageType">
+              <el-select v-model="detailQueryParams.usageType" placeholder="请选择使用类型" clearable style="width: 200px">
+                <el-option label="AI问答" value="ai_chat" />
+                <el-option label="AI知识库" value="ai_knowledge" />
+                <el-option label="AI生成SQL" value="ai_sql" />
+                <el-option label="AI智能填报" value="ai_form" />
+              </el-select>
+            </el-form-item>
+            <el-form-item>
+              <el-button type="primary" icon="Search" @click="handleDetailQuery">搜索</el-button>
+              <el-button icon="Refresh" @click="resetDetailQuery">重置</el-button>
+            </el-form-item>
+          </el-form>
+
+          <!-- 详情列表 -->
+          <el-table v-loading="detailLoading" :data="detailPaginatedList">
+            <el-table-column label="用户姓名" align="center" prop="userName" />
+            <el-table-column label="使用类型" align="center" prop="usageType">
+              <template #default="scope">
+                <el-tag :type="getUsageTypeTagType(scope.row.usageType)">
+                  {{ getUsageTypeLabel(scope.row.usageType) }}
+                </el-tag>
+              </template>
+            </el-table-column>
+            <el-table-column label="AI模型" align="center" prop="aiModel" />
+            <el-table-column label="会话名称" align="center" prop="sessionName" :show-overflow-tooltip="true" />
+            <el-table-column label="提问Token" align="center" prop="promptTokens">
+              <template #default="scope">
+                <span class="token-count">{{ scope.row.promptTokens.toLocaleString() }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="回答Token" align="center" prop="completionTokens">
+              <template #default="scope">
+                <span class="token-count">{{ scope.row.completionTokens.toLocaleString() }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="总Token" align="center" prop="totalTokens">
+              <template #default="scope">
+                <span class="token-count total">{{ scope.row.totalTokens.toLocaleString() }}</span>
+              </template>
+            </el-table-column>
+          </el-table>
+
+          <!-- 详情分页 -->
+          <el-pagination
+            v-show="detailTotal > 0"
+            class="mt-4"
+            :total="detailTotal"
+            v-model:current-page="detailQueryParams.pageNum"
+            v-model:page-size="detailQueryParams.pageSize"
+            layout="total, sizes, prev, pager, next, jumper"
+            @size-change="handleDetailQuery"
+            @current-change="handleDetailQuery"
+          />
+        </el-card>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup name="TokenUsageDetails">
+import { ref, reactive, onMounted, computed } from 'vue';
+
+// ================= MOCK DATA =================
+// 模拟用户总览数据
+const mockUserList = [
+  {
+    id: 1,
+    userName: '张三',
+    aiModel: 'gpt-3.5',
+    promptTokens: 15420,
+    completionTokens: 8920,
+    totalTokens: 24340
+  },
+  {
+    id: 2,
+    userName: '李四',
+    aiModel: 'gpt-4',
+    promptTokens: 23450,
+    completionTokens: 15680,
+    totalTokens: 39130
+  },
+  {
+    id: 3,
+    userName: '王五',
+    aiModel: 'claude-3',
+    promptTokens: 9870,
+    completionTokens: 6540,
+    totalTokens: 16410
+  },
+  {
+    id: 4,
+    userName: '赵六',
+    aiModel: 'deepseek',
+    promptTokens: 12340,
+    completionTokens: 7890,
+    totalTokens: 20230
+  },
+  {
+    id: 5,
+    userName: '钱七',
+    aiModel: 'qwen',
+    promptTokens: 8760,
+    completionTokens: 5430,
+    totalTokens: 14190
+  },
+  {
+    id: 6,
+    userName: '孙八',
+    aiModel: 'gpt-3.5',
+    promptTokens: 11230,
+    completionTokens: 6780,
+    totalTokens: 18010
+  },
+];
+
+// 模拟详情记录数据
+const mockDetailList = [
+  {
+    id: 1,
+    userId: 1,
+    userName: '张三',
+    usageType: 'ai_chat',
+    aiModel: 'gpt-3.5',
+    sessionName: '关于Vue3开发的讨论',
+    promptTokens: 1200,
+    completionTokens: 800,
+    totalTokens: 2000,
+    createTime: '2024-01-15 10:30:00'
+  },
+  {
+    id: 2,
+    userId: 1,
+    userName: '张三',
+    usageType: 'ai_knowledge',
+    aiModel: 'gpt-3.5',
+    sessionName: '知识库查询-产品文档',
+    promptTokens: 800,
+    completionTokens: 600,
+    totalTokens: 1400,
+    createTime: '2024-01-15 14:20:00'
+  },
+  {
+    id: 3,
+    userId: 2,
+    userName: '李四',
+    usageType: 'ai_sql',
+    aiModel: 'gpt-4',
+    sessionName: 'SQL生成-用户统计',
+    promptTokens: 1500,
+    completionTokens: 1200,
+    totalTokens: 2700,
+    createTime: '2024-01-15 09:15:00'
+  },
+  {
+    id: 4,
+    userId: 2,
+    userName: '李四',
+    usageType: 'ai_form',
+    aiModel: 'gpt-4',
+    sessionName: '智能填报-订单信息',
+    promptTokens: 2000,
+    completionTokens: 1500,
+    totalTokens: 3500,
+    createTime: '2024-01-15 16:45:00'
+  },
+  {
+    id: 5,
+    userId: 3,
+    userName: '王五',
+    usageType: 'ai_chat',
+    aiModel: 'claude-3',
+    sessionName: '技术问题咨询',
+    promptTokens: 900,
+    completionTokens: 700,
+    totalTokens: 1600,
+    createTime: '2024-01-15 11:30:00'
+  },
+  {
+    id: 6,
+    userId: 4,
+    userName: '赵六',
+    usageType: 'ai_knowledge',
+    aiModel: 'deepseek',
+    sessionName: '知识库查询-技术文档',
+    promptTokens: 1100,
+    completionTokens: 900,
+    totalTokens: 2000,
+    createTime: '2024-01-15 13:20:00'
+  },
+  {
+    id: 7,
+    userId: 5,
+    userName: '钱七',
+    usageType: 'ai_sql',
+    aiModel: 'qwen',
+    sessionName: 'SQL生成-销售报表',
+    promptTokens: 1300,
+    completionTokens: 1000,
+    totalTokens: 2300,
+    createTime: '2024-01-15 15:10:00'
+  },
+  {
+    id: 8,
+    userId: 6,
+    userName: '孙八',
+    usageType: 'ai_form',
+    aiModel: 'gpt-3.5',
+    sessionName: '智能填报-客户信息',
+    promptTokens: 1800,
+    completionTokens: 1200,
+    totalTokens: 3000,
+    createTime: '2024-01-15 17:30:00'
+  },
+];
+
+/**
+ * 模拟API调用
+ * @param {*} data
+ * @param {number} delay
+ */
+const mockApiCall = (data, delay = 300) => {
+  return new Promise(resolve => {
+    setTimeout(() => {
+      resolve(data);
+    }, delay);
+  });
+};
+// ================= MOCK DATA END =================
+
+// ================= 面板控制逻辑 =================
+const isLeftPanelCollapsed = ref(false);
+
+// 切换左侧面板收缩状态
+const toggleLeftPanel = () => {
+  isLeftPanelCollapsed.value = !isLeftPanelCollapsed.value;
+};
+// ================= 面板控制逻辑 END =================
+
+// ================= 工具函数 =================
+/**
+ * 获取使用类型标签
+ * @param {string} usageType
+ */
+const getUsageTypeLabel = (usageType) => {
+  const typeMap = {
+    'ai_chat': 'AI问答',
+    'ai_knowledge': 'AI知识库',
+    'ai_sql': 'AI生成SQL',
+    'ai_form': 'AI智能填报'
+  };
+  return typeMap[usageType] || usageType;
+};
+
+/**
+ * 获取使用类型标签颜色
+ * @param {string} usageType
+ */
+const getUsageTypeTagType = (usageType) => {
+  const typeMap = {
+    'ai_chat': 'primary',
+    'ai_knowledge': 'success',
+    'ai_sql': 'warning',
+    'ai_form': 'info'
+  };
+  return typeMap[usageType] || '';
+};
+
+/**
+ * 获取用户行样式类名
+ * @param {object} param0
+ */
+const getUserRowClass = ({ row }) => {
+  return selectedUser.value && row.id === selectedUser.value.id ? 'selected-row' : '';
+};
+// ================= 工具函数 END =================
+
+// ================= 左侧用户总览逻辑 =================
+const userLoading = ref(false);
+const userList = ref([]);
+const userTotal = ref(0);
+const userQueryFormRef = ref();
+const userQueryParams = reactive({
+  pageNum: 1,
+  pageSize: 10,
+  userName: '',
+  aiModel: '',
+});
+
+// 计算属性：用户列表过滤和分页
+const userFilteredList = computed(() => {
+  let list = userList.value;
+  if (userQueryParams.userName) {
+    list = list.filter(item => item.userName.includes(userQueryParams.userName));
+  }
+  if (userQueryParams.aiModel) {
+    list = list.filter(item => item.aiModel === userQueryParams.aiModel);
+  }
+  return list;
+});
+
+const userPaginatedList = computed(() => {
+  userTotal.value = userFilteredList.value.length;
+  const start = (userQueryParams.pageNum - 1) * userQueryParams.pageSize;
+  const end = start + userQueryParams.pageSize;
+  return userFilteredList.value.slice(start, end);
+});
+
+// 获取用户列表数据
+const getUserList = async () => {
+  userLoading.value = true;
+  const res = await mockApiCall(mockUserList);
+  userList.value = res;
+  handleUserQuery();
+  userLoading.value = false;
+};
+
+// 用户搜索按钮操作
+const handleUserQuery = () => {
+  userQueryParams.pageNum = 1;
+};
+
+// 用户重置按钮操作
+const resetUserQuery = () => {
+  userQueryFormRef.value.resetFields();
+  handleUserQuery();
+};
+// ================= 左侧用户总览逻辑 END =================
+
+// ================= 右侧详情记录逻辑 =================
+const detailLoading = ref(false);
+const detailList = ref([]);
+const detailTotal = ref(0);
+const detailQueryFormRef = ref();
+const detailQueryParams = reactive({
+  pageNum: 1,
+  pageSize: 10,
+  usageType: '',
+  userId: null, // 当前选中的用户ID
+});
+
+const selectedUser = ref(null); // 当前选中的用户
+
+// 计算属性：详情列表过滤和分页
+const detailFilteredList = computed(() => {
+  let list = detailList.value;
+
+  // 根据选中的用户过滤
+  if (detailQueryParams.userId) {
+    list = list.filter(item => item.userId === detailQueryParams.userId);
+  }
+
+  // 根据使用类型过滤
+  if (detailQueryParams.usageType) {
+    list = list.filter(item => item.usageType === detailQueryParams.usageType);
+  }
+
+  return list;
+});
+
+const detailPaginatedList = computed(() => {
+  detailTotal.value = detailFilteredList.value.length;
+  const start = (detailQueryParams.pageNum - 1) * detailQueryParams.pageSize;
+  const end = start + detailQueryParams.pageSize;
+  return detailFilteredList.value.slice(start, end);
+});
+
+// 获取详情列表数据
+const getDetailList = async () => {
+  detailLoading.value = true;
+  const res = await mockApiCall(mockDetailList);
+  detailList.value = res;
+  handleDetailQuery();
+  detailLoading.value = false;
+};
+
+// 详情搜索按钮操作
+const handleDetailQuery = () => {
+  detailQueryParams.pageNum = 1;
+};
+
+// 详情重置按钮操作
+const resetDetailQuery = () => {
+  detailQueryFormRef.value.resetFields();
+  detailQueryParams.userId = selectedUser.value ? selectedUser.value.id : null;
+  handleDetailQuery();
+};
+
+// 用户选择操作
+const handleUserSelect = (row) => {
+  selectedUser.value = row;
+  detailQueryParams.userId = row.id;
+  handleDetailQuery();
+};
+// ================= 右侧详情记录逻辑 END =================
+
+// ================= 生命周期 =================
+onMounted(() => {
+  getUserList();
+  getDetailList();
+});
+</script>
+
+<style scoped>
+.card-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.collapse-btn {
+  font-size: 12px;
+}
+
+.panel-container {
+  display: flex;
+  height: 100vh;
+  position: relative;
+  overflow: hidden;
+}
+
+.left-panel {
+  width: 40%;
+  height: 100%;
+  transition: width 0.3s ease;
+  flex-shrink: 0;
+  overflow: hidden;
+}
+
+.left-panel.collapsed {
+  width: 0;
+  overflow: hidden;
+  flex-shrink: 0;
+}
+
+.right-panel {
+  flex: 1;
+  height: 100%;
+  transition: width 0.3s ease;
+  overflow: hidden;
+}
+
+.toggle-button {
+  position: absolute;
+  left: 40%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  z-index: 10;
+  background: white;
+  border: 1px solid #dcdfe6;
+  border-radius: 4px;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+  cursor: pointer;
+  transition: left 0.3s ease;
+}
+
+.left-panel.collapsed ~ .toggle-button {
+  left: 0;
+}
+
+.left-panel:not(.collapsed) ~ .toggle-button {
+  left: 40%;
+}
+
+.toggle-btn {
+  padding: 8px;
+  font-size: 14px;
+}
+
+.user-overview-card {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+
+.user-overview-card .el-card__body {
+  flex: 1;
+  overflow: auto;
+}
+
+.right-panel .el-card {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+
+.right-panel .el-card__body {
+  flex: 1;
+  overflow: auto;
+}
+
+.selected-user {
+  font-size: 14px;
+  color: #409eff;
+  font-weight: 500;
+}
+
+.token-count {
+  font-family: 'Courier New', monospace;
+  font-weight: 500;
+}
+
+.token-count.total {
+  color: #e6a23c;
+  font-weight: 600;
+}
+
+:deep(.selected-row) {
+  background-color: #f0f9ff !important;
+}
+
+:deep(.selected-row td) {
+  background-color: #f0f9ff !important;
+}
+
+.mt-4 {
+  margin-top: 1.25rem;
+}
+</style>
diff --git a/src/views/ai/record/usageRecord/index.vue b/src/views/ai/record/usageRecord/index.vue
new file mode 100644
index 0000000..973388a
--- /dev/null
+++ b/src/views/ai/record/usageRecord/index.vue
@@ -0,0 +1,383 @@
+<template>
+  <div class="user-session-container">
+    <!-- 左侧会话列表 -->
+    <div class="session-list-panel" :style="{ flexBasis: leftPanelWidth + 'px' }">
+      <el-card shadow="never" class="session-list-card">
+        <el-form :model="queryParams" :inline="true" class="mb-2">
+          <el-form-item label="用户姓名">
+            <el-input v-model="queryParams.userName" placeholder="模糊搜索" clearable @keyup.enter="handleQuery" />
+          </el-form-item>
+          <el-form-item label="使用类型">
+            <el-select v-model="queryParams.usageType" placeholder="全部" clearable>
+              <el-option label="AI问答" value="ai_chat" />
+              <el-option label="AI知识库" value="ai_knowledge" />
+              <el-option label="AI生成SQL" value="ai_sql" />
+              <el-option label="AI智能填报" value="ai_form" />
+            </el-select>
+          </el-form-item>
+          <el-form-item label="AI模型">
+            <el-select v-model="queryParams.aiModel" placeholder="全部" clearable>
+              <el-option label="GPT-3.5" value="gpt-3.5" />
+              <el-option label="GPT-4" value="gpt-4" />
+              <el-option label="Claude-3" value="claude-3" />
+              <el-option label="DeepSeek" value="deepseek" />
+            </el-select>
+          </el-form-item>
+          <el-form-item>
+            <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+            <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+          </el-form-item>
+        </el-form>
+        <el-table
+          :data="paginatedList"
+          highlight-current-row
+          @row-click="handleSelect"
+          :row-class-name="rowClass"
+          style="height: 60vh"
+        >
+          <el-table-column label="用户姓名" prop="userName" />
+          <el-table-column label="使用类型" prop="usageType">
+            <template #default="scope">
+              {{ usageTypeLabel(scope.row.usageType) }}
+            </template>
+          </el-table-column>
+          <el-table-column label="AI模型" prop="aiModel" />
+          <el-table-column label="知识库" prop="knowledgeBase" />
+          <el-table-column label="会话名称" prop="sessionName" />
+        </el-table>
+        <el-pagination
+          class="mt-2"
+          :total="total"
+          v-model:current-page="queryParams.pageNum"
+          v-model:page-size="queryParams.pageSize"
+          layout="total, sizes, prev, pager, next, jumper"
+          @size-change="handleQuery"
+          @current-change="handleQuery"
+        />
+      </el-card>
+    </div>
+    <!-- 拖拽分割条（flex子项） -->
+    <div class="drag-bar" @mousedown="startDrag"></div>
+    <!-- 右侧会话详情 -->
+    <div class="session-detail-panel">
+      <el-card shadow="never" class="session-detail-card">
+        <template #header>
+          <div class="detail-header">
+            <span v-if="selectedSession">会话详情：{{ selectedSession.sessionName }}</span>
+            <span v-else>请选择左侧会话</span>
+            <div v-if="selectedSession" class="detail-meta">
+              <span>用户：{{ selectedSession.userName }}</span>
+              <span>｜类型：{{ usageTypeLabel(selectedSession.usageType) }}</span>
+              <span>｜AI模型：{{ selectedSession.aiModel }}</span>
+            </div>
+          </div>
+        </template>
+        <div v-if="selectedSession">
+          <div class="chat-list">
+            <div
+              v-for="(msg, idx) in sessionDetail"
+              :key="idx"
+              :class="['chat-item', msg.role === 'user' ? 'chat-user' : 'chat-ai']"
+            >
+              <div class="chat-bubble">
+                <span v-if="msg.role === 'user'">👤</span>
+                <span v-else>🤖</span>
+                <span class="chat-content">{{ msg.content }}</span>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div v-else class="empty-detail">暂无会话详情</div>
+      </el-card>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, reactive, computed, onMounted, onBeforeUnmount } from 'vue'
+
+// mock 数据
+const mockSessionList = [
+  {
+    id: 1,
+    userName: '张三',
+    usageType: 'ai_chat',
+    aiModel: 'gpt-3.5',
+    sessionName: '关于Vue3开发的讨论',
+    knowledgeBase: '产品知识库'
+  },
+  {
+    id: 2,
+    userName: '李四',
+    usageType: 'ai_knowledge',
+    aiModel: 'gpt-4',
+    sessionName: '知识库查询-产品文档',
+    knowledgeBase: '技术文档库'
+  },
+  {
+    id: 3,
+    userName: '王五',
+    usageType: 'ai_sql',
+    aiModel: 'claude-3',
+    sessionName: 'SQL生成-用户统计',
+    knowledgeBase: 'SQL知识库'
+  },
+  {
+    id: 4,
+    userName: '张三',
+    usageType: 'ai_form',
+    aiModel: 'gpt-3.5',
+    sessionName: '智能填报-客户信息',
+    knowledgeBase: ''
+  }
+]
+
+const mockSessionDetails = {
+  1: [
+    { role: 'user', content: 'Vue3和Vue2有什么区别？' },
+    { role: 'ai', content: 'Vue3在响应式、性能、TypeScript支持等方面有较大提升。' },
+    { role: 'user', content: '能举个例子吗？' },
+    { role: 'ai', content: '比如ref和reactive的用法，组合式API等。' }
+  ],
+  2: [
+    { role: 'user', content: '请查找产品文档相关知识。' },
+    { role: 'ai', content: '已为您找到产品文档相关内容，请查收。' }
+  ],
+  3: [
+    { role: 'user', content: '帮我生成一个用户统计的SQL。' },
+    { role: 'ai', content: 'SELECT COUNT(*) FROM users;' }
+  ],
+  4: [
+    { role: 'user', content: '我要填报客户信息。' },
+    { role: 'ai', content: '请提供客户名称、联系方式等信息。' }
+  ]
+}
+
+// 工具
+const usageTypeLabel = (type) => {
+  const map = {
+    ai_chat: 'AI问答',
+    ai_knowledge: 'AI知识库',
+    ai_sql: 'AI生成SQL',
+    ai_form: 'AI智能填报'
+  }
+  return map[type] || type
+}
+
+// 查询与分页
+const queryParams = reactive({
+  pageNum: 1,
+  pageSize: 10,
+  userName: '',
+  usageType: '',
+  aiModel: ''
+})
+const total = ref(0)
+const sessionList = ref([])
+const selectedSession = ref(null)
+const sessionDetail = ref([])
+
+// 拖拽宽度
+const minLeft = 240
+const maxLeft = 600
+const leftPanelWidth = ref(Math.floor(window.innerWidth * 0.3)) // 3:7 初始
+
+let dragging = false
+let startX = 0
+let startWidth = 0
+
+function startDrag(e) {
+  dragging = true
+  startX = e.clientX
+  startWidth = leftPanelWidth.value
+  document.body.style.cursor = 'col-resize'
+  document.addEventListener('mousemove', onDrag)
+  document.addEventListener('mouseup', stopDrag)
+}
+function onDrag(e) {
+  if (!dragging) return
+  let newWidth = startWidth + (e.clientX - startX)
+//   if (newWidth < minLeft) newWidth = minLeft
+//   if (newWidth > maxLeft) newWidth = maxLeft
+  leftPanelWidth.value = newWidth
+}
+function stopDrag() {
+  dragging = false
+  document.body.style.cursor = ''
+  document.removeEventListener('mousemove', onDrag)
+  document.removeEventListener('mouseup', stopDrag)
+}
+onBeforeUnmount(() => {
+  stopDrag()
+})
+
+const filteredList = computed(() => {
+  let list = mockSessionList
+  if (queryParams.userName) {
+    list = list.filter(item => item.userName.includes(queryParams.userName))
+  }
+  if (queryParams.usageType) {
+    list = list.filter(item => item.usageType === queryParams.usageType)
+  }
+  if (queryParams.aiModel) {
+    list = list.filter(item => item.aiModel === queryParams.aiModel)
+  }
+  return list
+})
+
+const paginatedList = computed(() => {
+  total.value = filteredList.value.length
+  const start = (queryParams.pageNum - 1) * queryParams.pageSize
+  return filteredList.value.slice(start, start + queryParams.pageSize)
+})
+
+function handleQuery() {
+  queryParams.pageNum = 1
+}
+
+function resetQuery() {
+  queryParams.userName = ''
+  queryParams.usageType = ''
+  queryParams.aiModel = ''
+  handleQuery()
+}
+
+function handleSelect(row) {
+  selectedSession.value = row
+  sessionDetail.value = mockSessionDetails[row.id] || []
+}
+
+function rowClass({ row }) {
+  return selectedSession.value && row.id === selectedSession.value.id ? 'selected-row' : ''
+}
+
+onMounted(() => {
+  sessionList.value = mockSessionList
+})
+</script>
+
+<style scoped>
+.user-session-container {
+  display: flex;
+  height: 100vh;
+  background: #f5f7fa;
+  position: relative;
+  overflow: hidden;
+  min-width: 0;
+}
+.session-list-panel {
+  min-width: 120px;
+  max-width: 90%;
+  height: 100%;
+  background: #fff;
+  border-right: 1px solid #ebeef5;
+  display: flex;
+  flex-direction: column;
+  transition: flex-basis 0.2s;
+  z-index: 1;
+  flex-shrink: 0;
+  flex-grow: 0;
+  min-width: 0;
+}
+.drag-bar {
+  width: 6px;
+  background: #d3e2f7;
+  cursor: col-resize;
+  height: 100%;
+  z-index: 10;
+  transition: background 0.2s;
+  flex-shrink: 0;
+}
+.drag-bar:hover {
+  background: #409eff;
+}
+.session-detail-panel {
+  flex: 1 1 0;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  background: #f5f7fa;
+  min-width: 0 !important;
+}
+.session-list-card {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  min-width: 0;
+}
+.session-detail-card {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  min-width: 0;
+}
+.session-detail-card :deep(.el-card__body) {
+  min-width: 0 !important;
+}
+.detail-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.detail-meta {
+  font-size: 14px;
+  color: #888;
+  font-weight: 400;
+  display: flex;
+  gap: 16px;
+}
+.chat-list {
+  padding: 24px 0 0 0;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  height: 100%;
+  overflow-y: auto;
+  min-width: 0;
+}
+.chat-item {
+  display: flex;
+  align-items: flex-start;
+}
+.chat-user {
+  justify-content: flex-start;
+}
+.chat-ai {
+  justify-content: flex-end;
+}
+.chat-bubble {
+  display: flex;
+  align-items: center;
+  background: #fff;
+  border-radius: 8px;
+  padding: 8px 16px;
+  box-shadow: 0 2px 8px #f0f1f2;
+  max-width: 70%;
+  word-break: break-all;
+}
+.chat-user .chat-bubble {
+  background: #e6f7ff;
+}
+.chat-ai .chat-bubble {
+  background: #f4f4f5;
+}
+.chat-content {
+  margin-left: 8px;
+}
+.selected-row {
+  background: #f0f9ff !important;
+}
+.empty-detail {
+  color: #bbb;
+  text-align: center;
+  margin-top: 40px;
+}
+.mb-2 {
+  margin-bottom: 12px;
+}
+.mt-2 {
+  margin-top: 12px;
+}
+</style>
diff --git a/src/views/ai/skill/aiChat/index.vue b/src/views/ai/skill/aiChat/index.vue
index c3fa5fa..3baf040 100644
--- a/src/views/ai/skill/aiChat/index.vue
+++ b/src/views/ai/skill/aiChat/index.vue
@@ -1,10 +1,10 @@
 <template>
   <div class="ai-chat-container">
     <!-- 左侧会话栏 -->
-    <div :class="['sidebar', { collapsed }]">
+    <div :class="['sidebar', { collapsed }]" v-loading="sidebarLoading">
       <div class="sidebar-header">
         <svg-icon class-name="search-icon" icon-class="aichat"/>
-        <span class="logo-text">AI助手</span>
+        <span class="logo-text">{{ chatTitle }}</span>
         <el-button
           v-if="!collapsed"
           class="collapse-btn"
@@ -111,13 +111,15 @@
     </el-button>
 
     <!-- 主对话区 -->
-    <main class="main-content">
+    <main class="main-content" v-loading="mainLoading">
       <header class="chat-header">
         <div class="header-left">
           <h2>{{ currentChat?.messageTopic || '新对话' }}</h2>
         </div>
         <div class="header-right">
-          <el-select v-model="selectedModel" placeholder="选择模型" @change="onModelChange">
+          <label style="width: 100px;">模型</label>
+          <el-select v-model="selectedModel" placeholder="请选择模型" @change="onModelChange"
+          >
             <el-option
               v-for="model in aiModelList"
               :key="model.modelId"
@@ -125,6 +127,17 @@
               :value="model.modelId"
             />
           </el-select>
+          <label style="width: 130px;" v-if="selectedKnowledgeBaseId && selectedKnowledgeBaseId !== ''">知识库</label>
+          <el-select v-model="selectedKnowledgeBaseId" placeholder="请选择知识库" @change="onKnowledgeBaseChange"
+                     v-if="selectedKnowledgeBaseId && selectedKnowledgeBaseId !== ''">
+            <el-option
+              v-for="knowledgeBase in aiKnowledgeBaseList"
+              :key="knowledgeBase.knowledgeBaseId"
+              :label="knowledgeBase.knowledgeBaseName"
+              :value="knowledgeBase.knowledgeBaseId"
+            />
+          </el-select>
+
           <!--          <el-button @click="showSettings = true" title="设置">-->
           <!--            <el-icon>-->
           <!--              <Setting/>-->
@@ -136,7 +149,9 @@
       <!-- 聊天消息区域 -->
       <div class="chat-messages" ref="messagesRef">
         <!-- 加载动画 -->
-        <div v-if="loadingChatId && activeChatSessionId && (!currentChat?.messages || currentChat.messages.length === 0)" class="loading-container">
+        <div
+          v-if="loadingChatId && activeChatSessionId && (!currentChat?.messages || currentChat.messages.length === 0)"
+          class="loading-container">
           <div class="loading-spinner">
             <el-icon class="is-loading">
               <Loading/>
@@ -145,10 +160,11 @@
           <div class="loading-text">正在加载对话内容...</div>
         </div>
 
-        <div v-else-if="!currentChat || !currentChat.messages || currentChat.messages.length === 0" class="welcome-message">
+        <div v-else-if="!currentChat || !currentChat.messages || currentChat.messages.length === 0"
+             class="welcome-message">
           <div class="welcome-icon">🤖</div>
-          <h3>欢迎使用AI助手</h3>
-          <p>我可以帮助你回答问题、编写代码、分析数据等</p>
+          <h3>{{ welcomeTitle }}</h3>
+          <p>{{ welcomeContent }}</p>
         </div>
 
         <div
@@ -185,19 +201,19 @@
               <span class="cursor">|</span>
             </div>
           </div>
-<!--          <div class="message-actions">-->
-<!--            <el-button-->
-<!--              size="small"-->
-<!--              type="danger"-->
-<!--              @click="stopStreaming"-->
-<!--              class="stop-btn"-->
-<!--            >-->
-<!--              <el-icon>-->
-<!--                <Close/>-->
-<!--              </el-icon>-->
-<!--              停止-->
-<!--            </el-button>-->
-<!--          </div>-->
+          <!--          <div class="message-actions">-->
+          <!--            <el-button-->
+          <!--              size="small"-->
+          <!--              type="danger"-->
+          <!--              @click="stopStreaming"-->
+          <!--              class="stop-btn"-->
+          <!--            >-->
+          <!--              <el-icon>-->
+          <!--                <Close/>-->
+          <!--              </el-icon>-->
+          <!--              停止-->
+          <!--            </el-button>-->
+          <!--          </div>-->
         </div>
 
         <!-- 继续按钮区域 -->
@@ -231,7 +247,7 @@
       <!-- 输入区域 -->
       <footer class="chat-input">
         <div class="input-container">
-          <div class="suggestion-bar align-to-textarea">
+          <div class="suggestion-bar align-to-textarea" v-if="!selectedKnowledgeBaseId || selectedKnowledgeBaseId === ''">
               <span
                 v-for="(sug, i) in suggestions"
                 :key="i"
@@ -257,6 +273,7 @@
                 @click="toggleHistory"
                 :type="carryHistory ? 'primary' : ''"
                 title="携带历史"
+                v-if="!selectedKnowledgeBaseId || selectedKnowledgeBaseId === ''"
               >
                 <el-icon>
                   <Collection/>
@@ -284,22 +301,22 @@
               <!--                  </el-icon>-->
               <!--                </el-button>-->
               <!--              </el-upload>-->
-<!--              <el-button-->
-<!--                type="primary"-->
-<!--                @click="isStreaming ? stopStreaming() : sendMessage()"-->
-<!--              >-->
-<!--                <el-icon>-->
-<!--                  <Position v-if="!isStreaming"/>-->
-<!--                  <Close v-else/>-->
-<!--                </el-icon>-->
-<!--                {{ isStreaming ? '停止' : '发送' }}-->
-<!--              </el-button>-->
+              <!--              <el-button-->
+              <!--                type="primary"-->
+              <!--                @click="isStreaming ? stopStreaming() : sendMessage()"-->
+              <!--              >-->
+              <!--                <el-icon>-->
+              <!--                  <Position v-if="!isStreaming"/>-->
+              <!--                  <Close v-else/>-->
+              <!--                </el-icon>-->
+              <!--                {{ isStreaming ? '停止' : '发送' }}-->
+              <!--              </el-button>-->
 
               <el-button
                 type="primary"
                 @click="sendMessage()"
-                :disabled = "isStreaming"
-                :loading = "isStreaming"
+                :disabled="isStreaming"
+                :loading="isStreaming"
               >
                 <el-icon>
                   <Position/>
@@ -353,7 +370,8 @@ import {ref, reactive, computed, nextTick, onMounted, onUnmounted} from 'vue'
 import axios from 'axios'
 import request from '@/utils/request';
 import {getToken} from "@/utils/auth";
-const { proxy } = getCurrentInstance() as ComponentInternalInstance;
+
+const {proxy} = getCurrentInstance() as ComponentInternalInstance;
 
 import {ElMessage, ElMessageBox} from 'element-plus'
 import {
@@ -371,8 +389,17 @@ import {
 } from '@element-plus/icons-vue'
 import service from "@/utils/request";
 
-import {getAiModelJoinList, getAiChatMessageList, getAiChatMessages,updateAiMessageTopic,delAiMessage} from "@/api/ai/skill/aiChat"
+import {
+  getAiModelJoinList,
+  getAiChatMessageList,
+  getAiChatMessages,
+  updateAiMessageTopic,
+  delAiMessage
+} from "@/api/ai/skill/aiChat"
 import {AIModelVO} from '@/api/ai/skill/aiChat/types';
+import {getAiKnowledgeBaseList} from "@/api/ai/skill/aiKnowledgeBase";
+import {AiKnowledgeBaseVO} from "@/api/ai/skill/aiKnowledgeBase/types";
+
 import {HttpStatus} from "@/enums/RespEnum";
 
 // 类型定义
@@ -411,10 +438,17 @@ const inputMessage = ref('') //输入框输入的信息
 const isStreaming = ref(false) //代表是否正在发送信息
 const streamingContent = ref('')
 const showSettings = ref(false)
-const carryHistory = ref(true)
+const carryHistory = ref(false)
 const messagesRef = ref<HTMLElement>()
 const inputRef = ref<HTMLTextAreaElement>()
-const loading = ref(false)
+
+const sidebarLoading = ref(false)
+const mainLoading = ref(false)
+
+
+const chatTitle = ref('');
+const welcomeTitle = ref('');
+const welcomeContent = ref('');
 
 // 添加请求取消控制器
 const currentRequestController = ref<AbortController | null>(null)
@@ -434,6 +468,8 @@ const platformIcon = ref('');//ai平台图标
 // 聊天会话列表
 const chatList = ref<ChatSession[]>([])
 
+const selectedKnowledgeBaseId = ref()
+const aiKnowledgeBaseList = ref<AiKnowledgeBaseVO[]>([])
 
 // 可用模型
 // const availableModels = ref<ModelConfig[]>([
@@ -450,12 +486,12 @@ const chatList = ref<ChatSession[]>([])
 const selectedModel = ref(0)
 
 const getAiChatSessions = async () => {
-  // loading.value = true;
-  const res = await getAiChatMessageList({});
+  sidebarLoading.value = true;
+  chatList.value = [];
+  const res = await getAiChatMessageList({knowledgeBaseId: selectedKnowledgeBaseId.value});
   chatList.value = res.data;
   console.log(res)
-  // platformList.value = res.data;
-  // loading.value = false;
+  sidebarLoading.value = false;
 }
 
 
@@ -550,7 +586,7 @@ const hasGroupContent = (groupKey: string) => {
 }
 
 //新建对话
-function createNewChat(){
+function createNewChat() {
   activeChatSessionId.value = undefined
   inputMessage.value = ''
 }
@@ -573,6 +609,7 @@ function newChatFirstMessage() {
 }
 
 const selectChat = async (chatSessionId: string) => {
+  mainLoading.value = true;
   // 取消之前的请求
   if (currentRequestController.value) {
     currentRequestController.value.abort()
@@ -588,8 +625,6 @@ const selectChat = async (chatSessionId: string) => {
   console.log(activeChatSessionId.value)
 
   if (!currentChat.value.messages) {
-    console.log("----")
-
     // 设置加载状态
     loadingChatId.value = chatSessionId
 
@@ -627,10 +662,12 @@ const selectChat = async (chatSessionId: string) => {
         loadingChatId.value = null
       }
       currentRequestController.value = null
+      mainLoading.value = false;
     }
   } else {
     // 如果消息已存在，清除加载状态
     loadingChatId.value = null
+    mainLoading.value = false;
   }
 
   // console.log("-=-"+JSON.stringify(currentChat.value.messages, null, 2))
@@ -665,7 +702,7 @@ const editChatTitle = async (chat: ChatSession) => {
       // 设置编辑状态，显示加载动画
       editingChatId.value = chat.sessionId
 
-      updateAiMessageTopic({sessionId:chat.sessionId,messageTopic:value.trim()}).then((res: any) => {
+      updateAiMessageTopic({sessionId: chat.sessionId, messageTopic: value.trim()}).then((res: any) => {
         chat.messageTopic = value.trim()
         chat.updatedAt = Date.now()
         ElMessage.success('重命名成功')
@@ -768,6 +805,14 @@ function onModelChange() {
   }
 }
 
+function onKnowledgeBaseChange() {
+  const knowledgeBase = aiKnowledgeBaseList.value.find(kb => kb.knowledgeBaseId === selectedKnowledgeBaseId.value)
+  if (knowledgeBase) {
+    getAiChatSessions();
+  }
+}
+
+
 function clearInput() {
   inputMessage.value = ''
   nextTick(() => {
@@ -845,7 +890,6 @@ const sendMessage = async () => {
   }
 
   inputMessage.value = ''
-  loading.value = true
   isStreaming.value = true
   streamingContent.value = ''
 
@@ -866,7 +910,8 @@ const sendMessage = async () => {
       messages: sendMessages.map(m => ({role: m.role, content: m.content})),
       carryHistoryFlag: carryHistory.value ? "1" : "0",
       modelId: selectedModel.value,
-      sessionId: activeChatSessionId.value
+      sessionId: activeChatSessionId.value,
+      knowledgeBaseId: selectedKnowledgeBaseId.value
     }, {
       responseType: 'text',
       headers: {
@@ -896,7 +941,6 @@ const sendMessage = async () => {
       timestamp: Date.now()
     })
   } finally {
-    loading.value = false
     isStreaming.value = false;
     streamingContent.value = ''
     scrollToBottom()
@@ -1078,135 +1122,48 @@ function handleSuggestion(sug: string) {
   })
 }
 
-// 生命周期
-onMounted(() => {
-  getAiChatSessions();
-  getAiModelList();
-
-  // availableModels.value = [
-  //   {label: '产品知识库', value: 'deepseek-r1', apiEndpoint: 'https://api.deepseek.com/v1/chat/completions'},
-  //   {label: '设备知识库', value: 'gpt-3.5-turbo', apiEndpoint: 'https://api.openai.com/v1/chat/completions'},
-  //   {label: '维修知识库', value: 'gpt-4', apiEndpoint: 'https://api.openai.com/v1/chat/completions'},
-  // ]
-
-  // 添加mock数据
-  const mockChats: ChatSession[] = [
-    {
-      sessionId: '1',
-      messageTopic: '如何配置产品参数？',
-      messages: [
-        {
-          role: 'user',
-          content: '我想了解如何配置产品参数',
-          timestamp: Date.now() - 2 * 60 * 60 * 1000 // 2小时前
-        },
-        {
-          role: 'assistant',
-          content: '产品参数配置需要按照以下步骤进行...',
-          timestamp: Date.now() - 2 * 60 * 60 * 1000 + 60000
-        }
-      ],
-      createdAt: Date.now() - 2 * 60 * 60 * 1000,
-      updatedAt: Date.now() - 2 * 60 * 60 * 1000
-    },
-    {
-      sessionId: '2',
-      messageTopic: '设备故障排查指南',
-      messages: [
-        {
-          role: 'user',
-          content: '设备出现故障，需要排查指南',
-          timestamp: Date.now() - 24 * 60 * 60 * 1000 // 1天前
-        },
-        {
-          role: 'assistant',
-          content: '设备故障排查需要按照以下流程...',
-          timestamp: Date.now() - 24 * 60 * 60 * 1000 + 60000
-        }
-      ],
-      createdAt: Date.now() - 24 * 60 * 60 * 1000,
-      updatedAt: Date.now() - 24 * 60 * 60 * 1000
-    },
-    {
-      sessionId: '3',
-      messageTopic: '维修知识库查询',
-      messages: [
-        {
-          role: 'user',
-          content: '查询维修相关的知识',
-          timestamp: Date.now() - 3 * 24 * 60 * 60 * 1000 // 3天前
-        },
-        {
-          role: 'assistant',
-          content: '维修知识库包含以下内容...',
-          timestamp: Date.now() - 3 * 24 * 60 * 60 * 1000 + 60000
-        }
-      ],
-      createdAt: Date.now() - 3 * 24 * 60 * 60 * 1000,
-      updatedAt: Date.now() - 3 * 24 * 60 * 60 * 1000
-    },
-    {
-      sessionId: '4',
-      messageTopic: '系统配置优化建议',
-      messages: [
-        {
-          role: 'user',
-          content: '系统配置需要优化，有什么建议？',
-          timestamp: Date.now() - 7 * 24 * 60 * 60 * 1000 // 1周前
-        },
-        {
-          role: 'assistant',
-          content: '系统配置优化建议如下...',
-          timestamp: Date.now() - 7 * 24 * 60 * 60 * 1000 + 60000
-        }
-      ],
-      createdAt: Date.now() - 7 * 24 * 60 * 60 * 1000,
-      updatedAt: Date.now() - 7 * 24 * 60 * 60 * 1000
-    },
-    {
-      sessionId: '5',
-      messageTopic: '历史数据分析报告',
-      messages: [
-        {
-          role: 'user',
-          content: '需要分析历史数据，生成报告',
-          timestamp: Date.now() - 30 * 24 * 60 * 60 * 1000 // 1月前
-        },
-        {
-          role: 'assistant',
-          content: '历史数据分析报告已生成...',
-          timestamp: Date.now() - 30 * 24 * 60 * 60 * 1000 + 60000
-        }
-      ],
-      createdAt: Date.now() - 30 * 24 * 60 * 60 * 1000,
-      updatedAt: Date.now() - 30 * 24 * 60 * 60 * 1000
-    }
-  ]
-
-  // 将mock数据添加到聊天列表
-  // chatList.value = mockChats
 
+const getAiChat = async () => {
+  mainLoading.value = true;
+  await getAiChatSessions();
+  await getAiModelList();
+  if (selectedKnowledgeBaseId && selectedKnowledgeBaseId !== '') {
+    await getKnowledgeBaseSelectList();
+  }
   // 加载设置
   const savedSettings = localStorage.getItem('ai-chat-settings')
   if (savedSettings) {
     Object.assign(settings, JSON.parse(savedSettings))
   }
+  mainLoading.value = false;
+}
 
-  // 创建默认对话 - 确保用户进入时就有新建对话状态
-  // createNewChat()
 
-  // 下拉列表默认值：根据settings.apiEndpoint自动匹配
-  // const matched = availableModels.value.find(m => m.apiEndpoint === settings.apiEndpoint)
-  // if (matched) {
-  //   selectedModel.value = matched.value
-  // } else if (!selectedModel.value && availableModels.value.length > 0) {
-  //   selectedModel.value = availableModels.value[0].value
-  // }
+const getKnowledgeBaseSelectList = async () => {
+  const res = await getAiKnowledgeBaseList({knowledgeBaseStatus:'1'});
+  aiKnowledgeBaseList.value = res.data;
+}
 
+
+// 生命周期
+onMounted(() => {
+  let knowledgeBaseId = proxy.$route.params?.knowledgeBaseId
+  if (knowledgeBaseId && knowledgeBaseId !== '') {
+    selectedKnowledgeBaseId.value = parseInt(knowledgeBaseId);
+    chatTitle.value = 'AI知识库';
+    welcomeTitle.value = '欢迎使用AI知识库';
+    welcomeContent.value = '我将通过查阅知识库来为您解答问题。';
+  } else {
+    chatTitle.value = 'AI智能助手';
+    welcomeTitle.value = '欢迎使用AI智能助手';
+    welcomeContent.value = '我是AI智能助手，我可以回答您的问题和分析数据等。';
+  }
+  getAiChat();
   // 自动调整输入框高度
   autoResize()
 })
 
+
 onUnmounted(() => {
   // 清理工作
   if (currentRequestController.value) {
@@ -1468,7 +1425,7 @@ onUnmounted(() => {
   display: flex;
   align-items: center;
   gap: 12px;
-  width: 260px;
+  width: 560px;
 }
 
 .chat-messages {
diff --git a/src/views/ai/skill/aiForm/index.vue b/src/views/ai/skill/aiForm/index.vue
new file mode 100644
index 0000000..39ed5af
--- /dev/null
+++ b/src/views/ai/skill/aiForm/index.vue
@@ -0,0 +1,157 @@
+<template>
+  <div class="app-container">
+    <el-form ref="formRef" :model="form" :rules="rules" label-width="120px">
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="物料名称" prop="materialId">
+            <el-input v-model="form.materialId" placeholder="请输入物料名称" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="物料BOM" prop="materialBomId">
+            <el-input v-model="form.materialBomId" placeholder="请输入物料BOM" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="工艺路线" prop="dispatchId">
+            <el-select v-model="form.dispatchId" placeholder="请选择工艺路线">
+              <el-option v-for="item in dispatchOptions" :key="item.id" :label="item.name" :value="item.id" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="计划交货日期" prop="planDeliveryDate">
+            <el-date-picker v-model="form.planDeliveryDate" type="date" placeholder="请选择计划交货日期" style="width: 100%;" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="8">
+          <el-form-item label="计划开始日期" prop="planBeginTime">
+            <el-date-picker v-model="form.planBeginTime" type="date" placeholder="请选择计划开始日期" style="width: 100%;" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="计划结束日期" prop="planEndTime">
+            <el-date-picker v-model="form.planEndTime" type="date" placeholder="请选择计划结束日期" style="width: 100%;" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="计划数量" prop="planAmount">
+            <el-input-number v-model="form.planAmount" :min="0" style="width: 100%;" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-form-item>
+        <el-button type="primary" @click="submitForm">提交</el-button>
+        <el-button @click="resetForm">重置</el-button>
+      </el-form-item>
+    </el-form>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, reactive, watch } from 'vue'
+import { ElMessage } from 'element-plus'
+
+const formRef = ref()
+
+
+
+
+const dispatchOptions = [
+  { id: 'route1', name: '工艺路线A' },
+  { id: 'route2', name: '工艺路线B' },
+  { id: 'route3', name: '工艺路线C' },
+]
+
+const rules = {
+  materialId: [{ required: true, message: '请输入物料名称', trigger: 'blur' }],
+  materialBomId: [{ required: true, message: '请输入物料BOM', trigger: 'blur' }],
+  dispatchId: [{ required: true, message: '请选择工艺路线', trigger: 'change' }],
+  planDeliveryDate: [{ required: true, message: '请选择计划交货日期', trigger: 'change' }],
+  planBeginTime: [{ required: true, message: '请选择计划开始日期', trigger: 'change' }],
+  planEndTime: [{ required: true, message: '请选择计划结束日期', trigger: 'change' }],
+  planAmount: [{ required: true, message: '请输入计划数量', trigger: 'blur' }],
+}
+
+function submitForm() {
+  formRef.value.validate((valid: boolean) => {
+    if (valid) {
+      ElMessage.success('提交成功！')
+      // 这里可以处理表单数据提交逻辑
+    }
+  })
+}
+function resetForm() {
+  formRef.value.resetFields()
+}
+
+
+
+
+
+
+
+
+interface FormData {
+  materialId?: string | number
+  materialBomId?: string | number
+  dispatchId?: string | number
+  planDeliveryDate?: string
+  planBeginTime?: string
+  planEndTime?: string
+  planAmount?: number
+  // ...其他字段
+}
+
+const props = defineProps<FormData>()
+
+const form = reactive<FormData>({
+  materialId: '',
+  materialBomId: '',
+  dispatchId: '',
+  planDeliveryDate: '',
+  planBeginTime: '',
+  planEndTime: '',
+  planAmount: 0,
+  // ...其他字段
+})
+
+// 初始化赋值
+Object.keys(form).forEach(key => {
+  if (props[key] !== undefined) {
+    form[key] = props[key]
+  }
+})
+
+// 响应props变化
+watch(
+  () => ({ ...props }),
+  (newProps) => {
+    Object.keys(form).forEach(key => {
+      console.log("----");
+      if (newProps[key] !== undefined) {
+        form[key] = newProps[key]
+        console.log(newProps[key]);
+      }
+    })
+  },
+  { immediate: true, deep: true }
+)
+
+
+</script>
+
+<style scoped>
+.app-container {
+  padding: 24px;
+  background: #fff;
+  border-radius: 8px;
+  max-width: 900px;
+  margin: 32px auto;
+  box-shadow: 0 2px 8px #f0f1f2;
+}
+</style>
diff --git a/src/views/ai/skill/aiKnowledge/index.vue b/src/views/ai/skill/aiKnowledge/index.vue
new file mode 100644
index 0000000..4301e6a
--- /dev/null
+++ b/src/views/ai/skill/aiKnowledge/index.vue
@@ -0,0 +1,618 @@
+<template>
+  <div class="kb-list-page">
+    <transition :enter-active-class="proxy?.animate.searchAnimate.enter"
+                :leave-active-class="proxy?.animate.searchAnimate.leave">
+      <div v-show="showSearch" class="mb-[10px]">
+        <el-card shadow="hover">
+          <el-form ref="queryFormRef" :model="queryParams" :inline="true" label-width="120px">
+            <el-form-item label="知识库名称" prop="knowledgeBaseName">
+              <el-input v-model="queryParams.knowledgeBaseName" placeholder="请输入知识库名称" clearable
+                        @keyup.enter="handleQuery"/>
+            </el-form-item>
+            <el-form-item label="AI模型" prop="modelId">
+              <el-select v-model="queryParams.modelId" placeholder="请选择AI模型" clearable @keyup.enter="handleQuery">
+                <el-option
+                  v-for="model in aiModelList"
+                  :key="model.modelId"
+                  :label="model.modelName"
+                  :value="model.modelId"
+                />
+              </el-select>
+
+            </el-form-item>
+            <el-form-item label="知识库类型" prop="knowledgeBaseTypeId">
+              <el-select v-model="queryParams.knowledgeBaseTypeId" placeholder="请选择知识库类型" clearable
+                         @keyup.enter="handleQuery">
+                <el-option
+                  v-for="model in aiKnowledgeBaseTypeList"
+                  :key="model.knowledgeBaseTypeId"
+                  :label="model.knowledgeBaseTypeName"
+                  :value="model.knowledgeBaseTypeId"
+                />
+              </el-select>
+            </el-form-item>
+
+
+            <!--            <el-form-item label="状态(1启用，0禁用)" prop="knowledgeBaseStatus">-->
+            <!--              <el-select v-model="queryParams.knowledgeBaseStatus" placeholder="请选择状态(1启用，0禁用)" clearable >-->
+            <!--                <el-option v-for="dict in ${dictType}" :key="dict.value" :label="dict.label" :value="dict.value"/>-->
+            <!--              </el-select>-->
+            <!--            </el-form-item>-->
+            <el-form-item>
+              <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+              <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+            </el-form-item>
+          </el-form>
+        </el-card>
+      </div>
+    </transition>
+
+    <el-card shadow="never">
+      <template #header>
+        <el-row :gutter="10" class="mb8">
+          <el-col :span="1.5">
+            <el-button type="primary" plain icon="Plus" @click="handleAdd" v-hasPermi="['ai:aiKnowledgeBase:add']">
+              创建知识库
+            </el-button>
+          </el-col>
+        </el-row>
+      </template>
+
+      <el-row :gutter="20" v-loading="loading">
+
+        <el-col v-for="kb in aiKnowledgeBaseList" :key="kb.knowledgeBaseId" :span="8" style="margin-bottom:20px;">
+          <div class="kb-card" :class="kb.knowledgeBaseStatus === '1' ? 'enabled' : 'disabled'" @click="goDetail(kb)">
+            <div class="kb-card-header">
+              <img :src="kb.knowledgeBaseIcon ? kb.knowledgeBaseIcon : knowledgeBaseIcon" alt="knowledgeBaseIcon"
+                   class="knowledge-base-icon"/>
+              <!--            <svg-icon class-name="search-icon" icon-class="knowledge-base"/>-->
+              <div class="kb-card-title-container">
+                <div class="kb-card-title">{{ kb.knowledgeBaseName }}</div>
+                <div class="kb-card-knowledge-type">{{ kb.knowledgeBaseTypeName }}</div>
+              </div>
+            </div>
+            <div class="kb-card-desc" :title="kb.knowledgeBaseDesc">{{ kb.knowledgeBaseDesc }}</div>
+            <div class="kb-card-footer">
+              <div class="kb-card-info">
+                <span>向量模型：{{ kb.modelName }}</span>
+              </div>
+              <div class="kb-card-actions">
+                <el-button size="small" type="primary" @click.stop="handleUpdate(kb)">编辑</el-button>
+                <el-button size="small" type="danger" @click.stop="handleDelete(kb)">删除</el-button>
+<!--                <el-button size="small" type="primary" @click.stop="openArrangeDialog(kb)">编排</el-button>-->
+                <el-button size="small" type="success" @click.stop="goQA(kb)" v-if="kb.knowledgeBaseStatus === '1'">检索</el-button>
+              </div>
+            </div>
+            <div class="kb-card-status-switch">
+              <span v-if="kb.knowledgeBaseStatus === '1'">启用</span>
+              <span v-else>禁用</span>
+              <el-switch
+                v-model="switchStatusMap[String(kb.knowledgeBaseId)]"
+                :active-value="'1'"
+                :inactive-value="'0'"
+                @change="(val: string) => handleStatusChange(kb, val)"
+                @click.stop
+                style="margin-left: 8px;"
+              />
+            </div>
+          </div>
+        </el-col>
+      </el-row>
+
+      <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum"
+                  v-model:limit="queryParams.pageSize" @pagination="getList"/>
+    </el-card>
+
+    <!-- 添加或修改AI知识库对话框 -->
+    <el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" append-to-body>
+      <el-form ref="aiKnowledgeBaseFormRef" :model="form" :rules="rules" label-width="120px">
+        <el-form-item label="知识库名称" prop="knowledgeBaseName">
+          <el-input v-model="form.knowledgeBaseName" placeholder="请输入知识库名称"/>
+        </el-form-item>
+        <el-form-item label="AI模型" prop="modelId">
+          <el-select v-model="form.modelId" placeholder="请选择AI模型">
+            <el-option
+              v-for="model in aiModelList"
+              :key="model.modelId"
+              :label="model.modelName"
+              :value="model.modelId"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="知识库类型" prop="knowledgeBaseTypeId">
+          <el-select v-model="form.knowledgeBaseTypeId" placeholder="请选择知识库类型">
+            <el-option
+              v-for="model in aiKnowledgeBaseTypeList"
+              :key="model.knowledgeBaseTypeId"
+              :label="model.knowledgeBaseTypeName"
+              :value="model.knowledgeBaseTypeId"
+            />
+          </el-select>
+        </el-form-item>
+<!--        <el-form-item label="分隔符" prop="knowledgeBaseSeparator">-->
+<!--          <el-input v-model="form.knowledgeBaseSeparator" placeholder="请输入分隔符"/>-->
+<!--        </el-form-item>-->
+<!--        <el-form-item label="检索条数" prop="retrieveLimit">-->
+<!--          <el-input v-model="form.retrieveLimit" placeholder="请输入知识库中检索的条数"/>-->
+<!--        </el-form-item>-->
+        <el-form-item label="文本块大小" prop="textBlockSize">
+          <el-input v-model="form.textBlockSize" placeholder="请输入文本块大小"/>
+        </el-form-item>
+        <el-form-item label="重叠字符数" prop="overlapCharacter">
+          <el-input v-model="form.overlapCharacter" placeholder="请输入重叠字符数"/>
+        </el-form-item>
+        <el-form-item label="知识库描述" prop="knowledgeBaseDesc">
+          <el-input type="textarea" v-model="form.knowledgeBaseDesc" placeholder="请输入知识库描述"/>
+        </el-form-item>
+        <el-form-item label="状态" prop="knowledgeBaseStatus">
+          <el-radio-group v-model="form.knowledgeBaseStatus">
+            <el-radio
+              v-for="dict in ai_knowledge_base_status"
+              :key="dict.value"
+              :value="dict.value"
+            >{{ dict.label }}
+            </el-radio>
+          </el-radio-group>
+
+
+        </el-form-item>
+        <el-form-item label="向量库" prop="vector" v-if="false">
+          <el-input v-model="form.vector" placeholder="请输入向量库"/>
+        </el-form-item>
+        <el-form-item label="是否公开(1是，0否)" prop="openFlag" v-if="false">
+          <el-input v-model="form.openFlag" placeholder="请输入是否公开(1是，0否)"/>
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
+          <el-button @click="cancel">取 消</el-button>
+        </div>
+      </template>
+    </el-dialog>
+
+
+    <el-dialog v-model="showArrangeDialog" title="AI问答编排设置" width="900px" top="5vh" :close-on-click-modal="false">
+      <AiChatSettings v-if="showArrangeDialog"/>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup lang="ts">
+import {ref, computed} from 'vue'
+import {useRouter} from 'vue-router'
+import {ElMessageBox} from 'element-plus'
+import KnowledgeBaseCreate from './knowledgeBaseCreate.vue'
+import AiChatSettings from '../../base/aiApp/aiAppConfig.vue'
+
+import {
+  listAiKnowledgeBase,
+  getAiKnowledgeBase,
+  delAiKnowledgeBase,
+  addAiKnowledgeBase,
+  updateAiKnowledgeBase
+} from '@/api/ai/skill/aiKnowledgeBase';
+import {AiKnowledgeBaseVO, AiKnowledgeBaseQuery, AiKnowledgeBaseForm} from '@/api/ai/skill/aiKnowledgeBase/types';
+
+import {getAiKnowledgeBaseTypeList} from '@/api/ai/base/aiKnowledgeBaseType';
+import {AiKnowledgeBaseTypeVO} from '@/api/ai/base//aiKnowledgeBaseType/types';
+
+import {getAiModelList} from '@/api/ai/base/aiModel';
+import {AiModelVO} from '@/api/ai/base/aiModel/types';
+
+import knowledgeBaseIcon from '@/assets/knowledge-base.png'
+
+const {proxy} = getCurrentInstance() as ComponentInternalInstance;
+
+const {ai_knowledge_base_status} = toRefs<any>(proxy?.useDict('ai_knowledge_base_status'));
+
+const aiKnowledgeBaseList = ref<AiKnowledgeBaseVO[]>([]);
+const buttonLoading = ref(false);
+const loading = ref(true);
+const showSearch = ref(true);
+const ids = ref<Array<string | number>>([]);
+const single = ref(true);
+const multiple = ref(true);
+const total = ref(0);
+
+const queryFormRef = ref<ElFormInstance>();
+const aiKnowledgeBaseFormRef = ref<ElFormInstance>();
+
+const dialog = reactive<DialogOption>({
+  visible: false,
+  title: ''
+});
+
+const aiKnowledgeBaseTypeList = ref<AiKnowledgeBaseTypeVO[]>([]);
+const aiModelList = ref<AiModelVO[]>([]);
+
+
+const initFormData: AiKnowledgeBaseForm = {
+  knowledgeBaseId: undefined,
+  knowledgeBaseName: undefined,
+  modelId: undefined,
+  knowledgeBaseTypeId: undefined,
+  knowledgeBaseSeparator: undefined,
+  retrieveLimit: undefined,
+  textBlockSize: undefined,
+  overlapCharacter: undefined,
+  questionSeparator: undefined,
+  knowledgeBaseDesc: undefined,
+  knowledgeBaseStatus: undefined,
+  vector: 'milvus',
+  openFlag: undefined,
+}
+const data = reactive<PageData<AiKnowledgeBaseForm, AiKnowledgeBaseQuery>>({
+  form: {...initFormData},
+  queryParams: {
+    pageNum: 1,
+    pageSize: 10,
+    knowledgeBaseId: undefined,
+    knowledgeBaseName: undefined,
+    modelId: undefined,
+    knowledgeBaseTypeId: undefined,
+    knowledgeBaseSeparator: undefined,
+    retrieveLimit: undefined,
+    textBlockSize: undefined,
+    overlapCharacter: undefined,
+    questionSeparator: undefined,
+    knowledgeBaseDesc: undefined,
+    knowledgeBaseStatus: undefined,
+    vector: undefined,
+    openFlag: undefined,
+    params: {}
+  },
+  rules: {
+    knowledgeBaseName: [
+      {required: true, message: "知识库名称不能为空", trigger: "blur"}
+    ],
+    modelId: [
+      {required: true, message: "AI模型不能为空", trigger: "blur"}
+    ],
+    knowledgeBaseTypeId: [
+      {required: true, message: "知识库类型不能为空", trigger: "blur"}
+    ],
+    knowledgeBaseStatus: [
+      {required: true, message: "状态不能为空", trigger: "change"}
+    ],
+  }
+});
+
+const {queryParams, form, rules} = toRefs(data);
+
+/** 查询AI知识库类型下拉列表 */
+const getAiKnowledgeBaseTypes = async () => {
+  const res = await getAiKnowledgeBaseTypeList({});
+  aiKnowledgeBaseTypeList.value = res.data;
+}
+
+/** 查询AI模型下来列表 */
+const getAiModels = async () => {
+  const res = await getAiModelList({modelTypeId: 2});
+  aiModelList.value = res.data;
+}
+
+
+/** 查询AI知识库列表 */
+const getList = async () => {
+  loading.value = true;
+  const res = await listAiKnowledgeBase(queryParams.value);
+  aiKnowledgeBaseList.value = res.rows;
+  // 初始化switchStatusMap
+  aiKnowledgeBaseList.value.forEach(kb => {
+    switchStatusMap.value[String(kb.knowledgeBaseId)] = kb.knowledgeBaseStatus
+  })
+  total.value = res.total;
+  loading.value = false;
+}
+
+/** 取消按钮 */
+const cancel = () => {
+  reset();
+  dialog.visible = false;
+}
+
+/** 表单重置 */
+const reset = () => {
+  form.value = {...initFormData};
+  aiKnowledgeBaseFormRef.value?.resetFields();
+}
+
+/** 搜索按钮操作 */
+const handleQuery = () => {
+  queryParams.value.pageNum = 1;
+  getList();
+}
+
+/** 重置按钮操作 */
+const resetQuery = () => {
+  queryFormRef.value?.resetFields();
+  handleQuery();
+}
+
+/** 多选框选中数据 */
+const handleSelectionChange = (selection: AiKnowledgeBaseVO[]) => {
+  ids.value = selection.map(item => item.knowledgeBaseId);
+  single.value = selection.length != 1;
+  multiple.value = !selection.length;
+}
+
+/** 新增按钮操作 */
+const handleAdd = () => {
+  reset();
+  dialog.visible = true;
+  dialog.title = "添加AI知识库";
+}
+
+/** 修改按钮操作 */
+const handleUpdate = async (row?: AiKnowledgeBaseVO) => {
+  reset();
+  const _knowledgeBaseId = row?.knowledgeBaseId || ids.value[0]
+  const res = await getAiKnowledgeBase(_knowledgeBaseId);
+  Object.assign(form.value, res.data);
+  dialog.visible = true;
+  dialog.title = "修改AI知识库";
+}
+
+/** 提交按钮 */
+const submitForm = () => {
+  aiKnowledgeBaseFormRef.value?.validate(async (valid: boolean) => {
+    if (valid) {
+      buttonLoading.value = true;
+      if (form.value.knowledgeBaseId) {
+        await updateAiKnowledgeBase(form.value).finally(() => buttonLoading.value = false);
+      } else {
+        await addAiKnowledgeBase(form.value).finally(() => buttonLoading.value = false);
+      }
+      proxy?.$modal.msgSuccess("操作成功");
+      dialog.visible = false;
+      await getList();
+    }
+  });
+}
+
+/** 删除按钮操作 */
+const handleDelete = async (row?: AiKnowledgeBaseVO) => {
+  const _knowledgeBaseIds = row?.knowledgeBaseId || ids.value;
+  await proxy?.$modal.confirm('是否确认删除AI知识库["' + row.knowledgeBaseName + '"]的数据项？').finally(() => loading.value = false);
+  await delAiKnowledgeBase(_knowledgeBaseIds);
+  proxy?.$modal.msgSuccess("删除成功");
+  await getList();
+}
+
+onMounted(() => {
+  getList();
+  getAiKnowledgeBaseTypes();
+  getAiModels();
+});
+
+
+const router = useRouter()
+const searchName = ref('')
+const page = ref(1)
+const pageSize = 6
+const showCreateDialog = ref(false)
+const showArrangeDialog = ref(false)
+
+const kbList = ref([
+  {
+    id: 1,
+    icon: '',
+    name: '产品知识库',
+    description: '产品相关知识',
+    vectorModel: 'text-embedding-ada-002',
+    status: 'enabled'
+  },
+  {id: 2, icon: '', name: '技术文档库', description: '技术文档集合', vectorModel: 'bge-large-zh', status: 'disabled'},
+  {
+    id: 3,
+    icon: '',
+    name: '运营知识库',
+    description: '运营相关知识',
+    vectorModel: 'text-embedding-ada-002',
+    status: 'enabled'
+  },
+  // ...更多模拟数据
+])
+
+const filteredList = computed(() => {
+  if (!searchName.value) return kbList.value
+  return kbList.value.filter(kb => kb.name.includes(searchName.value))
+})
+const pagedList = computed(() => {
+  const start = (page.value - 1) * pageSize
+  return filteredList.value.slice(start, start + pageSize)
+})
+
+// 新增：用于受控切换的临时状态
+const switchStatusMap = ref<Record<string, string>>({})
+
+const handleStatusChange = async (kb: any, val: string) => {
+  try {
+    loading.value = true;
+    await proxy?.$modal.confirm(`确定要将知识库“${kb.knowledgeBaseName}”${val === '1' ? '启用' : '禁用'}吗？`);
+    let statusChangeForm = ref<AiKnowledgeBaseVO>();
+    Object.assign(statusChangeForm, kb);
+    statusChangeForm.knowledgeBaseStatus = val
+    await updateAiKnowledgeBase(statusChangeForm)
+      .then(() => {
+        proxy?.$modal.msgSuccess("操作成功");
+        kb.knowledgeBaseStatus = val
+        switchStatusMap.value[String(kb.knowledgeBaseId)] = val
+      }).catch(() => {
+        // 还原switch
+        switchStatusMap.value[String(kb.knowledgeBaseId)] = kb.knowledgeBaseStatus
+      })
+  } catch {
+    switchStatusMap.value[String(kb.knowledgeBaseId)] = kb.knowledgeBaseStatus
+  }finally {
+    loading.value = false;
+    console.log(kb)
+  }
+}
+
+function goCreate() {
+  router.push({name: 'KnowledgeBaseCreate'})
+}
+
+function goDetail(kb: any) {
+  router.push({name: 'KnowledgeContent', params: {knowledgeBaseId: kb.knowledgeBaseId,modelId:kb.modelId,knowledgeBaseName: encodeURIComponent(kb.knowledgeBaseName)}})
+}
+
+function editKb(kb: any) {
+  router.push({name: 'KnowledgeBaseEdit', params: {id: kb.id}})
+}
+
+function deleteKb(kb: any) {
+  // TODO: 删除逻辑
+  kbList.value = kbList.value.filter(item => item.id !== kb.id)
+}
+
+function goQA(kb: any) {
+  router.push({name: 'KnowledgeBaseQA', params: {knowledgeBaseId: kb.knowledgeBaseId}})
+}
+
+function openArrangeDialog(kb: any) {
+  showArrangeDialog.value = true
+}
+
+function onCreated(newKb) {
+  // 可选：将新建的知识库添加到kbList
+  showCreateDialog.value = false
+}
+
+function onCreateDialogClose() {
+  showCreateDialog.value = false
+}
+</script>
+
+<style scoped>
+.kb-list-page {
+  padding: 24px;
+}
+
+.kb-list-header {
+  display: flex;
+  align-items: center;
+  margin-bottom: 24px;
+}
+
+.kb-card {
+  background: #fff;
+  border-radius: 8px;
+  box-shadow: 0 2px 8px #f0f1f2;
+  padding: 20px;
+  cursor: pointer;
+  position: relative;
+  transition: box-shadow .2s;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  height: 200px;
+}
+
+.kb-card.enabled {
+  border-left: 6px solid #67c23a;
+}
+
+.kb-card.disabled {
+  border-left: 6px solid #dcdfe6;
+  background: #f5f7fa;
+}
+
+.kb-card-header {
+  display: flex;
+  align-items: center;
+  margin-bottom: 12px;
+}
+
+.knowledge-base-icon {
+  width: 40px;
+  height: 40px;
+  margin-right: 10px;
+}
+
+.kb-card-title-container {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  flex: 1;
+}
+
+.kb-card-title {
+  font-size: 18px;
+  font-weight: bold;
+
+}
+
+.kb-card-knowledge-type {
+  font-size: 14px;
+  color: #666;
+  margin-top: 2px;
+}
+
+.kb-card-desc {
+  color: #888;
+  margin-bottom: 8px;
+  min-height: 32px;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.kb-card-footer {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-top: 16px;
+}
+
+.kb-card-info {
+  font-size: 13px;
+  color: #666;
+  margin-bottom: 0;
+}
+
+.kb-card-actions {
+  display: flex;
+  gap: 8px;
+  margin-bottom: 0;
+  justify-content: flex-end;
+  align-items: center;
+}
+
+.kb-card-status {
+  display: none;
+}
+
+.kb-card-status-switch {
+  position: absolute;
+  top: 18px;
+  right: 18px;
+  display: flex;
+  align-items: center;
+  font-size: 13px;
+  font-weight: bold;
+  color: #222;
+  border-radius: 4px;
+  padding: 0;
+  z-index: 2;
+  gap: 8px;
+}
+
+.kb-card-status-switch span {
+  color: #fff;
+  background: #67c23a;
+  border-radius: 4px;
+  padding: 2px 10px;
+  display: inline-block;
+}
+
+.kb-card.disabled .kb-card-status-switch span {
+  background: #bfbfbf;
+}
+
+
+</style>
diff --git a/src/views/ai/skill/aiKnowledge/knowledgeBaseCreate.vue b/src/views/ai/skill/aiKnowledge/knowledgeBaseCreate.vue
new file mode 100644
index 0000000..67c62ca
--- /dev/null
+++ b/src/views/ai/skill/aiKnowledge/knowledgeBaseCreate.vue
@@ -0,0 +1,116 @@
+<template>
+  <div class="kb-create-page">
+<!--    <div class="kb-create-title">创建知识库</div>-->
+    <el-form :model="form" :rules="rules" ref="formRef" label-width="120px" class="kb-create-form">
+      <el-form-item label="知识库名称" prop="knowledgeBaseName">
+        <el-input v-model="form.knowledgeBaseName" placeholder="请输入知识库名称" />
+      </el-form-item>
+      <el-form-item label="知识库名称" prop="knowledgeBaseName">
+        <el-input v-model="form.knowledgeBaseName" placeholder="请输入知识库名称" />
+      </el-form-item>
+      <el-form-item label="分段长度" prop="segmentLength">
+        <el-input-number v-model="form.segmentLength" :min="1" :step="1" />
+      </el-form-item>
+      <el-form-item label="分段重叠" prop="segmentOverlap">
+        <el-input-number v-model="form.segmentOverlap" :min="0" :step="1" />
+      </el-form-item>
+      <el-form-item label="检索条数" prop="topK">
+        <el-input-number v-model="form.topK" :min="1" :step="1" />
+      </el-form-item>
+      <el-form-item label="知识库类型" prop="vectorStore">
+        <el-select v-model="form.vectorStore" placeholder="请选择知识库类型">
+          <el-option label="vectorStoreA" value="vectorStoreA" />
+          <el-option label="vectorStoreB" value="vectorStoreB" />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="向量库" prop="vectorStore">
+        <el-select v-model="form.vectorStore" placeholder="请选择向量库">
+          <el-option label="vectorStoreA" value="vectorStoreA" />
+          <el-option label="vectorStoreB" value="vectorStoreB" />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="向量模型" prop="vectorModel">
+        <el-select v-model="form.vectorModel" placeholder="请选择向量模型">
+          <el-option label="text-embedding-ada-002" value="text-embedding-ada-002" />
+          <el-option label="bge-large-zh" value="bge-large-zh" />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="知识库描述" prop="description">
+        <el-input v-model="form.description" type="textarea" :rows="3" placeholder="请输入描述" />
+      </el-form-item>
+      <el-form-item label="状态" prop="status">
+        <el-radio-group v-model="form.status">
+          <el-radio label="enabled">启用</el-radio>
+          <el-radio label="disabled">禁用</el-radio>
+        </el-radio-group>
+      </el-form-item>
+      <el-form-item>
+
+      </el-form-item>
+    </el-form>
+  </div>
+  <div style="display: flex;justify-content: center">
+    <el-button type="primary" @click="onSubmit">保存</el-button>
+    <el-button @click="onCancel">取消</el-button>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, defineEmits } from 'vue'
+import { ElMessage } from 'element-plus'
+
+const emit = defineEmits(['created', 'cancel'])
+const formRef = ref()
+const form = ref({
+  name: '',
+  segmentLength: 100,
+  segmentOverlap: 20,
+  topK: 5,
+  vectorStore: '',
+  vectorModel: '',
+  description: '',
+  status: 'enabled',
+})
+const rules = {
+  name: [{ required: true, message: '请输入知识库名称', trigger: 'blur' }],
+  segmentLength: [{ required: true, type: 'number' as const, min: 1, message: '请输入正整数', trigger: 'blur' }],
+  segmentOverlap: [{ required: true, type: 'number' as const, min: 0, message: '请输入非负整数', trigger: 'blur' }],
+  topK: [{ required: true, type: 'number' as const, min: 1, message: '请输入正整数', trigger: 'blur' }],
+  vectorStore: [{ required: true, message: '请选择向量库', trigger: 'change' }],
+  vectorModel: [{ required: true, message: '请选择向量模型', trigger: 'change' }],
+  status: [{ required: true, message: '请选择状态', trigger: 'change' }],
+}
+
+function onSubmit() {
+  formRef.value.validate((valid: boolean) => {
+    if (valid) {
+      // TODO: 保存逻辑
+      ElMessage.success('保存成功')
+      emit('created', { ...form.value })
+    }
+  })
+}
+function onCancel() {
+  emit('cancel')
+}
+</script>
+
+<style scoped>
+.kb-create-page {
+  padding: 0;
+  max-width: 600px;
+  margin: 0 auto;
+}
+.kb-create-title {
+  font-size: 20px;
+  font-weight: bold;
+  margin-bottom: 24px;
+  text-align: center;
+}
+.kb-create-form {
+  background: #fff;
+  border-radius: 8px;
+  box-shadow: 0 2px 8px #f0f1f2;
+  padding: 0 24px 0 24px;
+}
+</style>
diff --git a/src/views/ai/skill/aiKnowledge/knowledgeContent.vue b/src/views/ai/skill/aiKnowledge/knowledgeContent.vue
new file mode 100644
index 0000000..c67b897
--- /dev/null
+++ b/src/views/ai/skill/aiKnowledge/knowledgeContent.vue
@@ -0,0 +1,496 @@
+<template>
+  <div class="kb-docs-page">
+    <div class="kb-docs-header">
+      <span><b>AI知识库：</b>{{ knowledgeBaseName}}</span>
+      <el-button type="primary" @click="showUploadDialog = true" style="margin-right:auto; margin-left:20px;" >上传文档</el-button>
+    </div>
+    <el-row :gutter="20" v-loading="loading">
+      <el-col v-for="doc in aiKnowledgeContentList" :key="doc.knowledgeContentId" :xs="24" :sm="12" :md="8" :lg="8"
+              :xl="6" style="margin-bottom:20px;">
+        <div :class="['doc-card', getStatusClass(doc)]" @click.self="goPreview(doc)">
+          <!-- 右上角状态 -->
+          <div class="doc-card-status-top" :class="getStatusClass(doc)">
+            {{ getStatusText(doc) }}
+          </div>
+
+          <div class="doc-card-title">
+            <span :class="['file-icon', getFileIconClass(doc)]"/>
+            <span class="title-text" :title="doc.fileName">{{ doc.fileName }}</span>
+          </div>
+
+          <!-- 左下角上传信息 -->
+          <div class="doc-card-upload-info">
+            <div class="upload-time">{{ doc.updateTime || doc.createTime }}</div>
+            <!--            <div class="upload-user">{{ doc.createBy || doc.updateBy || '未知用户' }}</div>-->
+          </div>
+
+          <div class="doc-card-footer">
+            <div class="doc-card-actions">
+              <el-button size="small" type="primary" v-if="Number(doc.contentStatus) !== 1"
+                         @click.stop="vectorizeDoc(doc)">向量化
+              </el-button>
+              <el-button size="small" type="danger" @click.stop="handleDelete(doc)">删除</el-button>
+            </div>
+          </div>
+        </div>
+      </el-col>
+    </el-row>
+    <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum"
+                v-model:limit="queryParams.pageSize" @pagination="getList"/>
+
+
+    <el-dialog v-model="showEditDialog" title="编辑文档" width="500px">
+      <el-input v-model="editDocForm.title" placeholder="标题" style="margin-bottom:12px;"/>
+      <el-input v-model="editDocForm.content" type="textarea" :rows="4" placeholder="内容"/>
+      <div style="margin-top:12px;text-align:right;">
+        <el-button @click="showEditDialog=false">取消</el-button>
+        <el-button type="primary" @click="saveEditDoc">保存</el-button>
+      </div>
+    </el-dialog>
+    <el-dialog v-model="showUploadDialog" title="上传文档" width="80vw" :modal-append-to-body="false"
+               :close-on-click-modal="false" :destroy-on-close="true" :before-close="onUploadDialogClose">
+      <KnowledgeBaseUpload @confirm="onUploadSuccess" @cancel="onUploadDialogClose"/>
+    </el-dialog>
+    <el-dialog v-model="showPreviewDialog" title="文档预览" width="80vw" height="90vw" :modal-append-to-body="false"
+               :close-on-click-modal="false" :destroy-on-close="true">
+      <KnowledgeBasePreview :doc="previewDoc"/>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup lang="ts">
+import {ref} from 'vue'
+import {useRouter} from 'vue-router'
+import KnowledgeBaseUpload from './knowledgeContentUpload.vue'
+import KnowledgeBasePreview from './knowledgeContentPreview.vue'
+import {
+  listAiKnowledgeContent,
+  vectorizeKnowledgeContent,
+  delAiKnowledgeContent,
+  delAiKnowledgeBase
+} from '@/api/ai/skill/aiKnowledgeBase';
+import {
+  AiKnowledgeContentVO,
+  AiKnowledgeContentQuery,
+  AiKnowledgeContentForm
+} from '@/api/ai/skill/aiKnowledgeContent/types';
+import {ElMessage} from 'element-plus'
+import {AiKnowledgeBaseVO} from "@/api/ai/skill/aiKnowledgeBase/types";
+
+const {proxy} = getCurrentInstance() as ComponentInternalInstance;
+
+const knowledgeBaseId = ref();
+const knowledgeBaseName = ref();
+const modelId = ref();
+const embeddingKnowledgeContentVo = ref({});
+
+const page = ref(1)
+const pageSize = 6
+const showEditDialog = ref(false)
+const showUploadDialog = ref(false)
+const editDocForm = ref({id: 0, title: '', content: '', status: 'enabled'})
+const docList = ref([
+  {
+    id: 1,
+    title: '文档A',
+    content: '内容A第一行，内容A第二行，内容A第三行，内容A第四行，内容A第五行，内容A第六行，内容A第七行，内容A第八行，内容A第九行。',
+    status: 'enabled'
+  },
+  {
+    id: 2,
+    title: '文档B',
+    content: '内容B第一行，内容B第二行，内容B第三行，内容B第四行，内容B第五行，内容B第六行，内容B第七行，内容B第八行，内容B第九行。',
+    status: 'disabled'
+  },
+  {
+    id: 3,
+    title: '文档C',
+    content: '内容C第一行，内容C第二行，内容C第三行，内容C第四行，内容C第五行，内容C第六行，内容C第七行，内容C第八行，内容C第九行。',
+    status: 'enabled'
+  },
+  // ...更多模拟数据
+])
+
+
+const aiKnowledgeContentList = ref<AiKnowledgeContentVO[]>([]);
+const total = ref(0);
+const loading = ref(true);
+
+const initFormData: AiKnowledgeContentForm = {
+  knowledgeContentId: undefined,
+  knowledgeBaseId: undefined,
+  contentTitle: undefined,
+  contentWay: undefined,
+  description: undefined,
+  fileName: undefined,
+  filePath: undefined,
+  fileType: undefined,
+  fileSize: undefined,
+  contentStatus: undefined,
+  overlapCharacter: undefined,
+  totalChunk: undefined,
+  createTime: undefined,
+  updateTime: undefined,
+  createBy: undefined,
+  updateBy: undefined,
+}
+const data = reactive<PageData<AiKnowledgeContentForm, AiKnowledgeContentQuery>>({
+  form: {...initFormData},
+  queryParams: {
+    pageNum: 1,
+    pageSize: 10,
+    knowledgeContentId: undefined,
+    knowledgeBaseId: undefined,
+    contentTitle: undefined,
+    contentWay: undefined,
+    description: undefined,
+    fileName: undefined,
+    filePath: undefined,
+    fileType: undefined,
+    fileSize: undefined,
+    contentStatus: undefined,
+    overlapCharacter: undefined,
+    totalChunk: undefined,
+    params: {}
+  },
+  rules: {
+    knowledgeContentId: [
+      {required: true, message: "主键不能为空", trigger: "blur"}
+    ],
+
+  }
+});
+
+const {queryParams, form, rules} = toRefs(data);
+
+/** 查询AI知识库内容列表 */
+const getList = async () => {
+  loading.value = true;
+  const res = await listAiKnowledgeContent(queryParams.value);
+  aiKnowledgeContentList.value = res.rows;
+  total.value = res.total;
+  loading.value = false;
+  if (!aiKnowledgeContentList.value || aiKnowledgeContentList.value.length <= 0) {
+    proxy.$modal.msgWarning('未查询到数据')
+  }
+}
+
+// 根据文件名或fileType返回图标class
+function getFileIconClass(doc: any) {
+  // alert(JSON.stringify(doc))
+  const name: string = doc.fileName || doc.contentTitle || ''
+  const type: string = (doc.fileType || '').toString().toLowerCase()
+  const ext = (name.split('.').pop() || '').toLowerCase()
+  const t = type || ext
+  if ([
+    'doc', 'docx', 'application/msword', 'application/vnd.openxmlformats-officedocument.wordprocessingml.document'
+  ].includes(t)) return 'icon-word'
+  if ([
+    'pdf', 'application/pdf'
+  ].includes(t)) return 'icon-pdf'
+  if ([
+    'xls', 'xlsx', 'application/vnd.ms-excel', 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
+  ].includes(t)) return 'icon-excel'
+  if ([
+    'ppt', 'pptx', 'application/vnd.ms-powerpoint', 'application/vnd.openxmlformats-officedocument.presentationml.presentation'
+  ].includes(t)) return 'icon-ppt'
+  if ([
+    'txt', 'text/plain', 'md', 'markdown'
+  ].includes(t)) return 'icon-txt'
+  return 'icon-file'
+}
+
+function getStatusText(doc: any) {
+  const v = Number(doc.contentStatus)
+  if (v === 1) return '成功'
+  if (v === 2) return '解析失败'
+  if (v === 3) return '待解析'
+  return '失败'
+}
+
+function getStatusClass(doc: any) {
+  const v = Number(doc.contentStatus)
+  if (v === 1) return 'enabled'
+  if (v === 0) return 'pending'
+  return 'disabled'
+}
+
+async function vectorizeDoc(doc) {
+  try {
+    proxy?.$modal.loading('正在向量化文档，请稍候...')
+
+    // 如果有可用的向量化参数，则调用后端处理（可选）
+    embeddingKnowledgeContentVo.value.knowledgeContentId = doc.knowledgeContentId
+    embeddingKnowledgeContentVo.value.knowledgeBaseId = knowledgeBaseId.value
+    embeddingKnowledgeContentVo.value.modelId = modelId.value
+    await vectorizeKnowledgeContent(embeddingKnowledgeContentVo.value)
+    ElMessage.success('向量化完成')
+    doc.contentStatus = 1
+
+  } catch (err) {
+    console.error(err)
+  } finally {
+    proxy?.$modal.closeLoading()
+  }
+}
+
+function formatTime(timestamp: string | number) {
+  if (!timestamp) return '未知时间';
+  const date = new Date(timestamp);
+  const year = date.getFullYear();
+  const month = String(date.getMonth() + 1).padStart(2, '0');
+  const day = String(date.getDate()).padStart(2, '0');
+  const hours = String(date.getHours()).padStart(2, '0');
+  const minutes = String(date.getMinutes()).padStart(2, '0');
+  return `${year}-${month}-${day} ${hours}:${minutes}`;
+}
+
+
+const pagedList = computed(() => {
+  const start = (page.value - 1) * pageSize
+  return docList.value.slice(start, start + pageSize)
+})
+
+const showPreviewDialog = ref(false)
+const previewDoc = ref(null)
+
+function goPreview(doc: any) {
+  previewDoc.value = doc
+  showPreviewDialog.value = true
+}
+
+function editDoc(doc: any) {
+  editDocForm.value = {...doc}
+  showEditDialog.value = true
+}
+
+function saveEditDoc() {
+  // TODO: 保存编辑逻辑
+  const idx = docList.value.findIndex(d => d.id === editDocForm.value.id)
+  if (idx !== -1) docList.value[idx] = {...editDocForm.value}
+  showEditDialog.value = false
+}
+
+
+const handleDelete = async (row?: AiKnowledgeContentVO) => {
+  const knowledgeBaseId = row?.knowledgeBaseId;
+  await proxy?.$modal.confirm('是否确认删除知识库内容["' + row.fileName + '"]的数据项？').finally(() => loading.value = false);
+  await delAiKnowledgeContent(knowledgeBaseId, row.knowledgeContentId);
+  proxy?.$modal.msgSuccess("删除成功");
+  await getList();
+}
+
+function handleFileChange(file) {
+  // TODO: 处理文件选择
+}
+
+function confirmUpload() {
+  // TODO: 上传逻辑
+  showUploadDialog.value = false
+}
+
+function onUploadSuccess() {
+  showUploadDialog.value = false
+  // 可选：刷新文档列表
+}
+
+function onUploadDialogClose() {
+  showUploadDialog.value = false
+  getList();
+}
+
+onMounted(() => {
+  let paramKnowledgeBaseId = proxy.$route.params?.knowledgeBaseId
+  let paramModelId = proxy.$route.params?.modelId
+  if (paramModelId === undefined || paramKnowledgeBaseId === undefined) {
+    proxy?.$modal.msgWarning("请选择知识库和模型");
+    return;
+  }
+
+  knowledgeBaseId.value = paramKnowledgeBaseId
+  queryParams.value.knowledgeBaseId = paramKnowledgeBaseId
+  modelId.value = paramModelId;
+  knowledgeBaseName.value = decodeURIComponent(proxy.$route.params?.knowledgeBaseName)
+  getList();
+});
+
+</script>
+
+<style scoped>
+.kb-docs-page {
+  padding: 24px;
+  height: 100%;
+}
+
+.kb-docs-header {
+  display: flex;
+  justify-content: flex-start;
+  margin-bottom: 24px;
+}
+
+.doc-card {
+  background: #fff;
+  border-radius: 10px;
+  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.06);
+  padding: 16px 16px 48px 16px;
+  cursor: pointer;
+  position: relative;
+  transition: box-shadow .2s, transform .2s;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  height: 160px;
+}
+
+.doc-card:hover {
+  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.10);
+  transform: translateY(-2px);
+}
+
+.doc-card-title {
+  font-size: 18px;
+  font-weight: 600;
+  margin-bottom: 0;
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+
+.title-text {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+/* 隐藏内容区（仅标题卡片） */
+.doc-card-content {
+  display: none;
+}
+
+.doc-card-footer {
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  position: absolute;
+  bottom: 12px;
+  left: 16px;
+  right: 16px;
+}
+
+.doc-card-status {
+  margin-right: auto;
+  font-size: 16px;
+  font-weight: 600;
+  color: #909399;
+}
+
+.doc-card-status.enabled {
+  color: #67c23a;
+}
+
+.doc-card-status.pending {
+  color: #e6a23c;
+}
+
+.doc-card-status.disabled {
+  color: #f56c6c;
+}
+
+.doc-card.enabled {
+  background: #f6ffed;
+}
+
+.doc-card.disabled {
+  background: #fff1f0;
+}
+
+.doc-card-actions {
+  display: flex;
+  gap: 8px;
+  justify-content: flex-end;
+  align-items: center;
+}
+
+.doc-card-status-top {
+  position: absolute;
+  top: 12px;
+  right: 16px;
+  font-size: 14px;
+  font-weight: 600;
+  color: #fff;
+  padding: 4px 8px;
+  border-radius: 6px;
+  background-color: #409eff; /* 默认蓝色 */
+}
+
+.doc-card-status-top.enabled {
+  background-color: #67c23a;
+}
+
+.doc-card-status-top.pending {
+  background-color: #e6a23c;
+}
+
+.doc-card-status-top.disabled {
+  background-color: #f56c6c;
+}
+
+.doc-card-upload-info {
+  position: absolute;
+  bottom: 12px;
+  left: 16px;
+  font-size: 12px;
+  color: #909399;
+  line-height: 1.4;
+}
+
+.upload-time {
+  margin-bottom: 2px;
+  font-weight: 500;
+  color: #606266;
+  font-size: 14px;
+}
+
+.upload-user {
+  opacity: 0.8;
+  color: #909399;
+}
+
+/* 文件类型图标 */
+.file-icon {
+  width: 50px;
+  height: 50px;
+  border-radius: 4px;
+  display: inline-block;
+}
+
+.icon-word {
+  background-image: url('@/assets/docx.png');
+  background-size: 50px 50px;
+}
+
+.icon-pdf {
+  background-image: url('@/assets/PDF.png');
+  background-size: 50px 50px;
+}
+
+.icon-excel {
+  background-image: url('@/assets/docx.png');
+  background-size: 50px 50px;
+}
+
+.icon-ppt {
+  background-image: url('@/assets/docx.png');
+  background-size: 50px 50px;
+}
+
+.icon-txt {
+  background-image: url('@/assets/docx.png');
+  background-size: 50px 50px;
+}
+
+.icon-file {
+  background-image: url('@/assets/document.png');
+  background-size: 50px 50px;
+}
+</style>
diff --git a/src/views/ai/skill/aiKnowledge/knowledgeContentPreview.vue b/src/views/ai/skill/aiKnowledge/knowledgeContentPreview.vue
new file mode 100644
index 0000000..bdb94c8
--- /dev/null
+++ b/src/views/ai/skill/aiKnowledge/knowledgeContentPreview.vue
@@ -0,0 +1,319 @@
+<template>
+  <div class="kb-preview-page">
+    <div class="kb-preview-container" v-loading="loading">
+      <div class="kb-preview-left" :style="leftPaneStyle" :class="{ collapsed: !showSegments }">
+        <div class="kb-preview-title-row">
+          <span v-if="showSegments">文档信息</span>
+          <el-button type="text" @click="toggleLeftPane" style="margin-left:auto;">
+            <el-icon v-if="!showSegments"><ArrowRight /></el-icon>
+            <el-icon v-else><ArrowLeft /></el-icon>
+          </el-button>
+        </div>
+        <div class="kb-preview-basic">
+          <div><b>名称：</b>{{ props.doc.fileName }}</div>
+          <div><b>附件：</b> <el-button type="text" @click.stop="downloadAttachment(props.doc.filePath)">下载</el-button></div>
+          <ul class="kb-preview-attachments">
+            <!--            <li>-->
+            <!--              <span>{{ props.doc.filePath }}</span>-->
+
+            <!--            </li>-->
+          </ul>
+        </div>
+        <!--        <div class="kb-preview-detail">-->
+        <!--          <div><b>详细内容：</b></div>-->
+        <!--          <div class="kb-preview-content">{{ doc.content }}</div>-->
+        <!--        </div>-->
+      </div>
+      <div class="kb-preview-drag" v-if="showSegments" @mousedown="startDrag"></div>
+      <div class="kb-preview-right">
+        <div class="kb-preview-title kb-preview-title-row">
+          <span>内容分段</span>
+          <span class="kb-preview-segment-count">共{{ props.doc.chunkList?.length }}段</span>
+        </div>
+        <div class="kb-segments-flow">
+          <div class="kb-segment-flow-row" v-for="(seg, idx) in props.doc.chunkList" :key="idx">
+            <div class="kb-segment-flow-left">
+              <div v-if="idx < props.doc.chunkList?.length - 1" class="kb-segment-flow-line"></div>
+              <div class="kb-segment-flow-circle">{{ idx + 1 }}</div>
+            </div>
+            <div class="kb-segment-content">{{ seg }}</div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted, onBeforeUnmount } from 'vue'
+import { useRoute } from 'vue-router'
+import { ArrowRight, ArrowLeft } from '@element-plus/icons-vue'
+import {
+  getKnowledgeContentFragmentList,
+} from "@/api/ai/skill/aiKnowledgeBase";
+
+const {proxy} = getCurrentInstance() as ComponentInternalInstance;
+
+const route = useRoute()
+const leftWidth = ref(400)
+const dragging = ref(false)
+const props = defineProps({
+  doc: {
+    type: [Object],
+    required: true
+  },
+});
+const loading = ref(false);
+
+const doc = ref({
+  id: 1,
+  title: '文档A',
+  content: '这是文档A的全部内容。分段1内容。分段2内容。分段3内容。',
+  status: 'enabled',
+  attachments: [
+    { name: '附件1.pdf', url: '/download/1' }
+  ]
+})
+const segments = ref([
+  '分段1内容',
+  '分段2内容\n第二行内容\n第三行内容\n第四行内容',
+  '分段3内容'
+])
+
+
+const showSegments = ref(true)
+const leftPaneStyle = computed(() => showSegments.value
+  ? { width: leftWidth.value + 'px', minWidth: '200px', maxWidth: '800px' }
+  : { width: '20px', minWidth: '10px', maxWidth: '120px', overflow: 'hidden' })
+
+// 添加切换左边面板的函数
+function toggleLeftPane() {
+  showSegments.value = !showSegments.value
+}
+
+function startDrag(e: MouseEvent) {
+  dragging.value = true
+  const startX = e.clientX
+  const startWidth = leftWidth.value
+  function onMouseMove(ev: MouseEvent) {
+    if (!dragging.value) return
+    const delta = ev.clientX - startX
+    leftWidth.value = Math.max(200, Math.min(600, startWidth + delta))
+  }
+  function onMouseUp() {
+    dragging.value = false
+    window.removeEventListener('mousemove', onMouseMove)
+    window.removeEventListener('mouseup', onMouseUp)
+  }
+  window.addEventListener('mousemove', onMouseMove)
+  window.addEventListener('mouseup', onMouseUp)
+}
+
+function downloadAttachment(url) {
+  window.open(url, '_blank')
+}
+
+onBeforeUnmount(() => {
+  window.removeEventListener('mousemove', () => {})
+  window.removeEventListener('mouseup', () => {})
+})
+
+
+/** 查询AI知识库列表 */
+const getChunkList = async () => {
+  loading.value = true;
+  const res = await getKnowledgeContentFragmentList({contentId:props.doc.knowledgeContentId});
+  // alert(JSON.stringify(res))
+  props.doc.chunkList = [];
+  res.data.forEach(fragment => {
+    props.doc.chunkList.push(fragment.fragmentText);
+  })
+  loading.value = false;
+}
+
+
+onMounted(() => {
+  // alert(JSON.stringify(props.doc))
+  let paramKnowledgeContentId =props.doc.knowledgeContentId
+  if(!props.doc.chunkList || props.doc.chunkList.length == 0){
+    getChunkList();
+  }else{
+
+  }
+
+});
+
+</script>
+
+<style scoped>
+.kb-preview-page {
+  padding: 0;
+}
+.kb-preview-container {
+  display: flex;
+  background: #fff;
+  border-radius: 8px;
+  box-shadow: 0 2px 8px #f0f1f2;
+  height:100%;
+  overflow: hidden;
+}
+.kb-preview-left {
+  padding: 24px;
+  border-right: 2px solid #f0f1f2;
+  background: #fafbfc;
+  min-width: 200px;
+  max-width: 800px;
+  transition: all 0.3s ease; /* 添加平滑过渡效果 */
+  box-sizing: border-box;
+  overflow: hidden; /* 防止内容溢出 */
+}
+
+/* 收缩状态下的样式 */
+.kb-preview-left.collapsed .kb-preview-basic,
+.kb-preview-left.collapsed .kb-preview-detail {
+  display: none;
+}
+.kb-preview-drag {
+  width: 6px;
+  cursor: ew-resize;
+  background: #e4e7ed;
+  transition: background 0.2s;
+}
+.kb-preview-drag:hover {
+  background: #b3c0d1;
+}
+.kb-preview-right {
+  flex: 1;
+  padding: 24px;
+  overflow: auto;
+  min-width: 0; /* 确保flex子项能正确收缩 */
+}
+.kb-preview-title {
+  font-size: 18px;
+  font-weight: bold;
+  margin-bottom: 16px;
+}
+.kb-preview-info {
+  font-size: 15px;
+  color: #333;
+}
+.kb-preview-content {
+  margin-top: 8px;
+  color: #666;
+  word-break: break-all;
+}
+.kb-segment-content {
+  background: #f5f7fa;
+  border-radius: 4px;
+  padding: 10px 16px;
+  color: #333;
+  width: 100%;
+  height: auto; /* 改为auto，让高度自适应内容 */
+  min-height: 48px; /* 设置最小高度，与圆圈高度一致 */
+  box-sizing: border-box;
+  font-size: 15px;
+  line-height: 1.7;
+  word-break: break-all;
+  white-space: normal;
+  cursor: pointer;
+  flex: 1; /* 让内容区域占据剩余空间 */
+  display: flex;
+  align-items: center; /* 垂直居中内容 */
+}
+.kb-segment-ellipsis {
+  display: -webkit-box;
+  -webkit-line-clamp: 4;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  word-break: break-all;
+  white-space: normal;
+  cursor: pointer;
+}
+.kb-preview-attachments {
+  margin: 0 0 8px 0;
+  padding: 0;
+  list-style: none;
+}
+.kb-preview-attachments li {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-bottom: 4px;
+}
+.kb-preview-title-row {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  font-size: 18px;
+  font-weight: bold;
+  margin-bottom: 16px;
+}
+.kb-preview-segment-count {
+  font-size: 18px;
+  color: #888;
+  font-weight: normal;
+  margin-bottom: 0;
+}
+.kb-segments-flow {
+  display: flex;
+  flex-direction: column;
+  gap: 32px;
+  margin-top: 8px;
+}
+.kb-segment-flow-row {
+  display: flex;
+  align-items: stretch;
+  gap: 20px;
+  position: relative;
+  min-height: auto; /* 改为auto，让高度自适应 */
+}
+.kb-segment-flow-left {
+  position: relative;
+  min-width: 56px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: flex-start;
+  height: 100%; /* 保持100%以填充整个行高度 */
+}
+.kb-segment-flow-circle {
+  width: 48px;
+  height: 48px;
+  background: #fff;
+  border: 4px solid #409EFF;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 22px;
+  color: #409EFF;
+  font-weight: bold;
+  box-sizing: border-box;
+  box-shadow: 0 2px 12px #e0eaff33;
+  z-index: 1;
+  position: relative;
+  flex-shrink: 0; /* 防止圆圈被压缩 */
+}
+.kb-segment-flow-line {
+  position: absolute;
+  top: 48px;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 4px;
+  height: calc(100% - 48px); /* 从圆圈底部开始，到行底部结束 */
+  background: #409EFF33;
+  border-radius: 2px;
+  z-index: 0;
+}
+.kb-segment-flow-row:last-child .kb-segment-flow-line {
+  display: none;
+}
+.kb-preview-basic {
+  margin-bottom: 24px;
+  font-size: 18px;
+}
+.kb-preview-detail {
+  margin-top: 16px;
+}
+</style>
diff --git a/src/views/ai/skill/aiKnowledge/knowledgeContentUpload.vue b/src/views/ai/skill/aiKnowledge/knowledgeContentUpload.vue
new file mode 100644
index 0000000..d827418
--- /dev/null
+++ b/src/views/ai/skill/aiKnowledge/knowledgeContentUpload.vue
@@ -0,0 +1,436 @@
+<template>
+  <div class="kb-upload-page">
+    <div class="kb-upload-steps-bar">
+      <el-steps :active="step" finish-status="success" process-status="finish" align-center>
+        <el-step title="上传文档"/>
+        <el-step title="预览文档"/>
+        <!--        <el-step title="文档预览" />-->
+      </el-steps>
+    </div>
+    <div v-if="step === 0" class="kb-upload-step1">
+      <el-form :model="form" ref="formRef" label-width="100px" class="kb-upload-form">
+        <!--        <el-form-item label="标题" prop="title">-->
+        <!--          <el-input v-model="form.title" placeholder="请输入文档标题" style="width:90%" />-->
+        <!--        </el-form-item>-->
+
+        <el-form-item label="上传文档" prop="file">
+          <el-upload
+            single
+            drag
+            style="width:80%"
+            :action="uploadImgUrl"
+            :data="form"
+            :before-upload="beforeUpload"
+            :on-success="handleUploadSuccess"
+            :on-error="handleUploadError"
+            :limit="limit"
+            ref="fileUploadRef"
+            :show-file-list="true"
+            :headers="headers"
+            :file-list="fileList"
+            :before-remove="beforeRemove"
+          >
+            <i class="el-icon-upload"></i>
+            <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
+            <div class="el-upload__tip" slot="tip">只能上传一个文档，支持<b style="color:#f56c6c">PDF、Word</b>等格式，最大<b
+              style="color:#f56c6c">10MB</b></div>
+          </el-upload>
+        </el-form-item>
+      </el-form>
+      <div style="text-align:right;margin-top:24px;">
+        <el-button @click="onCancel">取消</el-button>
+        <el-button type="primary" @click="onNext" :loading="isProcessing" :disabled="isProcessing">下一步</el-button>
+      </div>
+    </div>
+    <div v-else class="kb-upload-step2">
+      <KnowledgeContentPreview :doc="previewDoc"/>
+      <div style="text-align:right;margin-top:24px;">
+        <el-button type="primary" @click="onCancel">关闭</el-button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import {ref, watch} from 'vue'
+import {ElMessage} from 'element-plus'
+import KnowledgeContentPreview from './knowledgeContentPreview.vue'
+import useUserStore from "@/store/modules/user";
+import {UploadRawFile} from 'element-plus';
+import {
+  vectorizeKnowledgeContent,
+  removeContentFile,
+} from "@/api/ai/skill/aiKnowledgeBase";
+import {getToken} from "@/utils/auth";
+
+const step = ref(0)
+const formRef = ref()
+const form = ref({title: '', file: null, knowledgeBaseId: null, modelId: null})
+const fileList = ref([])
+
+const fileUploadRef = ref<ElUploadInstance>();
+
+const number = ref(0)
+const uploadList = ref([])
+const dialogImageUrl = ref("")
+const dialogVisible = ref(false)
+const limit = ref(1)
+const hideUpload = ref(false)
+const baseUrl = import.meta.env.VITE_APP_BASE_API;
+const uploadImgUrl = ref(baseUrl + "/ai/aiKnowledgeBase/uploadKnowledgeContent") // 上传的图片服务器地址
+const headers = ref({
+  Authorization: "Bearer " + getToken(),
+  clientid: import.meta.env.VITE_APP_CLIENT_ID
+})
+
+const embeddingKnowledgeContentVo = ref({});
+const emit = defineEmits<{
+  (e: 'cancel'): void
+  (e: 'confirm', payload?: any): void
+}>()
+
+
+const segments = ref([
+  '分段1内容',
+  '分段2内容',
+  '分段3内容'
+])
+
+interface Options {
+  file: '';
+  fileName: string;
+  previews: any; // 预览数据
+  outputType: string;
+  visible: boolean;
+}
+
+const {proxy} = getCurrentInstance() as ComponentInternalInstance;
+
+const cropper = ref<any>({});
+//图片裁剪数据
+const options = reactive<Options>({
+  file: '',
+  outputType: 'png',
+  fileName: '',
+  previews: {},
+  visible: false
+});
+
+
+/** 上传预处理 */
+const beforeUpload = (file: UploadRawFile): any => {
+  // 校检文件类型
+  // if (props.fileType.length) {
+  //   const fileName = file.name.split('.');
+  //   const fileExt = fileName[fileName.length - 1];
+  //   const isTypeOk = props.fileType.indexOf(fileExt) >= 0;
+  //   if (!isTypeOk) {
+  //     proxy?.$modal.msgError(`文件格式不正确, 请上传${props.fileType.join('/')}格式文件!`);
+  //     return false;
+  //   }
+  // }
+  // 校检文件大小
+  // if (props.fileSize) {
+  //   const isLt = file.size / 1024 / 1024 < props.fileSize;
+  //   if (!isLt) {
+  //     proxy?.$modal.msgError(`上传文件大小不能超过 ${props.fileSize} MB!`);
+  //     return false;
+  //   }
+  // }
+  if (fileList.value.length >= limit.value) {
+    proxy?.$modal.msgError(`最多上传${limit.value}个文件`);
+    return false;
+  }
+
+  proxy?.$modal.loading('正在上传文件，请稍候...');
+  number.value++;
+  return true;
+};
+
+// 上传成功回调
+const handleUploadSuccess = (res: any, file, fileList) => {
+  console.log('上传成功:', res)
+  if (res.code === 200) {
+    embeddingKnowledgeContentVo.value = res.data
+    embeddingKnowledgeContentVo.value.knowledgeBaseId = form.value.knowledgeBaseId;
+    embeddingKnowledgeContentVo.value.modelId = form.value.modelId;
+    uploadList.value.push({
+      name: res.data.fileName,
+      url: res.data.url,
+      knowledgeContentId: res.data.knowledgeContentId
+    });
+    uploadedSuccessfully();
+  } else {
+    number.value--;
+    proxy?.$modal.closeLoading();
+    proxy?.$modal.msgError(res.msg);
+    fileUploadRef.value?.handleRemove(file);
+    uploadedSuccessfully();
+  }
+}
+
+// 上传结束处理
+const uploadedSuccessfully = () => {
+  if (number.value > 0 && uploadList.value.length === number.value) {
+    fileList.value = fileList.value.filter((f) => f.url !== undefined).concat(uploadList.value);
+    uploadList.value = [];
+    number.value = 0;
+    // emit('update:modelValue', listToString(fileList.value));
+    // emit('update:modelValue', fileList.value);
+    proxy?.$modal.closeLoading();
+  }
+};
+
+/** 删除预处理 */
+const beforeRemove =  (file: UploadRawFile) => {
+  let knowledgeContentId = file.knowledgeContentId;
+  return new Promise((resolve, reject) => {
+    // 模拟确认对话框
+    ElMessageBox.confirm(
+      `确定删除 ${file.name} ？`,
+      '警告',
+      {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning',
+      }
+    ).then(() => {
+      // 模拟API调用
+      removeContentFile(knowledgeContentId)
+        .then(() => {
+          resolve(true); // 允许删除
+        })
+        .catch(() => {
+          resolve(false); // 阻止删除
+        });
+    }).catch(() => {
+      // 用户点击取消，阻止删除
+      resolve(false);
+    });
+  });
+}
+
+
+// 删除文件
+const handleDelete = (index: number) => {
+  let ossId = fileList.value[index].ossId;
+  // delOss(ossId);
+  fileList.value.splice(index, 1);
+  // emit('update:modelValue', listToString(fileList.value));
+};
+
+
+// 上传失败回调
+const handleUploadError = (error: any) => {
+  console.error('上传失败:', error)
+
+  // 添加到上传记录
+  const record = {
+    fileName: '上传失败',
+    fileSize: '未知',
+    uploadTime: new Date().toLocaleString(),
+    status: 'error'
+  }
+  // uploadRecords.value.unshift(record)
+
+  ElMessage.error('文件上传失败')
+}
+
+
+const previewDoc = ref(null)
+
+function handleFileChange(file) {
+  form.value.file = file.raw
+  fileList.value = [file]
+}
+
+const isProcessing = ref(false)
+
+function onNext() {
+  // if (!form.value.title) return ElMessage.warning('请输入文档标题')
+  if (fileList.value.length === 0) return ElMessage.warning('请上传文档')
+  // 实际应上传并解析文档，获取分段内容
+  // step.value = 1
+  processNext();
+}
+
+async function processNext() {
+  try {
+    isProcessing.value = true
+    proxy?.$modal.loading('正在向量化文档，请稍候...')
+
+    // 如果有可用的向量化参数，则调用后端处理（可选）
+    if (embeddingKnowledgeContentVo.value && Object.keys(embeddingKnowledgeContentVo.value).length > 0) {
+      await vectorizeKnowledgeContent(embeddingKnowledgeContentVo.value)
+      previewDoc.value = embeddingKnowledgeContentVo.value
+      step.value = 1
+      ElMessage.success('向量化完成')
+    } else {
+      ElMessage.error('处理失败，请重试')
+    }
+
+  } catch (err) {
+    console.error(err)
+  } finally {
+    proxy?.$modal.closeLoading()
+    isProcessing.value = false
+  }
+}
+
+function onCancel() {
+  // TODO: 返回或关闭页面
+  ElMessage.info('已取消')
+  emit('cancel')
+}
+
+function onConfirm() {
+}
+
+
+watch([() => form.value.title, segments], () => {
+  previewDoc.value.title = form.value.title
+  previewDoc.value.segments = segments.value
+})
+
+
+onMounted(() => {
+  let paramKnowledgeBaseId = proxy.$route.params?.knowledgeBaseId
+  form.value.knowledgeBaseId = paramKnowledgeBaseId;
+  let paramModelId = proxy.$route.params?.modelId;
+  form.value.modelId = paramModelId;
+});
+
+</script>
+
+<style>
+.kb-upload-page {
+  height: 90%;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  box-sizing: border-box;
+}
+
+.kb-upload-step1 {
+  padding: 32px 24px 0 24px;
+  width: 100%;
+  height: 80%;
+  margin: 0 auto;
+}
+
+.kb-upload-form {
+  padding: 32px 24px 0 24px;
+  width: 70%;
+  max-width: 800px;
+  margin: 0 auto;
+}
+
+.kb-upload-form .el-form-item__content {
+  width: 100%;
+}
+
+.kb-upload-form .el-input {
+  width: 100%;
+}
+
+.kb-upload-form .el-upload {
+  width: 100%;
+}
+
+.kb-upload-preview-title {
+  font-size: 18px;
+  font-weight: bold;
+  margin-bottom: 16px;
+}
+
+.kb-upload-segment-content {
+  background: #f5f7fa;
+  border-radius: 4px;
+  padding: 10px 16px;
+  color: #333;
+  margin-bottom: 8px;
+}
+
+.kb-upload-steps-bar {
+  background: #f5f7fa;
+  padding: 32px 0 24px 0;
+  margin-bottom: 32px;
+  border-radius: 8px 8px 0 0;
+  box-shadow: 0 2px 8px #f0f1f2;
+}
+
+.kb-upload-steps-bar .el-steps {
+  max-width: 520px;
+  margin: 0 auto;
+}
+
+.kb-upload-steps-bar .el-step__icon {
+  width: 120px !important;
+  height: 120px !important;
+  font-size: 40px !important;
+  border-width: 10px !important;
+
+}
+
+.kb-upload-steps-bar .el-step.is-process .el-step__icon,
+.kb-upload-steps-bar .el-step.is-success .el-step__icon {
+  border-color: #409EFF !important;
+  border-width: 10px !important;
+  background: #409EFF !important;
+  color: #fff !important;
+  box-shadow: 0 0 16px #409EFF55;
+}
+
+.kb-upload-steps-bar .el-step__title {
+  font-size: 22px;
+  font-weight: bold;
+}
+
+.kb-upload-steps-bar .el-step.is-process .el-step__title,
+.kb-upload-steps-bar .el-step.is-success .el-step__title {
+  color: #409EFF !important;
+  font-weight: bold;
+}
+
+.kb-upload-steps-bar .el-step__line {
+  margin-top: 50px;
+  height: 10px !important;
+  border-radius: 3px;
+}
+
+.kb-upload-steps-bar .el-step.is-success .el-step__line {
+  background: #409EFF !important;
+}
+
+.kb-upload-steps-bar .el-step.is-process .el-step__line {
+  background: #409EFF !important;
+}
+
+.kb-upload-steps-bar .el-step.is-wait .el-step__icon {
+  border-color: #e0e0e0 !important;
+  border-width: 3px !important;
+  background: #f0f1f2 !important;
+  color: #bbb !important;
+}
+
+.kb-upload-steps-bar .el-step.is-wait .el-step__line {
+  background: #e0e0e0 !important;
+}
+
+.kb-upload-steps-bar .el-step.is-success .el-step__icon {
+  background: #409EFF !important; /* 你想要的蓝色 */
+  border-color: #409EFF !important;
+  color: #fff !important;
+}
+
+.kb-upload-step2 {
+  width: 100%;
+  height: 100%;
+}
+
+.el-dialog__body {
+  height: 100% !important;
+  min-height: 100% !important;
+  padding: 0;
+}
+</style>
diff --git a/src/views/ai/skill/aiSql/index.vue b/src/views/ai/skill/aiSql/index.vue
new file mode 100644
index 0000000..5959e7a
--- /dev/null
+++ b/src/views/ai/skill/aiSql/index.vue
@@ -0,0 +1,341 @@
+<template>
+  <el-form :model="form" label-width="100px" class="dataset-form" style="margin-bottom: 0;">
+    <div class="form-row">
+      <el-form-item label="数据集名称">
+        <el-input v-model="form.name" placeholder="请输入数据集名称" />
+      </el-form-item>
+      <el-form-item label="数据源">
+        <el-select v-model="form.datasource" placeholder="请选择数据源" style="width: 240px;">
+          <el-option v-for="ds in datasourceList" :key="ds.value" :label="ds.label" :value="ds.value" />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="是否分页">
+        <el-switch v-model="form.pagination" />
+        <el-tooltip content="开启分页后，查询结果将按页返回，适用于大数据量场景。" placement="top">
+          <el-icon style="margin-left:4px;cursor:pointer;"><QuestionFilled /></el-icon>
+        </el-tooltip>
+      </el-form-item>
+    </div>
+    <el-form-item label="查询SQL" class="sql-form-item">
+      <div style="display: flex; align-items: flex-start; width: 100%;">
+        <el-input
+          type="textarea"
+          v-model="form.sql"
+          :rows="3"
+          placeholder="请输入查询SQL"
+          style="flex:1"
+        />
+        <el-button type="primary" @click="showAiDialog = true" style="margin-left:8px;">
+          <svg width="20" height="20" viewBox="0 0 1024 1024"><circle cx="512" cy="512" r="512" fill="#409EFF"/><text x="50%" y="60%" text-anchor="middle" fill="#fff" font-size="400" font-family="Arial" dy=".3em">AI</text></svg>
+        </el-button>
+      </div>
+      <div class="sql-desc">
+        <div class="sql-tips">
+          <div>• 请填写标准SQL，支持参数占位符</div>
+          <div>• 参数占位符格式：#{参数名}，如：#{year}</div>
+          <div>• 支持SELECT、FROM、WHERE等标准SQL语法</div>
+        </div>
+        <el-button type="primary" size="small" @click="parseSql" style="margin-left:8px;">查询解析</el-button>
+      </div>
+    </el-form-item>
+  </el-form>
+
+  <el-tabs v-model="activeTab" style="margin: 16px 0 0 10px;">
+    <el-tab-pane label="列表字段" name="fields">
+      <div style="margin-bottom:8px;display:flex;align-items:center;">
+        <el-button type="danger" size="small" :disabled="!multipleSelection.length" @click="batchRemoveFields">批量删除</el-button>
+      </div>
+      <el-table
+        :data="fields"
+        style="width: 100%"
+        border
+        ref="fieldsTableRef"
+        @selection-change="handleSelectionChange"
+      >
+        <el-table-column type="selection" width="50" />
+        <el-table-column prop="name" label="字段名" min-width="120">
+          <template #default="scope">
+            <el-input v-model="scope.row.name" size="small" />
+          </template>
+        </el-table-column>
+        <el-table-column prop="text" label="字段文本" min-width="120">
+          <template #default="scope">
+            <el-input v-model="scope.row.text" size="small" />
+          </template>
+        </el-table-column>
+        <el-table-column prop="type" label="字段类型" min-width="100">
+          <template #default="scope">
+            <el-select v-model="scope.row.type" size="small" style="width:100px">
+              <el-option label="文本" value="varchar" />
+              <el-option label="数值" value="int" />
+              <el-option label="日期" value="date" />
+            </el-select>
+          </template>
+        </el-table-column>
+        <el-table-column prop="order" label="排序" min-width="80">
+          <template #default="scope">
+            <el-input-number v-model="scope.row.order" :min="1" size="small" style="width:80px" />
+          </template>
+        </el-table-column>
+        <el-table-column prop="dictCode" label="字典编码" min-width="120">
+          <template #default="scope">
+            <el-input v-model="scope.row.dictCode" size="small" />
+          </template>
+        </el-table-column>
+      </el-table>
+    </el-tab-pane>
+    <el-tab-pane label="参数字段" name="params">
+      <div style="margin-bottom:8px;display:flex;align-items:center;">
+        <el-button type="primary" size="small" @click="addParam">新增参数</el-button>
+        <el-button type="danger" size="small" :disabled="!multipleParamSelection.length" @click="batchRemoveParams" style="margin-left:8px;">批量删除</el-button>
+      </div>
+      <el-table
+        :data="params"
+        style="width: 100%"
+        border
+        ref="paramsTableRef"
+        @selection-change="handleParamSelectionChange"
+      >
+        <el-table-column type="selection" width="50" />
+        <el-table-column prop="param" label="参数" min-width="120">
+          <template #default="scope">
+            <el-input v-model="scope.row.param" size="small" />
+          </template>
+        </el-table-column>
+        <el-table-column prop="text" label="参数文本" min-width="120">
+          <template #default="scope">
+            <el-input v-model="scope.row.text" size="small" />
+          </template>
+        </el-table-column>
+        <el-table-column prop="type" label="类型" min-width="100">
+          <template #default="scope">
+            <el-select v-model="scope.row.type" size="small" style="width:100px">
+              <el-option label="文本" value="varchar" />
+              <el-option label="数值" value="int" />
+              <el-option label="日期" value="date" />
+            </el-select>
+          </template>
+        </el-table-column>
+        <el-table-column prop="defaultValue" label="默认值" min-width="120">
+          <template #default="scope">
+            <el-input v-model="scope.row.defaultValue" size="small" />
+          </template>
+        </el-table-column>
+      </el-table>
+    </el-tab-pane>
+    <el-tab-pane label="数据预览" name="preview">
+      <div style="display:flex;align-items:center;margin-bottom:8px;">
+        <el-button type="primary" size="small" @click="fetchPreviewData">刷新预览</el-button>
+        <span style="margin-left:8px;padding:2px 14px;background:#ecf5ff;color:#409EFF;font-weight:bold;border-radius:4px;font-size:14px;">仅预览前10条数据</span>
+      </div>
+      <el-table :data="previewData" style="width: 100%" border v-if="previewData.length">
+        <el-table-column v-for="col in previewColumns" :key="col.prop" :prop="col.prop" :label="col.label" />
+      </el-table>
+      <div v-else style="color:#888;text-align:center;padding:24px 0;">暂无数据</div>
+    </el-tab-pane>
+  </el-tabs>
+
+  <div style="text-align:right;margin-top:24px;">
+    <el-button @click="onClose">关闭</el-button>
+    <el-button type="primary" @click="onSave">保存</el-button>
+  </div>
+
+  <!-- AI生成SQL弹窗 -->
+  <el-dialog v-model="showAiDialog" title="AI生成SQL" width="800px">
+    <el-input
+      v-model="aiPrompt"
+      type="textarea"
+      placeholder="请输入需求描述，如：查询年龄大于35的用户信息，包括所在部门的名称"
+      style="margin-bottom:12px;"
+    />
+    <el-button type="primary" @click="generateSql" :loading="aiLoading">生成SQL</el-button>
+    <el-input
+      v-model="aiSql"
+      type="textarea"
+      :rows="4"
+      readonly
+      style="margin-top:12px;"
+    />
+    <div style="text-align:right;margin-top:8px;">
+      <el-button @click="showAiDialog=false">取消</el-button>
+      <el-button type="primary" @click="replaceSql">替换到查询SQL</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script setup lang="ts">
+import { ref, reactive, watch } from 'vue'
+import { ElMessage } from 'element-plus'
+import { QuestionFilled } from '@element-plus/icons-vue'
+import {aiSqlAsk} from "@/api/ai/skill/aiChat/index";
+
+const form = reactive({
+  name: '',
+  datasource: '',
+  sql: '',
+  pagination: true
+})
+const datasourceList = ref([
+  { label: '数据源1', value: 'ds1' },
+  { label: '数据源2', value: 'ds2' }
+])
+
+const showAiDialog = ref(false)
+const aiPrompt = ref('')
+const aiSql = ref('')
+const aiLoading = ref(false)
+
+const activeTab = ref('fields')
+const fields = ref<any[]>([])
+const params = ref<any[]>([])
+const multipleSelection = ref<any[]>([])
+const fieldsTableRef = ref()
+const multipleParamSelection = ref<any[]>([])
+const paramsTableRef = ref()
+
+const previewData = ref<any[]>([])
+const previewColumns = ref<any[]>([])
+
+const generateSql = async () => {
+  if (!aiPrompt.value.trim() || aiLoading.value) return
+
+  aiLoading.value = true
+
+  // let sql1 = "```sql\nSELECT \n user_id,\n tenant_id,\n dept_id,\n user_name,\n nick_name,\n user_type,\n email,\n phonenumber,\n sex,\n avatar,\n password,\n status,\n del_flag,\n login_ip,\n login_date,\n create_dept,\n create_by,\n create_time,\n update_by,\n update_time,\n remark\nFROM \n sys_user WITH(NOLOCK)\nWHERE \n del_flag = '0'\n```";
+
+  // sql1 =sql1.replace(/\s+/g, ' ');
+  // aiSql.value = sql1;
+  // return;
+
+  try {
+    const response = await aiSqlAsk({prompt:aiPrompt.value})
+    let sql  = JSON.stringify(response)
+    // sql = sql.replaceAll("\"","");
+    // sql = sql.substring(String.prototype.toLowerCase(sql).indexOf("select"));
+// 检查首尾是否是双引号或单引号
+    if ((sql.startsWith("\"") && sql.endsWith("\"")) ||
+      (sql.startsWith("'") && sql.endsWith("'"))) {
+      sql =  sql.substring(1, sql.length - 1);
+    }
+
+    aiSql.value = sql;
+    console.log(1)
+    console.log(response)
+    console.log(2)
+
+  } catch (error) {
+    console.log("Error:"+error)
+  } finally {
+    aiLoading.value = false
+  }
+}
+
+
+function replaceSql() {
+  form.sql = aiSql.value
+  showAiDialog.value = false
+}
+function parseSql() {
+  if (!form.sql) return ElMessage.warning('请先填写SQL')
+  fields.value = [
+    { name: 'id', text: '编号', type: 'int', order: 1, dictCode: '' },
+    { name: 'name', text: '名称', type: 'varchar', order: 2, dictCode: '' }
+  ]
+  params.value = [
+    { param: 'year', text: '年份', type: 'int', defaultValue: 2023 }
+  ]
+  ElMessage.success('解析成功')
+}
+function handleSelectionChange(val: any[]) {
+  multipleSelection.value = val
+}
+function batchRemoveFields() {
+  if (!multipleSelection.value.length) return
+  fields.value = fields.value.filter(row => !multipleSelection.value.includes(row))
+  multipleSelection.value = []
+}
+function handleParamSelectionChange(val: any[]) {
+  multipleParamSelection.value = val
+}
+function batchRemoveParams() {
+  if (!multipleParamSelection.value.length) return
+  params.value = params.value.filter(row => !multipleParamSelection.value.includes(row))
+  multipleParamSelection.value = []
+}
+function addParam() {
+  params.value.push({ param: '', text: '', type: '', defaultValue: '' })
+}
+function onSave() {
+  ElMessage.success('保存成功')
+}
+function onClose() {
+  ElMessage.info('已关闭')
+}
+
+function fetchPreviewData() {
+  // 模拟数据预览，实际可根据SQL和参数请求后端
+  if (!fields.value.length) {
+    previewData.value = []
+    previewColumns.value = []
+    return
+  }
+  // 构造表头
+  previewColumns.value = fields.value.map(f => ({ prop: f.name, label: f.text }))
+  // 构造10条模拟数据
+  previewData.value = Array.from({ length: 10 }, (_, i) => {
+    const row: any = {}
+    fields.value.forEach(f => {
+      if (f.type === 'int') row[f.name] = i + 1
+      else if (f.type === 'date') row[f.name] = '2023-01-01'
+      else row[f.name] = f.text + (i + 1)
+    })
+    return row
+  })
+}
+
+// 默认进入时预览
+if (activeTab.value === 'preview') fetchPreviewData()
+
+watch(activeTab, (val) => {
+  if (val === 'preview') fetchPreviewData()
+})
+</script>
+
+<style scoped>
+.dataset-form {
+  max-width: 100%;
+  margin: 0 auto;
+  background: #fff;
+  padding: 16px 24px 0 24px;
+  border-radius: 8px;
+}
+.form-row {
+  display: flex;
+  gap: 24px;
+  align-items: center;
+  margin-bottom: 0;
+}
+.sql-form-item {
+  margin-bottom: 0;
+}
+.sql-desc {
+  color: #888;
+  font-size: 12px;
+  margin-top: 4px;
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+}
+.sql-tips {
+  flex: 1;
+}
+.sql-tips div {
+  line-height: 1.5;
+  margin-bottom: 2px;
+}
+.sql-desc .el-button {
+  margin-left: 8px;
+  padding: 0 10px;
+  font-size: 12px;
+}
+</style>