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/userManage/resourceManage.vue | 226 +++----------------------------------------------------
1 files changed, 15 insertions(+), 211 deletions(-)
diff --git a/src/views/userManage/resourceManage.vue b/src/views/userManage/resourceManage.vue
index 1367994..8965229 100644
--- a/src/views/userManage/resourceManage.vue
+++ b/src/views/userManage/resourceManage.vue
@@ -5,7 +5,7 @@
`${$t('userManage.resManage')}`,
]"></My-bread>
<el-divider />
- <div class="power_quire">
+ <div class="power_quire subpage_Div">
<el-form
ref="form"
:model="ruleForm"
@@ -45,7 +45,7 @@
</el-form-item>
</el-form>
</div>
- <div class="table_box">
+ <div class="table_box ">
<el-table
:data="tableData"
style="width: 100%"
@@ -141,7 +141,7 @@
</el-pagination>
</div>
<div
- class="infoBox"
+ class="infoBox box_div "
v-show="showinfoBox"
>
<el-card class="box-card">
@@ -157,6 +157,7 @@
<i class="el-icon-close"></i>
</div>
</div>
+ <el-divider></el-divider>
<div class="contentBox">
<p>
<label> {{ $t('userManage.resManageObj.name') }}:</label>
@@ -550,7 +551,7 @@
</div>
</div>
<div
- class="leftTree"
+ class="leftTree box_div"
v-if="showDepCata"
>
<div class="treeBox">
@@ -893,23 +894,16 @@
height: 98%;
width: 98%;
padding: 1%;
- position: absolute;
+
.el-input {
width: 730px;
}
- /deep/.el-input__inner {
- background-color: transparent !important;
- border: 1px solid;
- color: white;
- }
- /deep/.el-form-item__label {
- color: white;
- }
+
.power_quire {
padding: 10px;
border-radius: 5px;
- border: 1px solid rgb(202, 201, 204);
+
margin-bottom: 10px;
.el-form-item {
margin: 5px;
@@ -918,100 +912,8 @@
width: 467px;
}
}
- .table_box {
- padding: 10px;
- border-radius: 5px;
- border: 1px solid rgb(202, 201, 204);
-
- /*淇敼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;
- }
- }
- }
- .pagination_box {
- margin-top: 20px;
- /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;
- }
- }
+
+
.leftTree {
position: absolute;
z-index: 10;
@@ -1020,14 +922,11 @@
left: 800px;
width: 400px;
height: 600px;
- background: #303030;
- border: 1px solid #000;
+
.treeBox {
height: 550px;
overflow: auto;
- /deep/ .el-tree-node__content:hover {
- background-color: rgb(153, 153, 153);
- }
+
}
.btnBox {
width: 160px;
@@ -1035,103 +934,8 @@
// background-color: red;
}
}
- .infoBox {
- width: 500px;
-
- position: absolute;
- z-index: 100;
- top: 25%;
- right: 12%;
- .el-icon-close {
- color: white;
- }
- background-color: #303030;
- .el-card {
- background-color: transparent;
- span {
- font-size: 16px;
- font-weight: 600;
- color: white;
- }
- }
- .contentBox {
- margin: 0 aotu 10px;
- height: 485px;
- overflow: auto;
- p {
- // background-color: #bfa;
- // margin-bottom: 10px;
- color: white;
- font-size: 14px;
- }
- .boxlabel {
- margin-left: 10px;
- }
- }
- /* 鏁翠綋鏍峰紡 */
- .contentBox::-webkit-scrollbar {
- width: 6px;
- height: 6px;
- }
-
- /* 婊氬姩鏉� */
- .contentBox::-webkit-scrollbar-thumb {
- background-color: #b3d8ff;
- border-radius: 6px;
- }
-
- /* 婊氬姩鏉￠紶鏍囩粡杩囨牱寮� */
- .contentBox::-webkit-scrollbar-thumb:hover {
- background-color: #b3d8ff;
- border-radius: 6px;
- }
-
- /* 婊氬姩鏉¤建閬� */
- .contentBox::-webkit-scrollbar-track-piece {
- -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
- border-radius: 10px;
- background: #ededed;
- }
- }
- /deep/.el-form-item__label {
- color: white;
- }
- /deep/.el-input__inner {
- background-color: transparent !important;
- border: 1px solid;
- color: white;
- }
- /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-dialog__body {
- padding: 10px 0 0 0;
- }
+
+
}
</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>
+
\ No newline at end of file
--
Gitblit v1.9.3