init

src/views/roadmap/PathDetails.vue

@@ -15,14 +15,14 @@
           <div class="title">
             <div class="titleL">{{ i.chapterName }}</div>
             <div class="titleR" :style="{ display: 'flex' }">
-              <img src="../../assets/image/pathdetails/circle.png" />
+              <img src="../../assets/image/pathdetails/circle.png"/>
               <div class="titleRT">进行中</div>
             </div>
             <div
                 class="titleR"
                 :style="{ display: i.status === 2 ? 'flex' : 'none' }"
             >
-              <img src="../../assets/image/pathdetails/circle2.png" />
+              <img src="../../assets/image/pathdetails/circle2.png"/>
               <div class="titleRT" style="color: rgba(102, 102, 102, 1)">
                 未开始
               </div>
@@ -116,7 +116,7 @@
               }"
                 @click="toFinish(value)"
             >
-              {{ types.path[value.type] ? types.toName[value.type] : "未开放" }}
+              {{ value.status === 1 ? '已完成' : types.path[value.type] ? types.toName[value.type] : "未开放" }}
             </div>
             <!--            <div :style="{ display: value.status === 1 ? 'block' : 'none' }">-->
             <!--              <div-->
@@ -145,10 +145,10 @@
               <div class="notice">
                 请各位选课的同学提前阅读本课程的
                 “教学大纲与计划”“课程考核要求”与“学习要求”
-                ，并按给定的中学化学教学主题分好小组 <br />
+                ，并按给定的中学化学教学主题分好小组 <br/>
-                每位同学在网上学习的活动轨迹都会自动被系统记录将作为大家个人线上参与的评价依据；<br />
+                每位同学在网上学习的活动轨迹都会自动被系统记录将作为大家个人线上参与的评价依据；<br/>
                 请大家务必在规定的时间内提交作业，否则会被系统自动记录为“迟交”或“未交”则会影响线上参与的平时成
-                绩；<br />
+                绩；<br/>
               </div>
             </el-tab-pane>
             <el-tab-pane label="共享文档" name="second">
@@ -162,7 +162,7 @@
                     margin-bottom: 15px;
                   "
                 >
-                  <img :src="value.img" style="width: 22px; height: 26px" />
+                  <img :src="value.img" style="width: 22px; height: 26px"/>
                   <div class="sharedocname">{{ value.name }}</div>
                   <div class="download">
                     <img
@@ -193,14 +193,14 @@
                 class="teacheritem"
                 :style="{ 'border-bottom': '1px solid rgba(56, 125, 247, 0.2)' }"
             >
-              <img class="peopleimg" :src="userAvatar" />
+              <img class="peopleimg" :src="userAvatar"/>
               <div style="margin-left: 17px">
                 <div class="teacherName">
                   <div style="margin-right: 5px">
                     {{ data.userInfoBo?.userName }}
                   </div>
                   <div v-for="(item, key) in data.userInfoBo?.medal" :key="key">
-                    <img class="teacherMedal" :src="item" />
+                    <img class="teacherMedal" :src="item"/>
                   </div>
                 </div>
                 <div class="introduce">{{ data.userInfoBo?.introduce }}</div>
@@ -331,7 +331,7 @@
 </template>
 
 <script setup>
-import { computed, reactive, ref, watch } from "vue";
+import {computed, reactive, ref, watch} from "vue";
 import word from "@/assets/image/file/word.png";
 import ppt from "@/assets/image/file/ppt.png";
 import pdf from "@/assets/image/file/pdf.png";
@@ -341,18 +341,18 @@ import medal1 from "@/assets/image/medal/medal1.png";
 import medal2 from "@/assets/image/medal/medal2.png";
 import medal3 from "@/assets/image/medal/medal3.png";
 import img from "@/assets/image/uploadimg.png";
-import { boeRequest, useRequest } from "@/api/request";
+import {boeRequest, useRequest} from "@/api/request";
-import { ROUTER_PROCESS } from "@/api/api";
+import {ROUTER_PROCESS} from "@/api/api";
-import { useRoute, useRouter } from "vue-router";
+import {useRoute, useRouter} from "vue-router";
-import { ElMessage } from "element-plus";
+import {ElMessage} from "element-plus";
-import { useUserInfo } from "@/api/utils";
+import {useUserInfo} from "@/api/utils";
 
 const {
-  query: { routerId },
+  query: {routerId},
 } = useRoute();
 const router = useRouter();
-const { data } = useRequest(ROUTER_PROCESS, { routerId });
+const {data} = useRequest(ROUTER_PROCESS, {routerId});
-const { avatar: userAvatar } = useUserInfo(
+const {avatar: userAvatar} = useUserInfo(
     computed(() => data.value?.userInfoBo?.userId)
 );
 
@@ -542,7 +542,7 @@ const compulsoryprogress = ref(10);
 const handleClick = (tab, event) => {
   console.log(tab, event);
 };
-const path = { 1: "path" };
+const path = {1: "path"};
 
 const types = ref({
   typeName: {
@@ -599,8 +599,7 @@ function toFinish(d) {
   }
   if (types.value.path[d.type] && types.value.path[d.type].startsWith("http")) {
     //配置文件
-    const url =
+    const url = types.value.path[d.type] + d.courseId;
-      types.value.path[d.type] + (d.type === 1 ? d.targetId : d.courseId);
     import.meta.env.DEV
         ? (window.location.href = url)
         : (window.parent.location.href = url);
@@ -608,7 +607,7 @@ function toFinish(d) {
   }
   router.push({
     path: types.value.path[d.type],
-    query: { id: d.routerTaskId, type: 1, courseId: d.courseId },
+    query: {id: d.routerTaskId, type: 1, courseId: d.courseId},
   });
 }
 </script>