提交 1824e960 authored 作者: 王鹏飞's avatar 王鹏飞

chore: 修改左侧菜单题库管理和试卷管理的跳转地址

上级 ac3ddde5
import type { IMenuItem } from '@/types'
import { Expand, Document, VideoCamera, Suitcase, Collection, Files, Monitor, Edit, User, Filter, Coordinate, Notebook, Picture } from '@element-plus/icons-vue'
import {
FolderOpened,
ToiletPaper,
VideoCamera,
Suitcase,
Collection,
Files,
Monitor,
Edit,
User,
Filter,
Coordinate,
Notebook,
Picture
} from '@element-plus/icons-vue'
export const menus: IMenuItem[] = [
{
tag: 'v1-resource',
......@@ -20,7 +34,7 @@ export const menus: IMenuItem[] = [
},
{
tag: 'v1-resource-lesson-plan-list',
icon: Collection,
icon: FolderOpened,
name: '教案',
path: '/resource/lessonplan'
},
......@@ -31,14 +45,14 @@ export const menus: IMenuItem[] = [
path: '/resource/other'
},
{
icon: Expand,
icon: Collection,
name: '题库管理',
path: '/'
path: 'https://qa-center.ezijing.com/question/list'
},
{
icon: Document,
icon: ToiletPaper,
name: '试卷管理',
path: '/'
path: 'https://qa-center.ezijing.com/paper/list'
}
]
},
......
......@@ -7,6 +7,7 @@ export default {
<script setup lang="ts">
import { menus } from '@/assets/menus'
import type { IMenuItem } from '@/types'
const router = useRouter()
const route = useRoute()
const menuList = $computed<IMenuItem[]>(() => {
......@@ -27,22 +28,40 @@ const defaultActive = computed(() => {
})
return found ? found.path : '/'
})
function isUrl(path: string) {
return /^https?:\/\//.test(path)
}
function handleClick(path: string) {
if (isUrl(path)) {
window.open(path)
} else {
router.push(path)
}
}
</script>
<template>
<aside class="app-aside">
<nav class="nav">
<el-menu :default-active="defaultActive" :router="true" class="app-menu">
<el-menu :default-active="defaultActive" class="app-menu">
<template v-for="item in menuList" :key="item.path">
<el-sub-menu :index="item.path" v-permission="item.tag" v-if="item.children">
<template #title>
<el-icon><component :is="item.icon"></component></el-icon>{{ item.name }}
</template>
<el-menu-item :index="subitem.path" v-for="subitem in item.children" :key="subitem.path" v-permission="subitem.tag">
<el-menu-item
:index="subitem.path"
v-for="subitem in item.children"
:key="subitem.path"
v-permission="subitem.tag"
@click="handleClick(subitem.path)"
>
{{ subitem.name }}
</el-menu-item>
</el-sub-menu>
<el-menu-item :index="item.path" v-permission="item.tag" v-else>
<el-menu-item :index="item.path" v-permission="item.tag" @click="handleClick(item.path)" v-else>
<el-icon><component :is="item.icon"></component></el-icon>{{ item.name }}
</el-menu-item>
</template>
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论