fix: 修复跳转异常

src/views/projectdetails/projectDetails.vue

@@ -167,7 +167,7 @@
                   <div
                     v-if="data.unlockMode === 1"
                     class="goclass"
-                    @click.prevent="
+                    @click="
                       toFinish(el, item.stageName, item.id, item.studyModel, $event)
                     "
                     :style="{
@@ -188,7 +188,7 @@
                   <div
                     v-else
                     class="goclass"
-                    @click.prevent="
+                    @click="
                       toFinish(el, item.stageName, item.id, item.studyModel)
                     "
                     :style="{
@@ -313,27 +313,23 @@
 </template>
 
 <script setup>
-import { computed, reactive, ref, watch, onMounted } from "vue";
+import {computed, onMounted, ref, watch} from "vue";
-import { ElLoading } from "element-plus";
+import {ElMessage} from "element-plus";
-import { useRequest, request } from "@/api/request";
+import {request, useRequest} from "@/api/request";
 import {
-  PROJECT_PROCESS,
-  STUDY_RECORD,
-  PROJECT_DETAIL,
-  SubmitExternalExam,
-  UPDATE_CURRENT_TASK,
   checkStudentExist,
   EvaluationToLearn,
   QueryEvaluationTaskStatusOne,
+  SubmitExternalExam,
+  UPDATE_CURRENT_TASK,
 } from "@/api/api";
 import {useRoute, useRouter} from "vue-router";
 import store from "@/store";
-import { ElMessage } from "element-plus";
-import ReturnHead from "@/components/ReturnHead.vue";
 import {PROJECT, TASK_TYPES} from "@/api/CONST";
 import dayjs from "dayjs";
 import {useStore} from "vuex";
 import {changeTime} from "@/api/method";
+
 const {
   query: {courseId, projectId, type, infoId, chapterOrStageId, id},
 } = useRoute();
@@ -422,6 +418,7 @@ function getTaskStatus(d) {
   }
   return "进行中";
 }
+
 console.log("datadata", data);
 const openCourseVisible = ref(false);
 const openCourseList = ref([]);
@@ -779,10 +776,8 @@ function toFinish(d, sName, chapterOrStageId, studyModel,e) {
       });
     } else if (typeof TASK_TYPES.path[d.type] === "function") {
       if (d.type == 5) {
-
-        const url = TASK_TYPES.path[d.type](d) + d.targetId
-        if (isIOS()){
         // 模拟点击跳转
+        const url = TASK_TYPES.path[d.type](d) + d.targetId
         const a = document.createElement("a");
         a.href = url;
         // a.target = "_blank";
@@ -793,7 +788,8 @@ function toFinish(d, sName, chapterOrStageId, studyModel,e) {
       } else {
         TASK_TYPES.path[d.type](d);
       }
-  }}})
+    }
+  })
   // if (typeof types.value.path[d.type] === "string") {
   //   types.value.path[d.type] &&
   //     types.value.path[d.type].startsWith("http") &&
@@ -829,6 +825,7 @@ function toOffcoursePlanPage(id){
 function whiteTypes(type) {
   return import.meta.env.VITE_TASK_WHITE_TYPE.includes("-" + type + "-");
 }
+
 // 查询当前阶段所有任务是否都完成
 const queryAllStatus = (data) => {
   // status === 1 已完成
@@ -847,19 +844,23 @@ const queryAllStatus = (data) => {
   .el-dialog__body {
     width: 80%;
   }
+
   .el-dialog__header {
     display: none;
   }
+
   width: 100%;
   display: flex;
   flex-direction: column;
   align-items: center;
+
   .main {
     width: 100%;
     display: flex;
     flex-direction: column;
     //justify-content: center;
     margin-top: 10px;
+
     .up {
       width: 100%;
       height: 162px;
@@ -868,6 +869,7 @@ const queryAllStatus = (data) => {
       align-items: center;
       //justify-content: center;
       background-color: rgba(255, 255, 255, 1);
+
       .notice {
         background-color: rgba(255, 251, 238, 1);
         width: 100%;
@@ -875,6 +877,7 @@ const queryAllStatus = (data) => {
         display: flex;
         justify-content: center;
         position: relative;
+
         .text {
           //display: flex;
           height: 25px;
@@ -887,6 +890,7 @@ const queryAllStatus = (data) => {
           text-overflow: ellipsis;
           overflow: hidden;
         }
+
         .close {
           display: flex;
           position: absolute;
@@ -900,10 +904,12 @@ const queryAllStatus = (data) => {
           margin-bottom: 8px;
         }
       }
+
       .content {
         width: 90%;
         display: flex;
         flex-direction: column;
+
         .title {
           margin-top: 15.5px;
           font-size: 14px;
@@ -911,6 +917,7 @@ const queryAllStatus = (data) => {
           line-height: 21.6px;
           color: rgba(4, 36, 60, 1);
         }
+
         .text2 {
           display: flex;
           margin-top: 10px;
@@ -923,6 +930,7 @@ const queryAllStatus = (data) => {
         }
       }
     }
+
     .down {
       width: 100%;
       margin-top: 11.5px;
@@ -932,6 +940,7 @@ const queryAllStatus = (data) => {
       align-items: center;
       //justify-content: center;
       background-color: rgba(255, 255, 255, 1);
+
       .project_title {
         width: calc(100% - 36.5px);
         display: flex;
@@ -942,12 +951,14 @@ const queryAllStatus = (data) => {
         padding: 17px 0 17px 36.5px;
         border-bottom: 0.5px solid rgba(241, 242, 243, 1);
       }
+
       .project_first {
         width: 90%;
         display: flex;
         flex-direction: column;
         align-items: center;
         margin-top: 18px;
+
         .course1_first {
           width: 100%;
           height: 35px;
@@ -955,6 +966,7 @@ const queryAllStatus = (data) => {
           justify-content: content;
           border-radius: 10px;
           background-color: #f9f9f9;
+
           .text8 {
             display: flex;
             flex: 1;
@@ -966,6 +978,7 @@ const queryAllStatus = (data) => {
             font-weight: 600;
             color: #333330;
           }
+
           .course1_right {
             display: flex;
             position: relative;
@@ -982,6 +995,7 @@ const queryAllStatus = (data) => {
               border-radius: 7px;
               border: 1px solid #0060ff;
             }
+
             .text9 {
               display: flex;
               justify-content: content;
@@ -996,6 +1010,7 @@ const queryAllStatus = (data) => {
               font-size: 13px;
               font-weight: 600;
             }
+
             .btn1 {
               width: 7px;
               height: 6px;
@@ -1006,28 +1021,33 @@ const queryAllStatus = (data) => {
             }
           }
         }
+
         .course_content {
           width: 90%;
           display: flex;
           flex-direction: column;
           justify-content: center;
           margin-top: 26.5px;
+
           .study1 {
             display: flex;
             //justify-content: center;
             width: 100%;
             margin-bottom: 15px;
+
             .firstclass {
               display: flex;
               width: 74px;
               height: 43px;
               background-image: url(../../assets/image/pathmap/firstclass.png);
             }
+
             .firstprogress {
               display: flex;
               flex: 1;
               position: relative;
               margin-left: 9.5px;
+
               .firsttext {
                 position: absolute;
                 //top: 6px;
@@ -1039,6 +1059,7 @@ const queryAllStatus = (data) => {
                 text-overflow: ellipsis;
                 overflow: hidden;
               }
+
               .secondtext {
                 position: absolute;
                 //top: 6px;
@@ -1047,6 +1068,7 @@ const queryAllStatus = (data) => {
                 line-height: 30.29px;
                 color: rgba(39, 122, 255, 1);
               }
+
               .progressbox {
                 width: 100%;
                 position: absolute;
@@ -1055,6 +1077,7 @@ const queryAllStatus = (data) => {
                 bottom: 4px;
                 background-color: rgba(232, 241, 254, 1);
                 border-radius: 2px;
+
                 .progressboxpart {
                   width: 70%;
                   height: 6.4px;
@@ -1068,20 +1091,24 @@ const queryAllStatus = (data) => {
               }
             }
           }
+
           .study2 {
             display: flex;
             width: 100%;
             margin-bottom: 15px;
+
             .secondclass {
               width: 74px;
               height: 43px;
               background-image: url(../../assets/image/pathmap/secondclass.png);
             }
+
             .secondprogress {
               display: flex;
               flex: 1;
               position: relative;
               margin-left: 9.5px;
+
               .firsttext {
                 position: absolute;
                 //top: 6px;
@@ -1093,6 +1120,7 @@ const queryAllStatus = (data) => {
                 text-overflow: ellipsis;
                 overflow: hidden;
               }
+
               .secondtext {
                 position: absolute;
                 //top: 6px;
@@ -1101,6 +1129,7 @@ const queryAllStatus = (data) => {
                 line-height: 30.29px;
                 color: rgba(39, 122, 255, 1);
               }
+
               .progressbox {
                 width: 100%;
                 position: absolute;
@@ -1109,6 +1138,7 @@ const queryAllStatus = (data) => {
                 bottom: 4px;
                 background-color: rgba(232, 241, 254, 1);
                 border-radius: 2px;
+
                 .progressboxpart {
                   width: 52%;
                   height: 6.4px;
@@ -1124,12 +1154,14 @@ const queryAllStatus = (data) => {
           }
         }
       }
+
       .project_second {
         width: 90%;
         display: flex;
         flex-direction: column;
         align-items: center;
         margin-top: 10.5px;
+
         .course1_first {
           width: 100%;
           height: 35px;
@@ -1137,6 +1169,7 @@ const queryAllStatus = (data) => {
           justify-content: content;
           border-radius: 10px;
           background-color: #f9f9f9;
+
           .text8 {
             display: flex;
             flex: 1;
@@ -1148,6 +1181,7 @@ const queryAllStatus = (data) => {
             font-weight: 600;
             color: #333330;
           }
+
           .course1_right {
             display: flex;
             position: relative;
@@ -1164,6 +1198,7 @@ const queryAllStatus = (data) => {
               border-radius: 7px;
               border: 1px solid #0060ff;
             }
+
             .text9 {
               display: flex;
               justify-content: content;
@@ -1178,6 +1213,7 @@ const queryAllStatus = (data) => {
               font-size: 13px;
               font-weight: 600;
             }
+
             .btn1 {
               width: 7px;
               height: 6px;
@@ -1188,12 +1224,14 @@ const queryAllStatus = (data) => {
             }
           }
         }
+
         .secondcontent {
           width: 90%;
           display: flex;
           flex-direction: column;
           justify-content: center;
           margin-top: 10px;
+
           .question {
             width: 100%;
             display: flex;
@@ -1215,10 +1253,12 @@ const queryAllStatus = (data) => {
               text-overflow: ellipsis;
               white-space: nowrap;
             }
+
             .coursetag {
               display: flex;
               flex-wrap: wrap;
             }
+
             .goclass {
               width: 63px;
               height: 23px;
@@ -1234,6 +1274,7 @@ const queryAllStatus = (data) => {
               // margin-right: 37px;
               cursor: pointer;
             }
+
             // .tag1 {
             //   position: absolute;
             //   left: 0;
@@ -1277,6 +1318,7 @@ const queryAllStatus = (data) => {
         }
       }
     }
+
     .last {
       width: 100%;
       margin-top: 11.5px;
@@ -1284,6 +1326,7 @@ const queryAllStatus = (data) => {
       flex-direction: column;
       align-items: center;
       background-color: rgba(255, 255, 255, 1);
+
       .project_title {
         width: calc(100% - 36.5px);
         display: flex;
@@ -1294,6 +1337,7 @@ const queryAllStatus = (data) => {
         padding: 17px 0 17px 36.5px;
         border-bottom: 0.5px solid rgba(241, 242, 243, 1);
       }
+
       .ranking {
         width: 90%;
         display: flex;
@@ -1302,11 +1346,13 @@ const queryAllStatus = (data) => {
         border-radius: 10px;
         background-color: rgba(242, 245, 247, 1);
         margin-bottom: 13.5px;
+
         .rankingbox {
           width: 90%;
           display: flex;
           flex-direction: column;
           align-items: center;
+
           .ranknumber {
             width: 100%;
             height: 50px;
@@ -1314,6 +1360,7 @@ const queryAllStatus = (data) => {
             position: relative;
             align-items: center;
             border-bottom: 0.5px solid rgba(223, 223, 223, 1);
+
             .describe {
               display: flex;
               position: absolute;
@@ -1322,6 +1369,7 @@ const queryAllStatus = (data) => {
               line-height: 24px;
               color: rgba(51, 51, 48, 1);
             }
+
             .number {
               display: flex;
               position: absolute;
@@ -1331,6 +1379,7 @@ const queryAllStatus = (data) => {
               line-height: 24px;
               color: rgba(0, 96, 255, 1);
             }
+
             .describe_part {
               display: flex;
               position: absolute;