| | |
| | | ]" |
| | | ></My-bread> |
| | | <el-divider /> --> |
| | | <div class="menuSettings_tree subpage_Div menuRoleAuthorization_left"> |
| | | <div class="menuSettings_tree subpage_Div menuRoleAuthorization_left" style="padding-top:10px;width: 23%;overflow-y: auto;"> |
| | | <My-bread |
| | | :list="[ |
| | | `${$t('operatManage.operatManage')}`, |
| | | `${$t('operatManage.UserRoleAuthorization')}`, |
| | | `${$t('operatManage.MenuRoleAuthorization')}`, |
| | | ]" |
| | | ></My-bread> |
| | | |
| | | <el-divider /> |
| | | <div class="menuTreeBox"> |
| | | <div> |
| | | <div class="card_tree"> |
| | | <el-tree |
| | | :data="depList" |
| | |
| | | </div> |
| | | </div> |
| | | <!-- <div class="menuRoleAuthorization_resize" title="收缩侧边栏">⋮</div> --> |
| | | <div class="menuTreeBox menuRoleAuthorization_mid"> |
| | | |
| | | <!-- <div class="left_tree subpage_Div"> |
| | | <el-tree |
| | | :data="depList" |
| | |
| | | color: #409eff; |
| | | line-height: 1; |
| | | cursor: text; |
| | | position: relative; |
| | | top: 5px; |
| | | margin-left: 10px; |
| | | display: flex; |
| | | align-items: center; |
| | |
| | | </el-pagination> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | <!-- <div class="menuSettings"> |
| | | |
| | |
| | | border-radius: 10px; |
| | | position: relative; |
| | | display: flex; |
| | | // justify-content: space-between; |
| | | justify-content: space-between; |
| | | |
| | | .menuTreeBox { |
| | | width: 100%; |
| | | height: 98%; |
| | | |
| | | .left_tree { |
| | | width: 29%; |
| | | width: 23%; |
| | | height: 92%; |
| | | padding: 10px; |
| | | |
| | |
| | | } |
| | | .right_menu { |
| | | border-radius: 10px; |
| | | width: 97%; |
| | | height: 100%; |
| | | width: 75%; |
| | | // height: 92%; |
| | | padding: 10px; |
| | | |
| | | border-radius: 5px; |
| | | // padding-top:0; |
| | | border-radius: 10px; |
| | | float: right; |
| | | } |
| | | } |
| | | |
| | | |
| | | .divider { |
| | | margin-top: 8px; |