update

src/modules/course/my/components/ViewCourseChapter.vue

@@ -7,11 +7,7 @@ const route = useRoute()
 const id = route.query.id ? route.query.id : (route.params.courseId as string)
 
 const handleRes = function (item: any) {
-  if (item === undefined) {
-    item.show = true
-  } else {
   item.show = !item.show
-  }
 }
 </script>
 <template>
@@ -41,9 +37,11 @@ const handleRes = function (item: any) {
                 {{ child.name }}
               </router-link>
             </div>
-            <template v-for="(res, cI) in child.children">
+            <template v-for="res in child.children">
               <div v-if="child.show" class="resources" :key="res.id">
-                <router-link :to="`/course/my/view/${child.id}/${id}?index=${cI}`">
+                <router-link
+                  :to="`/course/my/view/${child.id}/${id}?resid=${res.resource_id}&type=${res.resource_type}`"
+                >
                   {{ res.name }}
                 </router-link>
               </div>

src/modules/course/my/components/ViewDetailsVideo.vue

@@ -14,6 +14,8 @@ const props: any = defineProps({
   }
 })
 
+console.log(props.data, 'data')
+
 // 资源详情
 const resourceData: any = reactive({})
 // 获取当前资源
@@ -26,12 +28,6 @@ const getResourceData = (id: string) => {
 // 切换视频
 let videoIndex = $ref(0)
 
-onMounted(() => {
-  if (route.query.index !== undefined) {
-    videoIndex = parseInt(route.query.index as '')
-  }
-})
-
 const videoOptions = computed(() => {
   return {
     sources: [
@@ -55,10 +51,11 @@ watch(
 )
 
 watch(
-  () => route.query.index,
+  () => route.query.resid,
   () => {
-    if (route.query.index !== undefined) {
-      videoIndex = parseInt(route.query.index as '')
+    if (route.query.type === '2') {
+      const index = props.data.findIndex((item: any) => item.id === route.query.resid)
+      videoIndex = index !== -1 ? index : 0
     }
     getResourceData(video.id)
   },