diff --git a/src/api/api.js b/src/api/api.js
index 5f5dc6c..15ef42d 100644
--- a/src/api/api.js
+++ b/src/api/api.js
@@ -124,7 +124,10 @@ export const PostList = `/statement/list`
 export const QueryEvaluationTaskStatusOne = `/evaluation/queryEvaluationTaskStatusOne`
 
 // 投票浏览和参与数目
-export const EditVoteInvolvedAndBrowse = `/vote/editVoteInvolvedAndBrowse post` 
+export const EditVoteInvolvedAndBrowse = `/vote/editVoteInvolvedAndBrowse post`
+
+//查询路径关卡列表
+export const ROUTER_DETAIL_CHAPTER_LIST = `/stu/router/chapterPcList`
 
 
 
diff --git a/src/views/roadmap/PathChapterDetails.vue b/src/views/roadmap/PathChapterDetails.vue
new file mode 100644
index 0000000..947b9dc
--- /dev/null
+++ b/src/views/roadmap/PathChapterDetails.vue
@@ -0,0 +1,33 @@
+<template>
+  <div class="mapdetail">
+    <PathDetailImage
+      :img="data?.picUrl"
+      :detail="data"
+    ></PathDetailImage>
+  </div>
+</template>
+<script setup>
+import PathDetailImage from "@/components/PathDetailImage.vue";
+import {useRequest} from "@/api/request";
+import {ROUTER_DETAIL_CHAPTER_LIST} from "@/api/api";
+import {useRoute} from "vue-router/dist/vue-router";
+
+const {query:{routerId}} = useRoute()
+const {data} = useRequest(ROUTER_DETAIL_CHAPTER_LIST,{routerId})
+
+</script>
+
+<style lang="scss">
+.mapdetail {
+  width: calc(100% - 107px);
+  min-height: 577px;
+  background: rgba(242, 245, 247, 0.6);
+  margin-top: 26px;
+  border-radius: 8px;
+  margin-left: 53px;
+  margin-right: 54px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+</style>