diff --git a/src/api/ai/base/aiKnowledgeBaseType/index.ts b/src/api/ai/base/aiKnowledgeBaseType/index.ts
new file mode 100644
index 0000000..d8363cd
--- /dev/null
+++ b/src/api/ai/base/aiKnowledgeBaseType/index.ts
@@ -0,0 +1,77 @@
+import request from '@/utils/request';
+import { AxiosPromise } from 'axios';
+import { AiKnowledgeBaseTypeVO, AiKnowledgeBaseTypeForm, AiKnowledgeBaseTypeQuery } from '@/api/ai/base/aiKnowledgeBaseType/types';
+
+/**
+ * 查询AI知识库类型列表
+ * @param query
+ * @returns {*}
+ */
+
+export const listAiKnowledgeBaseType = (query?: AiKnowledgeBaseTypeQuery): AxiosPromise<AiKnowledgeBaseTypeVO[]> => {
+  return request({
+    url: '/ai/aiKnowledgeBaseType/list',
+    method: 'get',
+    params: query
+  });
+};
+
+/**
+ * 查询AI知识库类型详细
+ * @param knowledgeBaseTypeId
+ */
+export const getAiKnowledgeBaseType = (knowledgeBaseTypeId: string | number): AxiosPromise<AiKnowledgeBaseTypeVO> => {
+  return request({
+    url: '/ai/aiKnowledgeBaseType/' + knowledgeBaseTypeId,
+    method: 'get'
+  });
+};
+
+/**
+ * 新增AI知识库类型
+ * @param data
+ */
+export const addAiKnowledgeBaseType = (data: AiKnowledgeBaseTypeForm) => {
+  return request({
+    url: '/ai/aiKnowledgeBaseType',
+    method: 'post',
+    data: data
+  });
+};
+
+/**
+ * 修改AI知识库类型
+ * @param data
+ */
+export const updateAiKnowledgeBaseType = (data: AiKnowledgeBaseTypeForm) => {
+  return request({
+    url: '/ai/aiKnowledgeBaseType',
+    method: 'put',
+    data: data
+  });
+};
+
+/**
+ * 删除AI知识库类型
+ * @param knowledgeBaseTypeId
+ */
+export const delAiKnowledgeBaseType = (knowledgeBaseTypeId: string | number | Array<string | number>) => {
+  return request({
+    url: '/ai/aiKnowledgeBaseType/' + knowledgeBaseTypeId,
+    method: 'delete'
+  });
+};
+
+
+/**
+ * 下拉框查询AI知识库类型列表
+ * @param query
+ * @returns {*}
+ */
+export function getAiKnowledgeBaseTypeList (query) {
+    return request({
+        url: '/ai/aiKnowledgeBaseType/getAiKnowledgeBaseTypeList',
+        method: 'get',
+        params: query
+    });
+};
diff --git a/src/api/ai/base/aiKnowledgeBaseType/types.ts b/src/api/ai/base/aiKnowledgeBaseType/types.ts
new file mode 100644
index 0000000..1bcb665
--- /dev/null
+++ b/src/api/ai/base/aiKnowledgeBaseType/types.ts
@@ -0,0 +1,56 @@
+export interface AiKnowledgeBaseTypeVO {
+  /**
+   * 主键
+   */
+  knowledgeBaseTypeId: string | number;
+
+  /**
+   * 知识库类型名称
+   */
+  knowledgeBaseTypeName: string;
+
+  /**
+   * 备注
+   */
+  remark: string;
+
+}
+
+export interface AiKnowledgeBaseTypeForm extends BaseEntity {
+  /**
+   * 主键
+   */
+  knowledgeBaseTypeId?: string | number;
+
+  /**
+   * 知识库类型名称
+   */
+  knowledgeBaseTypeName?: string;
+
+  /**
+   * 备注
+   */
+  remark?: string;
+
+}
+
+export interface AiKnowledgeBaseTypeQuery extends PageQuery {
+
+  /**
+   * 主键
+   */
+  knowledgeBaseTypeId?: string | number;
+
+  /**
+   * 知识库类型名称
+   */
+  knowledgeBaseTypeName?: string;
+
+    /**
+     * 日期范围参数
+     */
+    params?: any;
+}
+
+
+
diff --git a/src/api/ai/base/aiModel/index.ts b/src/api/ai/base/aiModel/index.ts
new file mode 100644
index 0000000..932d0b1
--- /dev/null
+++ b/src/api/ai/base/aiModel/index.ts
@@ -0,0 +1,92 @@
+import request from '@/utils/request';
+import { AxiosPromise } from 'axios';
+import { AiModelVO, AiModelForm, AiModelQuery } from '@/api/ai/base/aiModel/types';
+
+/**
+ * 查询AI模型列表
+ * @param query
+ * @returns {*}
+ */
+
+export const listAiModel = (query?: AiModelQuery): AxiosPromise<AiModelVO[]> => {
+  return request({
+    url: '/ai/aiModel/list',
+    method: 'get',
+    params: query
+  });
+};
+
+/**
+ * 查询AI模型详细
+ * @param modelId
+ */
+export const getAiModel = (modelId: string | number): AxiosPromise<AiModelVO> => {
+  return request({
+    url: '/ai/aiModel/' + modelId,
+    method: 'get'
+  });
+};
+
+/**
+ * 新增AI模型
+ * @param data
+ */
+export const addAiModel = (data: AiModelForm) => {
+  return request({
+    url: '/ai/aiModel',
+    method: 'post',
+    data: data
+  });
+};
+
+/**
+ * 修改AI模型
+ * @param data
+ */
+export const updateAiModel = (data: AiModelForm) => {
+  return request({
+    url: '/ai/aiModel',
+    method: 'put',
+    data: data
+  });
+};
+
+/**
+ * 删除AI模型
+ * @param modelId
+ */
+export const delAiModel = (modelId: string | number | Array<string | number>) => {
+  return request({
+    url: '/ai/aiModel/' + modelId,
+    method: 'delete'
+  });
+};
+
+
+/**
+ * 下拉框查询AI模型列表
+ * @param query
+ * @returns {*}
+ */
+export function getAiModelList (query) {
+    return request({
+        url: '/ai/aiModel/getAiModelList',
+        method: 'get',
+        params: query
+    });
+};
+
+
+/**
+ * 测试AI模型调用API是否成功
+ * @returns {*}
+ * @param provider
+ * @param data
+ */
+export function testAIModel (provider,data) {
+  return request({
+    url: '/ai/aiModel/testAIModel?provider='+provider,
+    method: 'post',
+    data: data
+  });
+};
diff --git a/src/api/ai/base/aiModel/types.ts b/src/api/ai/base/aiModel/types.ts
new file mode 100644
index 0000000..75c12be
--- /dev/null
+++ b/src/api/ai/base/aiModel/types.ts
@@ -0,0 +1,286 @@
+export interface AiModelVO {
+  /**
+   * 主键
+   */
+  modelId: string | number;
+
+  /**
+   * 模型名称
+   */
+  modelName: string;
+
+  /**
+   * AI平台ID，关联ai_platform
+   */
+  platformId: string | number;
+
+  /**
+   * 模型类型ID，关联ai_model_type
+   */
+  modelTypeId: string | number;
+
+  /**
+   * 基础模型ID，关联ai_base_model
+   */
+  baseModelId: string | number;
+
+  /**
+   * 计费类型(1token计费，2次数计费)
+   */
+  chargeType: string;
+
+  /**
+   * 模型价格
+   */
+  modelPrice: number;
+
+  /**
+   * 请求地址
+   */
+  apiEndpoint: string;
+
+  /**
+   * 秘钥
+   */
+  apiKey: string;
+
+  /**
+   * 密钥
+   */
+  apiSecret: string;
+
+  /**
+   * 向量库(1milvus，2weaviate,)
+   */
+  vectorLibrary: string;
+
+  /**
+   * 描述
+   */
+  description: string;
+
+  /**
+   * 高级配置—模型温度(0-1);值越大，回复内容越赋有多样性创造性、随机性；设为0根据事实回答，希望得到精准答案应该降低该参数；日常聊天建议0.5-0.8
+   */
+  modelTemperature: number;
+
+  /**
+   * 高级配置—词汇属性(0-1);值越小，AI生成的内容越单调也越容易理解；值越大，AI回复的词汇范围越大，越多样化
+   */
+  vocabularyAttribute: number;
+
+  /**
+   * 高级配置—话题属性(-2.0-2.0);值越大，越能够让AI更好的控制新话题的引入，建议微调或不变
+   */
+  topicAttribute: number;
+
+  /**
+   * 高级配置—重复属性(-2.0-2.0);值越大，越能够让AI更好的避免重复之前说过的话，建议微调或不变
+   */
+  duplicateAttribute: number;
+
+  /**
+   * 高级配置—最大回复(1-16000);设置AI最大回复内容大小，会影响返回结果内容的长度；普通聊天建议500-800；短文生成建议800-2000；代码生成建议2000-3600；长文生成建议4000左右（或选择长回复模型）
+   */
+  maxReply: number;
+
+  /**
+   * 激活标识(1是，0否)
+   */
+  activeFlag: string;
+
+}
+
+export interface AiModelForm extends BaseEntity {
+  /**
+   * 主键
+   */
+  modelId?: string | number;
+
+  /**
+   * 模型名称
+   */
+  modelName?: string;
+
+  /**
+   * AI平台ID，关联ai_platform
+   */
+  platformId?: string | number;
+
+  /**
+   * 模型类型ID，关联ai_model_type
+   */
+  modelTypeId?: string | number;
+
+  /**
+   * 基础模型ID，关联ai_base_model
+   */
+  baseModelId?: string | number;
+
+  /**
+   * 计费类型(1token计费，2次数计费)
+   */
+  chargeType?: string;
+
+  /**
+   * 模型价格
+   */
+  modelPrice?: number;
+
+  /**
+   * 请求地址
+   */
+  apiEndpoint?: string;
+
+  /**
+   * 秘钥
+   */
+  apiKey?: string;
+
+  /**
+   * 密钥
+   */
+  apiSecret?: string;
+
+  /**
+   * 向量库(1milvus，2weaviate,)
+   */
+  vectorLibrary?: string;
+
+  /**
+   * 描述
+   */
+  description?: string;
+
+  /**
+   * 高级配置—模型温度(0-1);值越大，回复内容越赋有多样性创造性、随机性；设为0根据事实回答，希望得到精准答案应该降低该参数；日常聊天建议0.5-0.8
+   */
+  modelTemperature?: number;
+
+  /**
+   * 高级配置—词汇属性(0-1);值越小，AI生成的内容越单调也越容易理解；值越大，AI回复的词汇范围越大，越多样化
+   */
+  vocabularyAttribute?: number;
+
+  /**
+   * 高级配置—话题属性(-2.0-2.0);值越大，越能够让AI更好的控制新话题的引入，建议微调或不变
+   */
+  topicAttribute?: number;
+
+  /**
+   * 高级配置—重复属性(-2.0-2.0);值越大，越能够让AI更好的避免重复之前说过的话，建议微调或不变
+   */
+  duplicateAttribute?: number;
+
+  /**
+   * 高级配置—最大回复(1-16000);设置AI最大回复内容大小，会影响返回结果内容的长度；普通聊天建议500-800；短文生成建议800-2000；代码生成建议2000-3600；长文生成建议4000左右（或选择长回复模型）
+   */
+  maxReply?: number;
+
+  /**
+   * 激活标识(1是，0否)
+   */
+  activeFlag?: string;
+
+}
+
+export interface AiModelQuery extends PageQuery {
+
+  /**
+   * 主键
+   */
+  modelId?: string | number;
+
+  /**
+   * 模型名称
+   */
+  modelName?: string;
+
+  /**
+   * AI平台ID，关联ai_platform
+   */
+  platformId?: string | number;
+
+  /**
+   * 模型类型ID，关联ai_model_type
+   */
+  modelTypeId?: string | number;
+
+  /**
+   * 基础模型ID，关联ai_base_model
+   */
+  baseModelId?: string | number;
+
+  /**
+   * 计费类型(1token计费，2次数计费)
+   */
+  chargeType?: string;
+
+  /**
+   * 模型价格
+   */
+  modelPrice?: number;
+
+  /**
+   * 请求地址
+   */
+  apiEndpoint?: string;
+
+  /**
+   * 秘钥
+   */
+  apiKey?: string;
+
+  /**
+   * 密钥
+   */
+  apiSecret?: string;
+
+  /**
+   * 向量库(1milvus，2weaviate,)
+   */
+  vectorLibrary?: string;
+
+  /**
+   * 描述
+   */
+  description?: string;
+
+  /**
+   * 高级配置—模型温度(0-1);值越大，回复内容越赋有多样性创造性、随机性；设为0根据事实回答，希望得到精准答案应该降低该参数；日常聊天建议0.5-0.8
+   */
+  modelTemperature?: number;
+
+  /**
+   * 高级配置—词汇属性(0-1);值越小，AI生成的内容越单调也越容易理解；值越大，AI回复的词汇范围越大，越多样化
+   */
+  vocabularyAttribute?: number;
+
+  /**
+   * 高级配置—话题属性(-2.0-2.0);值越大，越能够让AI更好的控制新话题的引入，建议微调或不变
+   */
+  topicAttribute?: number;
+
+  /**
+   * 高级配置—重复属性(-2.0-2.0);值越大，越能够让AI更好的避免重复之前说过的话，建议微调或不变
+   */
+  duplicateAttribute?: number;
+
+  /**
+   * 高级配置—最大回复(1-16000);设置AI最大回复内容大小，会影响返回结果内容的长度；普通聊天建议500-800；短文生成建议800-2000；代码生成建议2000-3600；长文生成建议4000左右（或选择长回复模型）
+   */
+  maxReply?: number;
+
+  /**
+   * 激活标识(1是，0否)
+   */
+  activeFlag?: string;
+
+    /**
+     * 日期范围参数
+     */
+    params?: any;
+}
+
+
+
diff --git a/src/api/ai/base/aiPlatform/index.ts b/src/api/ai/base/aiPlatform/index.ts
new file mode 100644
index 0000000..2174b62
--- /dev/null
+++ b/src/api/ai/base/aiPlatform/index.ts
@@ -0,0 +1,97 @@
+import request from '@/utils/request';
+import { AxiosPromise } from 'axios';
+import { AiPlatformVO, AiPlatformForm, AiPlatformQuery } from '@/api/ai/base/aiPlatform/types';
+
+/**
+ * 查询AI平台列表
+ * @param query
+ * @returns {*}
+ */
+
+export const listAiPlatform = (query?: AiPlatformQuery): AxiosPromise<AiPlatformVO[]> => {
+  return request({
+    url: '/ai/base/aiPlatform/list',
+    method: 'get',
+    params: query
+  });
+};
+
+
+/**
+ * 查询AI基础模型列表
+ * @param query
+ * @returns {*}
+ */
+
+export const listAiBaseModels = (query?: AiPlatformQuery): AxiosPromise<AiPlatformVO[]> => {
+  return request({
+    url: '/ai/base/aiPlatform/getAiBaseModelList',
+    method: 'get',
+    params: query
+  });
+};
+
+
+
+
+
+
+/**
+ * 查询AI平台详细
+ * @param platformId
+ */
+export const getAiPlatform = (platformId: string | number): AxiosPromise<AiPlatformVO> => {
+  return request({
+    url: '/ai/base/aiPlatform/' + platformId,
+    method: 'get'
+  });
+};
+
+/**
+ * 新增AI平台
+ * @param data
+ */
+export const addAiPlatform = (data: AiPlatformForm) => {
+  return request({
+    url: '/ai/base/aiPlatform',
+    method: 'post',
+    data: data
+  });
+};
+
+/**
+ * 修改AI平台
+ * @param data
+ */
+export const updateAiPlatform = (data: AiPlatformForm) => {
+  return request({
+    url: '/ai/base/aiPlatform',
+    method: 'put',
+    data: data
+  });
+};
+
+/**
+ * 删除AI平台
+ * @param platformId
+ */
+export const delAiPlatform = (platformId: string | number | Array<string | number>) => {
+  return request({
+    url: '/ai/base/aiPlatform/' + platformId,
+    method: 'delete'
+  });
+};
+
+
+/**
+ * 下拉框查询AI平台列表
+ * @param query
+ * @returns {*}
+ */
+export function getAiPlatformList (query) {
+    return request({
+        url: '/ai/base/aiPlatform/getAiPlatformList',
+        method: 'get',
+        params: query
+    });
+};
diff --git a/src/api/ai/base/aiPlatform/types.ts b/src/api/ai/base/aiPlatform/types.ts
new file mode 100644
index 0000000..41eba4d
--- /dev/null
+++ b/src/api/ai/base/aiPlatform/types.ts
@@ -0,0 +1,106 @@
+export interface AiPlatformVO {
+  /**
+   * 平台ID，主键
+   */
+  platformId: string | number;
+
+  /**
+   * 平台名称，如DeepSeek, 通义千问, 智普AI
+   */
+  platformName: string;
+
+  /**
+   * 平台描述
+   */
+  platformDescription: string;
+
+  /**
+   * base api url地址
+   */
+  baseApiUrl: string;
+
+  /**
+   * 平台图标
+   */
+  platformIcon: string;
+
+  /**
+   * 授权方法（1,API_KEY,2,OAUTH2）,先支持API_KEY
+   */
+  authMethod: string;
+
+}
+
+export interface AiPlatformForm extends BaseEntity {
+  /**
+   * 平台ID，主键
+   */
+  platformId?: string | number;
+
+  /**
+   * 平台名称，如DeepSeek, 通义千问, 智普AI
+   */
+  platformName?: string;
+
+  /**
+   * 平台描述
+   */
+  platformDescription?: string;
+
+  /**
+   * base api url地址
+   */
+  baseApiUrl?: string;
+
+  /**
+   * 平台图标
+   */
+  platformIcon?: string;
+
+  /**
+   * 授权方法（1,API_KEY,2,OAUTH2）,先支持API_KEY
+   */
+  authMethod?: string;
+
+}
+
+export interface AiPlatformQuery extends PageQuery {
+
+  /**
+   * 平台ID，主键
+   */
+  platformId?: string | number;
+
+  /**
+   * 平台名称，如DeepSeek, 通义千问, 智普AI
+   */
+  platformName?: string;
+
+  /**
+   * 平台描述
+   */
+  platformDescription?: string;
+
+  /**
+   * base api url地址
+   */
+  baseApiUrl?: string;
+
+  /**
+   * 平台图标
+   */
+  platformIcon?: string;
+
+  /**
+   * 授权方法（1,API_KEY,2,OAUTH2）,先支持API_KEY
+   */
+  authMethod?: string;
+
+    /**
+     * 日期范围参数
+     */
+    params?: any;
+}
+
+
+
diff --git a/src/api/ai/skill/aiChat/index.ts b/src/api/ai/skill/aiChat/index.ts
new file mode 100644
index 0000000..3dc4174
--- /dev/null
+++ b/src/api/ai/skill/aiChat/index.ts
@@ -0,0 +1,136 @@
+import request from '@/utils/request';
+import { AxiosPromise } from 'axios';
+import { AskVO } from '@/api/ai/skill/aiChat/types';
+import EventSourcePolyfill from 'event-source-polyfill';
+import { AiChatMessageForm } from '@/api/ai/skill/aiChat/types';
+
+
+/**
+ * 下拉框查询AI模型列表
+ * @param query
+ * @returns {*}
+ */
+export function getAiModelJoinList (query) {
+  return request({
+    url: '/ai/assistant/getAiModelJoinList',
+    method: 'get',
+    params: query
+  });
+};
+
+
+/**
+ * 获取AI会话列表
+ * @param query
+ * @returns {*}
+ */
+export function getAiChatMessageList (query) {
+  return request({
+    url: '/ai/assistant/getAiChatMessageList',
+    method: 'get',
+    params: query
+  });
+};
+
+/**
+ * 根据会话ID获取会话信息列表
+ * @param query
+ * @returns {*}
+ */
+export function getAiChatMessages (sessionId: string) {
+  return request({
+    url: '/ai/assistant/getAiChatMessages/'+sessionId,
+    method: 'get',
+  });
+};
+
+
+/**
+ * 修改AI会话标题
+ * @param data
+ */
+export const updateAiMessageTopic = (data: AiChatMessageForm) => {
+  return request({
+    url: '/ai/assistant/updateAiChatMessageTopic',
+    method: 'post',
+    data: data
+  });
+};
+
+/**
+ * 删除AI会话信息
+ * @param sessionId
+ */
+export const delAiMessage = (sessionId: string) => {
+  return request({
+    url: '/ai/assistant/' + sessionId,
+    method: 'delete'
+  });
+};
+
+
+
+/**
+ * AI问答，完整回复
+ * @param query
+ * @returns {*}
+ */
+
+export const aiAsk = (query?: AskVO): AxiosPromise<AskVO[]> => {
+  return request({
+    url: '/ai/api/stream/ask',
+    method: 'get',
+    params: query
+  });
+};
+
+export const aiStreamAsk = (query?: AskVO): AxiosPromise<AskVO[]> => {
+  return request({
+    url: '/ai/api/stream/stream',
+    method: 'post',
+    params: query
+  });
+};
+
+export const aiSqlAsk = (query?: AskVO): AxiosPromise<AskVO[]> => {
+  return request({
+    url: '/ai/api/chat/sql',
+    method: 'post',
+    params: query
+  });
+};
+
+
+export const streamDeepSeek = (prompt, handlers) => {
+  const url = `/ai/api/stream/stream?prompt=${encodeURIComponent(prompt)}`;
+
+  const eventSource = new EventSourcePolyfill(url, {
+    headers: {
+      'Content-Type': 'text/event-stream'
+    },
+    withCredentials: false, // 根据你的CORS配置调整
+    heartbeatTimeout: 300000 // 5分钟超时
+  });
+
+  eventSource.onmessage = (event) => {
+    if (event.data === '[DONE]') {
+      handlers.onComplete();
+      eventSource.close();
+    } else {
+      try {
+        handlers.onData(event.data);
+      } catch (e) {
+        console.error('Error processing chunk:', e);
+      }
+    }
+  };
+
+  eventSource.onerror = (error) => {
+    handlers.onError(new Error(`EventSource failed: ${error.message || 'Unknown error'}`));
+    eventSource.close();
+  };
+
+  return () => {
+    eventSource.close();
+  };
+};
diff --git a/src/api/ai/skill/aiChat/types.ts b/src/api/ai/skill/aiChat/types.ts
new file mode 100644
index 0000000..17db2d6
--- /dev/null
+++ b/src/api/ai/skill/aiChat/types.ts
@@ -0,0 +1,100 @@
+export interface AskVO {
+
+  /**
+   * 模型分类名称
+   */
+  question: string;
+
+  /**
+   * api地址
+   */
+  provider: string;
+
+
+
+}
+
+
+
+export interface AIModelVO {
+  /**
+   * 模型ID
+   */
+  modelId: number;
+
+  /**
+   * 模型分类编码
+   */
+  modelType: string;
+
+  /**
+   * 模型名称
+   */
+  modelName: string;
+
+
+  /**
+   * 平台编码
+   */
+  platformCode: string;
+
+  /**
+   * 平台图标
+   */
+  platformIcon: string;
+
+  /**
+   * 默认标识
+   */
+  defaultFlag: string;
+
+}
+
+
+export interface AiChatMessageForm extends BaseEntity {
+  /**
+   * 主键
+   */
+  chatMessageId?: string | number;
+
+  /**
+   * 会话ID
+   */
+  sessionId?: string;
+
+  /**
+   * 聊天标题
+   */
+  messageTopic?: string;
+
+  /**
+   * 扣除金额（暂时不用）
+   */
+  deductCost?: number;
+
+  /**
+   * 累计 Tokens
+   */
+  totalToken?: number;
+
+  /**
+   * 模型ID，关联ai_model
+   */
+  modelId?: string | number;
+
+  /**
+   * 知识库ID，关联ai_knowledge_base
+   */
+  knowledgeBaseId?: string | number;
+
+  /**
+   * 聊天类型(1AI问答，2知识库问答，3AI生成SQL,4AI填报)
+   */
+  messageType?: string;
+
+  /**
+   * 备注
+   */
+  remark?: string;
+
+}
diff --git a/src/assets/icons/svg/Ai.svg b/src/assets/icons/svg/Ai.svg
new file mode 100644
index 0000000..99e12b3
--- /dev/null
+++ b/src/assets/icons/svg/Ai.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="1752731920240" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="14461" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M826.368 325.632c0-7.168 2.048-10.24 10.24-10.24h123.904c7.168 0 10.24 2.048 10.24 10.24v621.568c0 7.168-2.048 10.24-10.24 10.24h-122.88c-8.192 0-10.24-4.096-10.24-10.24l-1.024-621.568z m-8.192-178.176c0-50.176 35.84-79.872 79.872-79.872 48.128 0 79.872 32.768 79.872 79.872 0 52.224-33.792 79.872-81.92 79.872-46.08 1.024-77.824-27.648-77.824-79.872zM462.848 584.704C441.344 497.664 389.12 307.2 368.64 215.04h-2.048c-16.384 92.16-58.368 247.808-92.16 369.664h188.416zM243.712 712.704l-62.464 236.544c-2.048 7.168-4.096 8.192-12.288 8.192H54.272c-8.192 0-10.24-2.048-8.192-12.288l224.256-783.36c4.096-13.312 7.168-26.624 8.192-65.536 0-6.144 2.048-8.192 7.168-8.192H450.56c6.144 0 8.192 2.048 10.24 8.192l250.88 849.92c2.048 7.168 0 10.24-7.168 10.24H573.44c-7.168 0-10.24-2.048-12.288-7.168l-65.536-236.544c1.024 1.024-251.904 0-251.904 0z" fill="#FF7F18" p-id="14462"></path></svg>
diff --git a/src/assets/icons/svg/aichat.svg b/src/assets/icons/svg/aichat.svg
new file mode 100644
index 0000000..16de668
--- /dev/null
+++ b/src/assets/icons/svg/aichat.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="1755235660914" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="27180" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M490.08 116.288L868.736 928.32a32 32 0 1 0 58.016-27.072L548.064 89.28a32 32 0 1 0-57.984 27.04z" fill="#FAAC08" p-id="27181"></path><path d="M550.176 116.288L171.488 928.32a32 32 0 1 1-57.984-27.072L492.16 89.28a32 32 0 0 1 58.016 27.04z" fill="#1C1C1E" p-id="27182"></path></svg>
diff --git a/src/router/index.ts b/src/router/index.ts
index fdd0a5b..4c011fd 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -335,12 +335,26 @@ export const dynamicRoutes: RouteRecordRaw[] = [
     hidden: true,
     permissions: ['mes:orderInfo:edit'],
     children: [
-      // {
-      //   path: 'index/:productOrderId(\\d+)',
-      //   component: () => import('@/views/mes/orderInfo/editProductOrder.vue'),
-      //   name: 'productOrderEdit',
-      //   meta: { title: '生产任务', activeMenu: '/mes/productplan', noCache: true }
-      // }
+      {
+        path: 'index/:productOrderId(\\d+)',
+        component: () => import('@/views/mes/orderInfo/editProductOrder.vue'),
+        name: 'productOrderEdit',
+        meta: { title: '生产任务', activeMenu: '/mes/orderInfo', noCache: true }
+      }
+    ]
+  },
+  {
+    path: '/mes/product-order',
+    component: Layout,
+    hidden: true,
+    permissions: ['mes:orderInfo:edit'],
+    children: [
+      {
+        path: 'index',
+        component: () => import('@/views/mes/orderInfo/batchAddOrder.vue'),
+        name: 'batchAddOrder',
+        meta: { title: '生产任务', activeMenu: '/mes/orderInfo', noCache: true }
+      }
     ]
   },
   {
@@ -502,7 +516,63 @@ export const dynamicRoutes: RouteRecordRaw[] = [
         meta: { title: '保养工单申请', activeMenu: '/dms/maint/maintEdit', noCache: true }
       }
     ]
-  }
+  },
+
+  {
+    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: '/knowledge-base-preview',
+  //   name: 'KnowledgeBasePreview',
+  //   component: () => import('@/views/ai/skill/aiKnowledge/KnowledgeBasePreview.vue'),
+  //   hidden: true
+  // },
+  // {
+  //   path: '/knowledge-base-upload',
+  //   name: 'KnowledgeBaseUpload',
+  //   component: () => import('@/views/ai/skill/aiKnowledge/KnowledgeBaseUpload.vue'),
+  //   hidden: true
+  // },
+  // {
+  //   path: '/knowledge-base-qa',
+  //   name: 'KnowledgeBaseQA',
+  //   component: () => import('@/views/ai/skill/aiKnowledge/KnowledgeBaseQA.vue'),
+  //   hidden: true
+  // },
+  // {
+  //   path: '/ai-chat-settings',
+  //   name: 'AiChatSettings',
+  //   component: () => import('@/views/ai/base/aiApp/aiAppConfig.vue'),
+  //   hidden: true
+  // }
+
 
 ];
 
diff --git a/src/views/ai/base/aiKnowledgeBaseType/index.vue b/src/views/ai/base/aiKnowledgeBaseType/index.vue
new file mode 100644
index 0000000..05a5802
--- /dev/null
+++ b/src/views/ai/base/aiKnowledgeBaseType/index.vue
@@ -0,0 +1,235 @@
+<template>
+  <div class="p-2">
+    <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">
+            <el-form-item label="知识库类型名称" prop="knowledgeBaseTypeName" label-width="120px">
+              <el-input v-model="queryParams.knowledgeBaseTypeName" placeholder="请输入知识库类型名称" clearable @keyup.enter="handleQuery" />
+            </el-form-item>
+            <el-form-item label="备注" prop="remark">
+              <el-input v-model="queryParams.remark" placeholder="请输入备注" clearable @keyup.enter="handleQuery" />
+            </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:aiKnowledgeBaseType:add']">新增</el-button>
+          </el-col>
+          <el-col :span="1.5">
+            <el-button type="success" plain icon="Edit" :disabled="single" @click="handleUpdate()" v-hasPermi="['ai:aiKnowledgeBaseType:edit']">修改</el-button>
+          </el-col>
+          <el-col :span="1.5">
+            <el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete()" v-hasPermi="['ai:aiKnowledgeBaseType:remove']">删除</el-button>
+          </el-col>
+<!--          <el-col :span="1.5">-->
+<!--            <el-button type="warning" plain icon="Download" @click="handleExport" v-hasPermi="['ai:aiKnowledgeBaseType:export']">导出</el-button>-->
+<!--          </el-col>-->
+<!--          <right-toolbar v-model:showSearch="showSearch" :columns="columns" :search="true" @queryTable="getList"></right-toolbar>-->
+        </el-row>
+      </template>
+
+      <el-table v-loading="loading" :data="aiKnowledgeBaseTypeList" @selection-change="handleSelectionChange">
+        <el-table-column type="selection" width="55" align="center" />
+        <el-table-column label="编号" align="center" prop="knowledgeBaseTypeId" v-if="columns[0].visible"/>
+        <el-table-column label="知识库类型名称" align="center" prop="knowledgeBaseTypeName" v-if="columns[2].visible"/>
+        <el-table-column label="备注" align="center" prop="remark" v-if="columns[3].visible"/>
+        <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+          <template #default="scope">
+            <el-tooltip content="修改" placement="top">
+              <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['ai:aiKnowledgeBaseType:edit']"></el-button>
+            </el-tooltip>
+            <el-tooltip content="删除" placement="top">
+              <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['ai:aiKnowledgeBaseType:remove']"></el-button>
+            </el-tooltip>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <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="aiKnowledgeBaseTypeFormRef" :model="form" :rules="rules" label-width="100px">
+        <el-form-item label="类型名称" prop="knowledgeBaseTypeName">
+          <el-input v-model="form.knowledgeBaseTypeName" placeholder="请输入知识库类型名称" />
+        </el-form-item>
+        <el-form-item label="备注" prop="remark">
+          <el-input v-model="form.remark" placeholder="请输入备注" />
+        </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>
+  </div>
+</template>
+
+<script setup name="AiKnowledgeBaseType" lang="ts">
+import { listAiKnowledgeBaseType, getAiKnowledgeBaseType, delAiKnowledgeBaseType, addAiKnowledgeBaseType, updateAiKnowledgeBaseType } from '@/api/ai/base/aiKnowledgeBaseType';
+import { AiKnowledgeBaseTypeVO, AiKnowledgeBaseTypeQuery, AiKnowledgeBaseTypeForm } from '@/api/ai/base/aiKnowledgeBaseType/types';
+
+const { proxy } = getCurrentInstance() as ComponentInternalInstance;
+
+const aiKnowledgeBaseTypeList = ref<AiKnowledgeBaseTypeVO[]>([]);
+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 aiKnowledgeBaseTypeFormRef = ref<ElFormInstance>();
+
+const dialog = reactive<DialogOption>({
+  visible: false,
+  title: ''
+});
+
+// 列显隐信息
+const columns = ref<FieldOption[]>([
+        { key: 0, label: `主键`, visible: true },
+        { key: 1, label: `租户号`, visible: true },
+        { key: 2, label: `知识库类型名称`, visible: true },
+        { key: 3, label: `备注`, visible: true },
+        { key: 4, label: `创建时间`, visible: true },
+        { key: 5, label: `创建人`, visible: true },
+        { key: 6, label: `更新时间`, visible: true },
+        { key: 7, label: `更新人`, visible: true },
+        { key: 8, label: `创建部门`, visible: true },
+        { key: 9, label: `删除标志`, visible: true },
+]);
+
+const initFormData: AiKnowledgeBaseTypeForm = {
+  knowledgeBaseTypeId: undefined,
+  knowledgeBaseTypeName: undefined,
+  remark: undefined,
+}
+const data = reactive<PageData<AiKnowledgeBaseTypeForm, AiKnowledgeBaseTypeQuery>>({
+  form: {...initFormData},
+  queryParams: {
+    pageNum: 1,
+    pageSize: 10,
+    knowledgeBaseTypeId: undefined,
+    knowledgeBaseTypeName: undefined,
+    remark: undefined,
+    params: {
+    }
+  },
+  rules: {
+    knowledgeBaseTypeName: [
+      { required: true, message: "知识库类型名称不能为空", trigger: "blur" }
+    ]
+  }
+});
+
+const { queryParams, form, rules } = toRefs(data);
+
+/** 查询AI知识库类型列表 */
+const getList = async () => {
+  loading.value = true;
+  const res = await listAiKnowledgeBaseType(queryParams.value);
+  aiKnowledgeBaseTypeList.value = res.rows;
+  total.value = res.total;
+  loading.value = false;
+}
+
+/** 取消按钮 */
+const cancel = () => {
+  reset();
+  dialog.visible = false;
+}
+
+/** 表单重置 */
+const reset = () => {
+  form.value = {...initFormData};
+  aiKnowledgeBaseTypeFormRef.value?.resetFields();
+}
+
+/** 搜索按钮操作 */
+const handleQuery = () => {
+  queryParams.value.pageNum = 1;
+  getList();
+}
+
+/** 重置按钮操作 */
+const resetQuery = () => {
+  queryFormRef.value?.resetFields();
+  handleQuery();
+}
+
+/** 多选框选中数据 */
+const handleSelectionChange = (selection: AiKnowledgeBaseTypeVO[]) => {
+  ids.value = selection.map(item => item.knowledgeBaseTypeId);
+  single.value = selection.length != 1;
+  multiple.value = !selection.length;
+}
+
+/** 新增按钮操作 */
+const handleAdd = () => {
+  reset();
+  dialog.visible = true;
+  dialog.title = "添加AI知识库类型";
+}
+
+/** 修改按钮操作 */
+const handleUpdate = async (row?: AiKnowledgeBaseTypeVO) => {
+  reset();
+  const _knowledgeBaseTypeId = row?.knowledgeBaseTypeId || ids.value[0]
+  const res = await getAiKnowledgeBaseType(_knowledgeBaseTypeId);
+  Object.assign(form.value, res.data);
+  dialog.visible = true;
+  dialog.title = "修改AI知识库类型";
+}
+
+/** 提交按钮 */
+const submitForm = () => {
+  aiKnowledgeBaseTypeFormRef.value?.validate(async (valid: boolean) => {
+    if (valid) {
+      buttonLoading.value = true;
+      if (form.value.knowledgeBaseTypeId) {
+        await updateAiKnowledgeBaseType(form.value).finally(() =>  buttonLoading.value = false);
+      } else {
+        await addAiKnowledgeBaseType(form.value).finally(() =>  buttonLoading.value = false);
+      }
+      proxy?.$modal.msgSuccess("操作成功");
+      dialog.visible = false;
+      await getList();
+    }
+  });
+}
+
+/** 删除按钮操作 */
+const handleDelete = async (row?: AiKnowledgeBaseTypeVO) => {
+  const _knowledgeBaseTypeIds = row?.knowledgeBaseTypeId || ids.value;
+  await proxy?.$modal.confirm('是否确认删除AI知识库类型编号为"' + _knowledgeBaseTypeIds + '"的数据项？').finally(() => loading.value = false);
+  await delAiKnowledgeBaseType(_knowledgeBaseTypeIds);
+  proxy?.$modal.msgSuccess("删除成功");
+  await getList();
+}
+
+/** 导出按钮操作 */
+const handleExport = () => {
+  proxy?.download('ai/aiKnowledgeBaseType/export', {
+    ...queryParams.value
+  }, `aiKnowledgeBaseType_${new Date().getTime()}.xlsx`)
+}
+
+onMounted(() => {
+  getList();
+});
+</script>
diff --git a/src/views/ai/base/aiModel/ModelSettings.vue b/src/views/ai/base/aiModel/ModelSettings.vue
new file mode 100644
index 0000000..dff08ff
--- /dev/null
+++ b/src/views/ai/base/aiModel/ModelSettings.vue
@@ -0,0 +1,461 @@
+<template>
+  <el-dialog v-model="props.visible" title="AI模型配置" width="600px" :close-on-click-modal="false"
+             @update:model-value="val => emit('update:visible', val)">
+    <el-form :model="form" label-width="120px" :rules="rules" ref="formRef">
+      <!-- 基本信息：模型名称 -->
+      <el-form-item label="模型名称" prop="modelName">
+        <el-input v-model="form.modelName" placeholder="请输入AI模型名称"/>
+      </el-form-item>
+
+      <!-- AI平台选择 -->
+      <el-form-item label="AI平台" prop="platformId">
+        <el-select v-model="form.platformId" placeholder="请选择AI平台" @change="onPlatformChange"
+                   :disabled="form.modelId">
+          <el-option v-for="item in aiPlatformList" :key="item.platformId" :label="item.platformName"
+                     :value="item.platformId"/>
+        </el-select>
+      </el-form-item>
+      <!-- 基础模型选择 -->
+      <el-form-item label="基础模型" prop="baseModelId">
+        <el-select v-model="form.baseModelId" placeholder="请选择基础模型" @change="onBaseModelChange">
+          <el-option v-for="item in baseModelList || []" :key="item.baseModelId" :label="item.baseModelName"
+                     :value="item.baseModelId"/>
+        </el-select>
+      </el-form-item>
+
+      <!-- 模型类型选择 -->
+      <el-form-item label="模型类型" prop="modelTypeName">
+        <el-input v-model="form.modelTypeName" disabled/>
+      </el-form-item>
+
+      <!-- API端点自动赋值 -->
+      <el-form-item label="API端点" prop="apiEndpoint">
+        <el-select v-model="form.apiEndpoint" placeholder="请选择API端点">
+          <el-option v-for="item in apiEndpointList || []" :key="item.apiEndpointId" :label="item.apiEndpointName"
+                     :value="item.apiEndpointId"/>
+        </el-select>
+
+      </el-form-item>
+
+      <!-- API Key -->
+      <el-form-item label="API Key" prop="apiKey">
+        <el-input v-model="form.apiKey" placeholder="请输入API Key"/>
+      </el-form-item>
+
+      <!-- API Secret -->
+      <el-form-item label="API Secret" prop="apiSecret">
+        <el-input v-model="form.apiSecret" placeholder="请输入API Secret"/>
+      </el-form-item>
+
+
+      <!-- 高级信息 -->
+      <el-card v-if="false">
+        <el-divider>高级信息</el-divider>
+        <!-- 预设加载放在高级信息最上面 -->
+        <el-form-item label="加载预设">
+          <el-radio-group v-model="preset" @change="applyPreset">
+            <el-radio-button label="创意"/>
+            <el-radio-button label="平衡"/>
+            <el-radio-button label="精确"/>
+          </el-radio-group>
+        </el-form-item>
+        <el-form-item label="模型温度" prop="temperature">
+          <div class="slider-input-group">
+            <el-slider :model-value="form.temperature" @update:model-value="val => form.temperature = val" :min="0"
+                       :max="1" :step="0.01" style="width: 120px;"/>
+            <el-input-number v-model="form.temperature" :min="0" :max="1" :step="0.01"
+                             style="width: 120px; margin-left: 8px;"/>
+          </div>
+        </el-form-item>
+        <el-form-item label="词汇属性" prop="top_p">
+          <div class="slider-input-group">
+            <el-slider :model-value="form.top_p" @update:model-value="val => form.top_p = val" :min="0" :max="1"
+                       :step="0.01" style="width: 120px;"/>
+            <el-input-number v-model="form.top_p" :min="0" :max="1" :step="0.01"
+                             style="width: 120px; margin-left: 8px;"/>
+          </div>
+        </el-form-item>
+        <el-form-item label="话题属性" prop="presence_penalty">
+          <div class="slider-input-group">
+            <el-slider :model-value="form.presence_penalty" @update:model-value="val => form.presence_penalty = val"
+                       :min="-2" :max="2" :step="0.01" style="width: 120px;"/>
+            <el-input-number v-model="form.presence_penalty" :min="-2" :max="2" :step="0.01"
+                             style="width: 120px; margin-left: 8px;"/>
+          </div>
+        </el-form-item>
+        <el-form-item label="重复属性" prop="frequency_penalty">
+          <div class="slider-input-group">
+            <el-slider :model-value="form.frequency_penalty" @update:model-value="val => form.frequency_penalty = val"
+                       :min="-2" :max="2" :step="0.01" style="width: 120px;"/>
+            <el-input-number v-model="form.frequency_penalty" :min="-2" :max="2" :step="0.01"
+                             style="width: 120px; margin-left: 8px;"/>
+          </div>
+        </el-form-item>
+        <el-form-item label="最大回复" prop="max_tokens">
+          <el-input-number v-model="form.max_tokens" :min="1" :max="16000"/>
+        </el-form-item>
+        '
+      </el-card>
+    </el-form>
+    <template #footer>
+      <el-button @click="onTest" :loading="buttonLoading">测试</el-button>
+      <el-button type="primary" :loading="buttonLoading" @click="onSave">保存</el-button>
+      <el-button @click="onClose">关闭</el-button>
+    </template>
+  </el-dialog>
+</template>
+
+<script setup lang="ts">
+import {ref, reactive, watch, computed} from 'vue'
+import {ElMessage, ElMessageBox} from 'element-plus'
+import {getAiPlatformList, listAiBaseModels} from '@/api/ai/base/aiPlatform';
+import {AiPlatformVO, AiPlatformQuery, AiPlatformForm} from '@/api/ai/base/aiPlatform/types';
+import {listAiModel, getAiModel, delAiModel, addAiModel, updateAiModel, testAIModel} from '@/api/ai/base/aiModel';
+import {AiModelVO, AiModelQuery, AiModelForm} from '@/api/ai/base/aiModel/types';
+
+const {proxy} = getCurrentInstance() as ComponentInternalInstance;
+
+const props = defineProps<{
+  visible: boolean
+  model: any
+}>()
+
+const emit = defineEmits(['update:visible', 'update:model'])
+
+const formRef = ref()
+const testing = ref(false)
+const preset = ref('')
+
+const aiPlatformList = ref<AiPlatformVO[]>([]);
+const baseModelList = ref([]);
+const apiEndpointList = ref([]);
+const baseModelId = ref();
+
+const displayApiKey = ref('********');
+const displayApiSecret = ref('********');
+
+const currentApiKey = ref('');
+const currentApiSecret = ref('');
+
+const buttonLoading = ref(false);
+const loading = ref(true);
+const showSearch = ref(true);
+
+// 平台、模型类型、基础模型、API端点映射
+const platforms = [
+  {label: 'OpenAI', value: 'openai'},
+  {label: 'DeepSeek', value: 'deepseek'},
+  {label: '文心一言', value: 'wenxin'},
+  {label: '通义千问', value: 'qianwen'},
+]
+const modelTypes: Record<string, any[]> = {
+  openai: [
+    {label: 'GPT-3.5', value: 'gpt-3.5'},
+    {label: 'GPT-4', value: 'gpt-4'},
+  ],
+  deepseek: [
+    {label: 'R1', value: 'r1'},
+  ],
+  wenxin: [
+    {label: 'ERNIE-Bot', value: 'ernie-bot'},
+  ],
+  qianwen: [
+    {label: 'Qwen-7B', value: 'qwen-7b'},
+  ],
+}
+const baseModels: Record<string, any[]> = {
+  'gpt-3.5': [
+    {label: 'gpt-3.5-turbo', value: 'gpt-3.5-turbo'},
+    {label: 'gpt-3.5-turbo-16k', value: 'gpt-3.5-turbo-16k'},
+  ],
+  'gpt-4': [
+    {label: 'gpt-4', value: 'gpt-4'},
+    {label: 'gpt-4-32k', value: 'gpt-4-32k'},
+  ],
+  'r1': [
+    {label: 'deepseek-r1', value: 'deepseek-r1'},
+  ],
+  'ernie-bot': [
+    {label: 'ERNIE-Bot', value: 'ernie-bot'},
+  ],
+  'qwen-7b': [
+    {label: 'Qwen-7B', value: 'qwen-7b'},
+  ],
+}
+const apiEndpoints: Record<string, string> = {
+  'gpt-3.5-turbo': 'https://api.openai.com/v1/chat/completions',
+  'gpt-3.5-turbo-16k': 'https://api.openai.com/v1/chat/completions',
+  'gpt-4': 'https://api.openai.com/v1/chat/completions',
+  'gpt-4-32k': 'https://api.openai.com/v1/chat/completions',
+  'deepseek-r1': 'https://api.deepseek.com/v1/chat/completions',
+  'ernie-bot': 'https://wenxin.baidu.com/moduleApi/portal/api/rest/1.0/ernie_bot',
+  'Qwen-7B': 'https://dashscope.aliyuncs.com/api/v1/services/aigc/text-generation/generation',
+}
+
+const form = reactive({
+  modelId: undefined,
+  platformId: undefined,
+  modelTypeId: undefined,
+  modelTypeCode: '',
+  modelTypeName: '',
+  baseModelId: undefined,
+  apiEndpoint: '',
+  modelName: '',
+  apiKey: '',
+  apiSecret: '',
+  temperature: 0.7,
+  top_p: 1,
+  presence_penalty: 0,
+  frequency_penalty: 0,
+  max_tokens: 2048,
+})
+
+const rules = {
+  platformId: [{required: true, message: '请选择AI平台', trigger: 'change'}],
+  baseModelId: [{required: true, message: '请选择基础模型', trigger: 'change'}],
+  modelName: [{required: true, message: '请输入模型名称', trigger: 'blur'}],
+}
+
+// 监听对话框显示状态，当打开时填充表单数据
+watch(() => props.visible, async (newVal) => {
+  console.log('visible changed:', newVal, 'model:', props.model)
+  resetForm()
+  currentApiKey.value = '';
+  currentApiSecret.value = '';
+
+  if (newVal && props.model) {
+    // 编辑模式：填充现有数据
+    Object.assign(form, props.model)
+    currentApiKey.value = props.model.apiKey;
+    currentApiSecret.value = props.model.apiSecret;
+    form.apiKey = displayApiKey.value;
+    form.apiSecret = displayApiSecret.value;
+
+    await getBaseModelList();
+    await getEndPointAndModelType();
+
+    // 根据当前值设置预设
+    // setPresetByValues()
+  } else if (newVal && !props.model) {
+    // 新增模式：重置表单
+    // resetForm()
+  }
+}, {immediate: true})
+
+// 重置表单
+function resetForm() {
+  Object.assign(form, {
+    modelId: undefined,
+    platformId: undefined,
+    modelTypeId: undefined,
+    modelTypeName: '',
+    baseModelId: undefined,
+    apiEndpoint: '',
+    modelName: '',
+    apiKey: '',
+    apiSecret: '',
+    temperature: 0.7,
+    top_p: 1,
+    presence_penalty: 0,
+    frequency_penalty: 0,
+    max_tokens: 2048,
+  })
+
+  baseModelList.value = [];
+  apiEndpointList.value = [];
+
+  preset.value = ''
+}
+
+
+function onPlatformChange(newPlatformId) {
+  form.modelTypeId = ''
+  form.modelTypeCode = '';
+  form.modelTypeName = '';
+  form.baseModelId = ''
+  form.apiEndpoint = ''
+  getBaseModelList()
+}
+
+
+function onModelTypeChange() {
+  form.baseModelId = ''
+  form.apiEndpoint = ''
+}
+
+function onBaseModelChange(newBaseModelId) {
+  // form.apiEndpoint = apiEndpoints[form.baseModel] || ''
+  form.modelTypeId = '';
+  form.modelTypeCode = '';
+  form.modelTypeName = '';
+  form.apiEndpoint = ''
+  getEndPointAndModelType();
+}
+
+function applyPreset(val: string) {
+  if (val === '创意') {
+    form.temperature = 0.95
+    form.top_p = 1
+    form.presence_penalty = 1.2
+    form.frequency_penalty = 0.8
+    form.max_tokens = 4096
+  } else if (val === '平衡') {
+    form.temperature = 0.7
+    form.top_p = 0.9
+    form.presence_penalty = 0.5
+    form.frequency_penalty = 0.5
+    form.max_tokens = 2048
+  } else if (val === '精确') {
+    form.temperature = 0.2
+    form.top_p = 0.7
+    form.presence_penalty = 0
+    form.frequency_penalty = 0
+    form.max_tokens = 1024
+  }
+}
+
+function onTest() {
+  let platformCode = getAiPlatformCode();
+
+  formRef.value?.validate(async (valid: boolean) => {
+    if (!valid) return
+    buttonLoading.value = true;
+    // 这里应调用后端API进行测试
+    let apiKey = '';
+    let apiKeyEncryptFlag = '';
+    let apiSecret = '';
+    let apiSecretEncryptFlag = '';
+    if (form.modelId) {
+      if (form.apiKey === displayApiKey.value) {
+        apiKey = currentApiKey.value;
+        apiKeyEncryptFlag = '1';
+      } else {
+        apiKey = form.apiKey;
+        apiKeyEncryptFlag = '0';
+      }
+
+      if (form.apiSecret === displayApiSecret.value) {
+        apiSecret = currentApiSecret.value;
+        apiSecretEncryptFlag = '1';
+      } else {
+        apiSecret = form.apiSecret;
+        apiSecretEncryptFlag = '0';
+      }
+
+    } else {
+      apiKey = form.apiKey;
+      apiKeyEncryptFlag = '0';
+      apiSecret = form.apiSecret;
+      apiSecretEncryptFlag = '0';
+    }
+
+    const paramsData = {
+      apiKey: apiKey,
+      apiKeyEncryptFlag: apiKeyEncryptFlag,
+      apiSecret: apiSecret,
+      apiSecretEncryptFlag: apiSecretEncryptFlag,
+      modelType: form.modelTypeCode
+    }
+
+    await testAIModel(platformCode, paramsData).finally(() => buttonLoading.value = false);
+
+    // await new Promise(r => setTimeout(r, 1000))
+    proxy?.$modal.msgSuccess("测试成功");
+
+  })
+}
+
+function onSave() {
+  // alert(JSON.stringify(form))
+  formRef.value?.validate(async (valid: boolean) => {
+    if (valid) {
+      buttonLoading.value = true;
+      if (form.modelId) {
+        if (form.apiKey === displayApiKey.value) {
+          form.apiKey = undefined;
+        }
+        if (form.apiSecret === displayApiSecret.value) {
+          form.apiSecret = undefined;
+        }
+        await updateAiModel(form).finally(() => buttonLoading.value = false);
+      } else {
+        await addAiModel(form).finally(() => buttonLoading.value = false);
+      }
+      proxy?.$modal.msgSuccess("操作成功");
+      // 发送更新事件给父组件
+      emit('update:model', {...form})
+      emit('update:visible', false)
+      // await getList();
+    }
+  })
+
+
+}
+
+function onClose() {
+  emit('update:visible', false)
+}
+
+/** 查询AI平台列表 */
+const getPlatformList = async () => {
+  const res = await getAiPlatformList({});
+  console.log(res);
+  aiPlatformList.value = res.data;
+
+}
+
+/** 查询基础模型列表 */
+const getBaseModelList = async () => {
+  const res = await listAiBaseModels({platformId: form.platformId});
+  console.log(res);
+  baseModelList.value = res.data;
+}
+
+const getEndPointAndModelType = async () => {
+  baseModelList.value.forEach((item: any) => {
+    if (item.baseModelId === form.baseModelId) {
+      // alert(JSON.stringify(item))
+      apiEndpointList.value = item.aiApiEndpointList;
+      if (apiEndpointList.value && apiEndpointList.value.length > 0) {
+        apiEndpointList.value.forEach((endpoint: any) => {
+          if (endpoint.defaultFlag === '1') {
+            form.apiEndpoint = endpoint.apiEndpointPath;
+          }
+        })
+      }
+
+      form.modelTypeId = item.modelTypeId;
+      form.modelTypeCode = item.modelTypeCode;
+      form.modelTypeName = item.modelTypeName;
+    }
+  })
+}
+
+
+const getAiPlatformCode = () => {
+  const selectedOption = aiPlatformList.value.find(opt => opt.platformId === form.platformId);
+  return selectedOption ? selectedOption.platformCode : '';
+  // this.selectedCode = selectedOption ? selectedOption.code : '';
+}
+
+
+onMounted(() => {
+  getPlatformList();
+});
+
+</script>
+
+<style scoped>
+.slider-value {
+  margin-left: 8px;
+  color: #888;
+  font-size: 14px;
+  min-width: 40px;
+  display: inline-block;
+}
+
+.slider-input-group {
+  display: flex;
+  align-items: center;
+}
+</style>
diff --git a/src/views/ai/base/aiModel/index.vue b/src/views/ai/base/aiModel/index.vue
new file mode 100644
index 0000000..b12dbf4
--- /dev/null
+++ b/src/views/ai/base/aiModel/index.vue
@@ -0,0 +1,527 @@
+<template>
+  <div class="p-2">
+    <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">
+            <el-form-item label="模型名称" prop="modelName">
+              <el-input v-model="queryParams.modelName" placeholder="请输入模型名称" clearable @keyup.enter="handleQuery" />
+            </el-form-item>
+            <el-form-item label="AI平台" prop="platformId">
+              <el-select v-model="queryParams.platformId" placeholder="请选择AI平台" clearable @keyup.enter="handleQuery">
+                <el-option v-for="item in aiPlatformList" :key="item.platformId" :label="item.platformName"
+                           :value="item.platformId"/>
+              </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-button type="success" plain icon="Plus" @click="handleAdd" v-hasPermi="['ai:aiModel:add']">新增</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:aiModel:add']">新增</el-button>-->
+<!--          </el-col>-->
+<!--          <el-col :span="1.5">-->
+<!--            <el-button type="success" plain icon="Edit" :disabled="single" @click="handleUpdate()" v-hasPermi="['ai:aiModel:edit']">修改</el-button>-->
+<!--          </el-col>-->
+<!--          <el-col :span="1.5">-->
+<!--            <el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete()" v-hasPermi="['ai:aiModel:remove']">删除</el-button>-->
+<!--          </el-col>-->
+<!--          <el-col :span="1.5">-->
+<!--            <el-button type="warning" plain icon="Download" @click="handleExport" v-hasPermi="['ai:aiModel:export']">导出</el-button>-->
+<!--          </el-col>-->
+<!--          <right-toolbar v-model:showSearch="showSearch" :columns="columns" :search="true" @queryTable="getList"></right-toolbar>-->
+<!--        </el-row>-->
+<!--      </template>-->
+
+      <div class="model-card-scroll" v-loading="loading">
+        <el-empty v-if="aiModelList.length === 0" description="暂无模型" />
+        <div v-else class="card-row-scroll">
+          <el-card v-for="item in aiModelList" :key="item.modelId" class="model-card" shadow="hover">
+            <div class="card-header">
+              <div class="platform-icon">
+                <img v-if="item.platformIcon" :src="item.platformIcon" :alt="item.platformIcon" class="icon-img" />
+                <span v-else class="icon-emoji">🤖</span>
+              </div>
+              <span class="model-name">{{ item.modelName }}</span>
+            </div>
+            <div class="card-body">
+              <div class="card-row"><span class="label">AI平台：</span>{{ item.platformName }}</div>
+              <div class="card-row"><span class="label">模型类型：</span>{{ item.modelTypeName }}</div>
+              <div class="card-row"><span class="label">基础模型：</span>{{ item.baseModelName }}</div>
+            </div>
+            <div class="card-actions-bottom">
+              <el-button size="small" @click="onEdit(item)">编辑</el-button>
+              <el-button size="small" type="danger" @click="handleDelete(item)">删除</el-button>
+            </div>
+          </el-card>
+        </div>
+      </div>
+
+<!--      <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" />-->
+    </el-card>
+    <!-- 添加或修改AI模型对话框 -->
+    <ModelSettings :visible="showDialog" :model="editModel" @update:visible="showDialog = $event" @update:model="onDialogSave" />
+  </div>
+</template>
+
+<script setup name="AiModel" lang="ts">
+import { listAiModel, getAiModel, delAiModel, addAiModel, updateAiModel } from '@/api/ai/base/aiModel';
+import { AiModelVO, AiModelQuery, AiModelForm } from '@/api/ai/base/aiModel/types';
+import ModelSettings from './ModelSettings.vue'
+import {ref} from "vue";
+import {AiPlatformVO} from "@/api/ai/base/aiPlatform/types";
+import {getAiPlatformList} from '@/api/ai/base/aiPlatform';
+
+const { proxy } = getCurrentInstance() as ComponentInternalInstance;
+
+const aiModelList = ref<AiModelVO[]>([]);
+const aiPlatformList = ref<AiPlatformVO[]>([]);
+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 aiModelFormRef = ref<ElFormInstance>();
+
+const dialog = reactive<DialogOption>({
+  visible: false,
+  title: ''
+});
+
+// 列显隐信息
+const columns = ref<FieldOption[]>([
+  { key: 0, label: `主键`, visible: true },
+  { key: 1, label: `租户ID`, visible: true },
+  { key: 2, label: `模型名称`, visible: true },
+  { key: 3, label: `AI平台ID，关联ai_platform`, visible: true },
+  { key: 4, label: `模型类型ID，关联ai_model_type`, visible: true },
+  { key: 5, label: `基础模型ID，关联ai_base_model`, visible: true },
+  { key: 6, label: `计费类型(1token计费，2次数计费)`, visible: true },
+  { key: 7, label: `模型价格`, visible: true },
+  { key: 8, label: `请求地址`, visible: true },
+  { key: 9, label: `秘钥`, visible: true },
+  { key: 10, label: `密钥`, visible: true },
+  { key: 11, label: `向量库(1milvus，2weaviate,)`, visible: true },
+  { key: 12, label: `描述`, visible: true },
+  { key: 13, label: `高级配置—模型温度(0-1);值越大，回复内容越赋有多样性创造性、随机性；设为0根据事实回答，希望得到精准答案应该降低该参数；日常聊天建议0.5-0.8`, visible: true },
+  { key: 14, label: `高级配置—词汇属性(0-1);值越小，AI生成的内容越单调也越容易理解；值越大，AI回复的词汇范围越大，越多样化`, visible: true },
+  { key: 15, label: `高级配置—话题属性(-2.0-2.0);值越大，越能够让AI更好的控制新话题的引入，建议微调或不变`, visible: true },
+  { key: 16, label: `高级配置—重复属性(-2.0-2.0);值越大，越能够让AI更好的避免重复之前说过的话，建议微调或不变`, visible: true },
+  { key: 17, label: `高级配置—最大回复(1-16000);设置AI最大回复内容大小，会影响返回结果内容的长度；普通聊天建议500-800；短文生成建议800-2000；代码生成建议2000-3600；长文生成建议4000左右`, visible: true },
+  { key: 18, label: `激活标识(1是，0否)`, visible: true },
+  { key: 19, label: `创建时间`, visible: true },
+  { key: 20, label: `更新时间`, visible: true },
+  { key: 21, label: `创建人`, visible: true },
+  { key: 22, label: `更新人`, visible: true },
+  { key: 23, label: `创建部门`, visible: true },
+  { key: 24, label: `删除标志`, visible: true },
+]);
+
+const initFormData: AiModelForm = {
+  modelId: undefined,
+  modelName: undefined,
+  platformId: undefined,
+  modelTypeId: undefined,
+  baseModelId: undefined,
+  chargeType: undefined,
+  modelPrice: undefined,
+  apiEndpoint: undefined,
+  apiKey: undefined,
+  apiSecret: undefined,
+  vectorLibrary: undefined,
+  description: undefined,
+  modelTemperature: undefined,
+  vocabularyAttribute: undefined,
+  topicAttribute: undefined,
+  duplicateAttribute: undefined,
+  maxReply: undefined,
+  activeFlag: undefined,
+}
+const data = reactive<PageData<AiModelForm, AiModelQuery>>({
+  form: {...initFormData},
+  queryParams: {
+    pageNum: 1,
+    pageSize: 10,
+    modelId: undefined,
+    modelName: undefined,
+    platformId: undefined,
+    modelTypeId: undefined,
+    baseModelId: undefined,
+    chargeType: undefined,
+    modelPrice: undefined,
+    apiEndpoint: undefined,
+    apiKey: undefined,
+    apiSecret: undefined,
+    vectorLibrary: undefined,
+    description: undefined,
+    modelTemperature: undefined,
+    vocabularyAttribute: undefined,
+    topicAttribute: undefined,
+    duplicateAttribute: undefined,
+    maxReply: undefined,
+    activeFlag: undefined,
+    params: {
+    }
+  },
+  rules: {
+    modelId: [
+      { required: true, message: "主键不能为空", trigger: "blur" }
+    ],
+    modelName: [
+      { required: true, message: "模型名称不能为空", trigger: "blur" }
+    ],
+    platformId: [
+      { required: true, message: "AI平台ID，关联ai_platform不能为空", trigger: "blur" }
+    ],
+    modelTypeId: [
+      { required: true, message: "模型类型ID，关联ai_model_type不能为空", trigger: "blur" }
+    ],
+    baseModelId: [
+      { required: true, message: "基础模型ID，关联ai_base_model不能为空", trigger: "blur" }
+    ],
+    chargeType: [
+      { required: true, message: "计费类型(1token计费，2次数计费)不能为空", trigger: "change" }
+    ],
+    modelPrice: [
+      { required: true, message: "模型价格不能为空", trigger: "blur" }
+    ],
+    apiEndpoint: [
+      { required: true, message: "请求地址不能为空", trigger: "blur" }
+    ],
+    apiKey: [
+      { required: true, message: "秘钥不能为空", trigger: "blur" }
+    ],
+    apiSecret: [
+      { required: true, message: "密钥不能为空", trigger: "blur" }
+    ],
+    vectorLibrary: [
+      { required: true, message: "向量库(1milvus，2weaviate,)不能为空", trigger: "blur" }
+    ],
+    description: [
+      { required: true, message: "描述不能为空", trigger: "blur" }
+    ],
+    modelTemperature: [
+      { required: true, message: "高级配置—模型温度(0-1);值越大，回复内容越赋有多样性创造性、随机性；设为0根据事实回答，希望得到精准答案应该降低该参数；日常聊天建议0.5-0.8不能为空", trigger: "blur" }
+    ],
+    vocabularyAttribute: [
+      { required: true, message: "高级配置—词汇属性(0-1);值越小，AI生成的内容越单调也越容易理解；值越大，AI回复的词汇范围越大，越多样化不能为空", trigger: "blur" }
+    ],
+    topicAttribute: [
+      { required: true, message: "高级配置—话题属性(-2.0-2.0);值越大，越能够让AI更好的控制新话题的引入，建议微调或不变不能为空", trigger: "blur" }
+    ],
+    duplicateAttribute: [
+      { required: true, message: "高级配置—重复属性(-2.0-2.0);值越大，越能够让AI更好的避免重复之前说过的话，建议微调或不变不能为空", trigger: "blur" }
+    ],
+    maxReply: [
+      { required: true, message: "高级配置—最大回复(1-16000);设置AI最大回复内容大小，会影响返回结果内容的长度；普通聊天建议500-800；短文生成建议800-2000；代码生成建议2000-3600；长文生成建议4000左右不能为空", trigger: "blur" }
+    ],
+    activeFlag: [
+      { required: true, message: "激活标识(1是，0否)不能为空", trigger: "blur" }
+    ],
+  }
+});
+
+const { queryParams, form, rules } = toRefs(data);
+
+/** 查询AI模型列表 */
+const getList = async () => {
+  loading.value = true;
+  const res = await listAiModel(queryParams.value);
+  aiModelList.value = res.data;
+  // total.value = res.total;
+  loading.value = false;
+}
+
+/** 取消按钮 */
+const cancel = () => {
+  reset();
+  dialog.visible = false;
+}
+
+/** 表单重置 */
+const reset = () => {
+  form.value = {...initFormData};
+  aiModelFormRef.value?.resetFields();
+}
+
+/** 搜索按钮操作 */
+const handleQuery = () => {
+  queryParams.value.pageNum = 1;
+  getList();
+}
+
+/** 重置按钮操作 */
+const resetQuery = () => {
+  queryFormRef.value?.resetFields();
+  handleQuery();
+}
+
+/** 多选框选中数据 */
+const handleSelectionChange = (selection: AiModelVO[]) => {
+  ids.value = selection.map(item => item.modelId);
+  single.value = selection.length != 1;
+  multiple.value = !selection.length;
+}
+
+/** 新增按钮操作 */
+const handleAdd = () => {
+  reset();
+  editModel.value = null
+  showDialog.value = true
+  dialog.title = "添加AI模型";
+}
+
+/** 修改按钮操作 */
+const handleUpdate = async (row?: AiModelVO) => {
+  reset();
+  const _modelId = row?.modelId || ids.value[0]
+  const res = await getAiModel(_modelId);
+  Object.assign(form.value, res.data);
+  dialog.visible = true;
+  dialog.title = "修改AI模型";
+}
+
+/** 提交按钮 */
+const submitForm = () => {
+  aiModelFormRef.value?.validate(async (valid: boolean) => {
+    if (valid) {
+      buttonLoading.value = true;
+      if (form.value.modelId) {
+        await updateAiModel(form.value).finally(() =>  buttonLoading.value = false);
+      } else {
+        await addAiModel(form.value).finally(() =>  buttonLoading.value = false);
+      }
+      proxy?.$modal.msgSuccess("操作成功");
+      dialog.visible = false;
+      await getList();
+    }
+  });
+}
+
+/** 删除按钮操作 */
+const handleDelete = async (row?: AiModelVO) => {
+  const _modelIds = row?.modelId || ids.value;
+  const _modelNames = row?.modelName || ids.value;
+  await proxy?.$modal.confirm('是否确认删除AI模型名称为"' + _modelNames + '"的数据项？').finally(() => loading.value = false);
+  await delAiModel(_modelIds);
+  proxy?.$modal.msgSuccess("删除成功");
+  await getList();
+}
+
+/** 导出按钮操作 */
+const handleExport = () => {
+  proxy?.download('ai/aiModel/export', {
+    ...queryParams.value
+  }, `aiModel_${new Date().getTime()}.xlsx`)
+}
+
+/** 查询AI平台列表 */
+const getPlatformList = async () => {
+  const res = await getAiPlatformList({});
+  console.log(res);
+  aiPlatformList.value = res.data;
+
+}
+
+
+onMounted(() => {
+  getList();
+  getPlatformList();
+});
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+const showDialog = ref(false)
+const editModel = ref<any | null>(null)
+
+function onAdd() {
+  editModel.value = null
+  showDialog.value = true
+}
+function onEdit(row: any) {
+  editModel.value = { ...row }
+  showDialog.value = true
+}
+function onDialogSave(model: any) {
+  getList();
+  // if (editModel.value && editModel.value.id) {
+  //   // 修改
+  //   const idx = allModels.value.findIndex(m => m.id === editModel.value.id)
+  //   if (idx !== -1) allModels.value[idx] = { ...model, id: editModel.value.id }
+  //   ElMessage.success('修改成功')
+  // } else {
+  //   // 新增
+  //   const newId = Math.max(...allModels.value.map(m => m.id), 0) + 1
+  //   allModels.value.push({ ...model, id: newId })
+  //   ElMessage.success('新增成功')
+  // }
+  // showDialog.value = false
+  // fetchList()
+}
+function onDelete(row: any) {
+  ElMessageBox.confirm('确定要删除该模型吗？', '提示', { type: 'warning' })
+    .then(() => {
+      // allModels.value = allModels.value.filter(m => m.id !== row.id)
+      // fetchList()
+      ElMessage.success('删除成功')
+    })
+}
+</script>
+
+<style scoped>
+.model-manage-fullscreen {
+  /* position: fixed; */
+  /* inset: 0; */
+  /* width: 100vw; */
+  /* height: 100vh; */
+  background: #f7f8fa;
+  overflow-y: auto;
+  padding: 0 0 32px 0;
+  display: flex;
+  flex-direction: column;
+  min-height: 100%;
+}
+.toolbar {
+  display: flex;
+  align-items: center;
+  flex-direction: row;
+  gap: 16px;
+  margin: 32px 0 16px 0;
+  max-width: 1200px;
+  width: 100%;
+  padding: 0 16px;
+  justify-content: flex-start;
+}
+.toolbar-input {
+  width: 200px;
+}
+.toolbar-select {
+  width: 160px;
+}
+.toolbar-btn {
+  min-width: 80px;
+}
+.model-card-scroll {
+  /* width: 100vw; */
+  padding: 0 0 0 16px;
+  overflow-x: unset;
+}
+.card-row-scroll {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 24px;
+  min-height: 180px;
+  padding-bottom: 16px;
+}
+.model-card {
+  position: relative;
+  border-radius: 16px;
+  width: 360px;
+  height: 220px;
+  min-width: 360px;
+  max-width: 360px;
+  min-height: 220px;
+  max-height: 220px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  transition: box-shadow 0.2s;
+  word-break: break-all;
+}
+.card-header {
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  gap: 12px;
+  margin-bottom: 12px;
+}
+.platform-icon {
+  width: 50px;
+  height: 40px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: #f4f4f4;
+  border-radius: 8px;
+  overflow: hidden;
+}
+.icon-img {
+  width: 50px;
+  height: 40px;
+  object-fit: contain;
+}
+.icon-emoji {
+  font-size: 22px;
+}
+.model-name {
+  font-size: 20px;
+  font-weight: 700;
+  color: #222;
+  flex: 1;
+  word-break: break-all;
+  white-space: normal;
+}
+.card-actions {
+  display: flex;
+  gap: 8px;
+}
+.card-body {
+  font-size: 15px;
+  color: #555;
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+.card-row {
+  color: #555;
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  gap: 4px;
+  flex-wrap: wrap;
+  word-break: break-all;
+  white-space: normal;
+  line-height: 1.7;
+}
+.card-row .label {
+  color: #888;
+  min-width: 70px;
+  display: inline-block;
+  word-break: keep-all;
+}
+/* 新增右下角按钮样式 */
+.card-actions-bottom {
+  position: absolute;
+  right: 16px;
+  bottom: 10px;
+  display: flex;
+  gap: 8px;
+}
+</style>
diff --git a/src/views/ai/base/aiPlatform/index.vue b/src/views/ai/base/aiPlatform/index.vue
new file mode 100644
index 0000000..f95728a
--- /dev/null
+++ b/src/views/ai/base/aiPlatform/index.vue
@@ -0,0 +1,1226 @@
+<template>
+  <div class="app-container">
+    <!-- 搜索区域 -->
+    <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">
+            <el-form-item label="平台名称" prop="platformName">
+              <el-input v-model="queryParams.platformName" placeholder="请输入平台名称" clearable @keyup.enter="handleQuery" />
+            </el-form-item>
+            <el-form-item label="平台描述" prop="platformDescription">
+              <el-input v-model="queryParams.platformDescription" placeholder="请输入平台描述" clearable @keyup.enter="handleQuery" />
+            </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>
+
+    <!-- AI平台卡片列表 -->
+    <el-card shadow="never" class="platform-card" v-loading="loading">
+      <el-row :gutter="20">
+        <el-col
+          v-for="platform in platformList"
+          :key="platform.platformId"
+          :xs="24"
+          :sm="12"
+          :md="8"
+          :lg="6"
+          :xl="4"
+        >
+          <div class="platform-item" @click="viewDetails(platform)">
+            <el-card shadow="hover" class="platform-card-item" >
+              <div class="platform-header">
+                <div class="platform-icon">
+                  <img :src="platform.platformIcon" :alt="platform.platformIcon" />
+                </div>
+                <div class="platform-info-header">
+                  <h3 class="platform-name">{{ platform.platformName }}</h3>
+                  <!-- <div class="platform-status" :class="getStatusClass(platform.status)">
+                    {{ getStatusLabel(platform.status) }}
+                  </div> -->
+                </div>
+              </div>
+              <div class="platform-content">
+                <p class="platform-description" :title="platform.platformDescription">{{ platform.platformDescription }}</p>
+              </div>
+<!--              <div class="platform-actions">-->
+<!--                <el-button-->
+<!--                  type="primary"-->
+<!--                  size="small"-->
+<!--                  @click="checkBalance(platform)"-->
+<!--                  :loading="platform.checkingBalance"-->
+<!--                >-->
+<!--                  <el-icon><Wallet /></el-icon>-->
+<!--                  查询余额-->
+<!--                </el-button>-->
+<!--                <el-button-->
+<!--                  type="success"-->
+<!--                  size="small"-->
+<!--                  @click="viewDetails(platform)"-->
+<!--                >-->
+<!--                  查看详情-->
+<!--                </el-button>-->
+<!--              </div>-->
+<!--              &lt;!&ndash; 余额显示区域 &ndash;&gt;-->
+<!--              <div v-if="platform.balance !== null" class="balance-info">-->
+<!--                <el-divider />-->
+<!--                <div class="balance-content">-->
+<!--                  <span class="balance-label">当前余额：</span>-->
+<!--                  <span class="balance-amount" :class="getBalanceClass(platform.balance)">-->
+<!--                    {{ formatBalance(platform.balance) }}-->
+<!--                  </span>-->
+<!--                </div>-->
+<!--              </div>-->
+            </el-card>
+          </div>
+        </el-col>
+      </el-row>
+
+      <!-- 分页 -->
+<!--      <el-pagination-->
+<!--        v-show="total > 0"-->
+<!--        class="mt-4"-->
+<!--        :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>
+
+    <!-- 平台详情弹窗 -->
+    <el-dialog
+      title="AI平台详情"
+      v-model="detailDialogVisible"
+      width="80%"
+      append-to-body
+      :close-on-click-modal="false"
+    >
+      <div v-if="selectedPlatform" class="platform-detail"    v-loading="detailLoading">
+        <div class="detail-header">
+          <div class="platform-info">
+<!--            <el-icon class="platform-icon" :size="24">-->
+<!--              <ChatDotRound />-->
+<!--            </el-icon>-->
+              <img class="platform-icon" :src="selectedPlatform.platformIcon" :alt="selectedPlatform.platformIcon" />
+            <h2 class="platform-name">{{ selectedPlatform.platformName }}</h2>
+          </div>
+        </div>
+
+        <div class="platform-description">
+          {{ selectedPlatform.platformDescription }}
+        </div>
+
+        <el-divider />
+
+        <!-- 模型类型和基础模型 -->
+        <div class="models-section">
+          <h3 class="section-title">模型信息</h3>
+
+          <div class="model-types">
+<!--            <div-->
+<!--              v-for="baseModel in baseModelList"-->
+<!--              :key="baseModel.baseModelId"-->
+<!--              class="model-type-item"-->
+<!--            >-->
+<!--              <div class="model-type-header">-->
+<!--                <h4 class="model-type-name">{{ baseModel.baseModelName }}</h4>-->
+<!--                <el-tag :type="baseModel.status === 'active' ? 'success' : 'info'">-->
+<!--                  {{ baseModel.status === 'active' ? '活跃' : '维护中' }}-->
+<!--                </el-tag>-->
+<!--              </div>-->
+
+              <div class="base-models">
+                <div
+                  v-for="baseModel in baseModelList"
+                  :key="baseModel.baseModelId"
+                  class="base-model-item"
+                >
+
+                  <div class="base-model-header">
+                    <h4 class="base-model-name">{{ baseModel.baseModelName }}</h4>
+                    <el-tag size="small" type="primary">{{ baseModel.modelTypeName }}</el-tag>
+                  </div>
+
+                  <p class="base-model-description">{{ baseModel.baseModelDescription }}</p>
+
+                  <!-- 模型能力 -->
+                  <div class="model-capabilities">
+                    <h6 class="capabilities-title">模型能力：</h6>
+                    <div class="capabilities-list">
+                      <div
+                        v-for="capability in baseModel.aiModelCapabilityList"
+                        :key="capability.modelCapabilityId"
+                        class="capability-item"
+                      >
+                        <div class="capability-header">
+                          <span class="capability-name">{{ capability.modelCapabilityName }}</span>
+<!--                          <el-tag size="small" :type="capability.level === 'high' ? 'success' : capability.level === 'medium' ? 'warning' : 'info'">-->
+<!--                            {{ capability.level === 'high' ? '高' : capability.level === 'medium' ? '中' : '低' }}-->
+<!--                          </el-tag>-->
+                        </div>
+                        <p class="capability-description">{{ capability.modelCapabilityDescription }}</p>
+                      </div>
+                    </div>
+                  </div>
+
+                  <!-- API端点 -->
+                  <div class="api-endpoints">
+                    <h6 class="endpoints-title">API端点：</h6>
+                    <div class="endpoints-list">
+                      <div
+                        v-for="endpoint in baseModel.aiApiEndpointList"
+                        :key="endpoint.apiEndPointId"
+                        class="endpoint-item"
+                      >
+                        <div class="endpoint-header">
+                          <div class="endpoint-info">
+                            <span class="endpoint-name">{{ endpoint.apiEndpointPath }}</span>
+                            <el-tag size="small" type="info">{{ endpoint.apiVersion }}</el-tag>
+                            <el-tag
+                              v-if="endpoint.defaultFlag"
+                              size="small"
+                              type="success"
+                            >
+                              默认
+                            </el-tag>
+                          </div>
+                          <div class="endpoint-limit">
+                            <el-icon><Timer /></el-icon>
+                            {{ endpoint.rateLimit }}/分钟
+                          </div>
+                        </div>
+                        <div class="endpoint-path">
+                          <el-icon><Link /></el-icon>
+                          <code>{{ endpoint.path }}</code>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+<!--            </div>-->
+          </div>
+        </div>
+      </div>
+    </el-dialog>
+
+  </div>
+</template>
+
+<script setup name="AiPlatformList" lang="ts">
+import { ref, reactive, onMounted, computed } from 'vue'
+import { Wallet, ChatDotRound, Timer, Link } from '@element-plus/icons-vue'
+
+import { listAiPlatform,listAiBaseModels, getAiPlatform, delAiPlatform, addAiPlatform, updateAiPlatform } from '@/api/ai/base/aiPlatform';
+import { AiPlatformVO, AiPlatformQuery, AiPlatformForm } from '@/api/ai/base/aiPlatform/types';
+
+const { proxy } = getCurrentInstance() as ComponentInternalInstance;
+
+
+// ================= MOCK DATA =================
+// 平台模型数据
+const mockPlatformModels = {
+  3: { // OpenAI
+    modelTypes: [
+      {
+        id: 1,
+        name: '对话模型',
+        status: 'active',
+        baseModels: [
+          {
+            id: 1,
+            name: 'GPT-4',
+            version: 'GPT-4 Turbo',
+            description: 'GPT-4是OpenAI最强大的对话模型，能够理解和生成人类语言，支持复杂的推理和创意任务。',
+            capabilities: [
+              {
+                id: 1,
+                name: '自然语言理解',
+                level: 'high',
+                description: '能够理解复杂的自然语言输入，包括上下文、情感和隐含含义。'
+              },
+              {
+                id: 2,
+                name: '代码生成',
+                level: 'high',
+                description: '能够生成高质量的代码，支持多种编程语言和框架。'
+              },
+              {
+                id: 3,
+                name: '创意写作',
+                level: 'high',
+                description: '能够创作各种类型的文本，包括故事、诗歌、剧本等创意内容。'
+              },
+              {
+                id: 4,
+                name: '多语言支持',
+                level: 'medium',
+                description: '支持多种语言的输入和输出，但某些语言的效果可能不如英语。'
+              }
+            ],
+            apiEndpoints: [
+              {
+                id: 1,
+                name: 'Chat Completions',
+                version: 'v1',
+                path: '/v1/chat/completions',
+                isDefault: true,
+                rateLimit: 5000
+              },
+              {
+                id: 2,
+                name: 'Chat Completions (Stream)',
+                version: 'v1',
+                path: '/v1/chat/completions?stream=true',
+                isDefault: false,
+                rateLimit: 3000
+              }
+            ]
+          },
+          {
+            id: 2,
+            name: 'GPT-3.5',
+            version: 'GPT-3.5 Turbo',
+            description: 'GPT-3.5是OpenAI的高效对话模型，在性能和成本之间取得了良好的平衡。',
+            capabilities: [
+              {
+                id: 5,
+                name: '自然语言理解',
+                level: 'medium',
+                description: '能够理解大部分自然语言输入，适合日常对话和简单任务。'
+              },
+              {
+                id: 6,
+                name: '代码生成',
+                level: 'medium',
+                description: '能够生成基本的代码，适合简单的编程任务。'
+              },
+              {
+                id: 7,
+                name: '创意写作',
+                level: 'medium',
+                description: '能够创作基本的创意文本，适合一般写作需求。'
+              }
+            ],
+            apiEndpoints: [
+              {
+                id: 3,
+                name: 'Chat Completions',
+                version: 'v1',
+                path: '/v1/chat/completions',
+                isDefault: true,
+                rateLimit: 10000
+              }
+            ]
+          }
+        ]
+      },
+      {
+        id: 2,
+        name: '嵌入模型',
+        status: 'active',
+        baseModels: [
+          {
+            id: 3,
+            name: 'text-embedding-ada-002',
+            version: 'v2',
+            description: 'OpenAI的文本嵌入模型，能够将文本转换为高维向量，用于语义搜索和相似度计算。',
+            capabilities: [
+              {
+                id: 8,
+                name: '文本嵌入',
+                level: 'high',
+                description: '将文本转换为1536维的向量表示，用于语义搜索和相似度计算。'
+              },
+              {
+                id: 9,
+                name: '多语言支持',
+                level: 'medium',
+                description: '支持多种语言的文本嵌入，但主要针对英语优化。'
+              }
+            ],
+            apiEndpoints: [
+              {
+                id: 4,
+                name: 'Embeddings',
+                version: 'v1',
+                path: '/v1/embeddings',
+                isDefault: true,
+                rateLimit: 3000
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  2: { // Claude AI
+    modelTypes: [
+      {
+        id: 1,
+        name: '对话模型',
+        status: 'active',
+        baseModels: [
+          {
+            id: 1,
+            name: 'Claude-3 Opus',
+            version: 'v1',
+            description: 'Claude-3 Opus是Anthropic最强大的模型，在推理、数学和编程方面表现卓越。',
+            capabilities: [
+              {
+                id: 1,
+                name: '复杂推理',
+                level: 'high',
+                description: '能够进行复杂的逻辑推理和数学计算。'
+              },
+              {
+                id: 2,
+                name: '安全对话',
+                level: 'high',
+                description: '专注于安全、有帮助的对话，避免有害内容。'
+              },
+              {
+                id: 3,
+                name: '多模态理解',
+                level: 'high',
+                description: '能够理解和处理文本、图像等多种模态的输入。'
+              }
+            ],
+            apiEndpoints: [
+              {
+                id: 1,
+                name: 'Messages',
+                version: 'v1',
+                path: '/v1/messages',
+                isDefault: true,
+                rateLimit: 2000
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  1: { // DeepSeek
+    modelTypes: [
+      {
+        id: 1,
+        name: '对话模型',
+        status: 'active',
+        baseModels: [
+          {
+            id: 1,
+            name: 'DeepSeek Chat',
+            version: 'v1.5',
+            description: 'DeepSeek Chat是专门为对话和问答设计的模型，在中文理解和生成方面表现优秀。',
+            capabilities: [
+              {
+                id: 1,
+                name: '中文对话',
+                level: 'high',
+                description: '优秀的中文理解和生成能力，支持自然的中文对话。'
+              },
+              {
+                id: 2,
+                name: '知识问答',
+                level: 'high',
+                description: '能够回答各种知识性问题，提供准确的信息。'
+              },
+              {
+                id: 3,
+                name: '创意写作',
+                level: 'medium',
+                description: '支持中文创意写作，包括故事、诗歌等文学创作。'
+              },
+              {
+                id: 4,
+                name: '多轮对话',
+                level: 'high',
+                description: '能够进行连贯的多轮对话，保持上下文理解。'
+              }
+            ],
+            apiEndpoints: [
+              {
+                id: 1,
+                name: 'Chat Completions',
+                version: 'v1',
+                path: '/v1/chat/completions',
+                isDefault: true,
+                rateLimit: 3000
+              },
+              {
+                id: 2,
+                name: 'Chat Completions (Stream)',
+                version: 'v1',
+                path: '/v1/chat/completions?stream=true',
+                isDefault: false,
+                rateLimit: 2000
+              }
+            ]
+          }
+        ]
+      },
+      {
+        id: 2,
+        name: '代码模型',
+        status: 'active',
+        baseModels: [
+          {
+            id: 2,
+            name: 'DeepSeek Coder',
+            version: 'v1.5',
+            description: 'DeepSeek Coder是专门为代码生成和编程辅助设计的模型，在多种编程语言方面表现卓越。',
+            capabilities: [
+              {
+                id: 5,
+                name: '代码生成',
+                level: 'high',
+                description: '能够生成高质量的代码，支持Python、JavaScript、Java、C++等多种编程语言。'
+              },
+              {
+                id: 6,
+                name: '代码解释',
+                level: 'high',
+                description: '能够解释复杂的代码逻辑和算法实现。'
+              },
+              {
+                id: 7,
+                name: '代码调试',
+                level: 'medium',
+                description: '能够帮助识别和修复代码中的错误和问题。'
+              },
+              {
+                id: 8,
+                name: '代码重构',
+                level: 'medium',
+                description: '能够优化和改进现有代码的结构和性能。'
+              },
+              {
+                id: 9,
+                name: '算法设计',
+                level: 'high',
+                description: '能够设计和实现各种算法和数据结构。'
+              }
+            ],
+            apiEndpoints: [
+              {
+                id: 3,
+                name: 'Code Completions',
+                version: 'v1',
+                path: '/v1/code/completions',
+                isDefault: true,
+                rateLimit: 5000
+              },
+              {
+                id: 4,
+                name: 'Code Analysis',
+                version: 'v1',
+                path: '/v1/code/analysis',
+                isDefault: false,
+                rateLimit: 2000
+              }
+            ]
+          }
+        ]
+      },
+      {
+        id: 3,
+        name: '数学模型',
+        status: 'active',
+        baseModels: [
+          {
+            id: 3,
+            name: 'DeepSeek Math',
+            version: 'v1.0',
+            description: 'DeepSeek Math是专门为数学计算和推理设计的模型，在数学问题解决方面表现优秀。',
+            capabilities: [
+              {
+                id: 10,
+                name: '数学计算',
+                level: 'high',
+                description: '能够进行复杂的数学计算，包括代数、微积分、概率统计等。'
+              },
+              {
+                id: 11,
+                name: '数学推理',
+                level: 'high',
+                description: '能够进行数学证明和逻辑推理，解决复杂的数学问题。'
+              },
+              {
+                id: 12,
+                name: '公式推导',
+                level: 'medium',
+                description: '能够推导和解释数学公式和定理。'
+              },
+              {
+                id: 13,
+                name: '数学建模',
+                level: 'medium',
+                description: '能够建立数学模型来解决实际问题。'
+              }
+            ],
+            apiEndpoints: [
+              {
+                id: 5,
+                name: 'Math Solver',
+                version: 'v1',
+                path: '/v1/math/solve',
+                isDefault: true,
+                rateLimit: 1500
+              },
+              {
+                id: 6,
+                name: 'Math Proof',
+                version: 'v1',
+                path: '/v1/math/proof',
+                isDefault: false,
+                rateLimit: 1000
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  }
+};
+
+const mockPlatformList = [
+  {
+    id: 1,
+    name: 'OpenAI GPT',
+    description: '领先的人工智能语言模型平台，提供强大的自然语言处理能力',
+    icon: 'https://img.icons8.com/color/96/openai.png',
+    status: 'active',
+    userCount: 12500,
+    lastUpdate: '2024-01-15',
+    apiVersion: 'v1.0',
+    supportedModels: 'GPT-3.5, GPT-4, GPT-4 Turbo',
+    balance: null,
+    checkingBalance: false
+  },
+  {
+    id: 2,
+    name: 'Claude AI',
+    description: 'Anthropic开发的AI助手，擅长安全、有帮助的对话。该平台专注于提供高质量的自然语言处理服务，支持多种语言和复杂的推理任务，广泛应用于企业级AI解决方案中。',
+    icon: 'https://img.icons8.com/color/96/claude.png',
+    status: 'active',
+    userCount: 8900,
+    lastUpdate: '2024-01-14',
+    apiVersion: 'v2.0',
+    supportedModels: 'Claude-3 Sonnet, Claude-3 Opus, Claude-3 Haiku',
+    balance: null,
+    checkingBalance: false
+  },
+  {
+    id: 3,
+    name: 'DeepSeek',
+    description: '专注于代码生成和编程辅助的AI平台',
+    icon: 'http://118.25.106.99:9005/bucketone/2025/08/05/ae83a90dc220438dbf29113c4f948c34.png',
+    status: 'maintenance',
+    userCount: 5600,
+    lastUpdate: '2024-01-13',
+    apiVersion: 'v1.5',
+    supportedModels: 'DeepSeek Coder, DeepSeek Chat',
+    balance: null,
+    checkingBalance: false
+  },
+  {
+    id: 4,
+    name: '通义千问',
+    description: '阿里巴巴开发的大语言模型，支持中文对话和创作',
+    icon: 'https://img.icons8.com/color/96/qwen.png',
+    status: 'active',
+    userCount: 15200,
+    lastUpdate: '2024-01-15',
+    apiVersion: 'v2.1',
+    supportedModels: 'Qwen-Turbo, Qwen-Plus, Qwen-Max',
+    balance: null,
+    checkingBalance: false
+  },
+  {
+    id: 5,
+    name: '文心一言',
+    description: '百度开发的知识增强大语言模型',
+    icon: 'https://img.icons8.com/color/96/ernie.png',
+    status: 'active',
+    userCount: 9800,
+    lastUpdate: '2024-01-12',
+    apiVersion: 'v4.0',
+    supportedModels: 'ERNIE Bot, ERNIE Bot Turbo',
+    balance: null,
+    checkingBalance: false
+  },
+  {
+    id: 6,
+    name: '讯飞星火',
+    description: '科大讯飞推出的认知大模型',
+    icon: 'https://img.icons8.com/color/96/spark.png',
+    status: 'inactive',
+    userCount: 3200,
+    lastUpdate: '2024-01-10',
+    apiVersion: 'v3.0',
+    supportedModels: 'SparkDesk, SparkDesk Pro',
+    balance: null,
+    checkingBalance: false
+  }
+]
+
+/**
+ * 模拟API调用
+ * @param {*} data
+ * @param {number} delay
+ */
+const mockApiCall = (data, delay = 300) => {
+  return new Promise(resolve => {
+    setTimeout(() => {
+      resolve(data);
+    }, delay);
+  });
+};
+// ================= MOCK DATA END =================
+
+// ================= 响应式数据 =================
+const showSearch = ref(true);
+const loading = ref(false);
+const detailLoading = ref(false);
+const platformList = ref([]);
+const baseModelList = ref([]);
+const total = ref(0);
+const queryFormRef = ref();
+const detailDialogVisible = ref(false);
+const selectedPlatform = ref(null);
+
+
+
+const queryParams = reactive({
+  pageNum: 1,
+  pageSize: 10,
+  platformName: undefined,
+  platformDescription:undefined,
+  status: '',
+});
+
+// ================= 计算属性 =================
+// const filteredList = computed(() => {
+//   let list = platformList.value;
+//   if (queryParams.platformName) {
+//     list = list.filter(item => item.name.toLowerCase().includes(queryParams.platformName.toLowerCase()));
+//   }
+//   if (queryParams.status) {
+//     list = list.filter(item => item.status === queryParams.status);
+//   }
+//   return list;
+// });
+//
+// const paginatedList = computed(() => {
+//   total.value = filteredList.value.length;
+//   const start = (queryParams.pageNum - 1) * queryParams.pageSize;
+//   const end = start + queryParams.pageSize;
+//   return filteredList.value.slice(start, end);
+// });
+
+// ================= 工具函数 =================
+const getStatusLabel = (status) => {
+  const statusMap = {
+    'active': '正常',
+    'maintenance': '维护中',
+    'inactive': '停用'
+  };
+  return statusMap[status] || status;
+};
+
+const getStatusClass = (status) => {
+  const classMap = {
+    'active': 'status-active',
+    'maintenance': 'status-maintenance',
+    'inactive': 'status-inactive'
+  };
+  return classMap[status] || '';
+};
+
+const getStatusType = (status) => {
+  const typeMap = {
+    'active': 'success',
+    'maintenance': 'warning',
+    'inactive': 'danger'
+  };
+  return typeMap[status] || '';
+};
+
+const getBalanceClass = (balance) => {
+  if (balance === null) return '';
+  if (balance > 100) return 'balance-high';
+  if (balance > 10) return 'balance-medium';
+  return 'balance-low';
+};
+
+const formatBalance = (balance) => {
+  if (balance === null) return '未查询';
+  return `$${balance.toFixed(2)}`;
+};
+
+// ================= 业务逻辑 =================
+// 获取平台列表
+const getList = async () => {
+  loading.value = true;
+  const res = await listAiPlatform(queryParams);
+  console.log(res)
+  platformList.value = res.data;
+  loading.value = false;
+}
+
+// 获取平台列表
+const getAiBaseModelList = async (platformId) => {
+  detailLoading.value = true;
+  baseModelList.value = [];
+  const res = await listAiBaseModels({platformId:platformId});
+  baseModelList.value = res.data;
+  console.log(res)
+  detailLoading.value = false;
+}
+
+
+const getPlatformList = async () => {
+  loading.value = true;
+  const res = await mockApiCall(mockPlatformList);
+  platformList.value = res;
+  handleQuery();
+  loading.value = false;
+};
+
+// 搜索按钮操作
+const handleQuery = () => {
+  // queryParams.pageNum = 1;
+  getList();
+};
+
+// 重置按钮操作
+const resetQuery = () => {
+  queryFormRef.value.resetFields();
+  handleQuery();
+};
+
+// 查询余额
+const checkBalance = async (platform) => {
+  platform.checkingBalance = true;
+  try {
+    // 模拟API调用
+    const balance = await mockApiCall(Math.random() * 200, 1000);
+    platform.balance = balance;
+  } catch (error) {
+    console.error('查询余额失败:', error);
+  } finally {
+    platform.checkingBalance = false;
+  }
+};
+
+// 查看详情
+const viewDetails = (platform) => {
+  selectedPlatform.value = platform;
+  detailDialogVisible.value = true;
+  getAiBaseModelList(platform.platformId);
+};
+
+// 获取平台模型类型
+const getPlatformModelTypes = (platformId) => {
+  return mockPlatformModels[platformId]?.modelTypes || [];
+};
+
+// ================= 生命周期 =================
+onMounted(() => {
+  getList();
+});
+</script>
+
+<style scoped>
+.search-card {
+  margin-bottom: 20px;
+}
+
+.platform-card {
+  min-height: 400px;
+}
+
+.platform-item {
+  margin-bottom: 20px;
+}
+
+.platform-card-item {
+  height: 200px;
+  transition: all 0.3s ease;
+  display: flex;
+  flex-direction: column;
+}
+
+.platform-card-item:hover {
+  transform: translateY(-2px);
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+}
+
+.platform-header {
+  display: flex;
+  align-items: flex-start;
+  gap: 12px;
+  margin-bottom: 16px;
+}
+
+.platform-icon {
+  width: 80px;
+  height: 60px;
+  border-radius: 12px;
+  overflow: hidden;
+  background: #f5f7fa;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+}
+
+.platform-icon img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.platform-status {
+  padding: 4px 8px;
+  border-radius: 12px;
+  font-size: 12px;
+  font-weight: 500;
+  flex-shrink: 0;
+}
+
+.status-active {
+  background: #f0f9ff;
+  color: #0ea5e9;
+}
+
+.status-maintenance {
+  background: #fffbeb;
+  color: #f59e0b;
+}
+
+.status-inactive {
+  background: #fef2f2;
+  color: #ef4444;
+}
+
+.platform-info-header {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.platform-content {
+  margin-bottom: 16px;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  height: 66px;
+}
+
+.platform-name {
+  margin: 0;
+  font-size: 18px;
+  font-weight: 600;
+  color: #1f2937;
+  line-height: 3.2;
+}
+
+.platform-description {
+  margin: 0;
+  font-size: 14px;
+  color: #6b7280;
+  line-height: 1.5;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  height: 52px;
+  cursor: help;
+  flex: 1;
+}
+
+
+
+.platform-actions {
+  display: flex;
+  gap: 5px;
+  margin-bottom: 1px;
+  flex-shrink: 0;
+  flex-wrap: wrap;
+}
+
+.balance-info {
+  margin-top: 1px;
+  flex-shrink: 0;
+}
+
+.balance-content {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.balance-label {
+  font-size: 14px;
+  color: #6b7280;
+}
+
+.balance-amount {
+  font-size: 16px;
+  font-weight: 600;
+}
+
+/* 详情弹窗样式 */
+.platform-detail {
+  max-height: 70vh;
+  overflow-y: auto;
+}
+
+.detail-header {
+  margin-bottom: 20px;
+}
+
+.platform-info {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+
+.platform-icon {
+  color: #409eff;
+}
+
+.platform-name {
+  margin: 0;
+  font-size: 24px;
+  font-weight: 600;
+  color: #303133;
+}
+
+.platform-description {
+  font-size: 16px;
+  color: #606266;
+  line-height: 1.6;
+  margin-bottom: 20px;
+}
+
+.section-title {
+  font-size: 20px;
+  font-weight: 600;
+  color: #303133;
+  margin: 0 0 20px 0;
+}
+
+.model-types {
+  display: flex;
+  flex-direction: column;
+  gap: 30px;
+}
+
+.model-type-item {
+  border: 1px solid #e4e7ed;
+  border-radius: 8px;
+  padding: 20px;
+  background-color: #fff;
+}
+
+.model-type-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 20px;
+  padding-bottom: 12px;
+  border-bottom: 1px solid #f0f0f0;
+}
+
+.model-type-name {
+  margin: 0;
+  font-size: 18px;
+  font-weight: 600;
+  color: #303133;
+}
+
+.base-models {
+  display: flex;
+  flex-direction: column;
+  gap: 25px;
+}
+
+.base-model-item {
+  border: 1px solid #f0f0f0;
+  border-radius: 6px;
+  padding: 16px;
+  background-color: #fafafa;
+}
+
+.base-model-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 12px;
+}
+
+.base-model-name {
+  margin: 0;
+  font-size: 16px;
+  font-weight: 600;
+  color: #303133;
+}
+
+.base-model-description {
+  margin: 0 0 16px 0;
+  font-size: 14px;
+  color: #606266;
+  line-height: 1.5;
+  padding-bottom:10px;
+  border-bottom: 1px solid #f0f0f0;
+}
+
+.capabilities-title,
+.endpoints-title {
+  margin: 0 0 12px 0;
+  font-size: 14px;
+  font-weight: 600;
+  color: #303133;
+}
+
+.capabilities-list,
+.endpoints-list {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.capability-item {
+  border-left: 3px solid #409eff;
+  padding-left: 12px;
+  background-color: #fff;
+  padding: 12px;
+  border-radius: 4px;
+}
+
+.capability-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 8px;
+}
+
+.capability-name {
+  font-size: 14px;
+  font-weight: 600;
+  color: #303133;
+}
+
+.capability-description {
+  margin: 0;
+  font-size: 13px;
+  color: #606266;
+  line-height: 1.4;
+}
+
+.endpoint-item {
+  border: 1px solid #e4e7ed;
+  border-radius: 4px;
+  padding: 12px;
+  background-color: #fff;
+}
+
+.endpoint-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 8px;
+}
+
+.endpoint-info {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.endpoint-name {
+  font-size: 14px;
+  font-weight: 600;
+  color: #303133;
+}
+
+.endpoint-limit {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  font-size: 12px;
+  color: #909399;
+}
+
+.endpoint-path {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  font-size: 12px;
+  color: #606266;
+}
+
+.endpoint-path code {
+  background-color: #f5f7fa;
+  padding: 2px 6px;
+  border-radius: 3px;
+  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
+}
+
+.balance-high {
+  color: #059669;
+}
+
+.balance-medium {
+  color: #d97706;
+}
+
+.balance-low {
+  color: #dc2626;
+}
+
+.platform-detail {
+  padding: 20px 0;
+}
+
+.detail-header {
+  display: flex;
+  align-items: center;
+  gap: 20px;
+  margin-bottom: 24px;
+}
+
+.detail-icon {
+  width: 80px;
+  height: 80px;
+  border-radius: 16px;
+  object-fit: cover;
+}
+
+.detail-info h2 {
+  margin: 0 0 8px 0;
+  color: #1f2937;
+}
+
+.detail-info p {
+  margin: 0;
+  color: #6b7280;
+  line-height: 1.6;
+}
+
+.mt-4 {
+  margin-top: 1.5rem;
+}
+</style>
diff --git a/src/views/ai/skill/aiChat/index.vue b/src/views/ai/skill/aiChat/index.vue
new file mode 100644
index 0000000..c3fa5fa
--- /dev/null
+++ b/src/views/ai/skill/aiChat/index.vue
@@ -0,0 +1,1825 @@
+<template>
+  <div class="ai-chat-container">
+    <!-- 左侧会话栏 -->
+    <div :class="['sidebar', { collapsed }]">
+      <div class="sidebar-header">
+        <svg-icon class-name="search-icon" icon-class="aichat"/>
+        <span class="logo-text">AI助手</span>
+        <el-button
+          v-if="!collapsed"
+          class="collapse-btn"
+          circle
+          size="small"
+          @click="collapsed = true"
+        >
+          <el-icon>
+            <ArrowLeft/>
+          </el-icon>
+        </el-button>
+      </div>
+
+      <div class="sidebar-content">
+        <el-button class="new-chat-btn" type="primary" @click="createNewChat">
+          <el-icon>
+            <Plus/>
+          </el-icon>
+          新建对话
+        </el-button>
+
+        <div class="chat-list">
+          <template v-for="(group, groupKey) in groupedChats" :key="groupKey">
+            <div v-if="group.length > 0" class="group-section">
+              <div class="group-header">{{ getGroupTitle(groupKey) }}</div>
+              <div
+                v-for="chat in group"
+                :key="chat.sessionId"
+                :class="['chat-item', { active: chat.sessionId === activeChatSessionId }]"
+                @click="selectChat(chat.sessionId)"
+              >
+                <div class="chat-info">
+                  <div class="chat-title-row">
+                    <span class="chat-title">{{ chat.messageTopic }}</span>
+                    <!-- 加载动画 -->
+                    <div v-if="loadingChatId === chat.sessionId" class="loading-indicator">
+                      <el-icon class="is-loading">
+                        <Loading/>
+                      </el-icon>
+                    </div>
+                    <!-- 编辑状态指示器 -->
+                    <div v-if="editingChatId === chat.sessionId" class="editing-indicator">
+                      <el-icon class="is-loading">
+                        <Edit/>
+                      </el-icon>
+                    </div>
+                    <!-- 删除状态指示器 -->
+                    <div v-if="deletingChatId === chat.sessionId" class="deleting-indicator">
+                      <el-icon class="is-loading">
+                        <Delete/>
+                      </el-icon>
+                    </div>
+                  </div>
+                  <div class="chat-bottom-row">
+                    <span class="chat-time">{{ formatTime(chat.updatedAt) }}</span>
+                    <div class="chat-actions">
+                      <el-button
+                        circle
+                        size="small"
+                        @click.stop="editChatTitle(chat)"
+                        title="重命名"
+                        :loading="editingChatId === chat.sessionId"
+                        :disabled="editingChatId === chat.sessionId || deletingChatId === chat.sessionId"
+                      >
+                        <el-icon v-if="editingChatId !== chat.sessionId">
+                          <Edit/>
+                        </el-icon>
+                      </el-button>
+                      <el-button
+                        circle
+                        size="small"
+                        type="danger"
+                        @click.stop="handleDelete(chat.sessionId)"
+                        title="删除"
+                        :loading="deletingChatId === chat.sessionId"
+                        :disabled="deletingChatId === chat.sessionId ||  editingChatId === chat.sessionId"
+                      >
+                        <el-icon v-if="deletingChatId !== chat.sessionId">
+                          <Delete/>
+                        </el-icon>
+                      </el-button>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </template>
+        </div>
+      </div>
+    </div>
+
+    <!-- 主内容区左上角 -->
+    <el-button
+      v-if="collapsed"
+      class="expand-btn"
+      circle
+      size="small"
+      @click="collapsed = false"
+      style="position: absolute; left: 0; top: 24px; z-index: 10;"
+    >
+      <el-icon>
+        <ArrowRight/>
+      </el-icon>
+    </el-button>
+
+    <!-- 主对话区 -->
+    <main class="main-content">
+      <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">
+            <el-option
+              v-for="model in aiModelList"
+              :key="model.modelId"
+              :label="model.modelName"
+              :value="model.modelId"
+            />
+          </el-select>
+          <!--          <el-button @click="showSettings = true" title="设置">-->
+          <!--            <el-icon>-->
+          <!--              <Setting/>-->
+          <!--            </el-icon>-->
+          <!--          </el-button>-->
+        </div>
+      </header>
+
+      <!-- 聊天消息区域 -->
+      <div class="chat-messages" ref="messagesRef">
+        <!-- 加载动画 -->
+        <div v-if="loadingChatId && activeChatSessionId && (!currentChat?.messages || currentChat.messages.length === 0)" class="loading-container">
+          <div class="loading-spinner">
+            <el-icon class="is-loading">
+              <Loading/>
+            </el-icon>
+          </div>
+          <div class="loading-text">正在加载对话内容...</div>
+        </div>
+
+        <div v-else-if="!currentChat || !currentChat.messages || currentChat.messages.length === 0" class="welcome-message">
+          <div class="welcome-icon">🤖</div>
+          <h3>欢迎使用AI助手</h3>
+          <p>我可以帮助你回答问题、编写代码、分析数据等</p>
+        </div>
+
+        <div
+          v-for="(message, index) in currentChat?.messages || []"
+          :key="index"
+          :class="['message', message.role]"
+        >
+          <div class="message-avatar">
+            <img
+              v-if="message.role === 'assistant'"
+              :src="platformIcon"
+              :alt="provider"
+            />
+            <img
+              v-else
+              src="https://api.dicebear.com/7.x/bottts-neutral/svg?seed=user"
+              alt="User"
+            />
+          </div>
+          <div class="message-content">
+            <div class="message-text" v-html="formatMessage(message.content)"></div>
+            <div class="message-time">{{ formatTime(message.timestamp) }}</div>
+          </div>
+        </div>
+
+        <!-- 正在输入指示器 -->
+        <div v-if="isStreaming" class="message assistant">
+          <div class="message-avatar">
+            <img :src="platformIcon" alt="AI"/>
+          </div>
+          <div class="message-content">
+            <div class="message-text">
+              <div class="streaming-text" v-html="formatMessage(streamingContent)"></div>
+              <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>
+
+        <!-- 继续按钮区域 -->
+        <div
+          v-if="!isStreaming && streamingContent && !currentChat?.messages.some(m => m.role === 'assistant' && m.content === streamingContent)"
+          class="message assistant">
+          <div class="message-avatar">
+            <img src="https://chat.deepseek.com/logo192.png" alt="AI"/>
+          </div>
+          <div class="message-content">
+            <div class="message-text">
+              <div class="streaming-text" v-html="formatMessage(streamingContent)"></div>
+            </div>
+          </div>
+          <div class="message-actions">
+            <el-button
+              size="small"
+              type="primary"
+              @click="continueStreaming"
+              class="continue-btn"
+            >
+              <el-icon>
+                <Position/>
+              </el-icon>
+              继续
+            </el-button>
+          </div>
+        </div>
+      </div>
+
+      <!-- 输入区域 -->
+      <footer class="chat-input">
+        <div class="input-container">
+          <div class="suggestion-bar align-to-textarea">
+              <span
+                v-for="(sug, i) in suggestions"
+                :key="i"
+                class="suggestion-item"
+                @click="handleSuggestion(sug)"
+              >{{ sug }}</span>
+          </div>
+          <div class="input-area input-area-with-icons">
+            <div class="input-icons">
+              <el-button
+                circle
+                size="small"
+                @click="clearInput"
+                title="清空输入"
+              >
+                <el-icon>
+                  <Delete/>
+                </el-icon>
+              </el-button>
+              <el-button
+                circle
+                size="small"
+                @click="toggleHistory"
+                :type="carryHistory ? 'primary' : ''"
+                title="携带历史"
+              >
+                <el-icon>
+                  <Collection/>
+                </el-icon>
+              </el-button>
+            </div>
+            <textarea
+              v-model="inputMessage"
+              class="message-input"
+              :placeholder="inputPlaceholder"
+              :disabled="isStreaming"
+              @keydown="handleKeydown"
+              @input="autoResize"
+              ref="inputRef"
+            />
+            <div class="input-actions">
+              <!--              <el-upload-->
+              <!--                :show-file-list="false"-->
+              <!--                :before-upload="handleFileUpload"-->
+              <!--                accept=".txt,.md,.json,.csv"-->
+              <!--              >-->
+              <!--                <el-button circle size="small" title="上传文件">-->
+              <!--                  <el-icon>-->
+              <!--                    <Upload/>-->
+              <!--                  </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="sendMessage()"
+                :disabled = "isStreaming"
+                :loading = "isStreaming"
+              >
+                <el-icon>
+                  <Position/>
+                </el-icon>
+                发送
+              </el-button>
+
+            </div>
+          </div>
+        </div>
+      </footer>
+    </main>
+
+    <!-- 设置弹窗 -->
+    <el-dialog v-model="showSettings" title="AI设置" width="500px">
+      <el-form :model="settings" label-width="100px">
+        <el-form-item label="API Key">
+          <el-input v-model="settings.apiKey" placeholder="请输入API Key" show-password/>
+        </el-form-item>
+        <el-form-item label="API端点">
+          <el-input v-model="settings.apiEndpoint" placeholder="API端点地址"/>
+        </el-form-item>
+        <el-form-item label="温度">
+          <el-slider
+            v-model="settings.temperature"
+            :min="0"
+            :max="2"
+            :step="0.1"
+            show-input
+          />
+        </el-form-item>
+        <el-form-item label="最大令牌">
+          <el-input-number
+            v-model="settings.maxTokens"
+            :min="1"
+            :max="8000"
+            :step="100"
+          />
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <el-button @click="showSettings = false">取消</el-button>
+        <el-button type="primary" @click="saveSettings">保存</el-button>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup lang="ts">
+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;
+
+import {ElMessage, ElMessageBox} from 'element-plus'
+import {
+  ArrowLeft,
+  Plus,
+  Delete,
+  Edit,
+  Setting,
+  Position,
+  Upload,
+  Collection,
+  ArrowRight,
+  Close,
+  Loading
+} from '@element-plus/icons-vue'
+import service from "@/utils/request";
+
+import {getAiModelJoinList, getAiChatMessageList, getAiChatMessages,updateAiMessageTopic,delAiMessage} from "@/api/ai/skill/aiChat"
+import {AIModelVO} from '@/api/ai/skill/aiChat/types';
+import {HttpStatus} from "@/enums/RespEnum";
+
+// 类型定义
+interface ChatMessage {
+  role: 'user' | 'assistant' | 'system'
+  content: string
+  timestamp: number
+}
+
+interface ChatSession {
+  sessionId: string
+  messageTopic: string
+  messages: ChatMessage[]
+  createdAt: number
+  updatedAt: number
+}
+
+interface ModelConfig {
+  label: string
+  value: string
+  apiEndpoint: string
+  modelType: string
+}
+
+interface Settings {
+  apiKey: string
+  apiEndpoint: string
+  temperature: number
+  maxTokens: number
+}
+
+// 响应式数据
+const collapsed = ref(false)
+const activeChatSessionId = ref('')//当前对话会话id
+const inputMessage = ref('') //输入框输入的信息
+const isStreaming = ref(false) //代表是否正在发送信息
+const streamingContent = ref('')
+const showSettings = ref(false)
+const carryHistory = ref(true)
+const messagesRef = ref<HTMLElement>()
+const inputRef = ref<HTMLTextAreaElement>()
+const loading = ref(false)
+
+// 添加请求取消控制器
+const currentRequestController = ref<AbortController | null>(null)
+
+// 添加加载状态跟踪
+const loadingChatId = ref<string | null>(null)
+
+// 添加编辑状态跟踪
+const editingChatId = ref<string | null>(null)
+
+// const sessionMap = ref(new Map());//根据sessionId组装会话内容
+
+const aiModelList = ref<AIModelVO[]>([])
+const provider = ref('');//ai平台编码
+const platformIcon = ref('');//ai平台图标
+
+// 聊天会话列表
+const chatList = ref<ChatSession[]>([])
+
+
+// 可用模型
+// const availableModels = ref<ModelConfig[]>([
+//   {label: 'DeepSeek R1', value: 'deepseek-r1', apiEndpoint: 'https://api.deepseek.com/v1/chat/completions'},
+//   {label: 'GPT-3.5 Turbo', value: 'gpt-3.5-turbo', apiEndpoint: 'https://api.openai.com/v1/chat/completions'},
+//   {label: 'GPT-4', value: 'gpt-4', apiEndpoint: 'https://api.openai.com/v1/chat/completions'},
+//   {
+//     label: '文心一言',
+//     value: 'ernie-bot',
+//     apiEndpoint: 'https://wenxin.baidu.com/moduleApi/portal/api/rest/1.0/ernie_bot'
+//   },
+// ])
+
+const selectedModel = ref(0)
+
+const getAiChatSessions = async () => {
+  // loading.value = true;
+  const res = await getAiChatMessageList({});
+  chatList.value = res.data;
+  console.log(res)
+  // platformList.value = res.data;
+  // loading.value = false;
+}
+
+
+const getAiModelList = async () => {
+  // loading.value = true;
+  const res = await getAiModelJoinList({modelTypeId: 1});
+  aiModelList.value = res.data;
+  await setDefaultAiModel();
+  console.log(res)
+  // platformList.value = res.data;
+  // loading.value = false;
+}
+
+const setDefaultAiModel = async () => {
+  aiModelList.value.forEach((item: AIModelVO) => {
+    if (item.defaultFlag === "1") {
+      // alert(JSON.stringify(item))
+      selectedModel.value = item.modelId;
+      provider.value = item.platformCode;
+      console.log(item.platformIcon)
+      platformIcon.value = item.platformIcon;
+    }
+  })
+}
+
+// 设置
+const settings = reactive<Settings>({
+  apiKey: '',
+  apiEndpoint: 'https://api.deepseek.com/v1/chat/completions',
+  temperature: 0.7,
+  maxTokens: 2048
+})
+
+// 当前对话
+const currentChat = computed(() =>
+  chatList.value.find(chat => chat.sessionId === activeChatSessionId.value)
+)
+
+const inputPlaceholder = computed(() =>
+  isStreaming.value ? 'AI正在思考中...' : '输入消息，按Enter发送，Shift+Enter换行'
+)
+
+// 按时间分组的聊天列表
+const groupedChats = computed(() => {
+  const now = new Date()
+  const today = new Date(now.getFullYear(), now.getMonth(), now.getDate())
+  const yesterday = new Date(today.getTime() - 24 * 60 * 60 * 1000)
+  const weekAgo = new Date(today.getTime() - 7 * 24 * 60 * 60 * 1000)
+  const monthAgo = new Date(today.getFullYear(), now.getMonth() - 1, now.getDate())
+
+  const groups = {
+    today: [] as ChatSession[],
+    yesterday: [] as ChatSession[],
+    week: [] as ChatSession[],
+    month: [] as ChatSession[],
+    older: [] as ChatSession[]
+  }
+
+  chatList.value.forEach(chat => {
+    const chatDate = new Date(chat.updatedAt)
+    if (chatDate >= today) {
+      groups.today.push(chat)
+    } else if (chatDate >= yesterday) {
+      groups.yesterday.push(chat)
+    } else if (chatDate >= weekAgo) {
+      groups.week.push(chat)
+    } else if (chatDate >= monthAgo) {
+      groups.month.push(chat)
+    } else {
+      groups.older.push(chat)
+    }
+  })
+
+  return groups
+})
+
+// 获取分组标题
+const getGroupTitle = (groupKey: string) => {
+  const titles = {
+    today: '今天',
+    yesterday: '昨天',
+    week: '一周内',
+    month: '一月内',
+    older: '更早'
+  }
+  return titles[groupKey] || ''
+}
+
+// 检查分组是否有内容
+const hasGroupContent = (groupKey: string) => {
+  return groupedChats.value[groupKey] && groupedChats.value[groupKey].length > 0
+}
+
+//新建对话
+function createNewChat(){
+  activeChatSessionId.value = undefined
+  inputMessage.value = ''
+}
+
+
+// 新建对话后第一次问答
+function newChatFirstMessage() {
+  const newChat: ChatSession = {
+    sessionId: generateUUID(),
+    messageTopic: '',
+    messages: [],
+    createdAt: Date.now(),
+    updatedAt: Date.now()
+  }
+  chatList.value.unshift(newChat)
+  activeChatSessionId.value = newChat.sessionId
+  nextTick(() => {
+    scrollToBottom()
+  })
+}
+
+const selectChat = async (chatSessionId: string) => {
+  // 取消之前的请求
+  if (currentRequestController.value) {
+    currentRequestController.value.abort()
+    currentRequestController.value = null
+  }
+
+  // 清理之前的编辑状态
+  editingChatId.value = null
+  // 清理之前的删除状态
+  deletingChatId.value = null
+
+  activeChatSessionId.value = chatSessionId
+  console.log(activeChatSessionId.value)
+
+  if (!currentChat.value.messages) {
+    console.log("----")
+
+    // 设置加载状态
+    loadingChatId.value = chatSessionId
+
+    // 创建新的AbortController
+    currentRequestController.value = new AbortController()
+
+    try {
+      const res = await getAiChatMessages(activeChatSessionId.value);
+
+      // 验证当前会话ID是否还是用户选择的那个
+      if (activeChatSessionId.value === chatSessionId) {
+        console.log(res)
+        // res.data已经是对象数组
+        currentChat.value.messages = res.data.map(item => {
+          return {
+            role: item.role,
+            content: item.content,
+            timestamp: item.timestamp
+            // 可以根据需要转换字段
+          };
+        });
+      } else {
+        console.log('会话已切换，忽略此请求结果')
+        return
+      }
+    } catch (error: any) {
+      // 如果是取消请求导致的错误，不显示错误信息
+      if (error.name !== 'AbortError') {
+        console.error('加载消息失败:', error)
+        ElMessage.error('加载消息失败')
+      }
+    } finally {
+      // 清除加载状态
+      if (loadingChatId.value === chatSessionId) {
+        loadingChatId.value = null
+      }
+      currentRequestController.value = null
+    }
+  } else {
+    // 如果消息已存在，清除加载状态
+    loadingChatId.value = null
+  }
+
+  // console.log("-=-"+JSON.stringify(currentChat.value.messages, null, 2))
+  nextTick(() => {
+    scrollToBottom()
+  })
+}
+
+
+// function selectChat(chatSessionId: string) {
+//   activeChatSessionId.value = chatSessionId
+//   messages.value = sessionMap.value.get(activeChatSessionId.value)
+//   if(!messages.value){
+//     messages.value = [];
+//     const res = await getAiChatMessages(activeChatSessionId.value);
+//     chatList.value = res.data;
+//
+//   }
+//   console.log(messages.value)
+//
+//   nextTick(() => {
+//     scrollToBottom()
+//   })
+// }
+const editChatTitle = async (chat: ChatSession) => {
+  ElMessageBox.prompt('请输入新的对话标题', '重命名', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    inputValue: chat.messageTopic
+  }).then(({value}) => {
+    if (value && value.trim()) {
+      // 设置编辑状态，显示加载动画
+      editingChatId.value = chat.sessionId
+
+      updateAiMessageTopic({sessionId:chat.sessionId,messageTopic:value.trim()}).then((res: any) => {
+        chat.messageTopic = value.trim()
+        chat.updatedAt = Date.now()
+        ElMessage.success('重命名成功')
+        // 清除编辑状态，隐藏加载动画
+        editingChatId.value = null
+      }).catch((error: any) => {
+        console.error('重命名失败:', error)
+        ElMessage.error('重命名失败，请重试')
+        // 清除编辑状态，隐藏加载动画
+        editingChatId.value = null
+      })
+    }
+  })
+}
+
+
+// function editChatTitle(chat: ChatSession) {
+//   ElMessageBox.prompt('请输入新的对话标题', '重命名', {
+//     confirmButtonText: '确定',
+//     cancelButtonText: '取消',
+//     inputValue: chat.messageTopic
+//   }).then(({value}) => {
+//     if (value && value.trim()) {
+//       const res = await updateAiMessageTopic({sessionId:chat.sessionId,messageTopic:value.trim()});
+//
+//       chat.messageTopic = value.trim()
+//       chat.updatedAt = Date.now()
+//       ElMessage.success('重命名成功')
+//     }
+//   })
+// }
+
+// 添加删除状态跟踪
+const deletingChatId = ref<string | null>(null)
+
+/** 删除按钮操作 */
+const handleDelete = async (sessionId: string) => {
+  // 如果正在删除，阻止重复操作
+  if (deletingChatId.value) {
+    return
+  }
+
+  try {
+    // 显示确认对话框
+    await proxy?.$modal.confirm('确定要删除这个对话么？')
+
+    // 设置删除状态，显示加载动画
+    deletingChatId.value = sessionId
+
+    // 调用删除API
+    await delAiMessage(sessionId)
+
+    // 删除成功，从本地列表中移除
+    const index = chatList.value.findIndex(chat => chat.sessionId === sessionId)
+    if (index > -1) {
+      chatList.value.splice(index, 1)
+
+      // 判断删除的是否是当前会话
+      if (activeChatSessionId.value === sessionId) {
+        createNewChat()
+      }
+    }
+
+    proxy?.$modal.msgSuccess("删除成功")
+
+  } catch (error: any) {
+    if (error !== 'cancel') { // 不是用户取消
+      console.error('删除失败:', error)
+      ElMessage.error('删除失败，请重试')
+    }
+  } finally {
+    // 清除删除状态，隐藏加载动画
+    deletingChatId.value = null
+  }
+}
+
+
+function deleteChat(sessionId: string) {
+  ElMessageBox.confirm('确定要删除这个对话吗？', '确认删除', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    type: 'warning'
+  }).then(() => {
+    const index = chatList.value.findIndex(chat => chat.sessionId === sessionId)
+    if (index > -1) {
+      chatList.value.splice(index, 1)
+      if (activeChatSessionId.value === sessionId) {
+        activeChatSessionId.value = chatList.value[0]?.sessionId || ''
+      }
+      ElMessage.success('删除成功')
+    }
+  })
+}
+
+function onModelChange() {
+  const model = aiModelList.value.find(m => m.modelId === selectedModel.value)
+  if (model) {
+    provider.value = model.platformCode
+    platformIcon.value = model.platformIcon;
+  }
+}
+
+function clearInput() {
+  inputMessage.value = ''
+  nextTick(() => {
+    autoResize()
+  })
+}
+
+function toggleHistory() {
+  carryHistory.value = !carryHistory.value
+  ElMessage.info(carryHistory.value ? '已开启历史记录' : '已关闭历史记录')
+}
+
+function handleKeydown(e: KeyboardEvent) {
+  if (e.key === 'Enter' && !e.shiftKey) {
+    e.preventDefault()
+    sendMessage()
+  }
+}
+
+function autoResize() {
+  const textarea = inputRef.value
+  if (textarea) {
+    textarea.style.height = 'auto'
+    textarea.style.height = Math.min(textarea.scrollHeight, 200) + 'px'
+  }
+}
+
+function handleFileUpload(file: File) {
+  const reader = new FileReader()
+  reader.onload = (e) => {
+    const content = e.target?.result as string
+    inputMessage.value = `文件内容：\n${content}`
+    autoResize()
+  }
+  reader.readAsText(file)
+  return false // 阻止自动上传
+}
+
+function generateUUID() {
+  return ([1e7] + -1e3 + -4e3 + -8e3 + -1e11).replace(/[018]/g, c =>
+    (c ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> c / 4).toString(16)
+  );
+}
+
+// 发送消息
+const sendMessage = async () => {
+  // 使用
+  //输入信息。isStreaming代表是否正在发送信息
+  if (!inputMessage.value.trim() || isStreaming.value) {
+    return
+  }
+
+  console.log(activeChatSessionId.value)
+  // 如果没有当前对话，自动创建一个新的
+  if (!currentChat.value) {
+    newChatFirstMessage()
+  }
+
+  const userMsg = inputMessage.value.trim()
+
+  //用户当前发送的内容
+  const userMessage: ChatMessage = {
+    role: 'user',
+    content: userMsg,
+    timestamp: Date.now()
+  }
+
+  // 添加用户消息
+  currentChat.value.messages.push(userMessage)
+  currentChat.value.updatedAt = Date.now()
+
+  // 更新标题（如果是第一条消息）
+  if (currentChat.value.messages.length === 1) {
+    currentChat.value.messageTopic = userMessage.content.slice(0, 20) + (userMessage.content.length > 20 ? '...' : '')
+  }
+
+  inputMessage.value = ''
+  loading.value = true
+  isStreaming.value = true
+  streamingContent.value = ''
+
+  scrollToBottom()
+
+  try {
+    //判断是否携带历史记录
+    let sendMessages = [];
+    if (carryHistory.value) {
+      sendMessages = currentChat.value.messages;
+    } else {
+      sendMessages.push(userMessage);
+    }
+
+    console.log(sendMessages.map(m => ({role: m.role, content: m.content})));
+
+    const response = await service.post('/ai/assistant/chatStream?provider=' + provider.value, {
+      messages: sendMessages.map(m => ({role: m.role, content: m.content})),
+      carryHistoryFlag: carryHistory.value ? "1" : "0",
+      modelId: selectedModel.value,
+      sessionId: activeChatSessionId.value
+    }, {
+      responseType: 'text',
+      headers: {
+        'Authorization': 'Bearer ' + getToken(),
+        'Content-Type': 'application/json'
+      },
+      onDownloadProgress: progress => {
+        const raw = progress.event.target.responseText
+        console.log(1)
+        console.log(raw)
+        console.log(2)
+        processStream(raw)
+      }
+    })
+
+    console.log("----" + streamingContent.value);
+    // 添加用户消息到messages数组
+    currentChat.value.messages.push({
+      role: 'assistant',
+      content: streamingContent.value,
+      timestamp: Date.now()
+    })
+  } catch (error) {
+    currentChat.value.messages.push({
+      role: 'assistant',
+      content: '出错: ' + (error as Error).message,
+      timestamp: Date.now()
+    })
+  } finally {
+    loading.value = false
+    isStreaming.value = false;
+    streamingContent.value = ''
+    scrollToBottom()
+  }
+}
+
+// 处理流数据
+const processStream = (raw) => {
+  const chunks = raw.split('\n\n').filter(c => c.startsWith('data:'))
+  let fullText = ''
+
+  chunks.forEach(chunk => {
+    // console.log(chunk)
+    const content = chunk.substring(5)
+    if (content && content !== '[DONE]') {
+      fullText += content
+    }
+  })
+
+  fullText = fullText.replaceAll("data:", "");
+  if (fullText.length > streamingContent.value.length) {
+    streamingContent.value = fullText
+    scrollToBottom()
+  }
+}
+
+
+async function streamChatResponse(userInput: string) {
+  if (!currentChat.value) return
+
+  // 构建消息历史
+  const messages = carryHistory.value
+    ? currentChat.value.messages.map(msg => ({role: msg.role, content: msg.content}))
+    : [{role: 'user' as const, content: userInput}]
+
+  // 创建流式请求
+  const stream = await createStreamRequest(messages)
+  const reader = stream.getReader()
+  const decoder = new TextDecoder()
+
+  // 添加AI消息占位
+  currentChat.value.messages.push({
+    role: 'assistant',
+    content: '',
+    timestamp: Date.now()
+  })
+
+  try {
+    while (true) {
+      const {done, value} = await reader.read()
+      if (done) break
+
+      const chunk = decoder.decode(value)
+      const lines = chunk.split('\n')
+
+      for (const line of lines) {
+        if (line.startsWith('data: ')) {
+          const data = line.slice(6)
+          if (data === '[DONE]') {
+            return
+          }
+
+          try {
+            const parsed = JSON.parse(data)
+            if (parsed.choices?.[0]?.delta?.content) {
+              const content = parsed.choices[0].delta.content
+              streamingContent.value += content
+
+              // 更新最后一条AI消息
+              const lastMessage = currentChat.value.messages[currentChat.value.messages.length - 1]
+              if (lastMessage.role === 'assistant') {
+                lastMessage.content = streamingContent.value
+              }
+
+              nextTick(() => {
+                scrollToBottom()
+              })
+            }
+          } catch (e) {
+            console.error('解析流式数据失败:', e)
+          }
+        }
+      }
+    }
+  } finally {
+    reader.releaseLock()
+  }
+}
+
+async function createStreamRequest(messages: Array<{ role: string; content: string }>) {
+  // 用 fetch 发送 POST 请求，接收流式响应
+  const response = await fetch('/api/ai/chat/stream', {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/json'
+      // 如果有token等鉴权信息可加在这里
+    },
+    body: JSON.stringify({
+      messages,
+      model: selectedModel.value,
+      temperature: settings.temperature,
+      max_tokens: settings.maxTokens,
+      api_key: settings.apiKey,
+      api_endpoint: settings.apiEndpoint
+    })
+  });
+
+  if (!response.body) throw new Error('No response body');
+  // 直接返回 ReadableStream，兼容原有逻辑
+  return response.body;
+}
+
+function stopStreaming() {
+  isStreaming.value = false;
+  streamingContent.value = '';
+  ElMessage.info('已停止AI思考');
+}
+
+function continueStreaming() {
+  isStreaming.value = true;
+  streamingContent.value = '';
+  sendMessage();
+}
+
+function scrollToBottom() {
+  nextTick(() => {
+    if (messagesRef.value) {
+      messagesRef.value.scrollTop = messagesRef.value.scrollHeight
+    }
+  })
+}
+
+function formatMessage(content: string) {
+  // 简单的markdown格式化
+  return content
+    .replace(/\*\*(.*?)\*\*/g, '<strong>$1</strong>')
+    .replace(/\*(.*?)\*/g, '<em>$1</em>')
+    .replace(/`(.*?)`/g, '<code>$1</code>')
+    .replace(/\n/g, '<br>')
+}
+
+function formatTime(timestamp: number) {
+  const date = new Date(timestamp)
+  const now = new Date()
+  const diff = now.getTime() - date.getTime()
+
+  if (diff < 60000) { // 1分钟内
+    return '刚刚'
+  } else if (diff < 3600000) { // 1小时内
+    return `${Math.floor(diff / 60000)}分钟前`
+  } else if (diff < 86400000) { // 1天内
+    return `${Math.floor(diff / 3600000)}小时前`
+  } else {
+    return date.toLocaleDateString()
+  }
+}
+
+function saveSettings() {
+  // 保存设置到localStorage
+  localStorage.setItem('ai-chat-settings', JSON.stringify(settings))
+  ElMessage.success('设置已保存')
+  showSettings.value = false
+}
+
+const suggestions = [
+  '智能制造MES介绍',
+  '仓储管理介绍',
+  '质量管理介绍',
+  '设备管理介绍',
+]
+
+function handleSuggestion(sug: string) {
+  if (isStreaming.value) return
+  createNewChat()
+  inputMessage.value = sug
+  nextTick(() => {
+    autoResize()
+    sendMessage()
+  })
+}
+
+// 生命周期
+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 savedSettings = localStorage.getItem('ai-chat-settings')
+  if (savedSettings) {
+    Object.assign(settings, JSON.parse(savedSettings))
+  }
+
+  // 创建默认对话 - 确保用户进入时就有新建对话状态
+  // 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
+  // }
+
+  // 自动调整输入框高度
+  autoResize()
+})
+
+onUnmounted(() => {
+  // 清理工作
+  if (currentRequestController.value) {
+    currentRequestController.value.abort()
+  }
+  // 清理加载状态
+  loadingChatId.value = null
+  // 清理编辑状态
+  editingChatId.value = null
+  // 清理删除状态
+  deletingChatId.value = null
+})
+</script>
+
+<style scoped>
+.ai-chat-container {
+  display: flex;
+  height: 93vh;
+  background: #f5f5f5;
+}
+
+.sidebar {
+  width: 300px;
+  background: #f1f2f4;
+  /* border-right: 1px solid #e0e0e0; */
+  border-bottom: 1px solid #e0e0e0;
+  display: flex;
+  flex-direction: column;
+  transition: all 0.3s ease;
+  height: 100%;
+  overflow: hidden;
+}
+
+.sidebar.collapsed {
+  width: 60px;
+}
+
+.sidebar-header {
+  padding: 12px 16px;
+  border-bottom: 1px solid #e0e0e0;
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  flex-shrink: 0;
+}
+
+.logo-img {
+  width: 32px;
+  height: 32px;
+  border-radius: 6px;
+}
+
+.logo-text {
+  font-size: 18px;
+  font-weight: 600;
+  color: #333;
+  flex: 1;
+}
+
+.collapse-btn {
+  margin-left: auto;
+}
+
+.sidebar-content {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  padding: 12px 6px 12px 6px;
+  overflow: hidden;
+  min-height: 0;
+}
+
+.new-chat-btn {
+  margin-bottom: 16px;
+  width: 100%;
+  flex-shrink: 0;
+}
+
+.chat-list {
+  flex: 1;
+  overflow-y: auto;
+  overflow-x: hidden;
+  padding-right: 8px;
+  min-height: 0;
+}
+
+.group-header {
+  font-size: 14px;
+  color: #999;
+  padding: 6px 0;
+  margin-bottom: 6px;
+  border-bottom: 1px solid #e0e0e0;
+}
+
+.group-section {
+  margin-bottom: 12px;
+}
+
+.chat-item {
+  display: flex;
+  flex-direction: column;
+  padding: 8px 12px;
+  border-radius: 8px;
+  margin-bottom: 6px;
+  cursor: pointer;
+  transition: background-color 0.2s;
+  position: relative;
+}
+
+.chat-item:hover {
+  background: #f0f0f0;
+}
+
+.chat-item.active {
+  background: #e3f2fd;
+  border: 1px solid #2196f3;
+}
+
+.chat-info {
+  flex: 1;
+  min-width: 0;
+  margin-bottom: 4px;
+}
+
+.chat-title-row {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  margin-bottom: 2px;
+}
+
+.chat-title {
+  display: block;
+  font-weight: 500;
+  color: #333;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  max-width: calc(100% - 110px);
+}
+
+.loading-indicator {
+  margin-left: 8px;
+  display: flex;
+  align-items: center;
+}
+
+.loading-indicator .el-icon {
+  font-size: 14px;
+  color: #409EFF;
+  animation: rotate 1s linear infinite;
+}
+
+@keyframes rotate {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+.editing-indicator {
+  margin-left: 8px;
+  display: flex;
+  align-items: center;
+}
+
+.editing-indicator .el-icon {
+  font-size: 14px;
+  color: #E6A23C;
+  animation: pulse 1.5s ease-in-out infinite;
+}
+
+@keyframes pulse {
+  0%, 100% {
+    opacity: 1;
+    transform: scale(1);
+  }
+  50% {
+    opacity: 0.7;
+    transform: scale(1.1);
+  }
+}
+
+.deleting-indicator {
+  margin-left: 8px;
+  display: flex;
+  align-items: center;
+}
+
+.deleting-indicator .el-icon {
+  font-size: 14px;
+  color: #F56C6C;
+  animation: shake 0.5s ease-in-out infinite;
+}
+
+@keyframes shake {
+  0%, 100% {
+    transform: translateX(0);
+  }
+  25% {
+    transform: translateX(-2px);
+  }
+  75% {
+    transform: translateX(2px);
+  }
+}
+
+.chat-bottom-row {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.chat-time {
+  font-size: 12px;
+  color: #999;
+}
+
+.chat-actions {
+  display: flex;
+  gap: 4px;
+  justify-content: flex-end;
+  opacity: 0;
+  transition: opacity 0.2s;
+}
+
+.chat-item:hover .chat-actions {
+  opacity: 1;
+}
+
+.main-content {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  background: #fff;
+
+}
+
+.chat-header {
+  padding: 16px 24px;
+  border-bottom: 1px solid #e0e0e0;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.header-left h2 {
+  margin: 0;
+  font-size: 20px;
+  color: #333;
+}
+
+.header-right {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  width: 260px;
+}
+
+.chat-messages {
+  flex: 1;
+  overflow-y: auto;
+  padding: 24px;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+
+.loading-container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 80px 0;
+  color: #999;
+  min-height: 300px;
+}
+
+.loading-spinner {
+  margin-bottom: 16px;
+}
+
+.loading-spinner .el-icon {
+  font-size: 48px;
+  color: #409EFF;
+  animation: rotate 1s linear infinite;
+}
+
+.loading-text {
+  font-size: 16px;
+  color: #666;
+  font-weight: 500;
+}
+
+.welcome-message {
+  text-align: center;
+  padding: 60px 20px;
+  color: #666;
+}
+
+.welcome-icon {
+  font-size: 48px;
+  margin-bottom: 16px;
+}
+
+.welcome-message h3 {
+  margin: 0 0 8px 0;
+  color: #333;
+}
+
+.welcome-message p {
+  margin: 0;
+  font-size: 14px;
+}
+
+.message {
+  display: flex;
+  gap: 12px;
+  max-width: 70%;
+  position: relative;
+}
+
+.message.user {
+  align-self: flex-end;
+  flex-direction: row-reverse;
+}
+
+.message-avatar {
+  width: 40px;
+  height: 40px;
+  border-radius: 50%;
+  overflow: hidden;
+  flex-shrink: 0;
+}
+
+.message-avatar img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.message-content {
+  flex: 1;
+  min-width: 0;
+}
+
+.message-text {
+  padding: 12px 16px;
+  border-radius: 12px;
+  background: #f0f0f0;
+  color: #333;
+  line-height: 1.5;
+  word-wrap: break-word;
+}
+
+.message.user .message-text {
+  background: #2196f3;
+  color: #fff;
+}
+
+.message.assistant .message-text {
+  background: #f5f5f5;
+  color: #333;
+}
+
+.message-actions {
+  position: absolute;
+  right: -80px;
+  top: 50%;
+  transform: translateY(-50%);
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.stop-btn, .continue-btn {
+  white-space: nowrap;
+}
+
+.message-time {
+  font-size: 12px;
+  color: #999;
+  margin-top: 4px;
+  text-align: right;
+}
+
+.message.user .message-time {
+  text-align: left;
+}
+
+.streaming-text {
+  display: inline;
+}
+
+.cursor {
+  animation: blink 1s infinite;
+  color: #2196f3;
+}
+
+@keyframes blink {
+  0%, 50% {
+    opacity: 1;
+  }
+  51%, 100% {
+    opacity: 0;
+  }
+}
+
+.chat-input {
+  padding: 16px 24px;
+  border-top: 1px solid #e0e0e0;
+  background: #fff;
+}
+
+.input-container {
+  max-width: 800px;
+  margin: 0 auto;
+}
+
+.input-toolbar {
+  display: flex;
+  gap: 8px;
+  margin-bottom: 8px;
+}
+
+.input-toolbar.left-toolbar {
+  display: flex;
+  gap: 8px;
+  margin-bottom: 8px;
+}
+
+.suggestion-bar {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 12px;
+  margin-bottom: 8px;
+  /* 新增：与输入区宽度对齐 */
+  max-width: 100%;
+  width: 100%;
+  box-sizing: border-box;
+  padding-left: 0;
+  padding-right: 0;
+}
+
+.suggestion-item {
+  background: #f0f6ff;
+  color: #409EFF;
+  border-radius: 16px;
+  padding: 6px 18px;
+  font-size: 15px;
+  cursor: pointer;
+  transition: background 0.2s, color 0.2s;
+  border: 1px solid #e0eaff;
+  user-select: none;
+}
+
+.suggestion-item:hover {
+  background: #409EFF;
+  color: #fff;
+}
+
+.input-area {
+  position: relative;
+  display: flex;
+  align-items: flex-end;
+  gap: 12px;
+}
+
+.input-area.input-area-with-icons {
+  display: flex;
+  align-items: flex-end;
+  gap: 8px;
+  width: 100%;
+}
+
+.input-icons {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  margin-bottom: 4px;
+}
+
+@media (min-width: 600px) {
+  .input-icons {
+    flex-direction: row;
+    align-items: center;
+    margin-bottom: 0;
+    margin-right: 8px;
+  }
+}
+
+.message-input {
+  flex: 1;
+}
+
+.message-input {
+  flex: 1;
+  min-height: 44px;
+  max-height: 200px;
+  padding: 12px 16px;
+  border: 1px solid #d0d0d0;
+  border-radius: 8px;
+  resize: none;
+  font-size: 14px;
+  line-height: 1.5;
+  outline: none;
+  transition: border-color 0.2s;
+}
+
+.message-input:focus {
+  border-color: #2196f3;
+}
+
+.message-input:disabled {
+  background: #f5f5f5;
+  cursor: not-allowed;
+}
+
+.input-actions {
+  display: flex;
+  gap: 8px;
+  align-items: flex-end;
+}
+
+/* 响应式设计 */
+@media (max-width: 768px) {
+  .sidebar {
+    position: fixed;
+    left: 0;
+    top: 0;
+    height: 100vh;
+    z-index: 1000;
+    transform: translateX(-100%);
+  }
+
+  .sidebar:not(.collapsed) {
+    transform: translateX(0);
+  }
+
+  .main-content {
+    margin-left: 0;
+  }
+
+  .message {
+    max-width: 90%;
+  }
+}
+
+/* 滚动条样式 */
+.chat-messages::-webkit-scrollbar {
+  width: 6px;
+}
+
+.chat-messages::-webkit-scrollbar-track {
+  background: #f1f1f1;
+}
+
+.chat-messages::-webkit-scrollbar-thumb {
+  background: #c1c1c1;
+  border-radius: 3px;
+}
+
+.chat-messages::-webkit-scrollbar-thumb:hover {
+  background: #a8a8a8;
+}
+
+/* 左侧滚动条样式 */
+.chat-list::-webkit-scrollbar {
+  width: 8px;
+}
+
+.chat-list::-webkit-scrollbar-track {
+  background: #f0f0f0;
+  border-radius: 4px;
+  margin: 4px 0;
+}
+
+.chat-list::-webkit-scrollbar-thumb {
+  background: #b0b0b0;
+  border-radius: 4px;
+  transition: background 0.2s;
+  border: 1px solid #e0e0e0;
+}
+
+.chat-list::-webkit-scrollbar-thumb:hover {
+  background: #909090;
+}
+
+.chat-list::-webkit-scrollbar-corner {
+  background: #f0f0f0;
+}
+
+/* 确保左侧滚动条在Firefox中也能显示 */
+.chat-list {
+  scrollbar-width: thin;
+  scrollbar-color: #b0b0b0 #f0f0f0;
+}
+
+.suggestion-bar.align-to-textarea {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 12px;
+  margin-bottom: 8px;
+  max-width: 100%;
+  width: calc(100% - 160px); /* 80px = 左侧图标宽度+间距 */
+  margin-left: 80px;
+  box-sizing: border-box;
+  padding-left: 0;
+  padding-right: 0;
+}
+</style>