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/AuthorizationManagement/userRoleAuthorization.vue | 230 +++----------------------------------------------------- 1 files changed, 15 insertions(+), 215 deletions(-) diff --git a/src/views/AuthorizationManagement/userRoleAuthorization.vue b/src/views/AuthorizationManagement/userRoleAuthorization.vue index 07cd281..70e0224 100644 --- a/src/views/AuthorizationManagement/userRoleAuthorization.vue +++ b/src/views/AuthorizationManagement/userRoleAuthorization.vue @@ -1,6 +1,6 @@ <template> <div class="menuSettings_box"> - <div class="menuSettings_tree"> + <div class="menuSettings_tree subpage_Div"> <My-bread :list="[ `${$t('operatManage.operatManage')}`, `${$t('operatManage.UserRoleAuthorization')}`, @@ -26,7 +26,7 @@ </div> </div> - <div class="menuSettings_tree"> + <div class="menuSettings_tree subpage_Div"> <div style=" font-size: 14px; color: #409eff; @@ -86,10 +86,8 @@ </el-pagination> </div> </div> - <div class="menuSettings_tree"> - <!-- <div class="title_box"> - <h4>璇︾粏淇℃伅</h4> - </div> --> + <div class="menuSettings_tree subpage_Div"> + <div style=" font-size: 14px; color: #409eff; @@ -114,7 +112,6 @@ size="small" :disabled="roleid == null ? true : false" @click="adduser" - >{{ $t('operatManage.UserRoleAuthorizationObj.Added') }}</el-button> <el-button v-if="menuStatus.delete" @@ -209,11 +206,15 @@ slot="footer" class="dialog-footer" > - <el-button size="small" @click="dialogTableVisible = false">{{ + <el-button + size="small" + @click="dialogTableVisible = false" + >{{ $t('dataManage.dictionaryManageObj.cancel') }}</el-button> <el-button - size="small" type="primary" + size="small" + type="primary" @click="addConfirm" >{{ $t('dataManage.dictionaryManageObj.confirm') }}</el-button> </div> @@ -473,16 +474,11 @@ height: 98%; width: 98%; padding: 1%; - position: absolute; + display: flex; justify-content: space-between; - .el-card-define { - height: 630px; - background: #303030; - border: transparent; - } + .menuSettings_tree { - border: 1px solid gray; width: 33%; height: 98%; position: relative; @@ -499,209 +495,13 @@ .menuTreeBox { height: 90%; overflow: auto; - .card_tree { - display: block; - - // 鏇存敼鎸囨爣鏍戝浘鏍囬鑹� - /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; - } - - .btnBox { - margin-left: 5px; - .el-button + .el-button { - margin-left: 5px; - } - } - } } } - .menuSettings { - border-radius: 10px; - border: 1px solid gray; - width: 33%; - height: 98%; - padding: 10px; - box-sizing: border-box; - .title_box { - background: #fff; - padding: 10px; - margin-bottom: 24px; - display: flex; - border-radius: 10px; - border: 1px solid rgb(202, 201, 204); - box-sizing: border-box; - } - } - .table_box { - padding: 10px; - background: #fff; - border-radius: 5px; - border: 1px solid rgb(202, 201, 204); - overflow: auto; - height: 85%; - } + + .divider { margin-top: 8px; } } - -.pagination_box { - /deep/.el-input__inner { - background-color: transparent !important; - border: 1px solid; - color: white; - } - /deep/.el-pagination__total { - color: white; - } - /deep/.el-pagination__jump { - color: white; - } - /deep/.el-pager li.active { - color: #1890ff; - } - /deep/.el-pager li { - color: white; - background: transparent; - } - /deep/.el-pager li { - color: white; - } - /deep/.btn-prev { - background: transparent; - } - /deep/.btn-next { - background: transparent; - } -} -.el-table, -.el-table /deep/ .el-table__expanded-cell { - background-color: transparent; -} - -.el-table /deep/ th, -.el-table /deep/ tr { - background-color: transparent; -} -/*閲岄潰鐨勪唬鐮佸彲浠ユ牴鎹嚜宸遍渶姹傚幓杩涜鏇存敼*/ -/* 璁剧疆婊氬姩鏉$殑鏍峰紡 */ -::-webkit-scrollbar { - width: 4px; -} -/* 婊氬姩妲� */ -::-webkit-scrollbar-track { - -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.3); - border-radius: 10px; -} -/* 婊氬姩鏉℃粦鍧� */ -::-webkit-scrollbar-thumb { - border-radius: 10px; - background: #8b8b8b; - -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.5); -} -::-webkit-scrollbar-thumb:window-inactive { - background: #8b8b8b; - height: 289px; -} -/deep/ .el-dialog { - background: #303030; -} -/deep/.el-range-editor.is-active, -.el-range-editor.is-active:hover, -.el-select .el-input.is-focus .el-input__inner { - border: 1px solid; -} -/deep/.el-dialog__title { - color: white; -} -/*淇敼table 琛ㄤ綋鐨勮儗鏅鑹插拰鏂囧瓧棰滆壊*/ -/deep/ .el-table { - background-color: transparent; - - th, - td { - background-color: transparent; - } - .el-table__expanded-cell { - background-color: transparent !important; - } - - // 琛ㄥご鑳屾櫙鑹� - th.el-table__cell { - background-color: #303030; - color: #fff; - } - tr > td { - background-color: #303030; - color: #fff; - } - - // hover鏁堟灉 - tr:hover > td { - background-color: rgba(255, 255, 255, 0.3) !important; - } - - tbody tr:hover { - background-color: rgba(255, 255, 255, 0.3) !important; - // text-align: center; - } - - // 婊氬姩鏉″楂� - .el-table__body-wrapper::-webkit-scrollbar { - width: 5px; - height: 5px; - } - - .el-table__body-wrapper::-webkit-scrollbar { - width: 5px; - /*婊氬姩鏉″搴�*/ - height: 10px; - /*婊氬姩鏉¢珮搴�*/ - } - /*瀹氫箟婊氬姩鏉¤建閬� 鍐呴槾褰�+鍦嗚*/ - .el-table__body-wrapper::-webkit-scrollbar-track { - box-shadow: 0px 1px 3px #216fe6 inset; - /*婊氬姩鏉$殑鑳屾櫙鍖哄煙鐨勫唴闃村奖*/ - border-radius: 10px; - } - - /*瀹氫箟婊戝潡 鍐呴槾褰�+鍦嗚*/ - .el-table__body-wrapper::-webkit-scrollbar-thumb { - box-shadow: 0px 1px 3px #216fe6 inset; - border-radius: 6px; - background-color: #216fe6; - } -} </style> -<style> -.el-select-dropdown { - background: #303030; - border-color: 1px solid; -} - -.el-scrollbar__wrap { - margin-bottom: -20px !important; - margin-right: -20px !important; -} -.el-select-dropdown__item.hover, -.el-select-dropdown__item:hover { - background: rgba(255, 255, 255, 0.3); -} -.el-select-dropdown__item { - color: white !important; -} -</style> + -- Gitblit v1.9.3