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

- 重新设计了页面布局，分为左、右两个主要区域
- 左侧区域增加了聊天机器人信息展示，包括头像、名称、描述等
- 右侧区域保留聊天窗口，并增加了顶部栏
-优化了响应式布局，使页面在不同屏幕尺寸下都能良好显示
- 调整了颜色、字体等样式，提升了页面视觉效果
---
 src/views/agent/chat/style.scss               |  2 +-
 src/views/agent/index/index.vue               |  4 +-
 .../work-flow/components/HistoryChat.vue      | 32 -----------
 src/views/agent/work-flow/index.vue           | 56 +++++++++----------
 src/views/agent/work-flow/style.scss          | 13 ++++-
 5 files changed, 43 insertions(+), 64 deletions(-)

diff --git a/src/views/agent/chat/style.scss b/src/views/agent/chat/style.scss
index 370793f..f4aa80e 100644
--- a/src/views/agent/chat/style.scss
+++ b/src/views/agent/chat/style.scss
@@ -30,7 +30,7 @@
     align-items: flex-start;
     display: inline-flex;
     background: var(--BG-100, #F7F8FA);
-    
+
     // .header {
     //   align-self: stretch;
     //   height: 160px;
diff --git a/src/views/agent/index/index.vue b/src/views/agent/index/index.vue
index 8389bec..033c99b 100644
--- a/src/views/agent/index/index.vue
+++ b/src/views/agent/index/index.vue
@@ -6,13 +6,13 @@
       placeholder="搜索智能体"
       size="large"
       allow-clear
-      class="absolute right-0 top-0 !w-400px"
+      class="absolute right-0 top-0  !w-400px"
     >
       <template #prefix>
         <icon-search @click="getData()" />
       </template>
     </a-input>
-    <div  v-for="(item, index) in list" :key="index">
+    <div   v-for="(item, index) in list" :key="index">
       <p class="span-title mb-16px">{{ item.name }}</p>
       <a-row class="grid-demo " :gutter="24" v-if="item.agent_products.length > 0">
         <a-col  :xs="24"
diff --git a/src/views/agent/work-flow/components/HistoryChat.vue b/src/views/agent/work-flow/components/HistoryChat.vue
index b01e58f..ddc3387 100644
--- a/src/views/agent/work-flow/components/HistoryChat.vue
+++ b/src/views/agent/work-flow/components/HistoryChat.vue
@@ -1,36 +1,4 @@
 <template>
-  <div class="agent-card">
-    <div class="header-section">
-      <div class="image-container">
-        <img :src="cozeInfo.icon_url" alt="" />
-      </div>
-    </div>
-    <div class="info-section">
-      <div class="title-group">
-        <div class="title">{{ cozeInfo.name }}</div>
-        <div class="tag">
-          <div class="">
-            <img class="status-icon" :src="workflow" />
-          </div>
-          <div class="text">工作流</div>
-        </div>
-      </div>
-      <div class="usage-info">
-        <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 }}
-      </div>
-    </div>
-  </div>
 </template>
 
 <script lang="ts" setup>
diff --git a/src/views/agent/work-flow/index.vue b/src/views/agent/work-flow/index.vue
index 88ee4f5..23115a9 100644
--- a/src/views/agent/work-flow/index.vue
+++ b/src/views/agent/work-flow/index.vue
@@ -38,38 +38,38 @@
           </div>
           <div class="history-item" v-for="(item, index) in history">
             <div class="item-body">
-              <div class="text" @click="getHistoryInfo(item)">
+              <div class="text ellipsis-title" @click="getHistoryInfo(item)">
                 {{ item.title }}
-                <a-trigger position="bottom" :auto-fit-position="false" :unmount-on-close="true">
-                  <SvgIcon size="12" name="svg-more" class="color-#6D4CFE" style="float: right" />
-                  <template #content>
-                    <div class="">
-                      <div class="history-item-dropdown">
-                        <div class="dropdown-item header-item">
-                          <SvgIcon size="12" name="svg-pin" class="icon color-#6D4CFE" />
-                          <div @click="(event) => handleTop(item.id, item.sort, event)" class="text">
-                            {{ item.sort > 1 ? '取消置顶' : '置顶' }}
-                          </div>
-                        </div>
-                        <!--                        <div class="dropdown-item">-->
-                        <!--                          <SvgIcon size="12" name="svg-edit" class="icon color-#6D4CFE" />-->
-                        <!--                          <div @click="editTitle(item)" class="text">重命名</div>-->
-                        <!--                        </div>-->
-                        <div class="dropdown-item">
-                          <SvgIcon size="12" name="svg-delete" class="icon color-#6D4CFE" />
-                          <a-popconfirm
-                            content="你确认删除该历史对话吗"
-                            @ok="deleteHistory(item.id, index)"
-                            type="error"
-                          >
-                            <div class="text delete">删除</div>
-                          </a-popconfirm>
+              </div>
+              <a-trigger trigger="click" position="bottom" :auto-fit-position="true" :unmount-on-close="true">
+                <SvgIcon size="12" name="svg-more" class="color-#6D4CFE" style="float: right" />
+                <template #content>
+                  <div class="">
+                    <div class="history-item-dropdown">
+                      <div class="dropdown-item ">
+                        <SvgIcon size="12" name="svg-pin" class="icon color-#6D4CFE" />
+                        <div @click="(event) => handleTop(item.id, item.sort, event)" class="text">
+                          {{ item.sort > 1 ? '取消置顶' : '置顶' }}
                         </div>
                       </div>
+                      <!--                        <div class="dropdown-item">-->
+                      <!--                          <SvgIcon size="12" name="svg-edit" class="icon color-#6D4CFE" />-->
+                      <!--                          <div @click="editTitle(item)" class="text">重命名</div>-->
+                      <!--                        </div>-->
+                      <div class="dropdown-item">
+                        <SvgIcon size="12" name="svg-delete" class="icon color-#6D4CFE" />
+                        <a-popconfirm
+                          content="你确认删除该历史对话吗"
+                          @ok="deleteHistory(item.id, index)"
+                          type="error"
+                        >
+                          <div class="text delete">删除</div>
+                        </a-popconfirm>
+                      </div>
                     </div>
-                  </template>
-                </a-trigger>
-              </div>
+                  </div>
+                </template>
+              </a-trigger>
             </div>
           </div>
         </div>
diff --git a/src/views/agent/work-flow/style.scss b/src/views/agent/work-flow/style.scss
index 1dda351..acee261 100644
--- a/src/views/agent/work-flow/style.scss
+++ b/src/views/agent/work-flow/style.scss
@@ -219,6 +219,16 @@
             word-wrap: break-word;
           }
 
+          .ellipsis-title {
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            cursor: pointer;
+          }
+          &:hover {
+            background: var(--BG-200, #E6E6E8);
+          }
+
         }
 
       }
@@ -300,6 +310,7 @@
     }
   }
 }
+
 .history-item-dropdown {
   width: 125px;
   padding-top: 8px;
@@ -328,7 +339,7 @@
     align-items: center;
     gap: 8px;
 
-    &.header-item {
+    &:hover {
       background: var(--BG-200, #F2F3F5);
     }