From 4e3d77dcbe421a4d6611ebcdd1ac3165cb36ad4b Mon Sep 17 00:00:00 2001
From: Surpriseplus <845948745@qq.com>
Date: 星期一, 06 二月 2023 14:59:33 +0800
Subject: [PATCH] 系统界面翻新，回车登录，综合展示菜单重复
---
src/views/maintenance/mochaitmo.vue | 167 ++++++++++++++++++-------------------------------------
1 files changed, 54 insertions(+), 113 deletions(-)
diff --git a/src/views/maintenance/mochaitmo.vue b/src/views/maintenance/mochaitmo.vue
index e9c6e68..a393c28 100644
--- a/src/views/maintenance/mochaitmo.vue
+++ b/src/views/maintenance/mochaitmo.vue
@@ -1,48 +1,51 @@
<template>
- <div class="mochaitmo_Box">
- <div class="left_tree">
- <el-card class="el-card-define">
- <div class="card_tree">
- <el-menu
- active-text-color="#ffd04b"
- class="el-menu-vertical-demo"
- :default-active="activeIndex"
- background-color="transparent"
- text-color="#fff"
- @select="handleselect"
- >
- <customElMenu :menuData="menuList"></customElMenu>
- </el-menu>
- </div>
- </el-card>
+ <div class="contentBox">
+
+ <div
+ class="box"
+ ref="box"
+ >
+ <div class="left box_div">
+ <el-menu
+ :default-active="activeIndex"
+ background-color="transparent"
+ @select="handleselect"
+ >
+ <customElMenu :menuData="menuList"></customElMenu>
+ </el-menu>
+ </div>
+ <div
+ class="resize"
+ title="鏀剁缉渚ц竟鏍�"
+ >
+ 鈰�
+ </div>
+ <div class="mid box_div">
+ <menu-settings v-if="setMenuFlag == 'menuSettings'"></menu-settings>
+ <user-management v-if="setMenuFlag == 'userInfoManage'"></user-management>
+ <org-manage v-if="setMenuFlag == 'orgManage'"></org-manage>
+ <resource-manage v-if="setMenuFlag == 'resourceManage'"></resource-manage>
+ <role-manage v-if="setMenuFlag == 'roleManage'"></role-manage>
+ <authority-manage v-if="setMenuFlag == 'authorityManage'"></authority-manage>
+ <user-role-authorization v-if="setMenuFlag == 'userRoleAuthorization'"></user-role-authorization>
+ <menu-role-authorization v-if="setMenuFlag == 'menuRoleAuthorization'"></menu-role-authorization>
+ <role-menu-authorization v-if="setMenuFlag == 'roleMenuAuthorization'">
+ </role-menu-authorization>
+ <role-res-authorization v-if="setMenuFlag == 'roleResAuthorization'"></role-res-authorization>
+ <log-log v-if="setMenuFlag == 'logLog'"> </log-log>
+ <operation-log v-if="setMenuFlag == 'operationLog'"></operation-log>
+ <eventlog-manage v-if="setMenuFlag == 'eventlogManage'"></eventlog-manage>
+ <tokentool v-if="setMenuFlag == 'tokentool'"></tokentool>
+ <blackwhite-list v-if="setMenuFlag == 'blackwhiteList'"></blackwhite-list>
+ <database-monitoring v-if="setMenuFlag == 'dataIfream'"></database-monitoring>
+ <system-monitoring v-if="setMenuFlag == 'systemMonitoring'"></system-monitoring>
+ <parameter-configuration v-if="setMenuFlag == 'parameterConfiguration'"></parameter-configuration>
+ <downlog v-if="setMenuFlag == 'downlog'"></downlog>
+ </div>
</div>
- <div class="right_page">
- <el-card class="el-card-define">
- <div>
- <menu-settings v-if="setMenuFlag == 'menuSettings'"></menu-settings>
- <user-management v-if="setMenuFlag == 'userInfoManage'"></user-management>
- <org-manage v-if="setMenuFlag == 'orgManage'"></org-manage>
- <resource-manage v-if="setMenuFlag == 'resourceManage'"></resource-manage>
- <role-manage v-if="setMenuFlag == 'roleManage'"></role-manage>
- <authority-manage v-if="setMenuFlag == 'authorityManage'"></authority-manage>
- <user-role-authorization v-if="setMenuFlag == 'userRoleAuthorization'"></user-role-authorization>
- <menu-role-authorization v-if="setMenuFlag == 'menuRoleAuthorization'"></menu-role-authorization>
- <role-menu-authorization v-if="setMenuFlag == 'roleMenuAuthorization'">
- </role-menu-authorization>
- <role-res-authorization v-if="setMenuFlag == 'roleResAuthorization'"></role-res-authorization>
- <log-log v-if="setMenuFlag == 'logLog'"> </log-log>
- <operation-log v-if="setMenuFlag == 'operationLog'"></operation-log>
- <eventlog-manage v-if="setMenuFlag == 'eventlogManage'"></eventlog-manage>
- <tokentool v-if="setMenuFlag == 'tokentool'"></tokentool>
- <blackwhite-list v-if="setMenuFlag == 'blackwhiteList'"></blackwhite-list>
- <database-monitoring v-if="setMenuFlag == 'dataIfream'"></database-monitoring>
- <system-monitoring v-if="setMenuFlag == 'systemMonitoring'"></system-monitoring>
- <parameter-configuration v-if="setMenuFlag == 'parameterConfiguration'"></parameter-configuration>
- <downlog v-if="setMenuFlag == 'downlog'"></downlog>
- </div>
- </el-card>
- </div>
+
</div>
+
</template>
<script>
@@ -64,12 +67,12 @@
import databaseMonitoring from '@/views/maintenance/databaseMonitoring.vue'; //鏁版嵁搴撶洃鎺�
import systemMonitoring from '@/views/maintenance/systemMonitoring.vue'; //绯荤粺鐩戞帶
import parameterConfiguration from '@/views/maintenance/parameterConfiguration.vue'; //绯荤粺閰嶇疆
-import downlog from '@/views/maintenance/downlog.vue'; //涓嬭浇鏃ュ織
+import downlog from '@/views/maintenance/downlog.vue'; //涓嬭浇鏃ュ織
import { selectMenuRecursive, queryMenuTree, getPerms } from '../../api/api';
import customElMenu from '../../components/customElMenu.vue';
export default {
components: {
- menuSettings,
+ menuSettings,
userManagement,
orgManage,
resourceManage,
@@ -92,7 +95,7 @@
},
data() {
return {
- setMenuFlag: ' ',
+ setMenuFlag: ' ',
activeIndex: ' ',
oriData: [], //鍘熷鏍戞暟鎹�
dirData: [], //el鏍戞暟鎹�
@@ -113,10 +116,10 @@
},
created() { },
mounted() {
- this.getTreeData();
+ this.getTreeData();
},
methods: {
- async getCookies() {
+ async getCookies() {
var boolean = this.getTimeCookies();
if (boolean != true) {
this.$router.push('/login');
@@ -145,9 +148,9 @@
let menuLists = data.result.filter((value) => {
return value.url == '/mochaitmo';
});
-
- const res = await selectMenuRecursive({ id: menuLists[0].id});
-
+
+ const res = await selectMenuRecursive({ id: menuLists[0].id });
+
if (res.code == 200) {
if (res.result.length != 0) {
let menuList = res.result.filter((value) => {
@@ -212,66 +215,4 @@
};
</script>
-<style lang="less" scoped>
-.mochaitmo_Box {
- width: calc(100% - 20px);
- height: calc(100% - 20px);
- margin: 0;
- padding: 10px;
- overflow-y: hidden;
- .left_tree {
- width: 270px;
- height: 100%;
- position: relative;
- float: left;
- border-radius: 5px;
- }
- .el-card-define {
- height: 100%;
- background: #303030;
- border: 1px solid gray;
- padding: 1px !important;
- }
- .el-tree {
- background-color: transparent;
- }
- .card_tree {
- height: 100%;
- overflow-y: auto;
- }
- .el-card__body,
- .el-main {
- padding: 0px !important;
- height: 100%;
- }
- .right_page {
- width: calc(100% - 280px);
- height: 100%;
- background: #303030;
- position: relative;
- float: right;
- }
- /deep/.el-menu {
- border: transparent !important;
- }
- /deep/.el-submenu__title:hover {
- background: rgba(255, 255, 255, 0.3) !important;
- }
- /deep/ .el-submenu .el-menu-item:hover {
- background: rgba(255, 255, 255, 0.3) !important;
- }
- /deep/.el-textarea__inner {
- background: transparent;
- border-color: #fff !important;
- color: white;
- }
- /deep/.el-textarea .el-input__count {
- background: transparent;
- color: #fff !important;
- }
- /deep/ .el-card__body {
- padding: 0px !important;
- height: 100%;
- }
-}
-</style>
+
\ No newline at end of file
--
Gitblit v1.9.3