From cea5b8b138d5d7033cae4ad0419b49ea314294a9 Mon Sep 17 00:00:00 2001
From: cherishsince <cherishsince@aliyun.com>
Date: Tue, 14 May 2024 15:32:04 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90=E5=A2=9E=E5=8A=A0=E3=80=91chat=20?=
 =?UTF-8?q?=E5=A2=9E=E5=8A=A0=20modal=20=E5=88=87=E6=8D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/ai/chat/conversation/index.ts | 37 +++++++++++++++++++++++++++
 src/views/ai/chat/index.vue           | 21 ++++++++++++---
 2 files changed, 54 insertions(+), 4 deletions(-)
 create mode 100644 src/api/ai/chat/conversation/index.ts

diff --git a/src/api/ai/chat/conversation/index.ts b/src/api/ai/chat/conversation/index.ts
new file mode 100644
index 00000000..6a78377f
--- /dev/null
+++ b/src/api/ai/chat/conversation/index.ts
@@ -0,0 +1,37 @@
+import request from '@/config/axios'
+
+// 聊天VO
+export interface ChatConversationVO {
+  id: string // 会话编号
+  userId: string // 用户编号
+  title: string // 会话标题
+  pinned: string // 是否置顶
+  roleId: string // 角色编号
+  model: number // 模型标志
+  modelId: number // 模型编号
+  temperature: string // 温度参数
+  maxTokens: string // 单条回复的最大 Token 数量
+  maxContexts: string // 上下文的最大 Message 数量
+}
+
+export interface ChatConversationUpdateVO {
+  id: string // 会话编号
+  title: string // 会话标题
+  pinned: string // 是否置顶
+  modelId: number // 模型编号
+  temperature: string // 温度参数
+  maxTokens: string // 单条回复的最大 Token 数量
+  maxContexts: string // 上下文的最大 Message 数量
+}
+
+// AI chat 聊天
+export const ChatConversationApi = {
+  // 获取 Conversation
+  get: async (id: number) => {
+    return await request.get({ url: `/ai/chat/conversation/get?id=${id}`})
+  },
+  // 更新 Conversation
+  update: async (data: ChatConversationUpdateVO) => {
+    return await request.put({ url: `/ai/chat/conversation/update`, data})
+  },
+}
diff --git a/src/views/ai/chat/index.vue b/src/views/ai/chat/index.vue
index 6a5fafdc..5bbd5e91 100644
--- a/src/views/ai/chat/index.vue
+++ b/src/views/ai/chat/index.vue
@@ -72,11 +72,11 @@
 <!--          </el-button>-->
           <el-dropdown style="margin-right: 12px;" @command="modalClick" >
             <el-button type="primary">
-              GPT3.5 <Icon icon="ep:setting" style="margin-left: 10px;"/>
+              <span v-html="useModal?.name"></span> <Icon icon="ep:setting" style="margin-left: 10px;"/>
             </el-button>
             <template #dropdown>
               <el-dropdown-menu v-for="(item, index) in modalList" :key="index" >
-                <el-dropdown-item :command="item.model" >{{item.model}}</el-dropdown-item>
+                <el-dropdown-item :command="item" >{{item.name}}</el-dropdown-item>
               </el-dropdown-menu>
             </template>
           </el-dropdown>
@@ -176,7 +176,8 @@
 
 <script setup lang="ts">
 import {ChatMessageApi, ChatMessageSendVO, ChatMessageVO} from "@/api/ai/chat/message"
-import {ChatModelApi, ChatModelVO } from "@/api/ai/model/chatModel"
+import {ChatConversationApi, ChatConversationUpdateVO} from "@/api/ai/chat/conversation"
+import {ChatModelApi, ChatModelVO} from "@/api/ai/model/chatModel"
 import {formatDate} from "@/utils/formatTime"
 import {useClipboard} from "@vueuse/core";
 // 转换 markdown
@@ -230,6 +231,7 @@ const isScrolling = ref(false)//用于判断用户是否在滚动
 /** chat message 列表 */
 // defineOptions({ name: 'chatMessageList' })
 const list = ref<ChatMessageVO[]>([]) // 列表的数据
+const useModal = ref<ChatModelVO>() // 使用的modal
 const modalList = ref<ChatModelVO[]>([]) // 列表的数据
 
 
@@ -406,12 +408,23 @@ const stopStream = async () => {
 }
 
 const modalClick = async (command) => {
-  console.log('22', command)
+  const update = {
+    id: conversationId.value,
+    modelId: command.id,
+  } as unknown as ChatConversationUpdateVO
+  // 切换 modal
+  useModal.value = command
+  // 更新
+  await ChatConversationApi.update(update)
 }
 
 const getModalList = async () => {
   // 获取模型  as unknown as ChatModelVO
   modalList.value = await ChatModelApi.getChatModelSimpleList(0) as unknown as ChatModelVO[]
+  // 默认选中第一个模型
+  if (modalList.value.length) {
+    useModal.value = modalList.value[0]
+  }
 }
 
 /** 初始化 **/