From e955e0e34f52d3a8f66354f2a75b762791f918b1 Mon Sep 17 00:00:00 2001
From: Surpriseplus <845948745@qq.com>
Date: 星期三, 16 十一月 2022 17:24:30 +0800
Subject: [PATCH] 頁面更改
---
src/views/maintenance/mochaitmo.vue | 173 ++++++++++++++++++++++++++++++++++++++-------------------
1 files changed, 116 insertions(+), 57 deletions(-)
diff --git a/src/views/maintenance/mochaitmo.vue b/src/views/maintenance/mochaitmo.vue
index b4bd902..bb66689 100644
--- a/src/views/maintenance/mochaitmo.vue
+++ b/src/views/maintenance/mochaitmo.vue
@@ -3,46 +3,64 @@
<div class="left_tree">
<el-card class="el-card-define">
<div class="card_tree">
- <el-tree
- :data="treeList"
- :props="defaultProps"
- node-key="id"
- @node-click="handleNodeClick"
- :default-expanded-keys="[23]"
- :default-checked-keys="[24]"
- ></el-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>
<div class="right_page">
<el-card class="el-card-define">
<div>
- <menu-settings v-if="setMenuFlag == '1'"></menu-settings>
- <user-management v-if="setMenuFlag == '2'"></user-management>
- <org-manage v-if="setMenuFlag == '3'"></org-manage>
- <resource-manage v-if="setMenuFlag == '4'"></resource-manage>
- <role-manage v-if="setMenuFlag == '5'"></role-manage>
- <authority-manage v-if="setMenuFlag == '6'"></authority-manage>
+ <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 == '7'"
+ v-if="setMenuFlag == 'userRoleAuthorization'"
></user-role-authorization>
<menu-role-authorization
- v-if="setMenuFlag == '8'"
+ v-if="setMenuFlag == 'menuRoleAuthorization'"
></menu-role-authorization>
- <role-menu-authorization v-if="setMenuFlag == '9'">
+ <role-menu-authorization
+ v-if="setMenuFlag == 'roleMenuAuthorization'"
+ >
</role-menu-authorization>
<role-res-authorization
- v-if="setMenuFlag == '10'"
+ v-if="setMenuFlag == 'roleResAuthorization'"
></role-res-authorization>
- <log-log v-if="setMenuFlag == '11'"> </log-log>
- <operation-log v-if="setMenuFlag == '12'"></operation-log>
- <eventlog-manage v-if="setMenuFlag == '13'"></eventlog-manage>
- <tokentool v-if="setMenuFlag == '14'"></tokentool>
- <blackwhite-list v-if="setMenuFlag == '15'"></blackwhite-list>
- <database-monitoring v-if="setMenuFlag == '16'"></database-monitoring>
- <system-monitoring v-if="setMenuFlag == '17'"></system-monitoring>
+ <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 == '18'"
+ v-if="setMenuFlag == 'parameterConfiguration'"
></parameter-configuration>
</div>
</el-card>
@@ -70,7 +88,7 @@
import systemMonitoring from '@/views/maintenance/systemMonitoring.vue'; //绯荤粺鐩戞帶
import parameterConfiguration from '@/views/maintenance/parameterConfiguration.vue'; //绯荤粺閰嶇疆
import { selectMenuRecursive } from '../../api/api';
-
+import customElMenu from '../../components/customElMenu.vue';
export default {
components: {
menuSettings,
@@ -91,34 +109,80 @@
databaseMonitoring,
systemMonitoring,
parameterConfiguration,
+ customElMenu,
},
data() {
return {
- setMenuFlag: '1',
- treeList: [],
- defaultProps: {
- children: 'children',
- label: 'cnName',
- },
+ setMenuFlag: 'menuSettings',
+ oriData: [], //鍘熷鏍戞暟鎹�
+ dirData: [], //el鏍戞暟鎹�
+ newData: [], //鎷栧姩鍚庢暟鎹�
+ lang: 'zh',
+ activeIndex: 'menuSettings',
+ menuList: [],
+ editTitle: '',
+ showPopover: false,
+ showEditInfoWrapper: false,
+ showEdit: false,
+ editMenu: false,
+ editCatalogue: false,
+ editUnit: false,
+ itemdetail: {},
+ formLabelWidth: '70px',
};
},
+
mounted() {
this.getTreeData();
},
methods: {
//鑾峰彇鏍�
async getTreeData() {
- const data = await selectMenuRecursive({ name: '杩愮淮绠＄悊' });
- this.treeList = this.treeData(data.result);
+ const res = await selectMenuRecursive({ name: '杩愮淮绠＄悊' });
+
+ if (res.code == 200) {
+ if (res.result.length != 0) {
+ let menuList = res.result.filter((value) => {
+ return value.type == 1;
+ });
+ this.menuList = this.treeData(menuList);
+ } else {
+ alert('鏆傛棤鑿滃崟鏍忔暟鎹�');
+ }
+ } else {
+ console.log('鎺ュ彛鎶ラ敊');
+ }
+
+ // this.treeList = this.treeData(data.result);
},
treeData(source) {
let cloneData = JSON.parse(JSON.stringify(source)); // 瀵规簮鏁版嵁娣卞害鍏嬮殕
- return cloneData.filter((father) => {
- // 寰幆鎵�鏈夐」
- let branchArr = cloneData.filter((child) => father.id == child.pid); // 瀵规瘮ID锛屽垎鍒笂涓嬬骇鑿滃崟锛屽苟杩斿洖鏁版嵁
- branchArr.length > 1 ? (father.children = branchArr) : ''; // 缁欑埗绾ф坊鍔犱竴涓猚hildren灞炴�э紝骞惰祴鍊�
- return father.pid == 1; // 杩斿洖涓�绾ц彍鍗�
- });
+ // console.log(cloneData);
+ if (cloneData.length != 0) {
+ return cloneData.filter((father) => {
+ // 寰幆鎵�鏈夐」
+ let branchArr = cloneData.filter((child) => father.id == child.pid); // 瀵规瘮ID锛屽垎鍒笂涓嬬骇鑿滃崟锛屽苟杩斿洖鏁版嵁
+ branchArr.length > 0 ? (father.children = branchArr) : ''; // 缁欑埗绾ф坊鍔犱竴涓猚hildren灞炴�э紝骞惰祴鍊�
+ // 灞炰簬鍚屼竴瀵硅薄闂锛屼緥濡傦細浠� a=b銆乧=1 锛岀劧鍚庡啀浠� b.c=c 锛� 閭ｄ箞 a.c=b.c=c=1 锛涘悓鐞嗭紝鍚庣画浠� c.d=2 ,閭ｄ箞 a.c.d 涔熸槸=2锛�
+ // 鐢辨寰幆澶氭鍚庯紝灏辫兘褰㈡垚鐩稿簲鐨勬爲褰㈡暟鎹粨鏋�
+ return father.pid == 1; // 杩斿洖涓�绾ц彍鍗�
+ });
+ } else {
+ alert('鏆傛棤鑿滃崟鏍忔暟鎹�');
+ }
+ },
+
+ handleselect(index, indexPath, e) {
+ var data = e.$attrs.perms;
+ this.$store.state.currentPerms = data.perms;
+ var index = data.url;
+ if (index != null) {
+ if (index.indexOf('http') != -1) {
+ this.$store.commit('getIframe', data.url);
+ index = 'dataIfream';
+ }
+ }
+ this.setMenuFlag = index;
},
//鏍戠偣鍑�
handleNodeClick(data) {
@@ -215,22 +279,8 @@
background-color: transparent;
}
.card_tree {
- /deep/ .el-tree .el-icon-caret-right:before {
- color: white; /** 杩欓噷鏄淇敼鍥炬爣鐨勯鑹� **/
- }
- /deep/ .el-tree {
- color: white; /** 杩欓噷鏄淇敼鍥炬爣鐨勯鑹� **/
- background: transparent;
- }
- /deep/.el-tree-node__content {
- &:hover {
- background-color: rgba(255, 255, 255, 0.3) !important;
- }
- }
- /deep/.el-tree-node.is-current > .el-tree-node__content {
- background-color: rgba(255, 255, 255, 0.3) !important;
- color: #409eff;
- }
+ height: 730px;
+ overflow-y: auto;
}
.el-card__body,
.el-main {
@@ -243,5 +293,14 @@
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;
+ }
}
</style>
--
Gitblit v1.9.3