From 24a34fa779983de300874c4b3060996180caff9b Mon Sep 17 00:00:00 2001
From: Pengxiansen <2422914688@qq.com>
Date: Wed, 19 Feb 2025 14:06:25 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/growth/index.vue | 65 ++++++++++++++++++++------------------
 1 file changed, 35 insertions(+), 30 deletions(-)

diff --git a/src/views/growth/index.vue b/src/views/growth/index.vue
index ca83c1f0..627edf50 100644
--- a/src/views/growth/index.vue
+++ b/src/views/growth/index.vue
@@ -4,18 +4,6 @@
       <div class="navbar">
         <div style="display: flex; flex: 1">
           <div class="nav-title">我的专业力必修</div>
-          <div class="nav-total">
-            <div class="total-num">{{ totalData.total }}</div>
-            <div class="total-text">总任务数</div>
-          </div>
-          <div class="nav-total">
-            <div class="total-num">{{ totalData.completed }}</div>
-            <div class="total-text">已完成数量</div>
-          </div>
-          <div class="nav-total">
-            <div class="total-num">{{ totalData.unfinished }}</div>
-            <div class="total-text">未完成数量</div>
-          </div>
         </div>
       </div>
 
@@ -45,10 +33,13 @@
             <div class="growth-btn" @click="jumpRouter(item)">去学习</div>
           </div>
         </div>
-        <div class="tip-title">说明</div>
-        <div class="tip-content">
-          {{ item.description || "暂无说明" }}
-        </div>
+        <template v-if="item.description">
+          <div class="tip-title">说明</div>
+          <div class="tip-content">
+            {{ item.description || "暂无说明" }}
+          </div>
+        </template>
+
         <div class="progress-title">学习进度</div>
 
         <div class="progress-content">
@@ -69,6 +60,7 @@
             :stroke-width="8"
             :show-text="false"
             :percentage="requiredTaskCompletionRate(item)"
+            color="#0077EC"
           ></el-progress>
         </div>
         <div class="progress-content">
@@ -88,6 +80,7 @@
           <el-progress
             :stroke-width="8"
             :show-text="false"
+            color="#0077EC"
             :percentage="electiveTaskCompletionRate(item)"
           ></el-progress>
         </div>
@@ -108,26 +101,32 @@
           <el-progress
             :stroke-width="8"
             :show-text="false"
+            color="#0077EC"
             :percentage="totalTaskCompletionRate(item)"
           ></el-progress>
         </div>
-      </div>
-    </div>
-    <template v-if="!list || list.length < 2"></template>
-    <div class="growth-right">
-      <div class="title">专业力必修</div>
-      <div
-        :key="item.id"
-        class="item-growth"
-        :class="activeItem.id == item.id ? 'active' : ''"
-        v-for="item of list"
-      >
-        <div class="icon"></div>
-        <div @click="handlerAnchor(item)">
-          {{ item.growthName }}
+        <div class="growth-bg-icon">
+          <img src="@/assets/images/growth/growth-bg-icon.png" />
         </div>
       </div>
     </div>
+    <!-- <template v-if="!list || list.length < 2">
+      <div class="growth-right">
+        <div class="title">专业力必修</div>
+        <div
+          :key="item.id"
+          class="item-growth"
+          :class="activeItem.id == item.id ? 'active' : ''"
+          v-for="item of list"
+        >
+          <div class="icon"></div>
+          <div @click="handlerAnchor(item)">
+            {{ item.growthName }}
+          </div>
+        </div>
+      </div>
+    </template> -->
+
     <template v-if="!list.length">
       <el-empty :image-size="200"></el-empty>
     </template>
@@ -250,6 +249,12 @@ export default {
       background: #ffffff;
       padding: 30px 38px 66px 40px;
       margin-bottom: 35px;
+      position: relative;
+      .growth-bg-icon {
+        position: absolute;
+        right: 92px;
+        bottom: 0;
+      }
       .progress-title {
         font-weight: 700;
         font-size: 18px;