extract code for saving chat history

web/src/views/admin/ApiKey.vue

@@ -87,7 +87,7 @@
           <el-input v-model="item.name" autocomplete="off"/>
         </el-form-item>
         <el-form-item label="用途：" prop="type">
-          <el-select v-model="item.type" placeholder="请选择用途" @change="changePlatform">
+          <el-select v-model="item.type" placeholder="请选择用途" @change="changeType">
             <el-option v-for="item in types" :value="item.value" :label="item.name" :key="item.value">{{
                 item.name
               }}
@@ -99,7 +99,8 @@
         </el-form-item>
         <el-form-item label="API URL：" prop="api_url">
           <el-input v-model="item.api_url" autocomplete="off"
-                    placeholder="如果你用了第三方的 API 中转，这里填写中转地址"/>
+                    placeholder="必须填土完整的 Chat API URL，如：https://api.openai.com/v1/chat/completions"/>
+          <div class="info">如果你使用了第三方中转，这里就填写中转地址</div>
         </el-form-item>
 
         <el-form-item label="代理地址：" prop="proxy_url">
@@ -126,7 +127,7 @@ import {onMounted, onUnmounted, reactive, ref} from "vue";
 import {httpGet, httpPost} from "@/utils/http";
 import {ElMessage} from "element-plus";
 import {dateFormat, removeArrayItem, substr} from "@/utils/libs";
-import {DocumentCopy, Plus, ShoppingCart} from "@element-plus/icons-vue";
+import {DocumentCopy, Plus, ShoppingCart, InfoFilled} from "@element-plus/icons-vue";
 import ClipboardJS from "clipboard";
 
 // 变量定义
@@ -142,39 +143,7 @@ const rules = reactive({
 const loading = ref(true)
 const formRef = ref(null)
 const title = ref("")
-const platforms = ref([
-  {
-    name: "【OpenAI/中转】ChatGPT",
-    value: "OpenAI",
-    api_url: "https://api.chat-plus.net/v1/chat/completions",
-    img_url: "https://api.chat-plus.net/v1/images/generations"
-  },
-  {
-    name: "【讯飞】星火大模型",
-    value: "XunFei",
-    api_url: "wss://spark-api.xf-yun.com/{version}/chat"
-  },
-  {
-    name: "【清华智普】ChatGLM",
-    value: "ChatGLM",
-    api_url: "https://open.bigmodel.cn/api/paas/v3/model-api/{model}/sse-invoke"
-  },
-  {
-    name: "【百度】文心一言",
-    value: "Baidu",
-    api_url: "https://aip.baidubce.com/rpc/2.0/ai_custom/v1/wenxinworkshop/chat/{model}"
-  },
-  {
-    name: "【微软】Azure",
-    value: "Azure",
-    api_url: "https://chat-bot-api.openai.azure.com/openai/deployments/{model}/chat/completions?api-version=2023-05-15"
-  },
-  {
-    name: "【阿里】千义通问",
-    value: "QWen",
-    api_url: "https://dashscope.aliyuncs.com/api/v1/services/aigc/text-generation/generation"
-  },
-])
+const platforms = ref([])
 const types = ref([
   {name: "聊天", value: "chat"},
   {name: "绘画", value: "img"},
@@ -191,6 +160,12 @@ onMounted(() => {
   clipboard.value.on('error', () => {
     ElMessage.error('复制失败！');
   })
+
+  httpGet("/api/admin/config/get/app").then(res => {
+    platforms.value = res.data.platforms
+  }).catch(e =>{
+    ElMessage.error("获取配置失败："+e.message)
+  })
 })
 
 onUnmounted(() => {
@@ -263,21 +238,24 @@ const set = (filed, row) => {
   })
 }
 
-const changePlatform = () => {
-  let platform = null
+const selectedPlatform = ref(null)
+const changePlatform = (value) => {
+  console.log(value)
   for (let v of platforms.value) {
-    if (v.value === item.value.platform) {
-      platform = v
-      break
+    if (v.value === value) {
+      selectedPlatform.value = v
+      item.value.api_url = v.chat_url
     }
   }
-  if (platform !== null) {
-    if (item.value.type === "img" && platform.img_url) {
-      item.value.api_url = platform.img_url
-    } else {
-      item.value.api_url = platform.api_url
-    }
+}
 
+const changeType = (value) => {
+  if (selectedPlatform.value) {
+    if(value === 'img') {
+      item.value.api_url = selectedPlatform.value.img_url
+    } else {
+      item.value.api_url = selectedPlatform.value.chat_url
+    }
   }
 }
 </script>
@@ -306,7 +284,9 @@ const changePlatform = () => {
 
 .el-form {
   .el-form-item__content {
-
+    .info {
+      color #999999
+    }
     .el-icon {
       padding-left: 10px;
     }