chore:修改路由

ZhangXianQiang

2024-06-06 558dece1afc4bf48f47528ed83a8cfd72eb00a38

chore:修改路由

 src/views/exam-list/data-list/index.vue

@@ -32,81 +32,7 @@
          </div>
          <div class="right-container">
            <div class="button-container">
              <el-button type="primary" size="large">开始考试</el-button>
            </div>
          </div>
        </div>
      </el-card>

      <el-card shadow="hover" class="mb-3">
        <div class="item flex justify-between items-center">
          <div class="left-container flex flex-col justify-between">
            <div class="top-container flex items-center">
              <div class="title mr-5 text-xl font-bold">测试测试测试测试测试</div>
              <div class="tag">
                <el-tag type="primary" effect="light" round>
                  未开始
                </el-tag>
              </div>
            </div>
            <div class="mid-container flex items-center my-4 text-gray-700">
              <el-icon class="mr-1"><Timer /></el-icon>
              <div class="time">
                考试时间: 2024-6-5 08:00 ~ 2024-6-5 10:00
              </div>
            </div>
            <div class="bottom-container flex text-sm text-gray-400">
              <div class="bottom-item">
                总分: 100
              </div>
              <div class="bottom-item">
                题数: 20
              </div>
              <div class="bottom-item">
                答题时间: 20分钟
              </div>
            </div>
          </div>
          <div class="right-container">
            <div class="button-container">
              <el-button type="primary" size="large">开始考试</el-button>
            </div>
          </div>
        </div>
      </el-card>

      <el-card shadow="hover" class="mb-3">
        <div class="item flex justify-between items-center">
          <div class="left-container flex flex-col justify-between">
            <div class="top-container flex items-center">
              <div class="title mr-5 text-xl font-bold">测试测试测试测试测试</div>
              <div class="tag">
                <el-tag type="primary" effect="light" round>
                  未开始
                </el-tag>
              </div>
            </div>
            <div class="mid-container flex items-center my-4 text-gray-700">
              <el-icon class="mr-1"><Timer /></el-icon>
              <div class="time">
                考试时间: 2024-6-5 08:00 ~ 2024-6-5 10:00
              </div>
            </div>
            <div class="bottom-container flex text-sm text-gray-400">
              <div class="bottom-item">
                总分: 100
              </div>
              <div class="bottom-item">
                题数: 20
              </div>
              <div class="bottom-item">
                答题时间: 20分钟
              </div>
            </div>
          </div>
          <div class="right-container">
            <div class="button-container">
              <el-button type="primary" size="large">开始考试</el-button>
              <el-button type="primary" size="large" @click="examClick">开始考试</el-button>
            </div>
          </div>
        </div>
@@ -118,7 +44,12 @@
<script setup>
import {ref} from 'vue';
import { Timer } from '@element-plus/icons-vue';
import {useRouter} from 'vue-router';
const router = useRouter();

const examClick = () => {
  router.push('/exam');
}

</script>


 src/views/menu/index.vue

@@ -6,7 +6,7 @@
      </el-row>
      <el-row :gutter="20" class="mb-2">
        <el-col :span="3" v-for="item in menu.categroy">
          <div class="menu-item cursor-pointer" @click="testClick(item)">
          <div class="menu-item cursor-pointer" @click="menuClick(item)">
            <el-card shadow="hover" class="menu-card">
              <div class="item-icon mx-auto">
                <img :src="item.iconPath" class="icon-img" alt="">
@@ -35,11 +35,8 @@
    categroy: [
      {
        title: '我的课程',
        iconPath: new URL('@/assets/icons/icon1.png', import.meta.url).href
      },
      {
        title: '我的考试',
        iconPath: new URL('@/assets/icons/icon2.png', import.meta.url).href
        iconPath: new URL('@/assets/icons/icon1.png', import.meta.url).href,
        path: '/exam-list'
      },
    ]
  },
@@ -47,19 +44,23 @@
    name: '考试',
    categroy: [
      {
        title: '我的课程',
        iconPath: new URL('@/assets/icons/icon1.png', import.meta.url).href
        title: '我的考试',
        iconPath: new URL('@/assets/icons/icon2.png', import.meta.url).href,
        path: '/exam-list'
      },
      {
        title: '我的考试',
        iconPath: new URL('@/assets/icons/icon2.png', import.meta.url).href
        title: '我的成绩',
        iconPath: new URL('@/assets/icons/icon1.png', import.meta.url).href,
        path: '/grade-list'
      },
    ]
  },
]);

const testClick = (item) => {
  router.push('/exam-list');
const menuClick = (item) => {
  if(item.path) {
    router.push(item.path);
  }
}
</script>