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/roleMenuAuthorization.vue | 270 ++++-------------------------------------------------
1 files changed, 24 insertions(+), 246 deletions(-)
diff --git a/src/views/AuthorizationManagement/roleMenuAuthorization.vue b/src/views/AuthorizationManagement/roleMenuAuthorization.vue
index d6a69d6..cc0d6ff 100644
--- a/src/views/AuthorizationManagement/roleMenuAuthorization.vue
+++ b/src/views/AuthorizationManagement/roleMenuAuthorization.vue
@@ -2,7 +2,7 @@
<div class="menuSettings_box">
<!-- 瑙掕壊锛屽崟浣� -->
<div class="menuSettings_tree">
- <div class="content_box">
+ <div class="content_box subpage_Div">
<My-bread :list="[
`${$t('operatManage.operatManage')}`,
`${$t('operatManage.RoleMenuAuthorization')}`,
@@ -15,14 +15,14 @@
<el-form-item label="鍗曚綅">
<el-select
ref="multiSelect"
- style="width: 300px; "
+ style="width: 300px;"
v-model="selFrom.name"
placeholder="璇烽�夋嫨鍗曚綅鍚嶇О..."
@change="chooseCustom('multiSelect')"
>
<el-option
:value="selectTree"
- style="overflow: auto; backgrond: transparent; height: 100%;"
+ style=" backgrond: transparent; height: 100%;"
disabled
>
<el-tree
@@ -45,7 +45,7 @@
style="width: 100%"
@row-click="singleElection"
highlight-current-row
- height="78%"
+
>
<el-table-column
align="center"
@@ -71,7 +71,7 @@
</el-table-column>
</el-table>
</div>
- <div class="content_box">
+ <div class="content_box subpage_Div">
<div style="
font-size: 14px;
color: #216fe6;
@@ -87,22 +87,22 @@
{{ $t('operatManage.UserRoleAuthorizationObj.menuTable') }}</span>
</div>
<el-divider />
- <div class="menuContent">
- <el-tree
- :data="menuList"
- :props="defaultMenuProps"
- :show-checkbox="false"
- :check-on-click-node="true"
- :check-strictly="true"
- node-key="id"
- @check="menuTreeCheck"
- ref="treeForm"
- :default-expanded-keys="[1]"
- >
- </el-tree>
- </div>
+
+ <el-tree
+ :data="menuList"
+ :props="defaultMenuProps"
+ :show-checkbox="false"
+ :check-on-click-node="true"
+ :check-strictly="true"
+ node-key="id"
+ @check="menuTreeCheck"
+ ref="treeForm"
+ :default-expanded-keys="[1]"
+ >
+ </el-tree>
+
</div>
- <div class="content_box">
+ <div class="content_box subpage_Div">
<div style="
font-size: 14px;
color: #216fe6;
@@ -523,7 +523,7 @@
height: 98%;
width: 98%;
padding: 1%;
- position: absolute;
+
.menuSettings_tree {
display: flex;
justify-content: space-around;
@@ -531,239 +531,17 @@
height: 100%;
.content_box {
padding: 10px;
- width: 31%;
+ width: 30%;
height: 94%;
- border: 1px solid rgb(202, 201, 204);
+ overflow-y: auto;
+ overflow-x: hidden;
border-radius: 5px;
- /deep/ .el-input__inner {
- background-color: transparent !important;
- border: 1px solid;
- color: white;
- }
- /deep/.el-form-item__label {
- 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.1) !important;
- }
-
- tbody tr:hover {
- background-color: rgba(255, 255, 255, 0.1) !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;
- }
- }
- }
- .menuContent {
- height: 90%;
- overflow: auto;
}
}
- /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.1) !important;
- }
-
- tbody tr:hover {
- background-color: rgba(255, 255, 255, 0.1) !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;
- }
- }
- .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;
- }
- }
- /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;
- }
-/* //鍙充晶鍜屼笅鏂圭殑鐧借竟 */
- /deep/.el-scrollbar__wrap{
- height: 1000px !important;
- }
.divider {
margin-top: 8px;
}
}
</style>
-<style>
-.el-tree .el-icon-caret-right:before {
- color: white !important; /** 杩欓噷鏄淇敼鍥炬爣鐨勯鑹� **/
-}
-.el-tree {
- color: white !important; /** 杩欓噷鏄淇敼鍥炬爣鐨勯鑹� **/
- background: transparent !important;
-}
-.el-tree-node__content {
- background: transparent !important;
-}
-.el-tree-node.is-current > .el-tree-node__content {
- background-color: rgba(255, 255, 255, 0.1) !important;
- color: #409eff;
-}
-/*閲岄潰鐨勪唬鐮佸彲浠ユ牴鎹嚜宸遍渶姹傚幓杩涜鏇存敼*/
-/* 璁剧疆婊氬姩鏉＄殑鏍峰紡 */
-::-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;
-}
-.el-select-dropdown {
- background: #303030;
- border-color: white;
-}
-/* //鍙充晶鍜屼笅鏂圭殑鐧借竟 */
-.el-scrollbar__wrap {
- margin-bottom: -20px !important;
- margin-right: -20px !important;
-
-}
-.el-select-dropdown__item.hover,
-.el-select-dropdown__item:hover {
- background: rgba(0, 0, 0, 0.1) !important;
-}
-.el-select-dropdown__item {
- color: white;
-}
-</style>
--
Gitblit v1.9.3