春季课程、基础课程按年级分类页面修改

src/pages/main/course.vue

@@ -6,15 +6,15 @@
     <div class="px-15px flex-1 overflow-auto">
       <template v-if="activeTab.path=='qjkc' && showMain">
         <div class="mt-10px grid grid-cols-2 gap-15px">
-          <div class="cardDiv relative" v-for="(item, index) in cjkcData" :key="index" @click="handleClick(item)">
-            <img :src="`/src/assets/cjkc/cjkc_${item}.jpg`" alt="" />
+          <div class="cardDiv relative" v-for="(item, index) in cjkcData" :key="index" @click="handleClick(item.id)">
+            <img :src="item.img" alt="" />
           </div>
         </div>
       </template>
       <template v-else-if="activeTab.path=='jckc' && showMain">
         <div class="mt-10px grid grid-cols-2 gap-15px">
-          <div class="cardDiv relative" v-for="(item, index) in jckcData" :key="index" @click="handleClick(item)">
-            <img :src="`/src/assets/jckc/jckc_${item}.jpg`" alt="" />
+          <div class="cardDiv relative" v-for="(item, index) in jckcData" :key="index" @click="handleClick(item.id)">
+            <img :src="item.img" alt="" />
           </div>
         </div>
       </template>
@@ -26,6 +26,23 @@
 </template>
 
 <script setup>
+import cjkc_4 from "~/assets/cjkc/cjkc_4.jpg";
+import cjkc_5 from "~/assets/cjkc/cjkc_5.jpg";
+import cjkc_6 from "~/assets/cjkc/cjkc_6.jpg";
+import cjkc_7 from "~/assets/cjkc/cjkc_7.jpg";
+import cjkc_8 from "~/assets/cjkc/cjkc_8.jpg";
+import cjkc_9 from "~/assets/cjkc/cjkc_9.jpg";
+import jckc_4 from "~/assets/jckc/jckc_4.jpg";
+import jckc_5 from "~/assets/jckc/jckc_5.jpg";
+import jckc_6 from "~/assets/jckc/jckc_6.jpg";
+import jckc_7 from "~/assets/jckc/jckc_7.jpg";
+import jckc_8 from "~/assets/jckc/jckc_8.jpg";
+import jckc_9 from "~/assets/jckc/jckc_9.jpg";
+import jckc_11 from "~/assets/jckc/jckc_11.jpg";
+import jckc_12 from "~/assets/jckc/jckc_12.jpg";
+import jckc_13 from "~/assets/jckc/jckc_13.jpg";
+import jckc_500 from "~/assets/jckc/jckc_500.jpg";
+
 const router = useRouter()
 
 let active = $ref("");
@@ -277,8 +294,74 @@ function onClickTab({ name }) {
   })
 }
 
-let cjkcData = $ref(["4", "5", "6", "7", "8", "9"]);
-let jckcData = $ref(["4", "5", "6", "7", "8", "9", "11", "12", "13", "500"]);
+let cjkcData = $ref([
+  {
+    id: "4",
+    img: cjkc_4
+  },
+  {
+    id: "5",
+    img: cjkc_5
+  },
+  {
+    id: "6",
+    img: cjkc_6
+  },
+  {
+    id: "7",
+    img: cjkc_7
+  },
+  {
+    id: "8",
+    img: cjkc_8
+  },
+  {
+    id: "9",
+    img: cjkc_9
+  }
+])
+let jckcData = $ref([
+  {
+    id: "4",
+    img: jckc_4
+  },
+  {
+    id: "5",
+    img: jckc_5
+  },
+  {
+    id: "6",
+    img: jckc_6
+  },
+  {
+    id: "7",
+    img: jckc_7
+  },
+  {
+    id: "8",
+    img: jckc_8
+  },
+  {
+    id: "9",
+    img: jckc_9
+  },
+  {
+    id: "11",
+    img: jckc_11
+  },
+  {
+    id: "12",
+    img: jckc_12
+  },
+  {
+    id: "13",
+    img: jckc_13
+  },
+  {
+    id: "500",
+    img: jckc_500
+  }
+])
 
 function handleClick(tjzn_id) {
   activeTab.params.tjzn_id = tjzn_id;