From 6a43cfad75114e6ede9faf91447cc78874033005 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 14:45:32 +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

-调整了智能体卡片的布局结构，优化了标题和描述的显示方式
- 改进了历史对话的展示样式，增加了滚动指示器
- 统一了标签和图标的样式，提升了视觉一致性
- 优化了搜索框和卡片列表的样式，提高了用户体验
---
 src/router/routes/modules/agent.ts              |  4 ++--
 src/views/agent/chat/components/HistoryChat.vue |  2 +-
 src/views/agent/chat/components/history.scss    |  5 ++---
 src/views/agent/chat/index.vue                  |  3 ++-
 src/views/agent/chat/style.scss                 | 15 +++++++++++++++
 src/views/agent/index/index.vue                 |  6 +++++-
 6 files changed, 27 insertions(+), 8 deletions(-)

diff --git a/src/router/routes/modules/agent.ts b/src/router/routes/modules/agent.ts
index c97b82d..c9efb45 100644
--- a/src/router/routes/modules/agent.ts
+++ b/src/router/routes/modules/agent.ts
@@ -9,7 +9,7 @@ const COMPONENTS: AppRouteRecordRaw[] = [
     name: 'Agent',
     redirect: 'agent/index',
     meta: {
-      locale: '扣子智能体',
+      locale: '灵机ai',
       icon: IconRepository,
       requiresAuth: true,
       requireLogin: true,
@@ -22,7 +22,7 @@ const COMPONENTS: AppRouteRecordRaw[] = [
         name: 'AgentIndex',
         component: () => import('@/views/agent/index'),
         meta: {
-          locale:'ai应用',
+          locale:'智能体应用',
           requiresAuth: false,
           requireLogin: true,
         },
diff --git a/src/views/agent/chat/components/HistoryChat.vue b/src/views/agent/chat/components/HistoryChat.vue
index b68b64b..e572ac6 100644
--- a/src/views/agent/chat/components/HistoryChat.vue
+++ b/src/views/agent/chat/components/HistoryChat.vue
@@ -9,7 +9,7 @@
       <div class="title-group">
         <div class="title">{{cozeInfo.name}}</div>
         <div class="tag">
-          <div class="">
+          <div>
             <img
               class="status-icon"
               :src="chatbotIcon"
diff --git a/src/views/agent/chat/components/history.scss b/src/views/agent/chat/components/history.scss
index 3ac728c..e8c5dbc 100644
--- a/src/views/agent/chat/components/history.scss
+++ b/src/views/agent/chat/components/history.scss
@@ -37,8 +37,7 @@
 
   .info-section {
     align-self: stretch;
-    padding-top: 15px;
-    padding-bottom: 15px;
+    padding: 15px;
     display: flex;
     justify-content: space-between;
     align-items: flex-start;
@@ -139,7 +138,7 @@
       font-family: 'Alibaba PuHuiTi', sans-serif;
       font-weight: 400;
       line-height: 22px;
-      padding: 10px;
+      padding: 24px;
     }
   }
 
diff --git a/src/views/agent/chat/index.vue b/src/views/agent/chat/index.vue
index 4b98134..566150f 100644
--- a/src/views/agent/chat/index.vue
+++ b/src/views/agent/chat/index.vue
@@ -3,7 +3,7 @@
     <span class="" @click="goChatIndex"> <icon-left /> 返回空间 </span>
     <div class="chat-contain">
       <a-layout>
-        <a-layout-sider width="15%" style="background: #fff">
+        <a-layout-sider class="custom-sider" >
           <HistoryChat v-if="cozeInfo?.bot_id" :cozeInfo="cozeInfo" />
         </a-layout-sider>
         <a-layout>
@@ -136,4 +136,5 @@ onUnmounted(() => {
 
 <style scoped lang="scss">
 @import './style.scss';
+
 </style>
diff --git a/src/views/agent/chat/style.scss b/src/views/agent/chat/style.scss
index 5e867e7..780a2d8 100644
--- a/src/views/agent/chat/style.scss
+++ b/src/views/agent/chat/style.scss
@@ -24,4 +24,19 @@
     line-height: 22px;
     word-wrap: break-word
   }
+  .custom-sider {
+    width: 20% !important; // 强制覆盖
+  }
+
+  @media (min-width: 1400px) and (max-width: 1799px) {
+    .custom-sider {
+      width: 30% !important;
+    }
+  }
+
+  @media (min-width: 1800px) {
+    .custom-sider {
+      width: 15% !important;
+    }
+  }
 }
diff --git a/src/views/agent/index/index.vue b/src/views/agent/index/index.vue
index 5f467af..f816baa 100644
--- a/src/views/agent/index/index.vue
+++ b/src/views/agent/index/index.vue
@@ -15,7 +15,11 @@
     <div  v-for="(item, index) in list" :key="index">
       <span class="span-title">{{ item.name }}</span>
       <a-row class="grid-demo" :gutter="24" v-if="item.agent_products.length > 0">
-        <a-col :span="3" v-for="(product, k) in item.agent_products">
+        <a-col  :xs="24"
+                :sm="12"
+                :md="8"
+                :lg="6"
+                :xl="4"  v-for="(product, k) in item.agent_products">
           <div class="card-container" @click="goDetail(product?.type, product?.id)">
             <div class="card-image-container">
               <img