From 532fea1fc92daa2765f2019ae379694fcdbe57e7 Mon Sep 17 00:00:00 2001
From: liudong <liudong>
Date: 星期五, 16 八月 2024 16:07:57 +0800
Subject: [PATCH] 新版UI对话页面开发

---
 src/views/sessionManager/components/agentSession.vue |   31 +++++++++++++++++++++++++++++++
 1 files changed, 31 insertions(+), 0 deletions(-)

diff --git a/src/views/sessionManager/components/agentSession.vue b/src/views/sessionManager/components/agentSession.vue
index 54e2ddc..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"
@@ -118,6 +125,7 @@
 const dialogId = ref('');
 const chatDis = ref(false);
 const loading = ref(false);
+const agentTitle = ref("鏈懡鍚嶄細璇�");
 
 
 const currIndex = ref(0);
@@ -234,6 +242,7 @@
   if (code == 0) {
     console.log(data,'浼氳瘽璇︽儏');
     sessionDetailList.value = data.dsl.messages;
+    agentTitle.value = data.name || '鏈懡鍚嶄細璇�';
     refreshScroll(); //鍒锋柊婊氬姩鏉′綅缃�
   }
 };
@@ -514,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; /* 浣跨敤鐪佺暐鍙锋潵浠ｆ浛琚殣钘忕殑鏂囧瓧 */
+    white-space: nowrap;     /* 涓嶆崲琛岋紝浣垮唴瀹瑰湪涓�琛屽唴鏄剧ず */
+    max-width: 200px;
+  }
+}
 </style>

--
Gitblit v1.8.0