Skip to content

F
founder_vue
Commit 7b275455 by maxiaohan
Options

用户组管理 

样式调整
角色设置和用户设置
parent 5a2faa21
Showing with 334 additions and 4 deletions
src/views/SystemManage/UserManage.vue
...@@ -788,6 +788,7 @@ export default { ...@@ -788,6 +788,7 @@ export default {
//是否是批量操作 //是否是批量操作
batch() { batch() {
this.isSelected = !this.isSelected; this.isSelected = !this.isSelected;
this.toggleSelection();
}, },
// 当期页发生变化 // 当期页发生变化
handleCurrPageChange: function(val) { handleCurrPageChange: function(val) {
......
src/views/SystemManage/scss/group.scss
...@@ -15,7 +15,7 @@ ...@@ -15,7 +15,7 @@
line-height: 24px; line-height: 24px;
} }
.clear-btn { .clear-btn {
width: 28px; width: 38px;
border: none; border: none;
height: 22px; height: 22px;
padding: 0; padding: 0;
...@@ -243,10 +243,56 @@ ...@@ -243,10 +243,56 @@
.user-dialog{ .user-dialog{
.header{ .header{
//border: saddlebrown 1px solid; //border: saddlebrown 1px solid;
width: 823px; width: 780px;
height: 40px; height: 45px;
padding: 0;
.btn{
width: 96px;
height: 32px;
border-radius: 4px;
border: 1px solid #AEB5C2;
font-size: 14px;
color: #2E3846;
text-align: center;
cursor: pointer;
}
.btn-right{
//border: 1px solid darkblue;
position: absolute;
right: 24px;
.btn{
width: 96px;
height: 32px;
border-radius: 4px;
border: 1px solid #AEB5C2;
font-size: 14px;
color: #2E3846;
line-height: 32px;
text-align: center;
margin-left: 15px;
}
}
// 未选中字体颜色
/deep/ .el-checkbox {
font-size: 14px;
color: #333333;
font-weight: 400;
}
/deep/ .el-checkbox__input .el-checkbox__inner:hover {
border-color: #055fe7;
}
// 选中样式
/deep/.el-checkbox__input.is-checked + .el-checkbox__label {
font-size: 14px;
font-weight: 400;
color: #333333;
}
/deep/ .el-checkbox__input.is-checked .el-checkbox__inner {
background: #055fe7;
border-color: #055fe7;
}
} }
.user-table{}
} }
} }
/deep/ .el-dialog{ /deep/ .el-dialog{
...@@ -355,4 +401,285 @@ ...@@ -355,4 +401,285 @@
cursor:pointer; cursor:pointer;
} }
} }
}
// 用户设置
.userDialogBg{
position: absolute;
top: 0;
left: 0;
z-index: 500;
width: 100%;
height: 100%;
background: rgba($color: #fff, $alpha: 0.65);
filter: blur(2px);
}
.userDialog{
box-sizing: border-box;
position: absolute;
top: calc(50% - 257px);
left: calc(50% - 471.5px);
z-index: 1000;
width: 890px;
height: 540px;
background: #ffffff;
box-shadow: 0px 14px 30px 0px rgba(0, 21, 51, 0.25);
border-radius: 6px;
.head-title {
box-sizing: border-box;
width: 100%;
height: 50px;
display: flex;
justify-content: space-between;
padding: 14px 32px;
border-bottom:1px solid #EEEEEE ;
.left {
font-size: 16px;
color: #282f3c;
.title-img{
width: 21px;
height: 21px;
margin-right:8px;
}
}
.close {
cursor: pointer;
width: 13px;
height: 13px;
img {
object-fit: contain;
}
}
}
.info{
padding: 12px 24px 12px 24px;
.header{
width: 780px;
height: 45px;
padding: 0;
.btn{
width: 96px;
height: 32px;
border-radius: 4px;
border: 1px solid #AEB5C2;
font-size: 14px;
color: #2E3846;
text-align: center;
cursor: pointer;
}
.btn-right{
//border: 1px solid darkblue;
position: absolute;
right: 24px;
.btn{
width: 96px;
height: 32px;
border-radius: 4px;
border: 1px solid #AEB5C2;
font-size: 14px;
color: #2E3846;
line-height: 32px;
text-align: center;
margin-left: 15px;
}
}
// 未选中字体颜色
/deep/ .el-checkbox {
font-size: 14px;
color: #333333;
font-weight: 400;
}
/deep/ .el-checkbox__input .el-checkbox__inner:hover {
border-color: #055fe7;
}
// 选中样式
/deep/.el-checkbox__input.is-checked + .el-checkbox__label {
font-size: 14px;
font-weight: 400;
color: #333333;
}
/deep/ .el-checkbox__input.is-checked .el-checkbox__inner {
background: #055fe7;
border-color: #055fe7;
}
}
.tag{
width:100%;color:#666666;margin-bottom:1rem
}
.user-table{
width: 100%;
}
}
.addbtns{
width: 100%;
text-align: center;
.btn1{
width: 72px;
height: 40px;
background: #FFFFFF;
border-radius: 4px;
border: 1px solid #AEB5C2;
font-size: 14px;
color: #2E3846;
line-height: 40px;
margin-right: 15px;
cursor: pointer;
}
.btn2{
width: 72px;
height: 40px;
background: #055FE7;
border-radius: 4px;
font-size: 14px;
color: #FFFFFF;
line-height: 40px;
cursor: pointer;
}
}
}
// 角色设置 背景
.roleDialogBg{
position: absolute;
top: 0;
left: 0;
z-index: 500;
width: 100%;
height: 100%;
background: rgba($color: #fff, $alpha: 0.65);
filter: blur(2px);
}
.roleDialog{
box-sizing: border-box;
position: absolute;
top: calc(50% - 257px);
left: calc(50% - 471.5px);
z-index: 1000;
width: 626px;
height: 440px;
background: #ffffff;
box-shadow: 0px 14px 30px 0px rgba(0, 21, 51, 0.25);
border-radius: 6px;
.head-title {
box-sizing: border-box;
width: 100%;
height: 50px;
display: flex;
justify-content: space-between;
padding: 14px 32px;
border-bottom:1px solid #EEEEEE ;
.left {
font-size: 16px;
color: #282f3c;
.title-img{
width: 21px;
height: 21px;
margin-right:8px;
}
}
.close {
cursor: pointer;
width: 13px;
height: 13px;
img {
object-fit: contain;
}
}
}
.info{
padding: 24px;
.header{
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
margin-bottom:10px
}
//border: saddlebrown 1px solid;
.default-role-group{
width: 578px;
height: auto;
background: #FDFEFF;
box-shadow: 1px 0px 3px 0px rgba(5, 95, 231, 0.3), -1px 1px 3px 0px rgba(5, 95, 231, 0.24);
border-radius: 4px;
padding: 16px;
margin: 0;
display: flex;
flex-direction: row;
flex-wrap:wrap;
.default-btn{
width: 160px;
height: 32px;
background: #F6F8FA;
border-radius: 4px;
font-size: 14px;
color: #333333;
line-height:32px;
text-align: center;
margin-right: 16px;
}
}
.add-btn{
width: 80px;
height: 22px;
font-size: 14px;
font-family: MicrosoftYaHei;
color: #055FE7;
line-height: 22px;
margin: 16px 0 16px 0;
}
.add-role-group{
width: 578px;
height: 111px;
background: #F6F8FA;
box-shadow: 1px 0px 3px 0px rgba(5, 95, 231, 0.3), -1px 1px 3px 0px rgba(5, 95, 231, 0.24);
border-radius: 4px;
padding: 16px;
margin: 0;
display: flex;
flex-direction: row;
flex-wrap:wrap;
.default-btn{
width: 160px;
height: 32px;
background: #F6F8FA;
box-shadow: 4px 4px 4px 0px rgba(193, 216, 251, 0.8), -4px -4px 4px 0px #FFFFFF;
border-radius: 4px;
font-size: 14px;
color: #333333;
line-height:32px;
text-align: center;
margin-right: 16px;
}
}
}
.addbtns{
width: 100%;
text-align: center;
.btn1{
width: 72px;
height: 40px;
background: #FFFFFF;
border-radius: 4px;
border: 1px solid #AEB5C2;
font-size: 14px;
color: #2E3846;
line-height: 40px;
cursor: pointer;
margin-right: 15px;
}
.btn2{
width: 72px;
height: 40px;
background: #055FE7;
border-radius: 4px;
font-size: 14px;
color: #FFFFFF;
line-height: 40px;
cursor: pointer;
}
}
} }
\ No newline at end of file
src/views/cxyrd/QueryConfirm.vue
...@@ -958,6 +958,7 @@ export default { ...@@ -958,6 +958,7 @@ export default {
// 批量操作 // 批量操作
batch() { batch() {
this.isSelected = !this.isSelected; this.isSelected = !this.isSelected;
this.toggleSelection();
}, },
/** /**
* @description: 清除所有选项 * @description: 清除所有选项
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment