init

src/views/roadmap/LearnPath.vue

@@ -6,15 +6,15 @@
           <div @click="returnfun" class="text">学习路径图</div>
           <div class="info" style="margin-right: 14px">
             <img
-              style="width: 20px; height: 18px; margin-right: 10px"
-              src="../../assets/image/pm.png"
+                style="width: 20px; height: 18px; margin-right: 10px"
+                src="../../assets/image/pm.png"
             />
             <div style="margin-top: 1px">产品经理</div>
           </div>
           <div class="info">
             <img
-              style="width: 18px; height: 17px; margin-right: 11px"
-              src="../../assets/image/band.png"
+                style="width: 18px; height: 17px; margin-right: 11px"
+                src="../../assets/image/band.png"
             />
             <div style="margin-top: 2px">Band8</div>
           </div>
@@ -24,17 +24,17 @@
             <div>
               <div class="finish">
                 <img
-                  src="../../assets/image/circle.png"
-                  style="width: 20px; height: 20px"
+                    src="../../assets/image/circle.png"
+                    style="width: 20px; height: 20px"
                 />
                 <div class="text">未完成</div>
                 <div class="box"></div>
               </div>
               <div
-                v-for="(value, index) in unCompleteTaskList"
-                :key="index"
-                class="tasks"
-                :style="{
+                  v-for="(value, index) in unCompleteTaskList"
+                  :key="index"
+                  class="tasks"
+                  :style="{
                   'border-bottom':
                     index === unCompleteTaskList.length - 1
                       ? null
@@ -45,9 +45,9 @@
                   {{ value.name }}
                 </div>
                 <img
-                  style="width: 20px; height: 20px"
-                  src="../../assets/image/go.png"
-                  @click="toUnTask(chapterId)"
+                    style="width: 20px; height: 20px"
+                    src="../../assets/image/go.png"
+                    @click="toUnTask(chapterId)"
                 />
               </div>
             </div>
@@ -58,9 +58,9 @@
           </el-popover>
         </div>
         <div
-          :style="{ display: showmapdetail ? 'flex' : 'none' }"
-          class="titleR"
-          @click="returnfun"
+            :style="{ display: showmapdetail ? 'flex' : 'none' }"
+            class="titleR"
+            @click="returnfun"
         >
           返回列表
         </div>
@@ -70,30 +70,30 @@
         <div style="min-width: 770px; width: 100%">
           <el-table :data="data" style="width: 100%" @row-click="gofun">
             <el-table-column
-              prop="img"
-              label="缩略图"
-              #default="scope"
-              align="center"
-              width="255"
+                prop="img"
+                label="缩略图"
+                #default="scope"
+                align="center"
+                width="255"
             >
               <img
-                :src="scope.row.picUrl"
-                style="width: 230px; height: 155px"
+                  :src="scope.row.picUrl"
+                  style="width: 230px; height: 155px"
               />
             </el-table-column>
-            <el-table-column align="center" prop="name" label="路径名称" />
+            <el-table-column align="center" prop="name" label="路径名称"/>
             <el-table-column
-              align="center"
-              prop="introduce"
-              label="路径介绍"
-              #default="scope"
+                align="center"
+                prop="introduce"
+                label="路径介绍"
+                #default="scope"
             >
               <el-popover
-                placement="top-start"
-                title="路径介绍"
-                :width="350"
-                trigger="hover"
-                :content="scope.row.remark"
+                  placement="top-start"
+                  title="路径介绍"
+                  :width="350"
+                  trigger="hover"
+                  :content="scope.row.remark"
               >
                 <template #reference>
                   <div>{{ scope.row.remark }}</div>
@@ -102,22 +102,22 @@
             </el-table-column>
 
             <el-table-column
-              align="center"
-              prop="organizationName"
-              label="归属组织"
+                align="center"
+                prop="organizationName"
+                label="归属组织"
             />
             <el-table-column
-              #default="scope"
-              align="center"
-              width="110"
-              prop="state"
-              label="状态"
+                #default="scope"
+                align="center"
+                width="110"
+                prop="state"
+                label="状态"
             >
               <img
-                :src="
+                  :src="
                   { 0: nostarted, 1: completed, 2: ongoing }[scope.row.status]
                 "
-                style="width: 99px; height: 99px"
+                  style="width: 99px; height: 99px"
               />
             </el-table-column>
           </el-table>
@@ -126,11 +126,11 @@
       <!-- 路径列表-->
       <!-- 路径详情图 -->
       <div
-        :style="{ display: showmapdetail ? 'flex' : 'none' }"
-        class="mapdetail"
+          :style="{ display: showmapdetail ? 'flex' : 'none' }"
+          class="mapdetail"
       >
         <div v-for="(item, i) in detail?.rows" :key="i">
-          <img :src="useImage(`222_0${i + 2}.png`)" />
+          <img :src="useImage(`222_0${i + 2}.png`)"/>
         </div>
         <!--        <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;">-->
@@ -141,43 +141,46 @@
   </div>
 </template>
 <script setup>
-import { reactive, toRefs, ref } from "vue";
+import {reactive, toRefs, ref} from "vue";
 import nostarted from "../../assets/image/nostarted.png";
 import completed from "../../assets/image/completed.png";
 import ongoing from "../../assets/image/ongoing.png";
-import { request, usePage, useRequest } from "@/api/request";
+import {request, usePage, useRequest} from "@/api/request";
 import {
+  BASE_URL,
   ROUTER_CHAPTER_LIST,
   ROUTER_LIST,
   ROUTER_UNCOMPLETE_LIST,
 } from "@/api/api";
-import { useImage } from "@/api/utils";
-import { useRouter } from "vue-router";
+import {useImage} from "@/api/utils";
+import {useRouter} from "vue-router";
 
 const detail = ref();
-const { data } = usePage(ROUTER_LIST, {});
+const {data} = usePage(ROUTER_LIST, {});
 
 const router = useRouter();
 
-const { unCompleteTaskList } = useRequest(ROUTER_UNCOMPLETE_LIST, {});
+const {unCompleteTaskList} = useRequest(ROUTER_UNCOMPLETE_LIST, {});
 const state = reactive({
   showmapdetail: false,
 });
-const { showmapdetail } = toRefs(state);
+const {showmapdetail} = toRefs(state);
 
 const returnfun = () => {
   state.showmapdetail = false;
 };
 
-async function gofun({ routerId }) {
+async function gofun({routerId}) {
   // console.log(routerId)
   // const data = await request(ROUTER_CHAPTER_LIST, {stuChapterListVo: {routerId}})
   // detail.value = data.data
   // state.showmapdetail = true;
-  router.push({ path: "/pathdetails", query: { routerId } });
+  // router.push({path: "/pathdetails", query: {routerId}});
+  window.location.href = `${BASE_URL}/pathdetails?routerId=${routerId}`
 }
 
-function toUnTask() {}
+function toUnTask() {
+}
 </script>
 <style lang="scss">
 .modal {