From f307588cc56603f43ed0559ea37b38895210b71f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E5=BF=97=E5=86=9B?= <543024265@qq.com>
Date: Mon, 28 Jul 2025 20:20:47 +0800
Subject: [PATCH] =?UTF-8?q?refactor(agent):=20=E9=87=8D=E6=9E=84=E6=99=BA?=
 =?UTF-8?q?=E8=83=BD=E4=BD=93=E9=A1=B5=E9=9D=A2=E5=B8=83=E5=B1=80=E5=92=8C?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

-调整了智能体卡片的布局结构，优化了标题和描述的显示方式
- 改进了历史对话的展示样式，增加了滚动指示器
- 统一了标签和图标的样式，提升了视觉一致性
- 优化了搜索框和卡片列表的样式，提高了用户体验
---
 .../agent/chat/components/HistoryChat.vue     | 23 +++++++++----------
 src/views/agent/chat/components/history.scss  | 12 ++--------
 .../work-flow/components/HistoryChat.vue      |  9 ++++++--
 .../agent/work-flow/components/history.scss   | 14 ++---------
 4 files changed, 22 insertions(+), 36 deletions(-)

diff --git a/src/views/agent/chat/components/HistoryChat.vue b/src/views/agent/chat/components/HistoryChat.vue
index 1a1590b..479aa92 100644
--- a/src/views/agent/chat/components/HistoryChat.vue
+++ b/src/views/agent/chat/components/HistoryChat.vue
@@ -2,33 +2,33 @@
   <div class="agent-card">
     <div class="header-section">
       <div class="image-container">
-        <img :src="cozeInfo.icon_url"  alt="" />
+        <img :src="cozeInfo.icon_url" alt="" />
       </div>
     </div>
     <div class="info-section">
       <div class="title-group">
-        <div class="title">{{cozeInfo.name}}</div>
+        <div class="title">{{ cozeInfo.name }}</div>
         <div class="tag">
           <div>
-            <img
-              class="status-icon"
-              :src="chatbotIcon"
-            />
+            <img class="status-icon" :src="chatbotIcon" />
           </div>
           <div class="text">对话式</div>
         </div>
       </div>
       <div class="usage-info">
-        <div class="count">{{cozeInfo.views}}</div>
-        <div class="label">次使用</div>
+        <a-space>
+          <span class="count">{{ cozeInfo.views }}</span>
+        </a-space>
+        <a-space>
+          <span class="label"> 次使用 </span>
+        </a-space>
       </div>
     </div>
     <div class="description-section">
       <div class="description">
-        {{cozeInfo.description}}
+        {{ cozeInfo.description }}
       </div>
     </div>
-
   </div>
 </template>
 
@@ -64,8 +64,7 @@ const truncateText = (text: string, maxLength = 30) => {
   return text.slice(0, maxLength) + '...';
 };
 
-onMounted(() => {
-});
+onMounted(() => {});
 </script>
 
 <style scoped>
diff --git a/src/views/agent/chat/components/history.scss b/src/views/agent/chat/components/history.scss
index 51b1a8d..8957438 100644
--- a/src/views/agent/chat/components/history.scss
+++ b/src/views/agent/chat/components/history.scss
@@ -94,14 +94,9 @@
     }
 
     .usage-info {
-      width: 79px;
-      height: 34px;
-      position: relative;
-
+      padding: 12px;
+      margin-right: 12px;
       .count {
-        left: 0px;
-        top: 10px;
-        position: absolute;
         color: var(--Text-2, #3C4043);
         font-size: 16px;
         font-family: 'Alibaba PuHuiTi', sans-serif;
@@ -110,9 +105,6 @@
       }
 
       .label {
-        left: 22px;
-        top: 10px;
-        position: absolute;
         color: var(--Text-3, #737478);
         font-size: 12px;
         font-family: 'Alibaba PuHuiTi', sans-serif;
diff --git a/src/views/agent/work-flow/components/HistoryChat.vue b/src/views/agent/work-flow/components/HistoryChat.vue
index 4645a41..0ff5bb0 100644
--- a/src/views/agent/work-flow/components/HistoryChat.vue
+++ b/src/views/agent/work-flow/components/HistoryChat.vue
@@ -19,10 +19,15 @@
         </div>
       </div>
       <div class="usage-info">
-        <div class="count">{{cozeInfo.views}}</div>
-        <div class="label">次使用</div>
+        <a-space>
+          <span class="count">{{ cozeInfo.views }}</span>
+        </a-space>
+        <a-space>
+          <span class="label"> 次使用 </span>
+        </a-space>
       </div>
     </div>
+
     <div class="description-section">
       <div class="description">
         {{cozeInfo.description}}
diff --git a/src/views/agent/work-flow/components/history.scss b/src/views/agent/work-flow/components/history.scss
index 72a5e8a..73692b3 100644
--- a/src/views/agent/work-flow/components/history.scss
+++ b/src/views/agent/work-flow/components/history.scss
@@ -90,17 +90,10 @@
         }
       }
     }
-
     .usage-info {
-      width: 79px;
-      height: 34px;
-      position: relative;
-      margin-top: 10px;
-      margin-right: 24px;
+      padding: 12px;
+      margin-right: 12px;
       .count {
-        left: 20px;
-        top: 10px;
-        position: absolute;
         color: var(--Text-2, #3C4043);
         font-size: 16px;
         font-family: 'Alibaba PuHuiTi', sans-serif;
@@ -109,9 +102,6 @@
       }
 
       .label {
-        left: 43px;
-        top: 10px;
-        position: absolute;
         color: var(--Text-3, #737478);
         font-size: 12px;
         font-family: 'Alibaba PuHuiTi', sans-serif;