From 3313467ddc324d3e19610142756423c8355dc82d Mon Sep 17 00:00:00 2001 From: zhangxiao <898441624@qq.com> Date: 星期五, 30 八月 2024 15:13:58 +0800 Subject: [PATCH] fix: 更新聊天展示 --- src/views/sessionManager/index.vue | 33 +++++++++++++++++++++------------ src/views/sessionManager/components/seniorAgentSession.vue | 4 +++- 2 files changed, 24 insertions(+), 13 deletions(-) diff --git a/src/views/sessionManager/components/seniorAgentSession.vue b/src/views/sessionManager/components/seniorAgentSession.vue index bb76178..0e2c148 100644 --- a/src/views/sessionManager/components/seniorAgentSession.vue +++ b/src/views/sessionManager/components/seniorAgentSession.vue @@ -364,7 +364,9 @@ <!-- <icon-file style="color: #0960bd" />--> <!-- </a-avatar>--> <img :src="getIconByExtension(item.name)" alt="" /> - <div style="font-size: 12px">{{ item.textName }}</div> + <div v-show="!item.onFileSelectedLoading" style="font-size: 12px">{{ + item.textName + }}</div> </template> </a-comment> <icon-close-circle-fill diff --git a/src/views/sessionManager/index.vue b/src/views/sessionManager/index.vue index 4845075..03de01b 100644 --- a/src/views/sessionManager/index.vue +++ b/src/views/sessionManager/index.vue @@ -291,18 +291,20 @@ /> </template> <template #content> - <a-textarea - readonly - auto-size - v-model="displayedText" - :class="{ chatItemAnswer: theme === 'light' }" - :style="{ - backgroundColor: - theme === 'light' ? '#ffffff' : '#000000', - }" - style="border: none" - > - </a-textarea> + <a-spin :loading="chartLoading" dot style="width: 100%"> + <a-textarea + readonly + auto-size + v-model="displayedText" + :class="{ chatItemAnswer: theme === 'light' }" + :style="{ + backgroundColor: + theme === 'light' ? '#ffffff' : '#000000', + }" + style="border: none" + > + </a-textarea> + </a-spin> </template> <template #actions> @@ -574,6 +576,7 @@ const modalObj = reactive({ add: false }); const dialogId = ref(''); const chatDis = ref(false); + const chartLoading = ref(false); const loading = ref(false); const agentType = ref('1'); const agentTitle = ref('鏈懡鍚嶄細璇�'); @@ -924,6 +927,7 @@ const startChat = async (valMsg) => { chatDis.value = true; loading.value = true; + chartLoading.value = true; toStop = false; sessionDetailList.value.push({ content: valMsg, @@ -967,6 +971,7 @@ if (typeof d !== 'boolean') { // console.info("data:", d); streamStr.value = d.content; + chartLoading.value = false; startDisplayStr(); } } catch (e) { @@ -975,6 +980,7 @@ if (done) { console.info('done'); displayedText.value = ''; + chartLoading.value = false; if (isStopChat.value) { setChatDataMeg(chatDataMeg); } else { @@ -1426,6 +1432,9 @@ margin-left: 10px; } } + :deep(.arco-spin-loading .arco-spin-mask-icon) { + left: 10%; + } } .right { -- Gitblit v1.8.0