大屏页面初始化

screen-vue/src/components/Layout/index.vue

@@ -50,6 +50,8 @@
               active-text-color="#409eff"
               :collapse-transition="false"
               class="app-menu"
+              unique-opened
+              @open="handleSubMenuOpen"
             >
               <template v-for="menu in menuList" :key="menu.menuId">
                 <el-sub-menu v-if="menu.menuType === 'M' && menu.children && menu.children.length > 0" :index="menu.menuId">
@@ -184,6 +186,7 @@ const isFoldBtnActive = ref(false)
 const menuNameMap = ref({})
 const showEditPwdDialog = ref(false)
 const editPwdRef = ref(null)
+const openedSubMenuKeys = ref([])
 
 const getMenuList = async () => {
   if (!isMounted.value) return
@@ -221,6 +224,10 @@ const handleMenuClick = (menu) => {
   }
 }
 
+const handleSubMenuOpen = (key) => {
+  openedSubMenuKeys.value = [key];
+}
+
 const switchTab = (tab) => {
   if (!isMounted.value) return
   activeTabKey.value = tab.key;
@@ -840,4 +847,17 @@ onMounted(() => {
 :deep(.custom-pwd-dialog .el-dialog__headerbtn) {
   top: 8px !important;
 }
+
+:deep(.el-menu--collapse .el-sub-menu__popup) {
+  min-width: 180px !important;
+  width: 180px !important;
+}
+
+:deep(.el-menu--collapse .el-sub-menu__title .el-sub-menu__icon-arrow) {
+  display: none !important;
+}
+
+:deep(.el-menu--collapse .el-menu-item .el-icon) {
+  margin-right: 0 !important;
+}
 </style>

screen-vue/src/views/system/dict/form.vue

@@ -1,8 +0,0 @@
-<template>
-</template>
-
-<script>
-</script>
-
-<style>
-</style>

screen-vue/src/views/system/dict/index.vue

@@ -1,8 +0,0 @@
-<template>
-</template>
-
-<script>
-</script>
-
-<style>
-</style>

screen-vue/src/views/system/dict/list.vue

@@ -1,8 +0,0 @@
-<template>
-</template>
-
-<script>
-</script>
-
-<style>
-</style>