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
956d2fe7
Commit
956d2fe7
authored
Oct 30, 2021
by
maxiaohan
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
权限主界面 静态页面
parent
53bcd3d5
Hide whitespace changes
Inline
Side-by-side
Showing
3 changed files
with
330 additions
and
4 deletions
+330
-4
src/views/SystemManage/AuthManage.vue
+173
-3
src/views/SystemManage/GroupManage.vue
+0
-1
src/views/SystemManage/scss/auth.scss
+157
-0
No files found.
src/views/SystemManage/AuthManage.vue
View file @
956d2fe7
<
template
>
<
template
>
<div>
权限管理
</div>
<el-container
class=
"manage-page"
direction=
"vertical"
>
<!--权限管理-->
<dvi
class=
"header"
>
<div
class=
"btns"
>
<div
class=
"btn"
:class=
"
{ active: isUser }" @click="getUser">
用户列表
</div>
<div
class=
"btn"
:class=
"
{ active: isGroup }" @click="getGroup">
用户组列表
</div>
</div>
</dvi
><br
/>
<div
class=
"search"
>
<div
class=
"search-item"
>
<div
class=
"label"
>
用户组:
</div>
<div
class=
"input"
>
请输入并选择
</div>
</div>
<div
class=
"search-item"
>
<div
class=
"label"
>
用户名:
</div>
<div
class=
"input"
>
请输入并选择
</div>
</div>
<div
class=
"search-item"
>
<div
class=
"label"
>
姓名:
</div>
<div
class=
"input"
>
请输入并选择
</div>
</div>
<div
class=
"search-item"
>
<div
class=
"label"
>
用户所属单位代码:
</div>
<div
class=
"input"
>
请输入并选择
</div>
</div>
<div
class=
"search-item"
>
<div
class=
"label"
>
组角色:
</div>
<div
class=
"input"
>
请输入并选择
</div>
</div>
<div
class=
"btns"
>
<div
class=
"btn-clear"
>
清空
</div>
<div
class=
"btn-search"
>
筛选用户组
</div>
</div>
</div>
<div
class=
"main"
>
<div
v-if=
"isUser"
class=
"user"
>
<el-table
height=
"720"
highlight-current-row
ref=
"userMultipleTable"
:data=
"userTableData"
class=
"table"
@
selection-change=
"userHandleSelectionChange"
>
<el-table-column
prop=
"date"
label=
"用户名"
>
</el-table-column>
<el-table-column
prop=
"name"
label=
"姓名"
>
</el-table-column>
<el-table-column
prop=
"address"
label=
"警号"
>
</el-table-column
><el-table-column
prop=
"date"
label=
"用户组"
>
</el-table-column>
<el-table-column
prop=
"name"
label=
"所属单位"
>
</el-table-column>
<el-table-column
prop=
"address"
label=
"角色"
>
</el-table-column
><el-table-column
prop=
"date"
label=
"权限"
>
</el-table-column>
<el-table-column
prop=
"name"
label=
"启用状态"
>
</el-table-column>
<el-table-column
prop=
"address"
label=
"操作"
></el-table-column>
</el-table>
</div>
<div
v-if=
"isGroup"
class=
"group"
>
<el-table
height=
"720"
highlight-current-row
ref=
"groupMultipleTable"
:data=
"groupTableData"
class=
"table"
@
selection-change=
"groupHandleSelectionChange"
>
<el-table-column
prop=
"date"
label=
"用户组"
>
</el-table-column>
<el-table-column
prop=
"name"
label=
"组角色"
>
</el-table-column>
<el-table-column
prop=
"address"
label=
"组成员"
>
</el-table-column>
<el-table-column
prop=
"date"
label=
"启用状态"
>
</el-table-column>
<el-table-column
prop=
"address"
label=
"操作"
></el-table-column>
</el-table>
</div>
</div>
<div
class=
"footer"
>
<span
class=
"count"
>
共
{{
reqParam
.
page
.
total
}}
条记录 第
{{
reqParam
.
page
.
currPage
}}
/
{{
Tpage
}}
页
</span
>
<div
class=
"page"
>
<el-pagination
class=
"paging"
background
@
size-change=
"handleSizeChange"
@
current-change=
"handleCurrPageChange"
:current-page=
"reqParam.page.currPage"
:page-sizes=
"[10, 20, 50, 100]"
:page-size=
"reqParam.page.pageSize"
layout=
"prev, pager, next"
:total=
"reqParam.page.total"
>
</el-pagination>
</div>
</div>
</el-container>
</
template
>
</
template
>
<
script
>
<
script
>
export
default
{
export
default
{
name
:
"AuthManage"
name
:
"AuthManage"
,
data
()
{
return
{
reqParam
:
{
userdesc
:
""
,
page
:
{
total
:
0
,
pageSize
:
10
,
currPage
:
1
}
},
isUser
:
false
,
isGroup
:
false
,
userTableData
:
[],
groupTableData
:
[],
// 选中user的数据
userMultipleSelection
:
[],
// 选中group的数据
groupMultipleSelection
:
[]
};
},
computed
:
{
// 计算总页数
Tpage
()
{
return
(
Math
.
floor
(
this
.
reqParam
.
page
.
total
/
this
.
reqParam
.
page
.
pageSize
)
+
1
);
}
},
methods
:
{
getUser
()
{
this
.
isUser
=
true
;
this
.
isGroup
=
false
;
},
getGroup
()
{
this
.
isUser
=
false
;
this
.
isGroup
=
true
;
},
// 选择数据
userHandleSelectionChange
(
val
)
{
this
.
userMultipleSelection
=
val
;
console
.
info
(
"选择的数据"
,
this
.
userMultipleSelection
);
if
(
this
.
userMultipleSelection
.
length
)
{
this
.
isShowTip
=
true
;
}
else
{
this
.
isShowTip
=
false
;
}
},
// 选择数据
groupHandleSelectionChange
(
val
)
{
this
.
groupMultipleSelection
=
val
;
console
.
info
(
"选择的数据"
,
this
.
groupMultipleSelection
);
if
(
this
.
groupMultipleSelection
.
length
)
{
this
.
isShowTip
=
true
;
}
else
{
this
.
isShowTip
=
false
;
}
},
// 当期页发生变化
handleCurrPageChange
:
function
(
val
)
{
this
.
reqParam
.
page
.
currPage
=
val
;
// this.search();
},
// 每页展示数量发生变化
handleSizeChange
:
function
(
val
)
{
this
.
reqParam
.
page
.
pageSize
=
val
;
// this.search();
}
},
mounted
()
{
this
.
isUser
=
true
;
}
};
};
</
script
>
</
script
>
<
style
scoped
></
style
>
<
style
scoped
lang=
"scss"
>
@import
"scss/auth.scss"
;
</
style
>
src/views/SystemManage/GroupManage.vue
View file @
956d2fe7
...
@@ -103,7 +103,6 @@
...
@@ -103,7 +103,6 @@
<el-table-column
prop=
"address"
label=
"组成员"
>
</el-table-column
<el-table-column
prop=
"address"
label=
"组成员"
>
</el-table-column
><el-table-column
prop=
"date"
label=
"启用状态"
width=
"100"
>
><el-table-column
prop=
"date"
label=
"启用状态"
width=
"100"
>
</el-table-column>
</el-table-column>
<el-table-column
prop=
"address"
label=
"操作"
></el-table-column>
<el-table-column
prop=
"address"
label=
"操作"
></el-table-column>
</el-table>
</el-table>
</div>
</div>
...
...
src/views/SystemManage/scss/auth.scss
0 → 100644
View file @
956d2fe7
.manage-page
{
width
:
100%
;
padding
:
24px
;
font-family
:
MicrosoftYaHei
;
div
{
display
:
inline-block
;
}
.header
{
width
:
100%
;
.btns
{
width
:
260px
;
height
:
40px
;
.btn
{
text-align
:
center
;
width
:
129px
;
height
:
32px
;
font-size
:
14px
;
color
:
#282F3C
;
background
:
#F6F8FA
;
border-radius
:
2px
;
line-height
:
32px
;
cursor
:
pointer
;
&
.active
{
background
:
#055FE7
;
color
:
#FFFFFF
;
}
}
}
}
.search
{
width
:
100%
;
height
:
58px
;
border-bottom
:
1px
solid
#EEEEEE
;
padding-top
:
10px
;
margin-bottom
:
10px
;
display
:
flex
;
flex-direction
:
row
;
.search-item
{
width
:
auto
;
margin-right
:
17px
;
.label
{
width
:
auto
;
height
:
22px
;
font-size
:
14px
;
color
:
#333333
;
line-height
:
22px
;
margin-right
:
5px
;
}
.input
{
width
:
156px
;
height
:
32px
;
background
:
#FFFFFF
;
border-radius
:
4px
;
border
:
1px
solid
#E6E6E8
;
}
}
.btns
{
width
:
180px
;
position
:
absolute
;
right
:
24px
;
text-align
:
center
;
.btn-clear
{
width
:
50px
;
height
:
23px
;
font-size
:
14px
;
color
:
#055FE7
;
line-height
:
23px
;
cursor
:
pointer
;
}
.btn-search
{
width
:
110px
;
height
:
32px
;
font-size
:
14px
;
color
:
#FFFFFF
;
line-height
:
32px
;
background
:
#055FE7
;
border-radius
:
4px
;
margin-left
:
10px
;
cursor
:
pointer
;
}
}
}
.main
{
.user
{
width
:
1550px
;
height
:
700px
;
}
.group
{
width
:
100%
;
height
:
700px
;
}
}
.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
;
}
}
\ No newline at end of file
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