From ffd0af47ee31a9592cfab56a907e9841a9113c52 Mon Sep 17 00:00:00 2001
From: ludc
Date: 星期四, 20 七月 2023 10:37:17 +0800
Subject: [PATCH] 代码提交，前端代码打包
---
Source/UBCS-WEB/dist/src/page/index/top/top-menu.vue | 69 ++++++++++++++++++++++++++++++++++
1 files changed, 69 insertions(+), 0 deletions(-)
diff --git a/Source/UBCS-WEB/dist/src/page/index/top/top-menu.vue b/Source/UBCS-WEB/dist/src/page/index/top/top-menu.vue
new file mode 100644
index 0000000..3add0bf
--- /dev/null
+++ b/Source/UBCS-WEB/dist/src/page/index/top/top-menu.vue
@@ -0,0 +1,69 @@
+<template>
+ <div class="top-menu">
+ <el-menu :default-active="activeIndex"
+ mode="horizontal"
+ text-color="#333">
+ <el-menu-item index="0" @click.native="openHome(itemHome)" key="0">
+ <template slot="title">
+ <i :class="itemHome.source"></i>
+ <span>{{generateTitle(itemHome)}}</span>
+ </template>
+ </el-menu-item>
+ <template v-for="(item,index) in items">
+ <el-menu-item :index="item.id+''" @click.native="openMenu(item)" :key="index">
+ <template slot="title">
+ <i :class="item.source" style="padding-right: 5px;"></i>
+ <span>{{generateTitle(item)}}</span>
+ </template>
+ </el-menu-item>
+ </template>
+ </el-menu>
+ </div>
+</template>
+
+<script>
+ import {mapGetters} from "vuex";
+
+ export default {
+ name: "top-menu",
+ data() {
+ return {
+ itemHome: {
+ name: '棣栭〉',
+ source: 'el-icon-menu',
+ },
+ activeIndex: "0",
+ items: [],
+ };
+ },
+ inject: ["index"],
+ created() {
+ this.getMenu();
+ },
+ computed: {
+ ...mapGetters(["tagCurrent", "menu"])
+ },
+ methods: {
+ openHome(itemHome) {
+ this.index.openMenu(itemHome);
+ this.$router.push({
+ path: this.$router.$avueRouter.getPath({name: itemHome.name, src: ''}, {})
+ });
+ },
+ openMenu(item) {
+ this.index.openMenu(item)
+ },
+ getMenu() {
+ this.$store.dispatch("GetTopMenu").then(res => {
+ this.items = res;
+ });
+ },
+ generateTitle(item) {
+ return this.$router.$avueRouter.generateTitle(
+ item.name,
+ (item.meta || {}).i18n
+ );
+ },
+ }
+ };
+</script>
--
Gitblit v1.9.3