From 20c1c4455912a19878404b6b5733475db6eadfb8 Mon Sep 17 00:00:00 2001
From: wujingjing <gersonwu@qq.com>
Date: 星期一, 02 十二月 2024 17:47:33 +0800
Subject: [PATCH] 停止生成

---
 src/components/chat/components/playBar/PlayBar.vue |   37 ++++++++++++++++++++++++++++---------
 1 files changed, 28 insertions(+), 9 deletions(-)

diff --git a/src/components/chat/components/playBar/PlayBar.vue b/src/components/chat/components/playBar/PlayBar.vue
index 9fcebe3..636ade5 100644
--- a/src/components/chat/components/playBar/PlayBar.vue
+++ b/src/components/chat/components/playBar/PlayBar.vue
@@ -2,7 +2,7 @@
 	<div class="playInput hl_input rounded-[22px] input-border input-shadow">
 		<!-- 搴旂敤鍦烘櫙 -->
 		<div class="application-scenarios absolute bottom-[114%] left-4">
-			<div class="flex-items-center space-x-2">
+			<div class="flex-items-center space-x-2" :class="isHome ? 'set-next-group-type' : ''">
 				<div
 					class="border border-gray-400 border-solid h-8 flex-items-center px-3 py-2 rounded-2xl cursor-pointer space-x-1 hover:bg-[#cae3ff]"
 					:class="{ 'bg-[#c5e0ff]': activeGroupType === item, '!text-[#1c86ff]': activeGroupType === item }"
@@ -94,11 +94,28 @@
 					<!-- <el-button title="AI璇煶瀵硅瘽" class="cursor-pointer" link style="margin-left: unset" @click="audioChangeWord">
 				<img src="/static/images/wave/HeadImg.png" class="set-img-icon box-border" />
 			</el-button> -->
+					<el-button
+						title="娓呴櫎"
+						class="cursor-pointer"
+						link
+						style="margin-left: unset"
+						@click="clearTextarea"
+						icon="ele-Close"
+						v-if="inputValue"
+					>
+					</el-button>
+					<el-button class="cursor-pointer" link >
+						<el-tooltip v-if="isTalking" placement="top" content="鍋滄鐢熸垚">
+							<div class="size-[36px] rounded-full flex-center border-2 border-solid border-black text-black" @click="emits('stopGenClick')">
+								<span class="ywifont ywicon-jieshu"></span>
+							</div>
+						</el-tooltip>
 
-					<el-button title="鍙戦��" class="cursor-pointer" link @click="emits('sendClick')">
-						<div class="send">
-							<img src="/static/images/wave/QueryImg.png" />
-						</div>
+						<el-tooltip v-else placement="top" content="鍙戦��">
+							<div class="size-[36px] rounded-full bg-black flex-center" @click="emits('sendClick')">
+								<img src="/static/images/wave/QueryImg.png" />
+							</div>
+						</el-tooltip>
 					</el-button>
 				</div>
 			</div>
@@ -124,7 +141,7 @@
 import { onClickOutside } from '@vueuse/core';
 import type { InputInstance } from 'element-plus';
 import { ElMessage } from 'element-plus';
-import _ from 'lodash';
+import { sortBy } from 'lodash-es';
 import getCaretCoordinates from 'textarea-caret';
 import { computed, nextTick, ref, toRefs, watch } from 'vue';
 import InfoDetail from './InfoDetail.vue';
@@ -132,7 +149,7 @@
 import VoicePage from './voicePage/VoicePage.vue';
 import { getMetricsNames, querySimilarityHistory } from '/@/api/ai/chat';
 import { activeGroupType, groupTypeList, groupTypeMapIcon } from '/@/stores/chatRoom';
-const emits = defineEmits(['sendClick', 'showUpChatClick', 'showDownChatClick']);
+const emits = defineEmits(['sendClick', 'showUpChatClick', 'showDownChatClick','stopGenClick']);
 const props = defineProps({
 	isTalking: Boolean,
 	isHome: Boolean,
@@ -207,7 +224,9 @@
 onClickOutside(tipEleRef, () => {
 	triggerShow.value = false;
 });
-
+const clearTextarea = () => {
+	inputValue.value = '';
+};
 const inputText = (text) => {
 	nextTick(() => {
 		setTimeout(() => {
@@ -315,7 +334,7 @@
 			};
 
 			// 鎸� startIndex 鎺掑簭锛屾秷闄ゅ郊姝や箣闂撮噸鍚堝厓绱�
-			sentenceMatchList = _.sortBy(sentenceMatchList, (item) => item.startIndex).filter((value, index, array) => {
+			sentenceMatchList = sortBy(sentenceMatchList, (item) => item.startIndex).filter((value, index, array) => {
 				if (nextIsMerge) {
 					checkNextIsMerge(value, index, array);
 					return false;

--
Gitblit v1.9.3