From 558dece1afc4bf48f47528ed83a8cfd72eb00a38 Mon Sep 17 00:00:00 2001 From: ZhangXianQiang <1135831638@qq.com> Date: 星期四, 06 六月 2024 14:49:00 +0800 Subject: [PATCH] chore:修改路由 --- src/views/exam-list/data-list/index.vue | 81 +++------------------------------------- src/views/menu/index.vue | 25 ++++++------ 2 files changed, 19 insertions(+), 87 deletions(-) diff --git a/src/views/exam-list/data-list/index.vue b/src/views/exam-list/data-list/index.vue index f4d0610..2d4d5d0 100644 --- a/src/views/exam-list/data-list/index.vue +++ b/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> diff --git a/src/views/menu/index.vue b/src/views/menu/index.vue index 2cadedf..4ff1669 100644 --- a/src/views/menu/index.vue +++ b/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> -- Gitblit v1.8.0