Skip to content

F
founder_vue
Commit e52ad435 by maxiaohan
Options

用户组管理+新增用户 静态页面

parent 2a151cbd
Showing with 653 additions and 6 deletions
src/views/SystemManage/UserManage.vue
......@@ -118,7 +118,7 @@
<div class="table-data">
<el-table
highlight-current-row
ref="singleTable"
ref="multipleTable"
:data="tableData"
class="table"
@selection-change="handleSelectionChange"
......@@ -409,5 +409,5 @@ export default {
};
</script>
<style scoped lang="scss">
@import "./scss/adduser.scss";
@import "scss/user";
</style>
src/views/SystemManage/scss/group.scss 0 → 100644
.manage-page {
width: 100%;
padding: 24px;
font-family: MicrosoftYaHei;
div {
display: inline-block;
}
.title {
width: 80px;
height: 24px;
font-size: 16px;
font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
font-weight: bold;
color: #333333;
line-height: 24px;
}
.clear-btn {
width: 28px;
border: none;
height: 22px;
padding: 0;
margin: 0 12px 0 12px;
font-size: 14px;
font-weight: 350;
color: #333333;
text-align: center;
cursor: pointer;
&:hover {
color: #055fe7;
}
&:active {
color: #055fe7;
}
}
.search {
width: 100%;
height: 50px;
.search-item {
width: auto;
height: 32px;
margin: 5px 16px 5px 0;
.label {
width: auto;
height: 32px;
font-size: 14px;
font-family: MicrosoftYaHei;
color: #333333;
line-height: 32px;
margin: 8px;
}
.search-info {
width: 155px;
height: 32px;
background: #ffffff;
border-radius: 4px;
//border: 1px solid #e6e6e8;
//margin-top: 8px;
}
}
.btn {
position:absolute;
top: 110px;
right: 24px;
width: 95px;
height: 32px;
background: #055fe7;
border-radius: 4px;
line-height: 32px;
color: #ffffff;
font-size: 14px;
text-align: center;
cursor: pointer;
}
}
.operation {
width: 100%;
height: 45px;
display: flex;
flex-direction: row;
justify-content: space-between;
margin-top: 10px;
padding-top: 16px;
border-top: 1px #eeeeee solid;
.btn1 {
width: 96px;
height: 32px;
border-radius: 4px;
color: #2e3846;
font-size: 14px;
border: 1px solid #aeb5c2;
cursor: pointer;
line-height: 32px;
text-align: center;
&:hover {
border: #055fe7 1px solid;
color: #055fe7;
}
&:active {
border: #055fe7 1px solid;
color: #055fe7;
}
}
.btns {
.add {
width: 120px;
height: 32px;
line-height: 32px;
font-size: 14px;
background: #ffffff;
border-radius: 4px;
border: 1px solid #aeb5c2;
margin-left: 16px;
text-align: center;
cursor: pointer;
&:hover {
border: #055fe7 1px solid;
color: #055fe7;
}
&:active {
border: #055fe7 1px solid;
color: #055fe7;
}
}
}
}
.table-data {
height: 580px;
width: 100%;
}
.footer {
width: 1544px;
//width: calc(100vw - 367px);
position: absolute;
bottom: 27px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
.count {
font-size: 14px;
font-family: MicrosoftYaHei;
color: #666666;
}
.paging {
float: right;
}
/deep/.el-pager {
.number {
background-color: transparent;
}
.number.active {
background-color: #055fe7 !important;
box-shadow: 0px 12px 16px 1px rgba(0, 21, 51, 0.03);
border-radius: 6px;
}
.el-icon.more.btn-quicknext.el-icon-more,
.el-icon.more.btn-quickprev.el-icon-more {
background-color: transparent !important;
}
}
/deep/ .btn-prev,
/deep/ .btn-next {
background-color: transparent !important;
}
/deep/ .el-pagination__sizes {
position: absolute;
right: 0;
}
/deep/ .btn-next {
//margin-right: 120px !important;
}
}
//表格表头样式
/deep/.el-table th,
.el-table tr {
height: 48px;
background: #f6f8fa;
font-size: 14px;
color: #282f3c;
}
//表格内容样式
/deep/.el-table td,
.el-table tr {
height: 55px;
background: #ffffff;
font-size: 14px;
color: #333333;
padding: 0;
font-weight: 400;
}
}
//新增用户 背景
.addUserDialogBg {
position: absolute;
top: 0;
left: 0;
z-index: 500;
width: 100%;
height: 100%;
background: rgba($color: #fff, $alpha: 0.65);
filter: blur(2px);
}
//新增用户信息
.addUserDialog{
box-sizing: border-box;
position: absolute;
top: calc(50% - 257px);
left: calc(50% - 471.5px);
z-index: 1000;
width: 890px;
height: 410px;
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;
}
.close {
cursor: pointer;
width: 13px;
height: 13px;
img {
object-fit: contain;
}
}
}
.info{
width: 100%;
display: flex;
flex-direction: column;
justify-content:center;
padding-left: 230px;
padding-top: 10px;
margin-top: 10px;
margin-bottom: 10px;
.info-item{
margin-top:3px;
margin-bottom: 6px;
width: 400px;
height: 40px;
display: flex;
flex-direction: row;
justify-content: center;
.label {
width: 105px;
height: 35px;
font-size: 14px;
color: #333333;
line-height: 35px;
}
.input-info{
width: 264px;
height: 35px;
background: #FFFFFF;
box-shadow: 0px 6px 10px 2px rgba(0, 21, 51, 0.06);
border-radius: 4px;
}
.radio-info{
margin-top: 10px;
width: 264px;
height: 35px;
}
}
}
.addbtns{
border-top:1px solid #EEEEEE ;
padding-top: 20px;
width: 100%;
text-align: center;
.add{
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: 24px;
}
.cancel{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/SystemManage/scss/adduser.scss → src/views/SystemManage/scss/user.scss
......@@ -59,6 +59,9 @@
}
}
.btn {
position:absolute;
top: 110px;
right: 24px;
width: 95px;
height: 32px;
background: #055fe7;
......
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