From 898c49719ac06b8c212dbcc40beee21c4f71d647 Mon Sep 17 00:00:00 2001
From: Pengxiansen <2422914688@qq.com>
Date: Wed, 26 Feb 2025 18:17:21 +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/assets/image/growth/task-type.png         | Bin 483 -> 1332 bytes
 src/assets/image/growth/task-type1.png        | Bin 0 -> 483 bytes
 .../growth/components/roadmap1/index.vue      |  15 ++-
 .../growth/components/roadmap2/index.vue      |  21 +--
 src/views/growth/growthList.vue               | 122 ++++++++++++------
 src/views/growth/growthRoadmap.vue            |  71 +++++-----
 src/views/project/ProjectDetails.vue          |   7 +-
 vite.config.js                                |  18 +--
 8 files changed, 149 insertions(+), 105 deletions(-)
 create mode 100644 src/assets/image/growth/task-type1.png

diff --git a/src/assets/image/growth/task-type.png b/src/assets/image/growth/task-type.png
index 7546e24849525c2f0ee9f4ac675386cd422ca414..f9867dadeeca15279b19288b09cb4ae44cbac09c 100644
GIT binary patch
literal 1332
zcmV-41<U%0P)<h;3K|Lk000e1NJLTq002Ay000;W1^@s6roo<400001b5ch_0Itp)
z=>Px(?ny*JR9HvVSkH?bMHK#Cb@$9<-2^w7LuB@c0bxA^4|?-25WFn`MerCfHxJ^5
zB{F-{gEEkSUW9=72ZZGA#iI&pApe4z-E1JqGBe%vp1fDpJ>4_ou$y(=O|di6+f-H8
z_ult?ue!+H@K;;RUyzKJau7Tv=%heK34{R_2LXWq`-CR(Lm(j(BaXLR)x&y;z=_Tw
za6}OO=se?z8vX4b;^}+RoOimzj3I)jo{C?X<hJL*J)Hge5qdo)^dx;{@Yj_Ao&9o%
zY?+DB${3jgm{SPrB40efA>a&#<OxQ1JH?ajy`^vNTdXf!`+IT!+_{f)X>U4*^GP;@
zO9brO5DDpckuppY*2~H+TRTgJ;T_4(T&>8}*_2DdxakP*X4!zqF}!pjN++t*IZ!&1
z6F4qP$3O?N&eOn5I)@RZ^7I$Tg>h{>(-lb;*NW@x($Cs%ut?4$#~CoW8JbhTI$;=o
zEE;|e-ImZ<6QXMqn1`4xi2eQ42;JJ|pC3GNFMma#iyD-iTHp!4P$M#W>(@NMB&H##
z>FJo7Q`N7h@>81D5daIkO`AZCNR3sHvLN+-zX5pt(+3;7?d3kC)fG65DAE4Gmo-WZ
zkOd%cM4Ll!X}eQjqyp9ftS(>LUL@!|n>N6jox{<%9=HIQk(lrlG|=J#DRWaC>s$9X
z9;d5)Po1vk1T18tXH8TD9N}Bm45O7EGB;-zN(zyKO9@V&m6szzpvrNL;7rT#=y!<W
zL_;0Qs$PeyT3i1-04}K0)sn<MI-TOsYr|7!*Ek&jYZgUj0xr92e2n3`h#0Kn22I8?
zOF<R&3BV6F9<`VIUfNyZ1mej+`Wj%<Wz6DSz*)#}oxMKSQa6^v@dKVF%7FpfuFI$$
zbl_CXX8U7fnnmgQBNgob0k|IINxPV$^lp2t@43~5q>T(4ot2hq^U>~uhUWtgGKkG6
z9oZGf9bK$5vRFf<fExjr)bMV$+V?0a?ZR#)nwIJCpnwyCOXAp)#pOnz7N`>k{4ibV
zGumCKX_*-X<1*<+!1}9Mo~CrP2qKUIrZBdi;b85i{v(y1d4W1GrC;CrZDY5!+Gli(
z(ps7VZ9@$XE<2`Y-L&*>S+mX5EV~SsgrM1%{XTzvJuDk$mHWoi1K^cDOQ$OaIBn`L
z>anDCpg3Dungom_8k`FyO99(E*J%U1lP-@lELjD(+VMpya}jq}>e#aYtBJ=FR!(C3
z+e5wx95$=<{s+kLuNyn*+FZa!aTfTZw!QpUz)|Z*S@nNBwn^#hf4sNT?%rZ)uj($@
zvt~HZwKA!=ozzW4*=A-qysU(Ar=$tce0jKZ<M+#ZwDJScx-62wBdd0w^@Ur8bKRf^
zik?=$qB_)LCDFaKS?t8?VeiMzv*BCcdTD=1X_^*9@KJN~00(V`V}Y^gPd39o0jQ%p
zJAiTmagh@jwF7{-(u<!wd^_o!|9)@C>*<2N9%^VN4(C`<6u!D&!L0RD!>CHw2~fIF
zHNFJ!2uKHoB>w50{n222#8a)Q*K@D=t#@{EcM~bS2~z6T0TaXng=sjRcbQI`_4T9y
z=i*T)KRxo6jP5Sr@%G-*ci|9ks)^9zHZDkBd_*MggXj$c7Rr9Y4#j9(VrCiBNdT@t
qlbN3lclLfp+PaMt_wZ^sru_$O11uwg?`tvu0000<MNUMnLSTaVd5iV{

literal 483
zcmV<90UZ8`P)<h;3K|Lk000e1NJLTq002e+000~a1^@s6+&jq?00001b5ch_0Itp)
z=>Px$ok>JNR9HvtnLkUzKp4iK_Yy0Dn+Q_uC~nR!7Db!|7eOj$J2^V~0d#b;lTi8x
z1W}~;0ZL;9U7d6))O1myxYW{GUx_tsLsRID&D~Am?()L(%aeQIIm+Et<3G$vB1}TP
zQD?>r5$BC><7{Uw{NW-X=OJg=>rA)>Fr^-wuHqWCIT2fp+&D9TV4RUDzHX7AtNu9!
zA+^E0y&H{OcfmLivZd-dm=g*D=}Bh(G@7kN518D8J<lza0hlVoVc^&U=HE3%Fh^Ae
z1K`OAjGYAIKyfe)KQO0Y94Zc`*Ogol*^;fn__byYrehKPD-Ag_G#Cv=uAOMdXvb*B
z$Pv(vk>jP$80{GC7&!vkF><^H&X|l<IUy29a%BRydoXs$SoR(fQh}2yCulIJN)^g;
zhG|v^G$B_jIJ?O&+U&%e3a5BZ7#<3F!*KVTUl!h`8)oyKfTiI0U?e5}*C+k2rXTGY
z(WDE2H%2Ns{+nt9k%+B?y%%o7bfvAzCV}=zh-EO(0ubZRpsU~ugl912TU<}ZqYLlu
Z$}ilftTag*;7tGk002ovPDHLkV1hTa&#nLf

diff --git a/src/assets/image/growth/task-type1.png b/src/assets/image/growth/task-type1.png
new file mode 100644
index 0000000000000000000000000000000000000000..7546e24849525c2f0ee9f4ac675386cd422ca414
GIT binary patch
literal 483
zcmV<90UZ8`P)<h;3K|Lk000e1NJLTq002e+000~a1^@s6+&jq?00001b5ch_0Itp)
z=>Px$ok>JNR9HvtnLkUzKp4iK_Yy0Dn+Q_uC~nR!7Db!|7eOj$J2^V~0d#b;lTi8x
z1W}~;0ZL;9U7d6))O1myxYW{GUx_tsLsRID&D~Am?()L(%aeQIIm+Et<3G$vB1}TP
zQD?>r5$BC><7{Uw{NW-X=OJg=>rA)>Fr^-wuHqWCIT2fp+&D9TV4RUDzHX7AtNu9!
zA+^E0y&H{OcfmLivZd-dm=g*D=}Bh(G@7kN518D8J<lza0hlVoVc^&U=HE3%Fh^Ae
z1K`OAjGYAIKyfe)KQO0Y94Zc`*Ogol*^;fn__byYrehKPD-Ag_G#Cv=uAOMdXvb*B
z$Pv(vk>jP$80{GC7&!vkF><^H&X|l<IUy29a%BRydoXs$SoR(fQh}2yCulIJN)^g;
zhG|v^G$B_jIJ?O&+U&%e3a5BZ7#<3F!*KVTUl!h`8)oyKfTiI0U?e5}*C+k2rXTGY
z(WDE2H%2Ns{+nt9k%+B?y%%o7bfvAzCV}=zh-EO(0ubZRpsU~ugl912TU<}ZqYLlu
Z$}ilftTag*;7tGk002ovPDHLkV1hTa&#nLf

literal 0
HcmV?d00001

diff --git a/src/views/growth/components/roadmap1/index.vue b/src/views/growth/components/roadmap1/index.vue
index 51ec6f4..a23854a 100644
--- a/src/views/growth/components/roadmap1/index.vue
+++ b/src/views/growth/components/roadmap1/index.vue
@@ -1,6 +1,11 @@
 <template>
   <div
-    style="transform-origin: top left; width: 1920px; height: 1122px"
+    style="
+      transform-origin: top left;
+      width: 1920px;
+      height: 1122px;
+      margin: 0 auto;
+    "
     class="roadmap"
   >
     <div class="path-container">
@@ -184,6 +189,8 @@ const propas = defineProps({
   stageProcessList: Array,
 });
 
+// 缩放比例
+const transformSize = computed(() => {});
 const point = [
   {
     top: "-13px",
@@ -339,8 +346,7 @@ const stateData = computed(() => {
     }
     .item-name {
       display: inline-block;
-      max-width: 210px;
-      min-width: 80px;
+      width: 210px;
       background: linear-gradient(268deg, #3c65f5 0%, #4395f9 100%);
       border-radius: 7px;
       font-size: 16px;
@@ -395,8 +401,7 @@ const stateData = computed(() => {
       margin-left: 5px;
     }
     .item-name {
-      max-width: 210px;
-      min-width: 80px;
+      width: 210px;
       display: inline-block;
       background: linear-gradient(268deg, #3c65f5 0%, #4395f9 100%);
       border-radius: 7px;
diff --git a/src/views/growth/components/roadmap2/index.vue b/src/views/growth/components/roadmap2/index.vue
index 0855144..04cc383 100644
--- a/src/views/growth/components/roadmap2/index.vue
+++ b/src/views/growth/components/roadmap2/index.vue
@@ -1,6 +1,11 @@
 <template>
   <div
-    style="transform-origin: top left; width: 1920px; height: 777px"
+    style="
+      transform-origin: top left;
+      width: 1920px;
+      height: 777px;
+      margin: 0 auto;
+    "
     class="roadmap"
   >
     <el-scrollbar height="777px">
@@ -273,14 +278,14 @@ const stateData = computed(() => {
       return {
         text: "未解锁",
         color: "#666666",
-        bgColor: "rgba(102, 102, 102, 0.2)",
+        bgColor: "#d0d4d8",
         progressColor: "#AEB3B8",
       };
     } else if (item.completionStatus === "0") {
       return {
         text: "未开始",
         color: "#666666",
-        bgColor: "rgba(102, 102, 102, 0.2)",
+        bgColor: "#d0d4d8",
         progressColor: "#AEB3B8",
       };
     } else if (item.completionStatus === "1") {
@@ -301,7 +306,7 @@ const stateData = computed(() => {
       return {
         text: "已结束",
         color: "#666666",
-        bgColor: "rgba(102, 102, 102, 0.2)",
+        bgColor: "#d0d4d8",
         progressColor: "#AEB3B8",
       };
     }
@@ -323,13 +328,12 @@ const stateData = computed(() => {
   position: relative;
   width: 100%;
   min-height: 200px;
-  margin-top: 100px;
-  margin-bottom: 50px;
+  margin-top: 150px;
+  margin-bottom: 100px;
   background-image: url(@/assets/image/growth/path2.png);
   background-size: 100%;
   .path-item {
     position: absolute;
-
     display: flex;
     align-items: flex-end;
     cursor: pointer;
@@ -349,8 +353,7 @@ const stateData = computed(() => {
     }
     .item-name {
       display: inline-block;
-      max-width: 210px;
-      min-width: 80px;
+      width: 210px;
       background: linear-gradient(268deg, #3c65f5 0%, #4395f9 100%);
       border-radius: 7px;
       font-size: 16px;
diff --git a/src/views/growth/growthList.vue b/src/views/growth/growthList.vue
index 45ae3e8..715586d 100644
--- a/src/views/growth/growthList.vue
+++ b/src/views/growth/growthList.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="growth-list">
     <img
-      style="width: 100%; height: 290px"
+      style="width: 100%; height: 150px"
       src="@/assets/image/growth/bg.png"
     />
     <div class="nav-title">
@@ -81,22 +81,22 @@
         </div>
       </div>
 
-      <div style="display: flex">
+      <div class="growth-list-container">
         <template v-if="stageProcessList && stageProcessList.length">
           <div class="growth-list-content">
             <el-row>
               <el-col :span="24" v-for="(value, index) in stageProcessList">
                 <div class="list-item">
-                  <div class="item-img">
+                  <div class="item-img" @click="toFinish(value)">
                     <img
-                      style="width: 110%; height: 110%"
+                      style="width: 100%; height: 100%"
                       :src="getAssetsFile(value.courseType)"
                     />
                     <div class="item-img-icon">{{ index + 1 }}</div>
                   </div>
                   <div class="item-content">
                     <div>
-                      <div class="item-name">
+                      <div class="item-name" @click="toFinish(value)">
                         {{ value.taskName }}
                       </div>
                       <div class="item-task-type">
@@ -109,7 +109,7 @@
                           :percentage="parseInt(value.progress)"
                           :show-text="false"
                           :stroke-width="6"
-                          :color="value.progress == 100 ? '#8BC34A' : '#F2903D'"
+                          :color="value.progress == 100 ? '#1379f7' : '#F2903D'"
                         />
                       </div>
                       <div class="item-time">
@@ -117,7 +117,7 @@
                           <div style="color: #999999">未开始</div>
                         </template>
                         <template v-else-if="value.completionStatus === '1'">
-                          <div style="color: #8bc34a">
+                          <div style="color: #1379f7">
                             {{ `已完成 ${value.progress}%` }}
                           </div>
                         </template>
@@ -155,6 +155,23 @@
                         继续学习
                       </div>
                     </template>
+                    <template v-if="value.completionStatus === '3'">
+                      <div @click="toFinish(value)" style="background: #999999">
+                        已结束
+                      </div>
+                    </template>
+                    <template v-if="value.completionStatus === '10'">
+                      <div @click="toFinish(value)" style="background: #999999">
+                        未解锁
+                      </div>
+                    </template>
+                    <template
+                      v-if="value.completionStatus === '0' && !value.canLearn"
+                    >
+                      <div @click="toFinish(value)" style="background: #999999">
+                        未开始
+                      </div>
+                    </template>
                   </div>
                 </div>
               </el-col>
@@ -265,14 +282,24 @@
                 </div>
                 <div style="margin-top: 31px">
                   <div class="progressBox">
-                    <div>选修进度</div>
+                    <div style="display: flex; align-items: center">
+                      <div style="margin-right: 8px">选修进度</div>
+                      <el-tooltip
+                        class="item"
+                        effect="light"
+                        :content="`还需完成${selectGrowth.electivePoorNum}个选修任务`"
+                        placement="top-start"
+                      >
+                        <el-icon color="#FE9100"><QuestionFilled /></el-icon>
+                      </el-tooltip>
+                    </div>
                     <div class="progress">
                       <div style="flex: 1">
                         <el-progress
                           :percentage="electiveProgress"
                           :show-text="false"
                           :stroke-width="8"
-                          color="#FEC200"
+                          color="#FE9100"
                         />
                       </div>
                       <div
@@ -424,9 +451,13 @@ const lastLearned = computed(() =>
 
 // 任务总进度
 const totalProgress = computed(() => {
-  if (state.growthInfo.totalTaskCompletedNum && state.growthInfo.totalTaskNum) {
+  if (
+    selectGrowth.value.totalTaskCompletedNum &&
+    selectGrowth.value.totalTaskNum
+  ) {
     let num =
-      state.growthInfo.totalTaskCompletedNum / state.growthInfo.totalTaskNum;
+      selectGrowth.value.totalTaskCompletedNum /
+      selectGrowth.value.totalTaskNum;
     num = num * 100;
     num = num.toFixed(0);
     return Number(num);
@@ -437,12 +468,12 @@ const totalProgress = computed(() => {
 // 选修总进度
 const electiveProgress = computed(() => {
   if (
-    state.growthInfo.electiveTaskCompletedNum &&
-    state.growthInfo.electiveTaskNum
+    selectGrowth.value.electiveTaskCompletedNum &&
+    selectGrowth.value.electiveTaskNum
   ) {
     let num =
-      state.growthInfo.electiveTaskCompletedNum /
-      state.growthInfo.electiveTaskNum;
+      selectGrowth.value.electiveTaskCompletedNum /
+      selectGrowth.value.electiveTaskNum;
     num = num * 100;
     num = num.toFixed(0);
     return Number(num);
@@ -453,12 +484,12 @@ const electiveProgress = computed(() => {
 // 必修总进度
 const requiredProgress = computed(() => {
   if (
-    state.growthInfo.requiredTaskCompletedNum &&
-    state.growthInfo.requiredTaskNum
+    selectGrowth.value.requiredTaskCompletedNum &&
+    selectGrowth.value.requiredTaskNum
   ) {
     let num =
-      state.growthInfo.requiredTaskCompletedNum /
-      state.growthInfo.requiredTaskNum;
+      selectGrowth.value.requiredTaskCompletedNum /
+      selectGrowth.value.requiredTaskNum;
     num = num * 100;
     num = num.toFixed(0);
     return Number(num);
@@ -580,7 +611,10 @@ async function toFinish(d) {
     ElMessage.warning(`请先完成“${d.superTaskName}”的学习任务`);
     return;
   }
-
+  if (!d.canLearn) {
+    ElMessage.warning(`学习任务暂未开始`);
+    return;
+  }
   //更新学员当前任务
   await growthRequest(PROFESSIONAL_STUDENT_LEARN, {
     growthId: routerId,
@@ -835,12 +869,13 @@ function toOffcoursePlanPage(item) {
   .nav-title {
     position: absolute;
     top: 75px;
-    margin-left: 55px;
+    // right: 80px;
+    left: 80px;
     .growth-name {
       display: flex;
       align-items: center;
-      font-weight: 700;
-      font-size: 24px;
+      // font-weight: 700;
+      font-size: 20px;
       color: #fff;
       cursor: pointer;
     }
@@ -926,7 +961,7 @@ function toOffcoursePlanPage(item) {
       }
 
       .info .rate .ratetext {
-        width: 259px;
+        // width: 259px;
         font-size: 14px;
         font-weight: 500;
         color: #677d86;
@@ -934,13 +969,13 @@ function toOffcoursePlanPage(item) {
       }
 
       .info .rate .ratebtn {
-        width: 86px;
-        height: 36px;
-        border: 1px solid #2478ff;
+        width: 70px;
+        height: 28px;
+        border: 1px solid #f2903d;
         border-radius: 4px;
         font-size: 14px;
         font-weight: 500;
-        color: #2478ff;
+        color: #f2903d;
         line-height: 24px;
         cursor: pointer;
         display: flex;
@@ -979,9 +1014,12 @@ function toOffcoursePlanPage(item) {
     display: flex;
     align-items: center;
     justify-content: flex-end;
-    padding: 32px 80px 14px 80px;
+    padding: 25px 80px 14px 80px;
+  }
+  .growth-list-container {
+    display: flex;
+    padding-bottom: 50px;
   }
-
   .growth-list-content {
     flex: 1;
     padding: 11px 40px 53px 40px;
@@ -998,8 +1036,8 @@ function toOffcoursePlanPage(item) {
       // width: 425px;
     }
     .item-button {
-      width: 120px;
-      height: 36px;
+      width: 100px;
+      height: 30px;
       margin-left: 15%;
       cursor: pointer;
       div {
@@ -1026,6 +1064,7 @@ function toOffcoursePlanPage(item) {
       border-radius: 14px;
       overflow: hidden;
       position: relative;
+      cursor: pointer;
       .item-img-icon {
         display: flex;
         justify-content: center;
@@ -1041,7 +1080,7 @@ function toOffcoursePlanPage(item) {
         width: 50px;
         height: 30px;
         background: #f2903d;
-        border-radius: 0 0px 15px 0px;
+        border-radius: 0 0px 14px 0px;
       }
       img:hover {
         transform: scale(1.1);
@@ -1069,16 +1108,17 @@ function toOffcoursePlanPage(item) {
       display: flex;
       align-items: center;
       justify-content: center;
-      font-size: 16px;
+      font-size: 14px;
       color: #ffffff;
     }
     .item-name {
       font-weight: 700;
-      font-size: 20px;
+      font-size: 16px;
       color: #000000;
       overflow: hidden;
       text-overflow: ellipsis;
       white-space: nowrap;
+      cursor: pointer;
     }
   }
   .growth-type {
@@ -1089,9 +1129,9 @@ function toOffcoursePlanPage(item) {
       display: flex;
       justify-content: center;
       align-items: center;
-      width: 110px;
-      height: 40px;
-      font-size: 16px;
+      width: 80px;
+      height: 32px;
+      font-size: 14px;
       font-weight: 700;
     }
     .type-item-list {
@@ -1116,20 +1156,20 @@ function toOffcoursePlanPage(item) {
       display: flex;
       align-items: center;
       flex-direction: column;
-      font-size: 20px;
+      font-size: 16px;
       color: #666666;
       cursor: pointer;
       font-weight: 700;
       padding: 0 18px;
     }
     .tabs-line {
-      width: 96px;
+      width: 66px;
       height: 3px;
       margin-top: 7px;
     }
     .active {
       color: #0077ec;
-      font-size: 24px;
+      font-size: 17px;
       .tabs-line {
         background-color: #1379f7;
       }
diff --git a/src/views/growth/growthRoadmap.vue b/src/views/growth/growthRoadmap.vue
index 484753e..2375a2c 100644
--- a/src/views/growth/growthRoadmap.vue
+++ b/src/views/growth/growthRoadmap.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="growth-list">
     <img
-      style="width: 100%; height: 290px"
+      style="width: 100%; height: 150px"
       src="@/assets/image/growth/bg.png"
     />
     <div class="nav-title">
@@ -76,7 +76,12 @@
             >
           </div>
         </div>
-        <div class="growth-path-container">
+        <div
+          class="growth-path-container"
+          :style="{
+            height: `${865 * transformSize}px`,
+          }"
+        >
           <div class="growth-name-type">
             <div class="growth-type">
               <div class="type-item-list" @click="templateClick">列表</div>
@@ -89,18 +94,10 @@
               :style="{ transform: 'scale(' + transformSize + ')' }"
               style="transform-origin: top left"
             >
-              <template v-if="selectGrowth.template == 1">
-                <Roadmap2
-                  @toFinish="toFinish"
-                  :stageProcessList="stageProcessList"
-                ></Roadmap2>
-              </template>
-              <template v-else>
-                <Roadmap1
-                  @toFinish="toFinish"
-                  :stageProcessList="stageProcessList"
-                ></Roadmap1>
-              </template>
+              <Roadmap2
+                @toFinish="toFinish"
+                :stageProcessList="stageProcessList"
+              ></Roadmap2>
             </div>
           </template>
           <template v-else>
@@ -158,7 +155,12 @@
           >
         </div>
       </div>
-      <div class="growth-path-container">
+      <div
+        class="growth-path-container"
+        :style="{
+          height: `${1122 * transformSize}px`,
+        }"
+      >
         <div class="growth-name-type">
           <div class="growth-type">
             <div class="type-item-list" @click="templateClick">列表</div>
@@ -171,18 +173,10 @@
             :style="{ transform: 'scale(' + transformSize + ')' }"
             style="transform-origin: top left"
           >
-            <template v-if="selectGrowth.template == 1">
-              <Roadmap2
-                @toFinish="toFinish"
-                :stageProcessList="stageProcessList"
-              ></Roadmap2>
-            </template>
-            <template v-else>
-              <Roadmap1
-                @toFinish="toFinish"
-                :stageProcessList="stageProcessList"
-              ></Roadmap1>
-            </template>
+            <Roadmap1
+              @toFinish="toFinish"
+              :stageProcessList="stageProcessList"
+            ></Roadmap1>
           </div>
         </template>
         <template v-else>
@@ -702,9 +696,9 @@ function toOffcoursePlanPage(item) {
   display: flex;
   align-items: center;
 }
+
 .growth-list {
   background: #f6f6fc;
-
   :deep(.el-popper) {
     z-index: 9999 !important;
   }
@@ -714,12 +708,13 @@ function toOffcoursePlanPage(item) {
   .nav-title {
     position: absolute;
     top: 75px;
-    margin-left: 55px;
+    // right: 80px;
+    left: 80px;
     .growth-name {
       display: flex;
       align-items: center;
-      font-weight: 700;
-      font-size: 24px;
+      // font-weight: 700;
+      font-size: 20px;
       color: #fff;
       cursor: pointer;
     }
@@ -736,7 +731,7 @@ function toOffcoursePlanPage(item) {
     display: flex;
     align-items: center;
     justify-content: flex-end;
-    padding: 32px 80px 14px 80px;
+    padding: 25px 80px 14px 80px;
   }
   .growth-name {
     display: flex;
@@ -759,9 +754,9 @@ function toOffcoursePlanPage(item) {
       display: flex;
       justify-content: center;
       align-items: center;
-      width: 110px;
-      height: 40px;
-      font-size: 16px;
+      width: 80px;
+      height: 32px;
+      font-size: 14px;
       font-weight: 700;
     }
     .type-item-list {
@@ -787,20 +782,20 @@ function toOffcoursePlanPage(item) {
       display: flex;
       align-items: center;
       flex-direction: column;
-      font-size: 20px;
+      font-size: 16px;
       color: #666666;
       cursor: pointer;
       font-weight: 700;
       padding: 0 18px;
     }
     .tabs-line {
-      width: 96px;
+      width: 66px;
       height: 3px;
       margin-top: 7px;
     }
     .active {
       color: #0077ec;
-      font-size: 24px;
+      font-size: 17px;
       .tabs-line {
         background-color: #1379f7;
       }
diff --git a/src/views/project/ProjectDetails.vue b/src/views/project/ProjectDetails.vue
index 4bad8eb..dd8731d 100644
--- a/src/views/project/ProjectDetails.vue
+++ b/src/views/project/ProjectDetails.vue
@@ -779,13 +779,14 @@ function continueLearn(lastLearnedId) {
 .example-showcase .el-loading-mask {
   z-index: 9;
 }
-.el-popper {
-    z-index: 0 !important;
-  }
+
 .pathdetails {
   .el-dialog__body{
     width: 80%;
   }
+  .el-popper {
+    z-index: 0 !important;
+  }
   .el-dialog__header {
     display: none;
   }
diff --git a/vite.config.js b/vite.config.js
index 5e1dc01..71c6422 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -38,16 +38,16 @@ export default defineConfig(({ command, mode }) =>
 	},
 	server: {
 		proxy: {
-			// "/professional": {
-			// 	// target: 'http://192.168.16.195:32002',
-			// 	// target: 'http://192.168.150.97:32002',
-			// 	target: 'http://192.168.38.211:32002',
-			// 	changeOrigin: true,
-			//   },
-			'/growth': {
-				target: 'https://u-pre.boe.com',
+			"/professional": {
+				// target: 'http://192.168.16.195:32002',
+				// target: 'http://192.168.150.97:32002',
+				target: 'http://192.168.31.211:32002',
 				changeOrigin: true,
-			},
+			  },
+			// '/growth': {
+			// 	target: 'https://u-pre.boe.com',
+			// 	changeOrigin: true,
+			// },
 			'/file/upload': {
 				target: loadEnv(mode, process.cwd()).VITE_PROXY_URL,
 				changeOrigin: true,