From a8bbd82b4ea382633b8e8c4075290cd3eea50d45 Mon Sep 17 00:00:00 2001 From: yinbangzhong <zhongbangyin@126.com> Date: 星期五, 16 八月 2024 16:39:07 +0800 Subject: [PATCH] 角色 --- src/views/sessionManager/components/agentSession.vue | 49 ++++++++++++++++++++++++++++++++++++++++++++++--- 1 files changed, 46 insertions(+), 3 deletions(-) diff --git a/src/views/sessionManager/components/agentSession.vue b/src/views/sessionManager/components/agentSession.vue index 5018c67..342d9a3 100644 --- a/src/views/sessionManager/components/agentSession.vue +++ b/src/views/sessionManager/components/agentSession.vue @@ -1,5 +1,12 @@ <template> <!-- 鍐呭--> + <div class="header___lEPyH"> + <div class="chatHeader"> + <div class="chatHeaderBox"> + <span class="title">{{agentTitle}}</span> + </div> + </div> + </div> <a-scrollbar ref="scrollbar" id="agentHome" @@ -105,6 +112,7 @@ import { getAuthorization } from "@/utils/auth"; import { EventSourceParserStream } from 'eventsource-parser/stream'; import { agentResetApi, agentSetApi, getAgentSessionDetailsApi } from "@/api/agentSession"; +import EventBus from '@/utils/EventBus'; const props = defineProps({ modalObj: Object, }); @@ -117,6 +125,7 @@ const dialogId = ref(''); const chatDis = ref(false); const loading = ref(false); +const agentTitle = ref("鏈懡鍚嶄細璇�"); const currIndex = ref(0); @@ -145,6 +154,15 @@ agentCompletion(); queryAgentSessionDetail(agentObj.id); }; + +const createNewAgent = async (session) => { + Object.assign(agentObj, session); + initPage(); + + +} + + // 璋冪敤set鏂规硶 const agentSet = async () => { @@ -224,6 +242,7 @@ if (code == 0) { console.log(data,'浼氳瘽璇︽儏'); sessionDetailList.value = data.dsl.messages; + agentTitle.value = data.name || '鏈懡鍚嶄細璇�'; refreshScroll(); //鍒锋柊婊氬姩鏉′綅缃� } }; @@ -354,16 +373,18 @@ onMounted(() => { - + EventBus.on('createAgent', (data) => { + createNewAgent(data); + }); }); watch( () => props.modalObj, (newVal, oldVal) => { - Object.assign(agentObj, newVal); + // Object.assign(agentObj, newVal); //璋冪敤agent鍒濆鍖栨柟娉� if(JSON.stringify(newVal) != '{}'){ - initPage(); + // initPage(); } },{ immediate: true, @@ -502,4 +523,26 @@ } } } +.header___lEPyH { + width: 100%; + height: 46px; + position: relative; + backdrop-filter: blur(15px); + display: flex; + align-items: center; + justify-content: center; + -webkit-backdrop-filter: blur(15px); + .chatHeaderBox { + width: auto; + border-radius: 8px; + padding: 4px 20px; + transition: all var(--animation-duration) var(--animation-transition); + display: flex; + align-items: flex-end; + overflow: hidden; /* 闅愯棌瓒呭嚭鐨勫唴瀹� */ + text-overflow: ellipsis; /* 浣跨敤鐪佺暐鍙锋潵浠f浛琚殣钘忕殑鏂囧瓧 */ + white-space: nowrap; /* 涓嶆崲琛岋紝浣垮唴瀹瑰湪涓�琛屽唴鏄剧ず */ + max-width: 200px; + } +} </style> -- Gitblit v1.8.0