Merge remote-tracking branch 'yx/250207-growth-prod-master-zp' into dev0731

src/views/growth/growthList.vue

@@ -54,12 +54,13 @@
       </div>
     </div>
     <div class="growth-name-type">
-      <div class="growth-name">
+      <el-dropdown :teleported="false" trigger="click" ref="dropdownRef">
+        <div class="growth-name">
         <div>{{ selectGrowth?.growthName }}</div>
-        <el-dropdown :teleported="false" trigger="click" ref="dropdownRef">
-          <div style="margin-left: 20px; cursor: pointer">
+        <div style="margin-left: 20px; cursor: pointer">
             <el-icon color="#000" size="16"><CaretBottom /></el-icon>
           </div>
+      </div>
           <template #dropdown>
             <el-dropdown-menu>
               <el-dropdown-item
@@ -71,8 +72,6 @@
             </el-dropdown-menu>
           </template>
         </el-dropdown>
-      </div>
-
       <div class="growth-type">
         <div class="type-item-list">列表</div>
         <div class="type-item-path" @click="templateClick">路径</div>
@@ -638,11 +637,13 @@ function toOffcoursePlanPage(id) {
     font-weight: 700;
     font-size: 20px;
     color: #000000;
+    cursor: pointer;
   }
   .growth-list-content {
     padding: 0 80px;
     .list-item {
-      width: 425px;
+      cursor: pointer;
+      // width: 425px;
     }
     .item-time {
       display: flex;

src/views/growth/growthRoadmap.vue

@@ -4,7 +4,7 @@
       style="width: 100%; height: 290px"
       src="@/assets/image/growth/bg.png"
     />
-    <div class="nav">
+    <div class="nav" >
       <div class="tabs">
         <div
           class="tabs-item"
@@ -53,7 +53,7 @@
         >
       </div> -->
     </div>
-    <div class="growth-path-container">
+    <div class="growth-path-container" :style="{transform:'scale('+ transformSize + ')'}">
       <div class="growth-name-type">
         <div class="growth-name">
           <div>{{ selectGrowth?.growthName }}</div>
@@ -407,6 +407,14 @@ const stateData = computed(() => {
   };
 });
 
+// 储存屏幕宽
+const windowWidth = ref(0);
+const transformSize = ref(0.8);
+
+const updateWindowWidth = () =>  {
+    windowWidth.value = window.innerWidth;
+    transformSize.value = windowWidth.value / 1920
+}
 // 样式类型
 const templateClick = () => {
   router.push({
@@ -470,13 +478,17 @@ const select = (item) => {
   getList();
 };
 onMounted(() => {
+  updateWindowWidth(); // 初始化宽度
+  window.addEventListener('resize', updateWindowWidth());
   dispatch("getGrowthInfo", { routerId });
   getList();
   growthRequest(PROFESSIONAL_STUDENT_LIST).then((res) => {
     growthList.value = res.data;
   });
 });
-
+// unMounted(() =>{ // Vue 3.x 使用 unmounted
+//   window.removeEventListener('resize', updateWindowWidth());
+// }),
 watch(
   () => state.growthInfo,
   (val) => {
@@ -787,6 +799,7 @@ function toOffcoursePlanPage(id) {
     background-size: 100%;
     background-repeat: no-repeat;
     width: 1920px;
+    transform-origin: top left;
     height: 1122px;
   }
   .path-container {