From db2c3d7fe3d1e89b49b9628f408ba883dc75dc51 Mon Sep 17 00:00:00 2001
From: skyouc
Date: 星期四, 03 七月 2025 17:11:43 +0800
Subject: [PATCH] no message
---
zy-asrs-admin/src/views/IndexView.vue | 46 ++++++++++++++++++++++++++++++++++++++--------
1 files changed, 38 insertions(+), 8 deletions(-)
diff --git a/zy-asrs-admin/src/views/IndexView.vue b/zy-asrs-admin/src/views/IndexView.vue
index a455b88..42414ea 100644
--- a/zy-asrs-admin/src/views/IndexView.vue
+++ b/zy-asrs-admin/src/views/IndexView.vue
@@ -1,10 +1,13 @@
<script setup>
-import { nextTick, ref, inject, onMounted } from 'vue';
+import { nextTick, ref, inject, onMounted, h, reactive } from 'vue';
import { useRouter } from "vue-router";
import { get, post, postForm } from '@/utils/request.js'
import { logout } from '@/config.js';
import * as Icons from "@ant-design/icons-vue";
import { message } from 'ant-design-vue';
+// import type { MenuMode, MenuTheme } from 'ant-design-vue';
+// import { ItemType } from 'ant-design-vue';
+
import {
MenuUnfoldOutlined,
MenuFoldOutlined,
@@ -37,6 +40,8 @@
...Icons,
};
+
+
onMounted(() => {
let name = router.currentRoute.value.name;
let path = router.currentRoute.value.path;
@@ -59,10 +64,23 @@
}
})
+
+const state = reactive({
+ rootSubmenuKeys: [],
+ openKeys: ["/"],
+ selectedKeys: [],
+});
+
getMenu()
function getMenu() {
get('/api/auth/menu', {}).then((result) => {
menuCache.value = result.data.data;
+ let routes = menuCache.value.map(item =>{
+ return item.route
+ })
+ routes.unshift('/')
+ state.rootSubmenuKeys = routes
+ console.log(state.rootSubmenuKeys)
})
}
@@ -150,9 +168,9 @@
selectedKeys.value = [item.key]
// open menu
- let arr = item.key.split("/");
- let key = '/' + arr[1];
- openKeys.value = [key]
+ // let arr = item.key.split("/");
+ // let key = '/' + arr[1];
+ // openKeys.value = [key]
}
const switchLocale = async (locale) => {
@@ -223,15 +241,27 @@
}
}
+const onOpenChange = (openKeys) => {
+ const latestOpenKey = openKeys.find(
+ (key) => state.openKeys.indexOf(key) === -1
+ );
+ if (state.rootSubmenuKeys.indexOf(latestOpenKey) === -1) {
+ state.openKeys = openKeys
+ } else {
+ state.openKeys = latestOpenKey ? [latestOpenKey] : [];
+ }
+ console.log(state.openKeys)
+}
+
</script>
<template>
<a-flex gap="middle" horizontal>
<div class="sider-style">
- <a-layout-sider class="main-sider" v-model:collapsed="collapsed" :trigger="null" collapsible theme="dark">
+ <a-layout-sider class="main-sider" v-model:collapsed="collapsed" :trigger="null" theme="dark">
<div class="logo" />
- <a-menu v-model:openKeys="openKeys" v-model:selectedKeys="selectedKeys" @select="menuSelect" theme="dark"
- mode="inline" >
+ <a-menu v-model:openKeys="state.openKeys" v-model:selectedKeys="state.selectedKeys" @select="menuSelect" theme="dark"
+ mode="inline" @openChange="onOpenChange">
<div>
<a-menu-item key="/" name="涓婚〉">
<HomeOutlined /> {{ formatMessage('common.home', '涓婚〉') }}
@@ -356,7 +386,7 @@
<style scoped>
.ant-layout-sider ant-layout-sider-dark main-sider {
- min-height: 100vh;
+ max-height: 100vh;
background: #01101E;
}
--
Gitblit v1.9.1