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 @@ {{ selectedGroup.conversionRate }}% +
+ +
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 @@
-

{{ selectedGroup.name }} - 团队成员详情

+
+

{{ selectedGroup.name }} - 团队成员详情

组长: @@ -127,6 +128,11 @@ {{ selectedGroup.conversionRate }}%
+
+ +
+ +
@@ -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 {