From 8e5f7335d867506ab491c26154b9b9fce3b9ef29 Mon Sep 17 00:00:00 2001
From: lbw_9527443 <780139497@qq.com>
Date: Mon, 10 Nov 2025 17:40:09 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E5=9B=A2=E9=98=9F=E7=AE=A1=E7=90=86):=20?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E5=9B=A2=E9=98=9F=E6=95=B4=E4=BD=93=E5=88=86?=
 =?UTF-8?q?=E6=9E=90=E6=8C=89=E9=92=AE=E5=B9=B6=E4=BC=98=E5=8C=96=E5=B8=83?=
 =?UTF-8?q?=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

在secondTop和seniorManager页面添加团队整体分析按钮
调整seniorManager页面的团队详情头部布局，使其更灵活
为按钮添加悬停和点击效果
---
 my-vue-app/src/views/secondTop/secondTop.vue  |  3 ++
 .../src/views/senorManger/seniorManager.vue   | 43 ++++++++++++++++++-
 2 files changed, 44 insertions(+), 2 deletions(-)

diff --git a/my-vue-app/src/views/secondTop/secondTop.vue b/my-vue-app/src/views/secondTop/secondTop.vue
index 92b2d78..fe854ea 100644
--- a/my-vue-app/src/views/secondTop/secondTop.vue
+++ b/my-vue-app/src/views/secondTop/secondTop.vue
@@ -112,6 +112,9 @@
               <span class="value">{{ selectedGroup.conversionRate }}%</span>
             </div>
           </div>
+          <div class="group-performance">
+           <button>团队整体分析</button>
+          </div>
         </div>
 
         <div class="members-grid">
diff --git a/my-vue-app/src/views/senorManger/seniorManager.vue b/my-vue-app/src/views/senorManger/seniorManager.vue
index 3a8cd53..feb25f0 100644
--- a/my-vue-app/src/views/senorManger/seniorManager.vue
+++ b/my-vue-app/src/views/senorManger/seniorManager.vue
@@ -108,7 +108,8 @@
         <!-- 团队详情内容 -->
         <div v-else>
           <div class="team-detail-header">
-            <h2>{{ selectedGroup.name }} - 团队成员详情</h2>
+            <div>
+ <h2>{{ selectedGroup.name }} - 团队成员详情</h2>
             <div class="team-summary">
               <div class="summary-item">
                 <span class="label">组长:</span>
@@ -127,6 +128,11 @@
                 <span class="value">{{ selectedGroup.conversionRate }}%</span>
               </div>
             </div>
+            </div>
+           
+             <div class="group-performance">
+           <button>团队整体分析</button>
+          </div>
           </div>
           
           <div class="members-grid">
@@ -1142,12 +1148,19 @@ const hideTooltip = () => {
   
   .team-detail-header {
     margin-bottom: 2rem;
+    display: flex;
+    justify-content: space-between;
+    align-items: flex-start;
+    flex-wrap: wrap;
+    gap: 1rem;
     
     h2 {
       font-size: 1.4rem;
       font-weight: 600;
       color: #1e293b;
-      margin: 0 0 1rem 0;
+      margin: 0;
+      flex: 1;
+      min-width: 300px;
     }
     
     .team-summary {
@@ -1173,6 +1186,32 @@ const hideTooltip = () => {
         }
       }
     }
+    
+    .group-performance {
+      button {
+        background-color: #3b82f6;
+        color: white;
+        border: none;
+        border-radius: 6px;
+        padding: 0.5rem 1rem;
+        font-size: 0.9rem;
+        font-weight: 500;
+        cursor: pointer;
+        transition: all 0.2s ease;
+        height: fit-content;
+        
+        &:hover {
+          background-color: #2563eb;
+          transform: translateY(-1px);
+          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+        }
+        
+        &:active {
+          transform: translateY(0);
+          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
+        }
+      }
+    }
   }
   
   .members-grid {