| | |
| | | </div> |
| | | <div class="right_page"> |
| | | <el-card class="el-card-define"> |
| | | <div> |
| | | <div> |
| | | <menu-settings v-if="setMenuFlag == 'menuSettings'"></menu-settings> |
| | | <user-management |
| | | v-if="setMenuFlag == 'userInfoManage'" |
| | | ></user-management> |
| | | <user-management v-if="setMenuFlag == 'userInfoManage'"></user-management> |
| | | <org-manage v-if="setMenuFlag == 'orgManage'"></org-manage> |
| | | <resource-manage |
| | | v-if="setMenuFlag == 'resourceManage'" |
| | | ></resource-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'" |
| | | > |
| | | <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> |
| | | <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> |
| | | <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> |
| | | <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> |
| | |
| | | import databaseMonitoring from '@/views/maintenance/databaseMonitoring.vue'; //数据库监控 |
| | | import systemMonitoring from '@/views/maintenance/systemMonitoring.vue'; //系统监控 |
| | | import parameterConfiguration from '@/views/maintenance/parameterConfiguration.vue'; //系统配置 |
| | | import { selectMenuRecursive, queryMenuTree } from '../../api/api'; |
| | | 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, |
| | |
| | | systemMonitoring, |
| | | parameterConfiguration, |
| | | customElMenu, |
| | | downlog |
| | | }, |
| | | data() { |
| | | return { |
| | | setMenuFlag: ' ', |
| | | setMenuFlag: ' ', |
| | | activeIndex: ' ', |
| | | oriData: [], //原始树数据 |
| | | dirData: [], //el树数据 |
| | |
| | | formLabelWidth: '70px', |
| | | }; |
| | | }, |
| | | created() {}, |
| | | created() { }, |
| | | mounted() { |
| | | this.getTreeData(); |
| | | this.getTreeData(); |
| | | }, |
| | | methods: { |
| | | async getCookies() { |
| | | var boolean = this.getTimeCookies(); |
| | | if (boolean != true) { |
| | | this.$router.push('/login'); |
| | | return; |
| | | } |
| | | if (this.$store.state.permsEntity.length == 0) { |
| | | const data = await getPerms(); |
| | | this.$store.state.permsEntity = data.result; |
| | | } |
| | | var store = this.menuList[0]; |
| | | this.setViewController(store); |
| | | }, |
| | | getTimeCookies() { |
| | | var time1 = new Date(JSON.parse(localStorage.getItem('LFToken')).time); |
| | | var time2 = new Date(); |
| | | if (time2 > time1) { |
| | | return false; |
| | | } else { |
| | | return true; |
| | | } |
| | | }, |
| | | //获取树 |
| | | async getTreeData() { |
| | | const data = await queryMenuTree(); |
| | | |
| | | let menuLists = data.result.filter((value) => { |
| | | return value.url == '/mochaitmo'; |
| | | }); |
| | | const res = await selectMenuRecursive({ name: menuLists[0].cnName }); |
| | | |
| | | const res = await selectMenuRecursive({ id: menuLists[0].id}); |
| | | |
| | | if (res.code == 200) { |
| | | if (res.result.length != 0) { |
| | | let menuList = res.result.filter((value) => { |
| | | return value.type == 1; |
| | | }); |
| | | this.menuList = this.treeData(menuList); |
| | | this.setViewController(this.menuList[0]); |
| | | this.getCookies(); |
| | | // |
| | | } else { |
| | | alert('暂无菜单栏数据'); |
| | | } |
| | |
| | | // this.treeList = this.treeData(data.result); |
| | | }, |
| | | setViewController(res) { |
| | | if (res == null) { |
| | | return; |
| | | } |
| | | if (res.children != null) { |
| | | this.setViewController(res.children[0]); |
| | | } else { |
| | |
| | | }, |
| | | |
| | | handleselect(index, indexPath, e) { |
| | | this.getTimeCookies(); |
| | | var data = e.$attrs.perms; |
| | | this.$store.state.currentPerms = data.perms; |
| | | var index = data.url; |
| | |
| | | } |
| | | } |
| | | this.setMenuFlag = index; |
| | | |
| | | }, |
| | | }, |
| | | }; |
| | |
| | | height: calc(100% - 20px); |
| | | margin: 0; |
| | | padding: 10px; |
| | | position: absolute; |
| | | overflow-y: hidden; |
| | | .left_tree { |
| | | width: 270px; |
| | | height: 100%; |
| | |
| | | border-radius: 5px; |
| | | } |
| | | .el-card-define { |
| | | min-height: 85%; |
| | | height: 100%; |
| | | background: #303030; |
| | | border: 1px solid gray; |
| | | padding: 1px; |
| | | padding: 1px !important; |
| | | } |
| | | .el-tree { |
| | | background-color: transparent; |
| | | } |
| | | .card_tree { |
| | | height: 730px; |
| | | height: 100%; |
| | | overflow-y: auto; |
| | | } |
| | | .el-card__body, |
| | | .el-main { |
| | | padding: 10px; |
| | | padding: 0px !important; |
| | | height: 100%; |
| | | } |
| | | .right_page { |
| | | width: calc(100% - 280px); |
| | |
| | | /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> |