From e5e2ece1bd8e764fb370338e3451aa0bdedbdc7d Mon Sep 17 00:00:00 2001
From: shaohuzhang1 <80892890+shaohuzhang1@users.noreply.github.com>
Date: Mon, 29 Apr 2024 14:23:32 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E5=AF=B9=E8=AF=9D=E6=97=A5=E5=BF=97?=
 =?UTF-8?q?=E6=91=98=E8=A6=81=E6=A0=B7=E5=BC=8F=E4=BC=98=E5=8C=96=20(#315)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/views/log/component/ChatRecordDrawer.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/ui/src/views/log/component/ChatRecordDrawer.vue b/ui/src/views/log/component/ChatRecordDrawer.vue
index c80933411..7471dd182 100644
--- a/ui/src/views/log/component/ChatRecordDrawer.vue
+++ b/ui/src/views/log/component/ChatRecordDrawer.vue
@@ -1,7 +1,7 @@
 <template>
   <el-drawer v-model="visible" size="60%" @close="closeHandle" class="chat-record-drawer">
     <template #header>
-      <h4>{{ currentAbstract }}</h4>
+      <h4 class="single-line">{{ currentAbstract }}</h4>
     </template>
     <div
       v-loading="paginationConfig.current_page === 1 && loading"
@@ -120,6 +120,11 @@ defineExpose({
 })
 </script>
 <style lang="scss">
+.single-line {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
 .chat-record-drawer {
   .el-drawer__body {
     background: var(--app-layout-bg-color);