路径

src/views/roadmap/LearnPath.vue

@@ -48,7 +48,7 @@
               </div>
             </div>
             <template #reference>
-<!--              todo #学习路径 只会有一个未完成任务么?是否是直接跳到任务详情-->
+              <!--              todo #学习路径 只会有一个未完成任务么?是否是直接跳到任务详情-->
               <div class="titleR">进入未完成任务</div>
             </template>
           </el-popover>
@@ -118,9 +118,9 @@
         <div v-for="(item,i) in detail?.rows">
           <img :src="useImage(`222_0${i+2}.png`)">
         </div>
-<!--        <div class="modal"-->
+        <!--        <div class="modal"-->
-<!--             style="width: calc(100% - 168px); height: 525px;background-image: url('../../src/assets/image/mapdetail.png');background-size: 100%;background-repeat: no-repeat;">-->
+        <!--             style="width: calc(100% - 168px); height: 525px;background-image: url('../../src/assets/image/mapdetail.png');background-size: 100%;background-repeat: no-repeat;">-->
-<!--        </div>-->
+        <!--        </div>-->
       </div>
       <!-- 路径详情图 -->
     </div>
@@ -134,10 +134,13 @@ import ongoing from '../../assets/image/ongoing.png'
 import {request, usePage, useRequest} from "@/api/request";
 import {ROUTER_CHAPTER_LIST, ROUTER_LIST, ROUTER_UNCOMPLETE_LIST} from "@/api/api";
 import {useImage} from "@/api/utils";
+import {useRouter} from "vue-router";
 
 const detail = ref()
 const {data} = usePage(ROUTER_LIST, {})
 
+const router = useRouter()
+
 const {unCompleteTaskList} = useRequest(ROUTER_UNCOMPLETE_LIST, {})
 const state = reactive({
   showmapdetail: false,
@@ -148,10 +151,12 @@ const returnfun = () => {
   state.showmapdetail = false;
 };
 
-async function gofun(routerId) {
+async function gofun({routerId}) {
-  const data = await request(ROUTER_CHAPTER_LIST, {stuChapterListVo: {routerId}})
+  // console.log(routerId)
-  detail.value = data.data
+  // const data = await request(ROUTER_CHAPTER_LIST, {stuChapterListVo: {routerId}})
-  state.showmapdetail = true;
+  // detail.value = data.data
+  // state.showmapdetail = true;
+  router.push({path: '/pathdetails', query: {routerId}})
 }
 
 function toUnTask() {

src/views/roadmap/PathDetails.vue

@@ -40,7 +40,23 @@
               <div class="coursename">{{ value.name }}</div>
               <div class="coursetag">
                 <div class="tag1" style="margin-right: 11px; margin-top: 16px">必修</div>
-                <div class="tag3" style="margin-right: 11px; margin-top: 16px">{{ {1: '在线',2: '面授',3: '案例',4: '作业',5: '考试',6: '直播',7: '外链',8: '讨论',9: '活动',10: '测评',11: '评估',12: '投票'}[value.type] || '' }}</div>
+                <div class="tag3" style="margin-right: 11px; margin-top: 16px">{{
+                    {
+                      1: '在线',
+                      2: '面授',
+                      3: '案例',
+                      4: '作业',
+                      5: '考试',
+                      6: '直播',
+                      7: '外链',
+                      8: '讨论',
+                      9: '活动',
+                      10: '测评',
+                      11: '评估',
+                      12: '投票'
+                    }[value.type] || ''
+                  }}
+                </div>
 
                 <!--                                <div-->
                 <!--                                    v-for="(item, key) in value.flag"-->
@@ -317,11 +333,13 @@ import medal3 from '@/assets/image/medal/medal3.png'
 import img from '@/assets/image/uploadimg.png'
 import {useRequest} from "@/api/request";
 import {ROUTER_PROCESS} from "@/api/api";
+import {useRoute} from "vue-router";
 
 export default {
   name: "PathDetails",
   setup() {
-    const {data} = useRequest(ROUTER_PROCESS, {routerId: 234})
+    const {query:{routerId}} = useRoute()
+    const {data} = useRequest(ROUTER_PROCESS, {routerId})
     const state = reactive({
       activeName: "first",
       course: [