From 6a7bf64486fc10b2efd6d3648a01661064ad1a96 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, 25 Jul 2025 14:49:38 +0800
Subject: [PATCH] =?UTF-8?q?feat(agent):=20=E4=BC=98=E5=8C=96=E8=81=8A?=
 =?UTF-8?q?=E5=A4=A9=E5=8E=86=E5=8F=B2=E7=BB=84=E4=BB=B6=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E5=92=8C=E5=9B=BE=E7=89=87=E5=B1=95=E7=A4=BA=EF=BC=8C=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4=E5=8D=A1=E7=89=87=E5=B8=83=E5=B1=80=E5=92=8C=E5=9B=BE?=
 =?UTF-8?q?=E7=89=87=E5=A4=84=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../agent/chat/components/HistoryChat.vue     | 12 +++++-----
 src/views/agent/chat/components/history.scss  | 22 +++++++++----------
 src/views/agent/chat/index.vue                |  8 +++----
 src/views/agent/index/index.vue               |  6 ++++-
 src/views/agent/index/style.scss              | 19 +++++++---------
 5 files changed, 33 insertions(+), 34 deletions(-)

diff --git a/src/views/agent/chat/components/HistoryChat.vue b/src/views/agent/chat/components/HistoryChat.vue
index f3f43b8..a50095f 100644
--- a/src/views/agent/chat/components/HistoryChat.vue
+++ b/src/views/agent/chat/components/HistoryChat.vue
@@ -29,17 +29,17 @@
       </div>
     </div>
     <div class="divider"></div>
-    <div class="history-section">
-      <div class="history-title">
-        <div class="text">历史对话</div>
-      </div>
+<!--    <div class="history-section">-->
+<!--      <div class="history-title">-->
+<!--        <div class="text">历史对话</div>-->
+<!--      </div>-->
 <!--      <div class="history-list">-->
 <!--        <div class="history-item">-->
 <!--          <div class="item-text">梳理这次舆情的时间线和关键节点</div>-->
 <!--        </div>-->
-<!--    -->
+
 <!--      </div>-->
-    </div>
+<!--    </div>-->
   </div>
 </template>
 
diff --git a/src/views/agent/chat/components/history.scss b/src/views/agent/chat/components/history.scss
index d2b4103..9c9ed88 100644
--- a/src/views/agent/chat/components/history.scss
+++ b/src/views/agent/chat/components/history.scss
@@ -12,7 +12,7 @@
 
   .header-section {
     align-self: stretch;
-    height: 160px;
+    height: 300px;
     display: flex;
     flex-direction: column;
     justify-content: center;
@@ -20,20 +20,16 @@
     gap: 10px;
 
     .image-container {
-      align-self: stretch;
-      flex: 1 1 0;
-      position: relative;
-      background: #FFEDED;
+      height: 400px;
       overflow: hidden;
       border-radius: 8px;
+    }
 
-      img {
-        width: 408.14px;
-        height: 219px;
-        left: -24.07px;
-        top: -29px;
-        position: absolute;
-      }
+    .image-container img {
+      width: 100%;
+      height: auto;
+      aspect-ratio: 1 / 1;
+      object-fit: cover;
     }
   }
 
@@ -57,6 +53,7 @@
         font-family: 'Alibaba PuHuiTi', sans-serif;
         font-weight: 400;
         line-height: 26px;
+        padding: 10px;
       }
 
       .tag {
@@ -140,6 +137,7 @@
       font-family: 'Alibaba PuHuiTi', sans-serif;
       font-weight: 400;
       line-height: 22px;
+      padding: 10px;
     }
   }
 
diff --git a/src/views/agent/chat/index.vue b/src/views/agent/chat/index.vue
index 542333c..5781bd2 100644
--- a/src/views/agent/chat/index.vue
+++ b/src/views/agent/chat/index.vue
@@ -104,15 +104,15 @@ const cozeWebSdkConfig = (botId, name, auth) => {
         title: name,
         isNeedFunctionCallMessage: true,
       },
+      base: {
+        icon: '',
+        zIndex: 1000,
+      },
       footer:{
         expressionText:"内容由AI生成，无法确保真实准确，仅供参考。",
       },
     },
     auth: auth,
-    base: {
-      icon: '',
-      zIndex: 1000,
-    },
     header: {
       isShow: true,
       isNeedClose: false,
diff --git a/src/views/agent/index/index.vue b/src/views/agent/index/index.vue
index 01f81e0..c55e5f5 100644
--- a/src/views/agent/index/index.vue
+++ b/src/views/agent/index/index.vue
@@ -18,7 +18,11 @@
         <a-col :span="3" v-for="(product, k) in item.agent_products">
           <div class="card-container" @click="goDetail(product?.type, product?.id)">
             <div class="card-image-container">
-              <img class="card-image" :src="product?.icon_url" />
+              <img
+                class="card-image"
+                :src="product?.icon_url"
+                style="width: 100%; height: 100%; object-fit: cover;"
+              />
             </div>
             <div class="card-content">
               <div class="card-title">{{ product?.name }}</div>
diff --git a/src/views/agent/index/style.scss b/src/views/agent/index/style.scss
index 676c7fe..f038bcf 100644
--- a/src/views/agent/index/style.scss
+++ b/src/views/agent/index/style.scss
@@ -34,23 +34,20 @@
   }
 
   .card-image-container {
-    position: relative;
-    align-self: stretch;
-    height: 120px;
-    background: #ffe9e7; /* 可以替换成变量 */
-    overflow: hidden;
-    border-top-left-radius: 8px;
-    border-top-right-radius: 8px;
+    width: 99%; // 设置宽度
+    height: 200px; // 设置高度，与宽度一致，保持正方形比例
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    overflow: hidden; // 防止图片超出容器
   }
 
   .card-image {
     width: 100%;
     height: 100%;
-    left: 0;
-    top: -3px;
-    position: absolute;
+    border-radius: 7px;
+    object-fit: cover; // 确保图片按比例缩放并裁剪
   }
-
   .card-content {
     align-self: stretch;
     display: flex;