feat(学习记录页): 添加点击跳转课程详情功能

@@ -13,7 +13,7 @@
         :key="record.id"
         :key="record.id"
         class="p-4 rounded-xl"
         class="p-4 rounded-xl"
       >
       >
-        <div class="flex items-start">
+        <div class="flex items-start" @click="handleClick(record)">
           <div
           <div
             class="w-20 h-20 rounded-lg overflow-hidden flex-shrink-0 mr-3"
             class="w-20 h-20 rounded-lg overflow-hidden flex-shrink-0 mr-3"
           >
           >
@@ -107,7 +107,7 @@
 
 
 <script setup>
 <script setup>
 import { ref } from 'vue';
 import { ref } from 'vue';
-import { useRoute } from 'vue-router';
+import { useRoute, useRouter } from 'vue-router';
 import { useTitle } from '@vueuse/core';
 import { useTitle } from '@vueuse/core';
 import FrostedGlass from '@/components/ui/FrostedGlass.vue';
 import FrostedGlass from '@/components/ui/FrostedGlass.vue';
 import { formatDate } from '@/utils/tools';
 import { formatDate } from '@/utils/tools';
@@ -116,6 +116,8 @@ import { formatDate } from '@/utils/tools';
 import { getStudyRecordListAPI } from "@/api/record";
 import { getStudyRecordListAPI } from "@/api/record";
 
 
 const $route = useRoute();
 const $route = useRoute();
+const $router = useRouter();
+
 useTitle($route.meta.title);
 useTitle($route.meta.title);
 
 
 const records = ref([]);
 const records = ref([]);
@@ -154,4 +156,9 @@ const handleImageError = (e) => {
   e.target.onerror = null;
   e.target.onerror = null;
   e.target.src = '/assets/images/course-placeholder.jpg';
   e.target.src = '/assets/images/course-placeholder.jpg';
 };
 };
+
+// 跳转到课程详情页
+const handleClick = (record) => {
+  $router.push(`/studyCourse/${record.id}`);
+};
 </script>
 </script>