From f434ce3b98b921e6437eb49eacf5567b4167c69b Mon Sep 17 00:00:00 2001
From: yinbangzhong <zhongbangyin@126.com>
Date: 星期五, 16 八月 2024 18:28:11 +0800
Subject: [PATCH] 角色
---
src/views/sessionManager/components/chatMenu.vue | 155 +++++++++++++++++++++++++++------------------------
1 files changed, 83 insertions(+), 72 deletions(-)
diff --git a/src/views/sessionManager/components/chatMenu.vue b/src/views/sessionManager/components/chatMenu.vue
index 3f0ce14..5a15996 100644
--- a/src/views/sessionManager/components/chatMenu.vue
+++ b/src/views/sessionManager/components/chatMenu.vue
@@ -2,91 +2,99 @@
<div class="layoutNavMoveCenter">
<div class="layoutNavMove___j5ets">
<div class="myAgent___djnd_ myAgentAnim myAgentlight___yK7Gk">
-<!-- <div data-testid="msh-sidebar-main" class="myAgentHome___PG6IZ"></div>-->
+ <div data-testid="msh-sidebar-main" class="myAgentHome___PG6IZ"></div>
<div class="myAgentLine___Isl6E"></div>
- <div class="myAgentTool___Y1_mC" data-testid="msh-sidebar-new">
+ <div class="myAgentTool___Y1_mC" data-testid="msh-sidebar-new" @click="()=>{
+ EventBus.emit('newChat')
+ }">
<div class="myAgentToolIcon___gaAKI myAgentToolIconNew___DBZrW">
<img
src="../../../assets/images/talkbg.svg"
style="width: 24px"
alt=""></div>
</div>
- <div data-testid="msh-sidebar-history" class="myAgentTool___Y1_mC">
- <div class="myAgentToolIcon___gaAKI myAgentToolIconHistory___GTLWk">
+ <div data-testid="msh-sidebar-history" class="myAgentTool___Y1_mC" @click="()=>{
+ EventBus.emit('history')
+ }">
+ <div class="myAgentToolIcon___gaAKI myAgentToolIconHistory___GTLWk" >
<img
src="../../../assets/images/history.svg"
style="width: 24px"
alt="">
</div>
</div>
- <div data-testid="msh-sidebar-square" class="myAgentTool___Y1_mC myAgentToolSquare___dbLm1">
+ <div data-testid="msh-sidebar-square" class="myAgentTool___Y1_mC myAgentToolSquare___dbLm1" @click="()=>{
+ EventBus.emit('smartAi')
+ }">
<div class="myAgentToolIcon___gaAKI myAgentToolIconSquare___Rj1o_"><img
src="../../../assets/images/agentbg.svg"
style="width: 24px"
alt=""></div>
</div>
<div class="myAgentLine___Isl6E" style="margin-top: 4px;"></div>
- <div class="myAgentBox___zrCit myAgentBoxhistoryconph28t7lagf3d1bhq0">
- <div class="myAgentBoxImg___Mgu9e">
- <div class="myAgentBoxImgLayout___u69B_">
- <div class="MuiBox-root css-5nczy5"><img
- src="https://kimi-img.moonshot.cn/prod-chat-kimi/avatar/kimiplus/academic.png" alt=""
- style="border-radius: 50%; width: 100%; height: 100%;"></div>
- <span class="myAgentBoxImgLayoutTip___xHV4m">瀛︽湳鎼滅储</span></div>
- <div data-testid="msh-sidebar-bot-delete" class="myAgentBoxImgDelete___qXZuq">
- <div class="myAgentBoxImgDeleteInner____Hawc">浠庝晶杈规爮绉婚櫎</div>
+ <div id="myAgentBox">
+ <div class="myAgentBox___zrCit">
+ <div class="myAgentBoxImg___Mgu9e">
+ <div class="myAgentBoxImgLayout___u69B_">
+ <div class="MuiBox-root css-5nczy5"><img
+ src="https://kimi-img.moonshot.cn/prod-chat-kimi/avatar/kimiplus/academic.png" alt=""
+ style="border-radius: 50%; width: 100%; height: 100%;"></div>
+ <span class="myAgentBoxImgLayoutTip___xHV4m">瀛︽湳鎼滅储</span></div>
+ <div data-testid="msh-sidebar-bot-delete" class="myAgentBoxImgDelete___qXZuq">
+ <div class="myAgentBoxImgDeleteInner____Hawc">浠庝晶杈规爮绉婚櫎</div>
+ </div>
+ </div>
+ </div>
+ <div class="myAgentBox___zrCit">
+ <div class="myAgentBoxImg___Mgu9e">
+ <div class="myAgentBoxImgLayout___u69B_">
+ <div class="MuiBox-root css-5nczy5"><img
+ src="https://kimi-img.moonshot.cn/prod-chat-kimi/avatar/kimiplus/paper_rewrite.png" alt=""
+ style="border-radius: 50%; width: 100%; height: 100%;"></div>
+ <span class="myAgentBoxImgLayoutTip___xHV4m">璁烘枃鏀瑰啓</span></div>
+ <div data-testid="msh-sidebar-bot-delete" class="myAgentBoxImgDelete___qXZuq">
+ <div class="myAgentBoxImgDeleteInner____Hawc">浠庝晶杈规爮绉婚櫎</div>
+ </div>
+ </div>
+ </div>
+ <div class="myAgentBox___zrCit">
+ <div class="myAgentBoxImg___Mgu9e">
+ <div class="myAgentBoxImgLayout___u69B_">
+ <div class="MuiBox-root css-5nczy5"><img
+ src="https://kimi-img.moonshot.cn/prod-chat-kimi/avatar/kimiplus/prompt.png" alt=""
+ style="border-radius: 50%; width: 100%; height: 100%;"></div>
+ <span class="myAgentBoxImgLayoutTip___xHV4m">鎻愮ず璇嶄笓瀹�</span></div>
+ <div data-testid="msh-sidebar-bot-delete" class="myAgentBoxImgDelete___qXZuq">
+ <div class="myAgentBoxImgDeleteInner____Hawc">浠庝晶杈规爮绉婚櫎</div>
+ </div>
+ </div>
+ </div>
+ <div class="myAgentBox___zrCit">
+ <div class="myAgentBoxImg___Mgu9e">
+ <div class="myAgentBoxImgLayout___u69B_">
+ <div class="MuiBox-root css-5nczy5"><img
+ src="https://kimi-img.moonshot.cn/prod-chat-kimi/avatar/kimiplus/taro.png" alt=""
+ style="border-radius: 50%; width: 100%; height: 100%;"></div>
+ <span class="myAgentBoxImgLayoutTip___xHV4m">濉旂綏甯�</span></div>
+ <div data-testid="msh-sidebar-bot-delete" class="myAgentBoxImgDelete___qXZuq">
+ <div class="myAgentBoxImgDeleteInner____Hawc">浠庝晶杈规爮绉婚櫎</div>
+ </div>
+ </div>
+ </div>
+ <div class="myAgentBox___zrCit">
+ <div class="myAgentBoxImg___Mgu9e">
+ <div class="myAgentBoxImgLayout___u69B_">
+ <div class="MuiBox-root css-5nczy5"><img
+ src="https://kimi-img.moonshot.cn/prod-chat-kimi/avatar/kimiplus/guess.png" alt=""
+ style="border-radius: 50%; width: 100%; height: 100%;"></div>
+ <span class="myAgentBoxImgLayoutTip___xHV4m">鐚滅寽鎴戝湪鎯宠皝</span></div>
+ <div data-testid="msh-sidebar-bot-delete" class="myAgentBoxImgDelete___qXZuq">
+ <div class="myAgentBoxImgDeleteInner____Hawc">浠庝晶杈规爮绉婚櫎</div>
+ </div>
</div>
</div>
</div>
- <div class="myAgentBox___zrCit myAgentBoxhistoryconpgu0t7lagecg63730">
- <div class="myAgentBoxImg___Mgu9e">
- <div class="myAgentBoxImgLayout___u69B_">
- <div class="MuiBox-root css-5nczy5"><img
- src="https://kimi-img.moonshot.cn/prod-chat-kimi/avatar/kimiplus/paper_rewrite.png" alt=""
- style="border-radius: 50%; width: 100%; height: 100%;"></div>
- <span class="myAgentBoxImgLayoutTip___xHV4m">璁烘枃鏀瑰啓</span></div>
- <div data-testid="msh-sidebar-bot-delete" class="myAgentBoxImgDelete___qXZuq">
- <div class="myAgentBoxImgDeleteInner____Hawc">浠庝晶杈规爮绉婚櫎</div>
- </div>
- </div>
- </div>
- <div class="myAgentBox___zrCit myAgentBoxhistoryconpg00t7lagbbsfqkq0">
- <div class="myAgentBoxImg___Mgu9e">
- <div class="myAgentBoxImgLayout___u69B_">
- <div class="MuiBox-root css-5nczy5"><img
- src="https://kimi-img.moonshot.cn/prod-chat-kimi/avatar/kimiplus/prompt.png" alt=""
- style="border-radius: 50%; width: 100%; height: 100%;"></div>
- <span class="myAgentBoxImgLayoutTip___xHV4m">鎻愮ず璇嶄笓瀹�</span></div>
- <div data-testid="msh-sidebar-bot-delete" class="myAgentBoxImgDelete___qXZuq">
- <div class="myAgentBoxImgDeleteInner____Hawc">浠庝晶杈规爮绉婚櫎</div>
- </div>
- </div>
- </div>
- <div class="myAgentBox___zrCit myAgentBoxhistoryconpgbgt7lagcavlq340">
- <div class="myAgentBoxImg___Mgu9e">
- <div class="myAgentBoxImgLayout___u69B_">
- <div class="MuiBox-root css-5nczy5"><img
- src="https://kimi-img.moonshot.cn/prod-chat-kimi/avatar/kimiplus/taro.png" alt=""
- style="border-radius: 50%; width: 100%; height: 100%;"></div>
- <span class="myAgentBoxImgLayoutTip___xHV4m">濉旂綏甯�</span></div>
- <div data-testid="msh-sidebar-bot-delete" class="myAgentBoxImgDelete___qXZuq">
- <div class="myAgentBoxImgDeleteInner____Hawc">浠庝晶杈规爮绉婚櫎</div>
- </div>
- </div>
- </div>
- <div class="myAgentBox___zrCit myAgentBoxhistoryconpgbot7lagcavlq34g">
- <div class="myAgentBoxImg___Mgu9e">
- <div class="myAgentBoxImgLayout___u69B_">
- <div class="MuiBox-root css-5nczy5"><img
- src="https://kimi-img.moonshot.cn/prod-chat-kimi/avatar/kimiplus/guess.png" alt=""
- style="border-radius: 50%; width: 100%; height: 100%;"></div>
- <span class="myAgentBoxImgLayoutTip___xHV4m">鐚滅寽鎴戝湪鎯宠皝</span></div>
- <div data-testid="msh-sidebar-bot-delete" class="myAgentBoxImgDelete___qXZuq">
- <div class="myAgentBoxImgDeleteInner____Hawc">浠庝晶杈规爮绉婚櫎</div>
- </div>
- </div>
- </div>
- <div class="myAgentLine___Isl6E" style="margin-top: 4px;"></div>
+<!-- <div class="myAgentLine___Isl6E" style="margin-top: 4px;"></div>-->
</div>
</div>
</div>
@@ -101,13 +109,14 @@
import { computed, nextTick, onMounted, watch, reactive, ref } from "vue";
import { Message } from "@arco-design/web-vue";
-import { EventSourceParserStream } from "eventsource-parser/stream";
-import {
- chatApi,
- getDialogListApi,
- getSessionDetailsApi,
- sessionListApi
-} from "@/api/session";
+import EventBus from '@/utils/EventBus';
+
+
+
+
+
+
+
</script>
<style scoped lang="less">
@@ -119,8 +128,10 @@
height: calc(100vh - 160px); /* 鎴栬�呮寚瀹氶珮搴� */
position: relative;
}
- .layoutNavMove___j5ets{
-
+ #myAgentBox{
+ //width: 100%;
+ //max-height: 220px;
+ //overflow: hidden;
}
--
Gitblit v1.8.0