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
e9314648
Commit
e9314648
authored
Nov 09, 2021
by
maxiaohan
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
角色的静态页面 新增和删除
parent
92f43cf7
Hide whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
109 additions
and
21 deletions
+109
-21
src/views/SystemManage/RoleManage.vue
+67
-21
src/views/SystemManage/scss/role.scss
+42
-0
No files found.
src/views/SystemManage/RoleManage.vue
View file @
e9314648
...
@@ -16,7 +16,7 @@
...
@@ -16,7 +16,7 @@
style=
"height: .9375rem;width: .9375rem;margin-left:.0625rem ;margin-top: .25rem"
style=
"height: .9375rem;width: .9375rem;margin-left:.0625rem ;margin-top: .25rem"
/>
/>
</div>
</div>
<div
class=
"img-btn"
@
click=
"del"
>
<div
class=
"img-btn"
@
click=
"del
(diyRoleItemIndex)
"
>
<img
<img
src=
"../../assets/img/role/delete.png"
src=
"../../assets/img/role/delete.png"
style=
"height: .9375rem;width: .9375rem;margin-left:.0625rem ;margin-top: .25rem"
style=
"height: .9375rem;width: .9375rem;margin-left:.0625rem ;margin-top: .25rem"
...
@@ -29,10 +29,24 @@
...
@@ -29,10 +29,24 @@
v-for=
"(item, index) in defaultRoleBtns"
v-for=
"(item, index) in defaultRoleBtns"
:key=
"index"
:key=
"index"
:class=
"
{ active: item.flag }"
:class=
"
{ active: item.flag }"
@click="chooseDefaultRoleItem(index)"
>
>
{{
item
.
name
}}
{{
item
.
name
}}
</div>
</div>
</div>
</div>
<div
class=
"diy-roles"
>
<div
class=
"diy-role-item"
v-for=
"(item, index) in diyRoleList"
:key=
"index"
:class=
"
{ active: item.flag === true }"
@click="chooseDiyRoleItem(index)"
>
{{
item
.
name
}}
<!--
<div
class=
"diy-edit-title"
>
{{
item
.
name
}}
</div>
-->
<!--
<div
class=
"diy-edit-btn"
></div>
-->
</div>
</div>
</div>
</div>
<div
class=
"main"
>
<div
class=
"main"
>
<div
class=
"header"
>
<div
class=
"header"
>
...
@@ -308,8 +322,11 @@ export default {
...
@@ -308,8 +322,11 @@ export default {
{
name
:
"本地重卡反馈"
,
code
:
14
,
flag
:
false
},
{
name
:
"本地重卡反馈"
,
code
:
14
,
flag
:
false
},
{
name
:
"本地涉案反馈"
,
code
:
15
,
flag
:
false
}
{
name
:
"本地涉案反馈"
,
code
:
15
,
flag
:
false
}
],
],
// 角色权限选项
// 保存的角色选项
roleMenusSelection
:
[]
roleMenusSelection
:
[],
// 自定义的角色组
diyRoleList
:
[],
diyRoleItemIndex
:
-
1
};
};
},
},
methods
:
{
methods
:
{
...
@@ -335,32 +352,39 @@ export default {
...
@@ -335,32 +352,39 @@ export default {
.
catch
(
failResponse
=>
{});
.
catch
(
failResponse
=>
{});
},
},
// 删除
// 删除
del
()
{
del
(
id
)
{
console
.
info
(
"删除数据"
);
console
.
info
(
"删除数据"
,
id
);
var
sysRole
=
new
URLSearchParams
();
this
.
diyRoleList
.
splice
(
id
,
1
);
sysRole
.
append
(
"roleId"
,
"16"
);
// var sysRole = new URLSearchParams();
this
.
$axios
// sysRole.append("roleId", "16");
.
post
(
"/login/role/deleteRoleById"
,
sysRole
)
// this.$axios
.
then
(
res
=>
{})
// .post("/login/role/deleteRoleById", sysRole)
.
catch
(
failResponse
=>
{});
// .then(res => {})
// .catch(failResponse => {});
},
},
// 新增
// 新增
add
()
{
add
()
{
var
roleitem
=
{
name
:
"自定义"
+
(
this
.
diyRoleList
.
length
+
1
),
flag
:
false
,
code
:
this
.
diyRoleList
.
length
};
this
.
diyRoleList
.
push
(
roleitem
);
console
.
info
(
"新增数据"
);
console
.
info
(
"新增数据"
);
var
role
=
new
URLSearchParams
();
//
var role = new URLSearchParams();
role
.
append
(
"roleName"
,
"角色名"
);
//
role.append("roleName", "角色名");
role
.
append
(
"description"
,
"角色描述"
);
//
role.append("description", "角色描述");
// sffb; //(是否发布:0:未发布,1:已发布),
// sffb; //(是否发布:0:未发布,1:已发布),
// pid; // (父级角色的id),
// pid; // (父级角色的id),
// isparent; //(是否是父级:0:父级,1:子级),
// isparent; //(是否是父级:0:父级,1:子级),
// type角色类型;
// type角色类型;
this
.
$axios
//
this.$axios
.
post
(
"/login/role/add"
,
role
)
//
.post("/login/role/add", role)
.
then
(
res
=>
{
//
.then(res => {
console
.
log
(
res
);
//
console.log(res);
this
.
$message
.
success
(
res
.
message
);
//
this.$message.success(res.message);
})
//
})
.
catch
(
failResponse
=>
{});
//
.catch(failResponse => {});
},
},
// 编辑
// 编辑
edit
()
{
edit
()
{
...
@@ -382,6 +406,28 @@ export default {
...
@@ -382,6 +406,28 @@ export default {
.
then
(
res
=>
{})
.
then
(
res
=>
{})
.
catch
(
failResponse
=>
{});
.
catch
(
failResponse
=>
{});
},
},
// 选中默认权限
chooseDefaultRoleItem
(
index
)
{
this
.
defaultRoleBtns
.
forEach
((
roleitem
,
idx
)
=>
{
if
(
idx
===
index
)
{
roleitem
.
flag
=
true
;
}
else
{
roleitem
.
flag
=
false
;
}
});
},
// 选中自定义某个权限
chooseDiyRoleItem
(
index
)
{
this
.
diyRoleItemIndex
=
index
;
this
.
diyRoleList
.
forEach
((
roleitem
,
idx
)
=>
{
if
(
idx
===
index
)
{
roleitem
.
flag
=
true
;
}
else
{
roleitem
.
flag
=
false
;
}
});
// this.diyRoleList[index].flag = true;
},
funAuth
()
{
funAuth
()
{
this
.
funFlag
=
true
;
this
.
funFlag
=
true
;
this
.
dataFlag
=
false
;
this
.
dataFlag
=
false
;
...
...
src/views/SystemManage/scss/role.scss
View file @
e9314648
...
@@ -77,6 +77,48 @@
...
@@ -77,6 +77,48 @@
}
}
}
}
}
}
.diy-roles
{
//border: saddlebrown 1px solid;
width
:
215px
;
height
:
366px
;
display
:
flex
;
flex-direction
:
column
;
padding-top
:
10px
;
overflow
:scroll
;
.diy-role-item
{
width
:
190px
;
height
:
40px
;
border-radius
:
4px
;
border
:
1px
solid
#AEB5C2
;
font-size
:
14px
;
color
:
#333333
;
line-height
:
40px
;
margin-bottom
:
10px
;
cursor
:
pointer
;
&
.active
{
border
:
1px
solid
#055FE7
;
color
:
#055FE7
;
}
//.diy-edit-title{
// //border: saddlebrown 1px solid;
// height: 19px;
// font-size: 14px;
// color: #333333;
// line-height: 19px;
//}
//.diy-edit-btn{
// width: 28px;
// height: 20px;
// background: #DDEBFF;
// box-shadow: 0px 0px 4px 0px rgba(5, 95, 231, 0.3);
// border-bottom-left-radius:250px;
// position: relative;
// right: -55px;
// top: -3px;
//}
}
}
}
}
.main
{
.main
{
width
:
100%
;
width
:
100%
;
...
...
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