From 495d1510f9a9ebf1f488569f6ca24a6be56bc9f3 Mon Sep 17 00:00:00 2001
From: wujingjing <gersonwu@qq.com>
Date: 星期四, 12 九月 2024 13:59:23 +0800
Subject: [PATCH] Revert "对接接口"
---
src/components/chat/Chat.vue | 54 +++++++++++++++++++++++++++++++-----------------------
1 files changed, 31 insertions(+), 23 deletions(-)
diff --git a/src/components/chat/Chat.vue b/src/components/chat/Chat.vue
index e0dd334..cf387e6 100644
--- a/src/components/chat/Chat.vue
+++ b/src/components/chat/Chat.vue
@@ -1,7 +1,7 @@
<template>
<div class="flex flex-col h-full">
<div class="h-full flex flex-col items-center overflow-y-auto">
- <div ref="chatListDom" class="h-full">
+ <div ref="chatListDom" class="h-full w-[100ch]">
<div
class="group flex px-4 py-4 hover:bg-slate-100 rounded-lg"
v-for="(item, index) of messageList.filter((v) => v.role !== 'system')"
@@ -19,7 +19,7 @@
<div v-if="item.role === RoleEnum.assistant" class="absolute flex items-center right-0 space-x-2 mr-2 mt-2">
<SvgIcon class="cursor-pointer" name="ele-CopyDocument" @click="copyClick(item.content)" />
<SvgIcon class="cursor-pointer" name="ywicon icon-dianzan" />
- <SvgIcon class="cursor-pointer" size="12" name="ywicon icon-buzan" />
+ <SvgIcon class="cursor-pointer" :size="12" name="ywicon icon-buzan" />
</div>
</div>
@@ -44,6 +44,8 @@
import { md } from './libs/markdown';
import { RoleEnum, roleImageMap, type ChatMessage } from './types';
import PlayBar from '/@/components/chat/components/playBar/PlayBar.vue';
+import { activeChatRoom } from '/@/stores/chatRoom';
+import router from '/@/router';
let apiKey = '';
let isConfig = ref(false);
@@ -53,38 +55,40 @@
const decoder = new TextDecoder('utf-8');
const roleAlias = { user: 'ME', assistant: 'ChatGPT', system: 'System' };
const messageList = ref<ChatMessage[]>([
- {
- role: RoleEnum.assistant,
- content: `浣犲ソ锛屾垜鏄疉I璇█妯″瀷锛屾垜鍙互鎻愪緵涓�浜涘父鐢ㄦ湇鍔″拰淇℃伅锛屼緥濡傦細
-
- 1. 缈昏瘧锛氭垜鍙互鎶婁腑鏂囩炕璇戞垚鑻辨枃锛岃嫳鏂囩炕璇戞垚涓枃锛岃繕鏈夊叾浠栦竴浜涜瑷�缈昏瘧锛屾瘮濡傛硶璇�佹棩璇�佽タ鐝墮璇瓑銆�
-
- 2. 鍜ㄨ鏈嶅姟锛氬鏋滀綘鏈変换浣曢棶棰橀渶瑕佸挩璇紝渚嬪鍋ュ悍銆佹硶寰嬨�佹姇璧勭瓑鏂归潰锛屾垜鍙互灏藉彲鑳戒负浣犳彁渚涘府鍔┿��
-
- 3. 闂茶亰锛氬鏋滀綘鎰熷埌瀵傚癁鎴栨棤鑱婏紝鎴戜滑鍙互鑱婁竴浜涙湁瓒ｇ殑璇濋锛屼互鍑忚交浣犵殑鍘嬪姏銆�
-
- 璇峰憡璇夋垜浣犻渶瑕佸摢鏂归潰鐨勫府鍔╋紝鎴戜細鏍规嵁浣犵殑闇�姹傜粰浣犳彁渚涚浉搴旂殑淇℃伅鍜屽缓璁�俙,
- },
- {
- role: RoleEnum.user,
- content: `浣犲ソ`,
- },
+ // {
+ // role: RoleEnum.assistant,
+ // content: `浣犲ソ锛屾垜鏄疉I璇█妯″瀷锛屾垜鍙互鎻愪緵涓�浜涘父鐢ㄦ湇鍔″拰淇℃伅锛屼緥濡傦細
+ // 1. 缈昏瘧锛氭垜鍙互鎶婁腑鏂囩炕璇戞垚鑻辨枃锛岃嫳鏂囩炕璇戞垚涓枃锛岃繕鏈夊叾浠栦竴浜涜瑷�缈昏瘧锛屾瘮濡傛硶璇�佹棩璇�佽タ鐝墮璇瓑銆�
+ // 2. 鍜ㄨ鏈嶅姟锛氬鏋滀綘鏈変换浣曢棶棰橀渶瑕佸挩璇紝渚嬪鍋ュ悍銆佹硶寰嬨�佹姇璧勭瓑鏂归潰锛屾垜鍙互灏藉彲鑳戒负浣犳彁渚涘府鍔┿��
+ // 3. 闂茶亰锛氬鏋滀綘鎰熷埌瀵傚癁鎴栨棤鑱婏紝鎴戜滑鍙互鑱婁竴浜涙湁瓒ｇ殑璇濋锛屼互鍑忚交浣犵殑鍘嬪姏銆�
+ // 璇峰憡璇夋垜浣犻渶瑕佸摢鏂归潰鐨勫府鍔╋紝鎴戜細鏍规嵁浣犵殑闇�姹傜粰浣犳彁渚涚浉搴旂殑淇℃伅鍜屽缓璁�俙,
+ // },
+ // {
+ // role: RoleEnum.user,
+ // content: `浣犲ソ`,
+ // },
]);
onMounted(() => {
if (getAPIKey()) {
switchConfigStatus();
}
-
- const inputValue = history.state.inputValue;
+ if (!activeChatRoom.value) {
+ router.replace({
+ name: 'Home',
+ });
+ return;
+ }
+ messageContent.value = activeChatRoom.value.title;
+ sendOrSave();
});
const sendChatMessage = async (content: string = messageContent.value) => {
try {
isTalking.value = true;
- if (messageList.value.length === 2) {
- messageList.value.pop();
- }
+ // if (messageList.value.length === 0) {
+ // messageList.value.pop();
+ // }
messageList.value.push({ role: RoleEnum.user, content });
clearMessageContent();
messageList.value.push({ role: RoleEnum.assistant, content: '' });
@@ -147,6 +151,10 @@
const sendOrSave = () => {
if (!messageContent.value.length) return;
+ if (activeChatRoom.value.isInitial) {
+ activeChatRoom.value.title = messageContent.value;
+ activeChatRoom.value.isInitial = false;
+ }
if (isConfig.value) {
if (saveAPIKey(messageContent.value.trim())) {
switchConfigStatus();
--
Gitblit v1.9.3