init

src/views/roadmap/PathDetails.vue

@@ -2,12 +2,12 @@
   <div class="pathdetails" style="padding: 30px">
     <!-- 面包屑导航 -->
     <div class="crumb">
-      <div>产品经理学习路径图</div>
+      <div>{{ routerName }}</div>
       <div style="margin-left: 6px; margin-right: 6px">/</div>
       <div style="font-weight: 700">路径图详情</div>
     </div>
     <!-- 面包屑导航 -->
-    <div class="pdname">中级产品经理</div>
+    <div class="pdname">{{ useInfo.bandDesc }}</div>
     <!-- 详细信息 -->
     <div class="detailinfo">
       <div class="detailL">
@@ -114,7 +114,7 @@
                 :style="{
                 background: `${types.path[value.type] ? '#2478ff' : '#999'}`,
               }"
-                @click="toFinish(value,i.name)"
+                @click="toFinish(value,i.chapterName)"
             >
               {{
                 value.status === 1
@@ -149,36 +149,31 @@
           <el-tabs v-model="activeName" @tab-click="handleClick">
             <el-tab-pane label="课程公告" name="first">
               <div class="notice">
-                请各位选课的同学提前阅读本课程的
-                “教学大纲与计划”“课程考核要求”与“学习要求”
-                ，并按给定的中学化学教学主题分好小组 <br/>
-                每位同学在网上学习的活动轨迹都会自动被系统记录将作为大家个人线上参与的评价依据；<br/>
-                请大家务必在规定的时间内提交作业，否则会被系统自动记录为“迟交”或“未交”则会影响线上参与的平时成
-                绩；<br/>
+                {{data.remark || '暂无公告'}}
               </div>
             </el-tab-pane>
             <el-tab-pane label="共享文档" name="second">
-              <div style="padding: 19px 30px 17px 28px">
-                <div
-                    v-for="(value, index) in sharedoc"
-                    :key="index"
-                    style="
-                    display: flex;
-                    align-items: center;
-                    margin-bottom: 15px;
-                  "
-                >
-                  <img :src="value.img" style="width: 22px; height: 26px"/>
-                  <div class="sharedocname">{{ value.name }}</div>
-                  <div class="download">
-                    <img
-                        src="../../assets/image/download.png"
-                        style="width: 16px; height: 15px"
-                    />
-                    <div style="margin-left: 7px">下载</div>
-                  </div>
-                </div>
-              </div>
+<!--              <div style="padding: 19px 30px 17px 28px">-->
+<!--                <div-->
+<!--                    v-for="(value, index) in sharedoc"-->
+<!--                    :key="index"-->
+<!--                    style="-->
+<!--                    display: flex;-->
+<!--                    align-items: center;-->
+<!--                    margin-bottom: 15px;-->
+<!--                  "-->
+<!--                >-->
+<!--                  <img :src="value.img" style="width: 22px; height: 26px"/>-->
+<!--                  <div class="sharedocname">{{ value.name }}</div>-->
+<!--                  <div class="download">-->
+<!--                    <img-->
+<!--                        src="../../assets/image/download.png"-->
+<!--                        style="width: 16px; height: 15px"-->
+<!--                    />-->
+<!--                    <div style="margin-left: 7px">下载</div>-->
+<!--                  </div>-->
+<!--                </div>-->
+<!--              </div>-->
             </el-tab-pane>
           </el-tabs>
         </div>
@@ -352,15 +347,17 @@ import {ROUTER_PROCESS, LINK_DETAILS} from "@/api/api";
 import {useRoute, useRouter} from "vue-router";
 import {ElMessage} from "element-plus";
 import {useUserInfo} from "@/api/utils";
+import store from "@/store";
 
 const {
-  query: {routerId},
+  query: {routerId,routerName},
 } = useRoute();
 const router = useRouter();
 const {data} = useRequest(ROUTER_PROCESS, {routerId});
 const {avatar: userAvatar} = useUserInfo(
     computed(() => data.value?.userInfoBo?.userId)
 );
+const useInfo = computed(() => store.state.userInfo);
 
 const activeName = ref("first");
 
@@ -461,7 +458,7 @@ function toFinish(d, sName) {
   }
   router.push({
     path: types.value.path[d.type],
-    query: {id: d.routerTaskId, type: 1, courseId: d.courseId, pName: data.name, sName},
+    query: {id: d.routerTaskId, type: 1, courseId: d.courseId, pName: data.value.name, sName},
   });
 }
 </script>