From ee08d2dab2a5c1163464d8d7535ce5fdb64f9419 Mon Sep 17 00:00:00 2001
From: Pengxiansen <2422914688@qq.com>
Date: Thu, 27 Feb 2025 13:57:58 +0800
Subject: [PATCH 1/2] =?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/api/CONST.js                           |  5 +-
 src/views/growth/components/gowthPath2.vue | 15 +++---
 src/views/growth/growthDetails.vue         | 55 ++++++++++++----------
 src/views/growth/growthPath.vue            | 10 ++--
 vite.config.js                             |  2 +-
 5 files changed, 47 insertions(+), 40 deletions(-)

diff --git a/src/api/CONST.js b/src/api/CONST.js
index 5f5b0ea..b127de7 100644
--- a/src/api/CONST.js
+++ b/src/api/CONST.js
@@ -44,11 +44,12 @@ export const TASK_TYPES = {
   },
 
   path: {
+    // 增加异步防止ios阻止弹窗弹出
     1: ({ courseId }) => setTimeout(() => { window.open(window.location.protocol + import.meta.env.VITE_BOE_ONLINE_CLASS_URL + courseId) }), //在线
-    2: ({ targetId }) => setTimeout(() => { window.open(`${location.protocol}//${location.host}${import.meta.env.VITE_BASE_API}/stu/project/redirectDetail?courseId=${targetId}`, '_top')}),
+    2: ({ targetId }) => setTimeout(() => { window.open(`${location.protocol}//${location.host}${import.meta.env.VITE_BASE_API}/stu/project/redirectDetail?courseId=${targetId}`, '_top') }),
     3: ({ courseId }) => setTimeout(() => { window.open(window.location.protocol + import.meta.env.VITE_BOE_CASS_DETAIL_URL + courseId) }), //案例
     4: "/homeworkpage",
-    5: ({ examType }) => examType === 2 ? '/externalexam' :  setTimeout(() => {(window.location.protocol + import.meta.env.VITE_BOE_EXAM_DETAIL_URL)}), //考试
+    5: ({ examType }) => examType === 2 ? '/externalexam' : (window.location.protocol + import.meta.env.VITE_BOE_EXAM_DETAIL_URL), //考试
     6: "/liveboradcast",
     7: '/outerchain', //外联
     8: "/discusspage",
diff --git a/src/views/growth/components/gowthPath2.vue b/src/views/growth/components/gowthPath2.vue
index 414388a..2dcd708 100644
--- a/src/views/growth/components/gowthPath2.vue
+++ b/src/views/growth/components/gowthPath2.vue
@@ -97,7 +97,7 @@ const props = defineProps({
 const point = [
   {
     top: 0,
-    right: -24,
+    right: -40,
   },
   {
     top: 51,
@@ -148,11 +148,11 @@ const widthConfig = [
   "20px",
   "64px",
   "40px",
-  "80px",
+  "67px",
   "40px",
-  "64px",
+  "47px",
   "80px",
-  "45px",
+  "34px",
   "65px",
 ];
 
@@ -229,13 +229,14 @@ const toFinish = (item) => {
 }
 .gowth-path2 {
   position: relative;
-  margin: 50px 45px 31px 63px;
+  width: 310px;
+  margin: 20px auto 31px auto;
   box-sizing: border-box;
   background-image: url(@/assets/image/growth/path2.png);
   background-size: 100%;
 
-  :deep(.el-progress-bar__outer){
-    background-color: #AEB3B8;
+  :deep(.el-progress-bar__outer) {
+    background-color: #aeb3b8;
   }
   .path-item {
     position: absolute;
diff --git a/src/views/growth/growthDetails.vue b/src/views/growth/growthDetails.vue
index b8a4486..f62043a 100644
--- a/src/views/growth/growthDetails.vue
+++ b/src/views/growth/growthDetails.vue
@@ -7,24 +7,24 @@
       <div class="nav-title">{{ data.growthName }}</div>
     </div>
     <!-- <template v-if="data.electiveTaskNum !== 0"> -->
-      <div class="tabs">
-        <div
-          class="tabs-item"
-          :class="queryParams.type == 1 ? 'active' : ''"
-          @click="tabClick(1)"
-        >
-          <div class="tabs-text">必修</div>
-          <div class="tabs-line"></div>
-        </div>
-        <div
-          class="tabs-item"
-          :class="queryParams.type == 2 ? 'active' : ''"
-          @click="tabClick(2)"
-        >
-          <div class="tabs-text">选修</div>
-          <div class="tabs-line"></div>
-        </div>
+    <div class="tabs">
+      <div
+        class="tabs-item"
+        :class="queryParams.type == 1 ? 'active' : ''"
+        @click="tabClick(1)"
+      >
+        <div class="tabs-text">必修</div>
+        <div class="tabs-line"></div>
       </div>
+      <div
+        class="tabs-item"
+        :class="queryParams.type == 2 ? 'active' : ''"
+        @click="tabClick(2)"
+      >
+        <div class="tabs-text">选修</div>
+        <div class="tabs-line"></div>
+      </div>
+    </div>
     <!-- </template> -->
 
     <div class="search">
@@ -73,26 +73,28 @@
         height: stageProcessList.length ? '' : ':400px',
       }"
     >
-    <!-- :style="{
+      <!-- :style="{
         top: data.electiveTaskNum !== 0 ? '165px' : '103px',
         height: stageProcessList.length ? '' : ':400px',
       }" -->
       <template v-if="stageProcessList && stageProcessList.length">
         <div
-         
           :id="item.id"
           v-for="(item, key) in stageProcessList"
           :key="key"
           class="task-item"
         >
-          <div class="task-img"  @click.native="toFinish(item)">
+          <div class="task-img" @click.native="toFinish(item)">
             <img
               style="width: 100%; height: 100%"
               :src="getAssetsFile(item.courseType)"
             />
             <div class="task-img-icon">{{ key + 1 }}</div>
           </div>
-          <div style="margin-left: 11px; width: 58%"  @click.native="toFinish(item)">
+          <div
+            style="margin-left: 11px; width: 58%"
+            @click.native="toFinish(item)"
+          >
             <div style="display: flex; align-items: center">
               <div class="task-type">
                 {{ TASK_TYPES.typeName[item.courseType] }}
@@ -507,7 +509,6 @@ async function toFinish(d) {
   }
   console.log("TASK_TYPES.path[d.type]", TASK_TYPES.path[d.courseType]);
   if (typeof TASK_TYPES.path[d.courseType] === "string") {
-    
     TASK_TYPES.path[d.courseType] &&
       TASK_TYPES.path[d.courseType].startsWith("http") &&
       window.open(TASK_TYPES.path[d.type] + d.targetId, "_top");
@@ -545,10 +546,12 @@ async function toFinish(d) {
       let params = {
         examType: d.info.examType,
       };
-      window.open(
-        TASK_TYPES.path[d.courseType](params) + d.info.examinationPaperId,
-        "_top"
-      );
+      const path =
+        TASK_TYPES.path[d.courseType](params) + d.info.examinationPaperId;
+      // 增加异步防止ios阻止弹窗弹出
+      setTimeout(() => {
+        window.open(path, "_top");
+      });
     } else {
       let params = {
         courseId: d.courseId ? d.courseId : d.info.id,
diff --git a/src/views/growth/growthPath.vue b/src/views/growth/growthPath.vue
index 8c38a49..0aa36fe 100644
--- a/src/views/growth/growthPath.vue
+++ b/src/views/growth/growthPath.vue
@@ -783,10 +783,12 @@ async function toFinish(d) {
       let params = {
         examType: d.info.examType,
       };
-      window.open(
-        TASK_TYPES.path[d.courseType](params) + d.info.examinationPaperId,
-        "_top"
-      );
+      const path =
+        TASK_TYPES.path[d.courseType](params) + d.info.examinationPaperId;
+      // 增加异步防止ios阻止弹窗弹出
+      setTimeout(() => {
+        window.open(path, "_top");
+      });
     } else {
       let params = {
         courseId: d.courseId ? d.courseId : d.info.id,
diff --git a/vite.config.js b/vite.config.js
index 4b4a815..0c0931a 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -41,7 +41,7 @@ export default defineConfig(({ command, mode }) =>
       ]
     },
     server: {
-      // host: "192.168.3.51",
+      // host: "0.0.0.0",
       proxy: {
         // "/professional": {
 				// // target: 'http://192.168.237.141:32002',

From a48df8b5bdc2605522680fca8bb0c08b88b987a3 Mon Sep 17 00:00:00 2001
From: Pengxiansen <2422914688@qq.com>
Date: Thu, 27 Feb 2025 14:38:55 +0800
Subject: [PATCH 2/2] =?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/components/gowthPath2.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/views/growth/components/gowthPath2.vue b/src/views/growth/components/gowthPath2.vue
index 2dcd708..fe516ab 100644
--- a/src/views/growth/components/gowthPath2.vue
+++ b/src/views/growth/components/gowthPath2.vue
@@ -3,7 +3,7 @@
     <div
       class="gowth-path2"
       :style="{
-        height: `${position(stageProcessList.length - 1).topNum + 10}px`,
+        height: `${position(stageProcessList.length - 1).topNum + 20}px`,
       }"
     >
       <div
@@ -170,9 +170,9 @@ const position = (index) => {
   let num2 = index % 10;
 
   return {
-    top: `${multiple * (853 + 25) + point[num2].top}px`,
+    top: `${multiple * (853 + 35) + point[num2].top}px`,
     right: `${point[num2].right}px`,
-    topNum: multiple * (853 + 25) + point[num2].top,
+    topNum: multiple * (853 + 35) + point[num2].top,
     align: point[num2].align,
   };
 };