课表首页

src/config/menus.ts

@@ -31,6 +31,16 @@ export const menus_gyt: menuType[] = [
          routeType: "singlepage"
       },
       children: []
+   },
+   {
+      path: "/curriculum",
+      component: "curriculum",
+      title: "课表",
+      icon: "",
+      meta: {
+         routeType: "layout"
+      },
+      children: []
    }
 ]
 
@@ -65,5 +75,15 @@ export const menus_gym: menuType[] = [
          routeType: "singlepage"
       },
       children: []
+   },
+   {
+      path: "/curriculum",
+      component: "curriculum",
+      title: "课表",
+      icon: "",
+      meta: {
+         routeType: "layout"
+      },
+      children: []
    }
 ]

src/router/modules.ts

@@ -2,5 +2,6 @@ export default {
    homePage_gym: () => import("@/views/homePage/homePage_gym.vue"),
    homePage_gyt: () => import("@/views/homePage/homePage_gyt.vue"),
    cloudTextbooks: () => import("@/views/cloudTextbooks"), // 云教材
-   coursewarePlay: () => import("@/views/coursewarePlay") // 播放器
+   coursewarePlay: () => import("@/views/coursewarePlay"), // 播放器
+   curriculum: () => import("@/views/curriculum") // 课表
 }

src/views/cloudTextbooks/cloudTextbooks.vue

@@ -4,7 +4,7 @@
 * @Date:2024-03-21 15:11:49
 -->
 <template>
-   <navContainer :headImg="headImg" :navs="navs">
+   <navContainer :navs="navs">
       <div class="cloudTextbooks">
          <div class="headCon">
             <div class="operate">
@@ -60,7 +60,7 @@
 </template>
 
 <script setup lang="ts">
-import navContainer from "@/views/homePage/components/navContainer"
+import navContainer from "@/businessComponents/navContainer"
 import { ref, shallowRef } from "vue"
 import modalFrame from "@/plugin/modalFrame"
 import chooseDialog from "./chooseDialog.vue"
@@ -74,10 +74,6 @@ import myInput from "@/components/myInput"
 const userStoreHook = userStore()
 const { handleGetList, listData, loading, handleListQuery } = useDataList()
 
-const headImg = {
-   img: require("@/img/homePage/back.png"),
-   url: "back"
-}
 const navs = [
    {
       name: "主页",

src/views/curriculum/components/curriculumList_gym/curriculumList_gym.vue

@@ -0,0 +1,322 @@
+<!--
+* @FileDescription: 管乐迷课表list
+* @Author: 黄琪勇
+* @Date:2024-03-29 15:29:06
+-->
+<template>
+   <div class="curriculumList_gym">
+      <div class="head">
+         <div class="timeBox">
+            <img class="timeImg" src="@/img/curriculum/sj.png" />
+            <div class="time">2024-01-27 15:00-15:30</div>
+         </div>
+         <div class="operateBox">
+            <img class="dangerImg" src="@/img/curriculum/jg.png" />
+            <div class="operateBtn">配置课件</div>
+         </div>
+      </div>
+      <div class="curriculumName">
+         <div class="leftCon">
+            <img class="xxImg" src="@/img/curriculum/xx.png" />
+            <img class="typeImg" src="@/img/curriculum/type.png" />
+            <div class="className">
+               <ellipsisScroll :title="'乐团课·单簧管进阶提高体验课'" />
+            </div>
+         </div>
+         <div class="rightCon">
+            <img src="@/img/curriculum/qd.png" />
+            <div>签到</div>
+            <img class="qtImg" src="@/img/curriculum/qt.png" />
+            <div>签退</div>
+         </div>
+      </div>
+      <div class="endCon">
+         <div class="addressCon">
+            <div class="adressBox">
+               <div>上课学生：</div>
+               <div class="adress">
+                  <ellipsisScroll :title="'武汉市红领巾小学'" />
+               </div>
+            </div>
+            <div>上课学生：陈琪</div>
+         </div>
+         <div class="operate">
+            <div>查看详情</div>
+            <img class="jtImg" src="@/img/curriculum/jt.png" />
+         </div>
+      </div>
+   </div>
+   <div class="curriculumList_gym">
+      <div class="head">
+         <div class="timeBox">
+            <img class="timeImg" src="@/img/curriculum/sj.png" />
+            <div class="time">2024-01-27 15:00-15:30</div>
+         </div>
+         <div class="operateBox">
+            <img class="dangerImg" src="@/img/curriculum/jg.png" />
+            <div class="operateBtn">配置课件</div>
+         </div>
+      </div>
+      <div class="curriculumName">
+         <div class="leftCon">
+            <img class="xxImg" src="@/img/curriculum/xx.png" />
+            <img class="typeImg" src="@/img/curriculum/type.png" />
+            <div class="className">
+               <ellipsisScroll :title="'乐团课·单簧管进阶提高体验课'" />
+            </div>
+         </div>
+         <div class="rightCon">
+            <img src="@/img/curriculum/qd.png" />
+            <div>签到</div>
+            <img class="qtImg" src="@/img/curriculum/qt.png" />
+            <div>签退</div>
+         </div>
+      </div>
+      <div class="endCon">
+         <div class="addressCon">
+            <div class="adressBox">
+               <div>上课学生：</div>
+               <div class="adress">
+                  <ellipsisScroll :title="'武汉市红领巾小学'" />
+               </div>
+            </div>
+            <div>上课学生：陈琪</div>
+         </div>
+         <div class="operate">
+            <div>查看详情</div>
+            <img class="jtImg" src="@/img/curriculum/jt.png" />
+         </div>
+      </div>
+   </div>
+   <div class="curriculumList_gym">
+      <div class="head">
+         <div class="timeBox">
+            <img class="timeImg" src="@/img/curriculum/sj.png" />
+            <div class="time">2024-01-27 15:00-15:30</div>
+         </div>
+         <div class="operateBox">
+            <img class="dangerImg" src="@/img/curriculum/jg.png" />
+            <div class="operateBtn">配置课件</div>
+         </div>
+      </div>
+      <div class="curriculumName">
+         <div class="leftCon">
+            <img class="xxImg" src="@/img/curriculum/xx.png" />
+            <img class="typeImg" src="@/img/curriculum/type.png" />
+            <div class="className">
+               <ellipsisScroll :title="'乐团课·单簧管进阶提高体验课'" />
+            </div>
+         </div>
+         <div class="rightCon">
+            <img src="@/img/curriculum/qd.png" />
+            <div>签到</div>
+            <img class="qtImg" src="@/img/curriculum/qt.png" />
+            <div>签退</div>
+         </div>
+      </div>
+      <div class="endCon">
+         <div class="addressCon">
+            <div class="adressBox">
+               <div>上课学生：</div>
+               <div class="adress">
+                  <ellipsisScroll :title="'武汉市红领巾小学'" />
+               </div>
+            </div>
+            <div>上课学生：陈琪</div>
+         </div>
+         <div class="operate">
+            <div>查看详情</div>
+            <img class="jtImg" src="@/img/curriculum/jt.png" />
+         </div>
+      </div>
+   </div>
+   <div class="curriculumList_gym">
+      <div class="head">
+         <div class="timeBox">
+            <img class="timeImg" src="@/img/curriculum/sj.png" />
+            <div class="time">2024-01-27 15:00-15:30</div>
+         </div>
+         <div class="operateBox">
+            <img class="dangerImg" src="@/img/curriculum/jg.png" />
+            <div class="operateBtn">配置课件</div>
+         </div>
+      </div>
+      <div class="curriculumName">
+         <div class="leftCon">
+            <img class="xxImg" src="@/img/curriculum/xx.png" />
+            <img class="typeImg" src="@/img/curriculum/type.png" />
+            <div class="className">
+               <ellipsisScroll :title="'乐团课·单簧管进阶提高体验课'" />
+            </div>
+         </div>
+         <div class="rightCon">
+            <img src="@/img/curriculum/qd.png" />
+            <div>签到</div>
+            <img class="qtImg" src="@/img/curriculum/qt.png" />
+            <div>签退</div>
+         </div>
+      </div>
+      <div class="endCon">
+         <div class="addressCon">
+            <div class="adressBox">
+               <div>上课学生：</div>
+               <div class="adress">
+                  <ellipsisScroll :title="'武汉市红领巾小学'" />
+               </div>
+            </div>
+            <div>上课学生：陈琪</div>
+         </div>
+         <div class="operate">
+            <div>查看详情</div>
+            <img class="jtImg" src="@/img/curriculum/jt.png" />
+         </div>
+      </div>
+   </div>
+</template>
+
+<script setup lang="ts"></script>
+
+<style lang="scss" scoped>
+.curriculumList_gym {
+   background: #ffffff;
+   border-radius: 35px;
+   padding: 0 30px;
+   margin-bottom: 18px;
+   &:last-child {
+      margin-bottom: 0;
+   }
+   .head {
+      padding: 20px 0 16px 0;
+      border-bottom: 1px solid #eaeaea;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      .timeBox {
+         display: flex;
+         align-items: center;
+         .timeImg {
+            width: 24px;
+            height: 24px;
+         }
+         .time {
+            margin-left: 6px;
+            font-weight: 500;
+            font-size: 22px;
+            color: #777777;
+         }
+      }
+      .operateBox {
+         display: flex;
+         align-items: center;
+         .dangerImg {
+            width: 22px;
+            height: 22px;
+         }
+         .operateBtn {
+            margin-left: 8px;
+            font-weight: 500;
+            font-size: 20px;
+            color: #f44541;
+            cursor: pointer;
+            &:hover {
+               opacity: $opacity-hover;
+            }
+         }
+      }
+   }
+   .curriculumName {
+      margin-top: 30px;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      .leftCon {
+         flex-grow: 1;
+         display: flex;
+         align-items: center;
+         .xxImg {
+            flex-shrink: 0;
+            width: 46px;
+            height: 24px;
+         }
+         .typeImg {
+            flex-shrink: 0;
+            margin-left: 6px;
+            width: 55px;
+            height: 24px;
+         }
+         .className {
+            flex-grow: 1;
+            overflow: hidden;
+            margin-left: 6px;
+            font-weight: 600;
+            font-size: 24px;
+            color: #333333;
+            max-width: 520px;
+         }
+      }
+      .rightCon {
+         display: flex;
+         align-items: center;
+         flex-shrink: 0;
+         & > img {
+            width: 22px;
+            height: 22px;
+         }
+         & > div {
+            margin-left: 6px;
+            font-weight: 500;
+            font-size: 20px;
+            color: #aaaaaa;
+         }
+         .qtImg {
+            margin-left: 34px;
+         }
+      }
+   }
+   .endCon {
+      margin-top: 26px;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      padding-bottom: 22px;
+      .addressCon {
+         flex-grow: 1;
+         & > div {
+            font-weight: 500;
+            font-size: 16px;
+            color: #777777;
+         }
+         & > div:nth-child(2) {
+            margin-top: 16px;
+         }
+         .adressBox {
+            display: flex;
+            align-items: center;
+            .adress {
+               max-width: 620px;
+               overflow: hidden;
+            }
+         }
+      }
+      .operate {
+         flex-shrink: 0;
+         display: flex;
+         align-items: center;
+         cursor: pointer;
+         &:hover {
+            opacity: $opacity-hover;
+         }
+         & > div {
+            font-weight: 500;
+            font-size: 20px;
+            color: #f67146;
+         }
+         .jtImg {
+            margin-left: 6px;
+            width: 6px;
+            height: 13px;
+         }
+      }
+   }
+}
+</style>

src/views/curriculum/components/curriculumList_gym/index.ts

@@ -0,0 +1,2 @@
+import curriculumList_gym from "./curriculumList_gym.vue"
+export default curriculumList_gym

src/views/curriculum/components/curriculumList_gyt/curriculumList_gyt.vue

@@ -0,0 +1,257 @@
+<!--
+* @FileDescription: 管乐团课表list
+* @Author: 黄琪勇
+* @Date:2024-03-29 15:29:06
+-->
+<template>
+   <div class="curriculumList_gyt">
+      <div class="head">
+         <div class="timeBox">
+            <img class="timeImg" src="@/img/curriculum/sj.png" />
+            <div class="time">2024-01-27</div>
+         </div>
+         <div class="operateBox">
+            <img class="dangerImg" src="@/img/curriculum/jg.png" />
+            <div class="operateBtn">配置课件</div>
+         </div>
+      </div>
+      <div class="curriculumName">
+         <div class="leftCon">14:00-15:30</div>
+         <div class="rightCon">
+            <img src="@/img/curriculum/qd.png" />
+            <div>签到</div>
+            <img class="qtImg" src="@/img/curriculum/qt.png" />
+            <div>签退</div>
+         </div>
+      </div>
+      <div class="endCon">
+         <div class="addressCon">
+            <div class="adressBox">长笛班-张老师</div>
+            <div>武汉小学2022标准团</div>
+         </div>
+         <div class="operate">
+            <div>查看详情</div>
+            <img class="jtImg" src="@/img/curriculum/jt.png" />
+         </div>
+      </div>
+   </div>
+   <div class="curriculumList_gyt">
+      <div class="head">
+         <div class="timeBox">
+            <img class="timeImg" src="@/img/curriculum/sj.png" />
+            <div class="time">2024-01-27</div>
+         </div>
+         <div class="operateBox">
+            <img class="dangerImg" src="@/img/curriculum/jg.png" />
+            <div class="operateBtn">配置课件</div>
+         </div>
+      </div>
+      <div class="curriculumName">
+         <div class="leftCon">14:00-15:30</div>
+         <div class="rightCon">
+            <img src="@/img/curriculum/qd.png" />
+            <div>签到</div>
+            <img class="qtImg" src="@/img/curriculum/qt.png" />
+            <div>签退</div>
+         </div>
+      </div>
+      <div class="endCon">
+         <div class="addressCon">
+            <div class="adressBox">长笛班-张老师</div>
+            <div>武汉小学2022标准团</div>
+         </div>
+         <div class="operate">
+            <div>查看详情</div>
+            <img class="jtImg" src="@/img/curriculum/jt.png" />
+         </div>
+      </div>
+   </div>
+   <div class="curriculumList_gyt">
+      <div class="head">
+         <div class="timeBox">
+            <img class="timeImg" src="@/img/curriculum/sj.png" />
+            <div class="time">2024-01-27</div>
+         </div>
+         <div class="operateBox">
+            <img class="dangerImg" src="@/img/curriculum/jg.png" />
+            <div class="operateBtn">配置课件</div>
+         </div>
+      </div>
+      <div class="curriculumName">
+         <div class="leftCon">14:00-15:30</div>
+         <div class="rightCon">
+            <img src="@/img/curriculum/qd.png" />
+            <div>签到</div>
+            <img class="qtImg" src="@/img/curriculum/qt.png" />
+            <div>签退</div>
+         </div>
+      </div>
+      <div class="endCon">
+         <div class="addressCon">
+            <div class="adressBox">长笛班-张老师</div>
+            <div>武汉小学2022标准团</div>
+         </div>
+         <div class="operate">
+            <div>查看详情</div>
+            <img class="jtImg" src="@/img/curriculum/jt.png" />
+         </div>
+      </div>
+   </div>
+   <div class="curriculumList_gyt">
+      <div class="head">
+         <div class="timeBox">
+            <img class="timeImg" src="@/img/curriculum/sj.png" />
+            <div class="time">2024-01-27</div>
+         </div>
+         <div class="operateBox">
+            <img class="dangerImg" src="@/img/curriculum/jg.png" />
+            <div class="operateBtn">配置课件</div>
+         </div>
+      </div>
+      <div class="curriculumName">
+         <div class="leftCon">14:00-15:30</div>
+         <div class="rightCon">
+            <img src="@/img/curriculum/qd.png" />
+            <div>签到</div>
+            <img class="qtImg" src="@/img/curriculum/qt.png" />
+            <div>签退</div>
+         </div>
+      </div>
+      <div class="endCon">
+         <div class="addressCon">
+            <div class="adressBox">长笛班-张老师</div>
+            <div>武汉小学2022标准团</div>
+         </div>
+         <div class="operate">
+            <div>查看详情</div>
+            <img class="jtImg" src="@/img/curriculum/jt.png" />
+         </div>
+      </div>
+   </div>
+</template>
+
+<script setup lang="ts"></script>
+
+<style lang="scss" scoped>
+.curriculumList_gyt {
+   background: #ffffff;
+   border-radius: 35px;
+   padding: 0 30px;
+   margin-bottom: 18px;
+   &:last-child {
+      margin-bottom: 0;
+   }
+   .head {
+      padding: 20px 0 16px 0;
+      border-bottom: 1px solid #eaeaea;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      .timeBox {
+         display: flex;
+         align-items: center;
+         .timeImg {
+            width: 24px;
+            height: 24px;
+         }
+         .time {
+            margin-left: 6px;
+            font-weight: 500;
+            font-size: 22px;
+            color: #777777;
+         }
+      }
+      .operateBox {
+         display: flex;
+         align-items: center;
+         .dangerImg {
+            width: 22px;
+            height: 22px;
+         }
+         .operateBtn {
+            margin-left: 8px;
+            font-weight: 500;
+            font-size: 20px;
+            color: #f44541;
+            cursor: pointer;
+            &:hover {
+               opacity: $opacity-hover;
+            }
+         }
+      }
+   }
+   .curriculumName {
+      margin-top: 24px;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      .leftCon {
+         flex-grow: 1;
+         font-family: DINAlternate, DINAlternate;
+         font-weight: bold;
+         font-size: 38px;
+         color: #333333;
+      }
+      .rightCon {
+         display: flex;
+         align-items: center;
+         flex-shrink: 0;
+         & > img {
+            width: 22px;
+            height: 22px;
+         }
+         & > div {
+            margin-left: 6px;
+            font-weight: 500;
+            font-size: 20px;
+            color: #aaaaaa;
+         }
+         .qtImg {
+            margin-left: 34px;
+         }
+      }
+   }
+   .endCon {
+      margin-top: 18px;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      padding-bottom: 22px;
+      .addressCon {
+         flex-grow: 1;
+         & > div {
+            font-weight: 500;
+            font-size: 16px;
+            color: #777777;
+         }
+         & > div:nth-child(2) {
+            margin-top: 12px;
+         }
+         .adressBox {
+            font-weight: 600;
+            font-size: 20px;
+            color: #333333;
+         }
+      }
+      .operate {
+         flex-shrink: 0;
+         display: flex;
+         align-items: center;
+         cursor: pointer;
+         &:hover {
+            opacity: $opacity-hover;
+         }
+         & > div {
+            font-weight: 500;
+            font-size: 20px;
+            color: #f67146;
+         }
+         .jtImg {
+            margin-left: 6px;
+            width: 6px;
+            height: 13px;
+         }
+      }
+   }
+}
+</style>

src/views/curriculum/components/curriculumList_gyt/index.ts

@@ -0,0 +1,2 @@
+import curriculumList_gyt from "./curriculumList_gyt.vue"
+export default curriculumList_gyt

src/views/curriculum/curriculum.vue

@@ -0,0 +1,95 @@
+<!--
+* @FileDescription: 课表
+* @Author: 黄琪勇
+* @Date:2024-03-28 19:01:23
+-->
+<template>
+   <navContainer :navs="navs">
+      <div class="curriculum">
+         <ElScrollbar class="elScrollbar">
+            <div class="calendarCon"><myCalendar v-model="value" /></div>
+            <div class="curriculumCon">
+               <ElScrollbar class="listElScrollbar">
+                  <component :is="userStoreHook.roles === 'GYM' ? curriculumList_gyt : curriculumList_gym" />
+               </ElScrollbar>
+            </div>
+         </ElScrollbar>
+      </div>
+   </navContainer>
+</template>
+
+<script setup lang="ts">
+import { format } from "@/libs/tools"
+import myCalendar from "@/components/myCalendar"
+import { ref, watchEffect } from "vue"
+import navContainer from "@/businessComponents/navContainer"
+import userStore from "@/store/modules/user"
+import curriculumList_gym from "./components/curriculumList_gym"
+import curriculumList_gyt from "./components/curriculumList_gyt"
+
+const userStoreHook = userStore()
+const navs = [
+   {
+      name: "主页",
+      url: "/"
+   },
+   {
+      name: "课表"
+   }
+]
+const value = ref(new Date())
+watchEffect(() => {
+   console.log(format(value.value))
+})
+</script>
+
+<style lang="scss" scoped>
+.curriculum {
+   width: 100%;
+   height: 100%;
+   & > :deep(.elScrollbar) {
+      > .el-scrollbar__wrap {
+         overflow-x: hidden;
+         > .el-scrollbar__view {
+            width: 100%;
+            display: flex;
+            padding: 50px 50px 0 20px;
+         }
+      }
+      > .el-scrollbar__bar.is-vertical {
+         width: 4px;
+         right: 0;
+      }
+   }
+   .calendarCon {
+      flex-shrink: 0;
+      width: 787px;
+      height: 729px;
+      background: url("@/img/curriculum/kuang.png") no-repeat;
+      background-size: 100% 100%;
+      padding: 56px 72px 72px 128px;
+   }
+   .curriculumCon {
+      margin-left: 26px;
+      flex-grow: 1;
+      height: 729px;
+      background: linear-gradient(180deg, #ffd783 0%, #ffebc1 100%);
+      border-radius: 42px;
+      padding: 30px 0;
+      & > :deep(.listElScrollbar) {
+         > .el-scrollbar__wrap {
+            overflow-x: hidden;
+            > .el-scrollbar__view {
+               width: 100%;
+               padding: 0 23px 0 37px;
+            }
+         }
+         > .el-scrollbar__bar.is-vertical {
+            width: 4px;
+            right: 0;
+         }
+      }
+   }
+}
+</style>
+<style lang="scss"></style>

src/views/curriculum/index.ts

@@ -0,0 +1,2 @@
+import curriculum from "./curriculum.vue"
+export default curriculum

src/views/homePage/components/navContainer/index.ts

@@ -1,2 +0,0 @@
-import navContainer from "./navContainer.vue"
-export default navContainer

src/views/homePage/components/navContainer/navContainer.vue

@@ -1,114 +0,0 @@
-<!--
-* @FileDescription: 导航容器
-* @Author: 黄琪勇
-* @Date:2024-03-21 13:41:13
--->
-<template>
-   <div class="navContainer">
-      <div class="container">
-         <div class="navCon">
-            <div class="navImg" :class="{ cursor: props.headImg.url }">
-               <img :src="props.headImg.img" @click="handleRouter(props.headImg.url)" />
-            </div>
-            <img class="horn" src="@/img/layout/jiao.png" />
-            <div class="nav" v-for="(nav, index) in navs" :key="nav.name">
-               <div class="name" :class="{ cursor: nav.url }" @click="handleRouter(nav.url)">{{ nav.name }}</div>
-               <div class="arrow" v-if="navs.length > index + 1">></div>
-            </div>
-         </div>
-         <slot></slot>
-      </div>
-   </div>
-</template>
-
-<script setup lang="ts">
-import { useRouter } from "vue-router"
-
-const router = useRouter()
-
-/*
- * headImg  头部图片与跳转
- * navs    导航栏
- */
-const props = defineProps<{
-   headImg: {
-      img: string
-      url?: string
-   }
-   navs: {
-      name: string
-      url?: string
-   }[]
-}>()
-
-function handleRouter(url?: string) {
-   url && (url === "back" ? router.back() : router.push(url))
-}
-</script>
-
-<style lang="scss" scoped>
-.navContainer {
-   width: 100%;
-   height: calc(100% - 72px);
-   padding: 28px;
-   .navCon {
-      position: absolute;
-      height: 57px;
-      background: #fcf2e2;
-      left: 0;
-      top: -57px;
-      border-radius: 20px 0 0 0;
-      display: flex;
-      align-items: center;
-      padding-top: 6px;
-      .cursor {
-         cursor: pointer;
-         &:hover {
-            opacity: $opacity-hover;
-         }
-      }
-      .navImg {
-         margin-left: 24px;
-         margin-right: 18px;
-         width: 42px;
-         height: 42px;
-         position: relative;
-         & > img {
-            width: 42px;
-            height: 42px;
-            position: absolute;
-            top: 50%;
-            left: 50%;
-            transform: translate(-50%, -50%);
-         }
-      }
-      .nav {
-         display: flex;
-         align-items: center;
-         font-weight: 600;
-         font-size: 20px;
-         color: #994d1c;
-         &:last-child {
-            margin-right: 10px;
-         }
-         .arrow {
-            margin: 0 6px;
-         }
-      }
-      .horn {
-         position: absolute;
-         top: -3px;
-         right: -49px;
-         width: 49px;
-         height: 60px;
-      }
-   }
-   .container {
-      position: relative;
-      width: 100%;
-      height: 100%;
-      background: #fcf2e2;
-      border-radius: 0 20px 20px 20px;
-   }
-}
-</style>

src/views/homePage/homePage_gym.vue

@@ -24,7 +24,7 @@
 </template>
 
 <script setup lang="ts">
-import navContainer from "./components/navContainer"
+import navContainer from "@/businessComponents/navContainer"
 import { useRouter } from "vue-router"
 import useDialogConfirm from "@/hooks/useDialogConfirm"
 
@@ -42,7 +42,7 @@ const classTypes = [
    {
       img: require("@/img/homePage/kb.png"),
       name: "课表",
-      url: ""
+      url: "/curriculum"
    },
    {
       img: require("@/img/homePage/xl.png"),

src/views/homePage/homePage_gyt.vue

@@ -24,7 +24,7 @@
 </template>
 
 <script setup lang="ts">
-import navContainer from "./components/navContainer"
+import navContainer from "@/businessComponents/navContainer"
 import { useRouter } from "vue-router"
 import useDialogConfirm from "@/hooks/useDialogConfirm"
 
@@ -42,7 +42,7 @@ const classTypes = [
    {
       img: require("@/img/homePage/kb.png"),
       name: "课表",
-      url: ""
+      url: "/curriculum"
    },
    {
       img: require("@/img/homePage/xl.png"),