From a78f6ae9b480f1f86f1a07d551585f5f0cac07fd Mon Sep 17 00:00:00 2001
From: charles <981744753@qq.com>
Date: 星期一, 29 七月 2024 16:48:56 +0800
Subject: [PATCH] feat:新增会话，会话记录模块
---
src/views/session/sessionManager/index.vue | 21 ++++++++++++++-------
1 files changed, 14 insertions(+), 7 deletions(-)
diff --git a/src/views/session/sessionManager/index.vue b/src/views/session/sessionManager/index.vue
index fd1e5fd..6cdb28a 100644
--- a/src/views/session/sessionManager/index.vue
+++ b/src/views/session/sessionManager/index.vue
@@ -4,7 +4,7 @@
import img2 from '@/assets/images/u69.png'
import img3 from '@/assets/images/u74.png';
import AddSession from './components/addSession.vue'
- import { ref, onMounted, computed, reactive, nextTick } from 'vue';
+ import { ref, onMounted, computed, reactive, nextTick,watch } from 'vue';
import { useUserStore,useAppStore } from '@/store';
import { sessionListApi, deleteSessionApi,getSessionDetailsApi,chatApi }from '@/api/session';
import { Message } from '@arco-design/web-vue';
@@ -88,6 +88,8 @@
sessionDetailList.value=res.data.message.map((item,index)=>{
if(index===res.data.message.length-1){
item.role='last';
+ displayedText.value='';
+ currIndex.value=0;
streamStr.value=item.content;
startDisplayStr();
}
@@ -103,7 +105,7 @@
onMounted(()=>{
initData();
});
- //鏂囧瓧涓�涓竴涓緭鍑�
+ //鏂囧瓧鍔ㄦ�佽緭鍑�
const startDisplayStr = () => {
if (timer) {
clearTimeout(timer!);
@@ -119,7 +121,13 @@
timer = null
}
}
-
+ watch(() => scrollbar.value, (newScroll, oldScroll) => {
+ if (newScroll) {
+ // 鑾峰彇a-scroll鐨勯珮搴�
+ const height = newScroll.$el.offsetHeight;
+ console.log('a-scroll height changed to:', height);
+ }
+ },{deep:true})
</script>
<template>
@@ -222,16 +230,15 @@
avatar="https://p1-arco.byteimg.com/tos-cn-i-uwbnlip3yd/9eeb1800d9b78349b24682c3518ac4a3.png~tplv-uwbnlip3yd-webp.webp"
>
<template #content>
- <a-card class="chat-item-answer" style="background-color: rgba(63, 64, 79, 1);">
- <div :class="{light:theme==='light'}"> {{displayedText}}</div>
- </a-card>
+ <a-textarea readonly auto-size v-model="displayedText" class="chat-item-answer" style="background-color: rgba(63, 64, 79, 1);">
+ </a-textarea>
</template>
</a-comment>
</div>
</a-scrollbar>
<div class="bottom">
<div class="input">
- <a-input v-model="inputMsg">
+ <a-input v-model="inputMsg" @keydown.enter="sendMessage">
<template #suffix>
<icon-send style="cursor: pointer" @click="sendMessage"/>
</template>
--
Gitblit v1.8.0