From 9b161e5ab93d0f2b6cb4a0432cb57af9271dd42b Mon Sep 17 00:00:00 2001
From: woody <woody@gmail.com>
Date: Wed, 14 May 2025 09:33:09 +0800
Subject: [PATCH] =?UTF-8?q?feat(sidebarUserInfo):=20=E7=94=A8=E6=88=B7?=
 =?UTF-8?q?=E5=A5=96=E8=A1=94=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../index/components/sidebarUserInfo.vue      | 57 +++++++++++++------
 1 file changed, 40 insertions(+), 17 deletions(-)

diff --git a/src/views/index/components/sidebarUserInfo.vue b/src/views/index/components/sidebarUserInfo.vue
index f423e2a..d1efa6a 100644
--- a/src/views/index/components/sidebarUserInfo.vue
+++ b/src/views/index/components/sidebarUserInfo.vue
@@ -53,7 +53,7 @@
     <!--! 用户卡片信息 -->
     <div class="awardscard">
       <!-- NEW: Awards Sprint Text -->
-      <div v-if="awards.tarAwardsName" class="awards-progress-summary">
+      <!-- <div v-if="awards.tarAwardsName" class="awards-progress-summary">
         <span class="descriptive-text">当前距离</span>
         <span class="highlight-name">
           {{ awards.tarAwardsName }}
@@ -62,10 +62,29 @@
         <span class="highlight-pv">
           {{ sprintProgress.achieved }}
         </span>
-      </div>
+      </div> -->
 
       <div class="user-cards">
         <div class="user-cards-left">
+          <div v-if="awards.tarAwardsName" class="progress-wrapper">
+            <div class="progress-wrapper__label">奖衔晋升</div>
+            <div class="sprint-progress-container">
+              <div
+                class="sprint-current-progress"
+                :style="{ width: sprintProgress.percentageString }"
+              ></div>
+              <div class="sprint-progress-text">
+                晋升
+                <span class="target-award-name">{{
+                  awards.tarAwardsName
+                }}</span>
+                小区仅需
+                <span class="achieved-value">{{
+                  sprintProgress.achieved
+                }}</span>
+              </div>
+            </div>
+          </div>
           <div class="progress-wrapper">
             <div class="progress-wrapper__label">昨日业绩</div>
             <div
@@ -150,19 +169,6 @@
             </div>
           </div>
           <!-- NEW: Awards Sprint Progress Bar -->
-          <div v-if="awards.tarAwardsName" class="progress-wrapper">
-            <div class="progress-wrapper__label">奖衔冲刺</div>
-            <div class="sprint-progress-container">
-              <div
-                class="sprint-current-progress"
-                :style="{ width: sprintProgress.percentageString }"
-              ></div>
-              <div class="sprint-progress-text">
-                已完成 {{ awards.sumRealPv }} / 目标
-                {{ sprintProgress.target }}
-              </div>
-            </div>
-          </div>
         </div>
       </div>
     </div>
@@ -461,7 +467,7 @@ export default {
     .user-cards {
       cursor: pointer;
 
-      padding: 0px 10px 16px;
+      padding: 16px 10px 16px;
       z-index: 1;
       .user-card-bg {
         position: absolute;
@@ -712,10 +718,27 @@ export default {
   transform: translate(-50%, -50%);
   white-space: nowrap;
   text-align: center;
-  font-size: 10px;
+  font-size: 12px;
   color: #ffffff;
   font-weight: bold;
   text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
   z-index: 2;
+
+  .target-award-name,
+  .achieved-value {
+    font-size: 12px;
+    font-weight: 700;
+    color: #fff;
+    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
+    margin: 0 2px;
+  }
+
+  .target-award-name {
+    color: #ffd700;
+  }
+
+  .achieved-value {
+    color: #f0e68c;
+  }
 }
 </style>