| | |
| | | </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> |
| | | <org-manage v-if="setMenuFlag == 'orgManage'"></org-manage> |
| | |
| | | import customElMenu from '../../components/customElMenu.vue'; |
| | | export default { |
| | | components: { |
| | | menuSettings, |
| | | menuSettings, |
| | | userManagement, |
| | | orgManage, |
| | | resourceManage, |
| | |
| | | }, |
| | | data() { |
| | | return { |
| | | setMenuFlag: ' ', |
| | | setMenuFlag: ' ', |
| | | activeIndex: ' ', |
| | | oriData: [], //原始树数据 |
| | | dirData: [], //el树数据 |
| | |
| | | formLabelWidth: '70px', |
| | | }; |
| | | }, |
| | | created() { |
| | | this.getTreeData(); |
| | | created() { }, |
| | | mounted() { |
| | | this.getTreeData(); |
| | | }, |
| | | mounted() { }, |
| | | methods: { |
| | | async getCookies() { |
| | | async getCookies() { |
| | | var boolean = this.getTimeCookies(); |
| | | if (boolean != true) { |
| | | this.$router.push('/login'); |
| | |
| | | let menuLists = data.result.filter((value) => { |
| | | return value.url == '/mochaitmo'; |
| | | }); |
| | | |
| | | const res = await selectMenuRecursive({ name: menuLists[0].cnName }); |
| | | debugger |
| | | |
| | | const res = await selectMenuRecursive({ id: menuLists[0].id}); |
| | | |
| | | if (res.code == 200) { |
| | | if (res.result.length != 0) { |
| | | let menuList = res.result.filter((value) => { |
| | |
| | | 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> |