Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
F
founder_vue
Overview
Overview
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
常超
founder_vue
Commits
e52ad435
Commit
e52ad435
authored
Oct 26, 2021
by
maxiaohan
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
用户组管理+新增用户 静态页面
parent
2a151cbd
Expand all
Hide whitespace changes
Inline
Side-by-side
Showing
4 changed files
with
653 additions
and
6 deletions
+653
-6
src/views/SystemManage/GroupManage.vue
+343
-4
src/views/SystemManage/UserManage.vue
+2
-2
src/views/SystemManage/scss/group.scss
+305
-0
src/views/SystemManage/scss/user.scss
+3
-0
No files found.
src/views/SystemManage/GroupManage.vue
View file @
e52ad435
This diff is collapsed.
Click to expand it.
src/views/SystemManage/UserManage.vue
View file @
e52ad435
...
...
@@ -118,7 +118,7 @@
<div
class=
"table-data"
>
<el-table
highlight-current-row
ref=
"
sing
leTable"
ref=
"
multip
leTable"
: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
View file @
e52ad435
.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/
add
user.scss
→
src/views/SystemManage/scss/user.scss
View file @
e52ad435
...
...
@@ -59,6 +59,9 @@
}
}
.btn
{
position
:absolute
;
top
:
110px
;
right
:
24px
;
width
:
95px
;
height
:
32px
;
background
:
#055fe7
;
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment