From 27569a746e1473450e30b4803132d56f5b7a68d5 Mon Sep 17 00:00:00 2001
From: cherishsince <cherishsince@aliyun.com>
Date: Tue, 14 May 2024 13:43:56 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90=E5=A2=9E=E5=8A=A0=E3=80=91=E5=AF=B9?=
 =?UTF-8?q?=E8=AF=9D=20modal=20=E6=8B=89=E5=8F=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/ai/chat/index.vue | 37 +++++++++++++++++++++++++++----------
 1 file changed, 27 insertions(+), 10 deletions(-)

diff --git a/src/views/ai/chat/index.vue b/src/views/ai/chat/index.vue
index 2b1df1ce..6a5fafdc 100644
--- a/src/views/ai/chat/index.vue
+++ b/src/views/ai/chat/index.vue
@@ -67,9 +67,19 @@
           标题......
         </div>
         <div>
-          <el-button>3.5-turbo-0125
-            <Icon icon="ep:setting"/>
-          </el-button>
+<!--          <el-button>3.5-turbo-0125-->
+<!--            <Icon icon="ep:setting"/>-->
+<!--          </el-button>-->
+          <el-dropdown style="margin-right: 12px;" @command="modalClick" >
+            <el-button type="primary">
+              GPT3.5 <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-menu>
+            </template>
+          </el-dropdown>
           <el-button>
             <Icon icon="ep:user"/>
           </el-button>
@@ -166,6 +176,7 @@
 
 <script setup lang="ts">
 import {ChatMessageApi, ChatMessageSendVO, ChatMessageVO} from "@/api/ai/chat/message"
+import {ChatModelApi, ChatModelVO } from "@/api/ai/model/chatModel"
 import {formatDate} from "@/utils/formatTime"
 import {useClipboard} from "@vueuse/core";
 // 转换 markdown
@@ -219,6 +230,8 @@ const isScrolling = ref(false)//用于判断用户是否在滚动
 /** chat message 列表 */
 // defineOptions({ name: 'chatMessageList' })
 const list = ref<ChatMessageVO[]>([]) // 列表的数据
+const modalList = ref<ChatModelVO[]>([]) // 列表的数据
+
 
 const changeConversation = (conversation) => {
   console.log(conversation)
@@ -392,8 +405,19 @@ const stopStream = async () => {
   conversationInProgress.value = false
 }
 
+const modalClick = async (command) => {
+  console.log('22', command)
+}
+
+const getModalList = async () => {
+  // 获取模型  as unknown as ChatModelVO
+  modalList.value = await ChatModelApi.getChatModelSimpleList(0) as unknown as ChatModelVO[]
+}
+
 /** 初始化 **/
 onMounted(async () => {
+  // 获取模型
+  getModalList();
   // 获取列表数据
   messageList();
   // scrollToBottom();
@@ -411,13 +435,6 @@ onMounted(async () => {
       })
     }
   })
-  // marked.use({
-  //   async: false,
-  //   pedantic: false,
-  //   gfm: true,
-  //   tokenizer: new Tokenizer(),
-  //   renderer: renderer,
-  // });
 })