|
@@ -17,14 +17,14 @@
|
|
|
|
|
|
|
|
<!-- 头部工具栏 -->
|
|
<!-- 头部工具栏 -->
|
|
|
<script type="text/html" id="toolbar">
|
|
<script type="text/html" id="toolbar">
|
|
|
-<!-- <button class="layui-btn layui-btn-sm" lay-event="addPaper">添加</button>-->
|
|
|
|
|
|
|
+ <!-- <button class="layui-btn layui-btn-sm" lay-event="addPaper">添加</button>-->
|
|
|
</script>
|
|
</script>
|
|
|
|
|
|
|
|
<!-- 操作列 -->
|
|
<!-- 操作列 -->
|
|
|
<script type="text/html" id="operating">
|
|
<script type="text/html" id="operating">
|
|
|
-<!-- <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="setRole">设置权限</a>-->
|
|
|
|
|
-<!-- <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="edit">修改</a>-->
|
|
|
|
|
-<!-- <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>-->
|
|
|
|
|
|
|
+ <!-- <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="setRole">设置权限</a>-->
|
|
|
|
|
+ <!-- <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="edit">修改</a>-->
|
|
|
|
|
+ <!-- <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>-->
|
|
|
</script>
|
|
</script>
|
|
|
|
|
|
|
|
</body>
|
|
</body>
|
|
@@ -33,7 +33,7 @@
|
|
|
<script src="../../lib/layui-v2.5.5/layui.js" charset="utf-8"></script>
|
|
<script src="../../lib/layui-v2.5.5/layui.js" charset="utf-8"></script>
|
|
|
<script src="../../js/lay-config.js?v=1.0.4" charset="utf-8"></script>
|
|
<script src="../../js/lay-config.js?v=1.0.4" charset="utf-8"></script>
|
|
|
<script>
|
|
<script>
|
|
|
- layui.use(['table','http'], function () {
|
|
|
|
|
|
|
+ layui.use(['table', 'http'], function () {
|
|
|
/**变-------------------------------量-------------------------------定-------------------------------义*/
|
|
/**变-------------------------------量-------------------------------定-------------------------------义*/
|
|
|
|
|
|
|
|
var table = layui.table,
|
|
var table = layui.table,
|
|
@@ -45,48 +45,48 @@
|
|
|
http.getRoleButton(18)
|
|
http.getRoleButton(18)
|
|
|
//数据加载方法
|
|
//数据加载方法
|
|
|
let renderTable = function () {
|
|
let renderTable = function () {
|
|
|
- // 加载表格数据
|
|
|
|
|
- table.render({
|
|
|
|
|
- elem: '#paper-table',
|
|
|
|
|
- url: 'system/role/select',
|
|
|
|
|
- toolbar: '#toolbar', //开启头部工具栏,并为其绑定左侧模板
|
|
|
|
|
- defaultToolbar: ['filter', 'exports', 'print'],
|
|
|
|
|
- title: '用户数据表',
|
|
|
|
|
- page: {
|
|
|
|
|
- curr: curr
|
|
|
|
|
- },
|
|
|
|
|
- limit: 15,
|
|
|
|
|
- limits: [15, 30, 45, 60],
|
|
|
|
|
- request: {
|
|
|
|
|
- pageName: 'pageNum',
|
|
|
|
|
- limitName: 'pageSize'
|
|
|
|
|
- },
|
|
|
|
|
- response: {
|
|
|
|
|
- statusCode: 200 //重新规定成功的状态码为 200,table 组件默认为 0
|
|
|
|
|
- },
|
|
|
|
|
- parseData: function (res) {
|
|
|
|
|
- return {
|
|
|
|
|
- "code": res.code,
|
|
|
|
|
- "msg": res.msg,
|
|
|
|
|
- "count": res.data.total,
|
|
|
|
|
- "data": res.data.list
|
|
|
|
|
- }
|
|
|
|
|
- },
|
|
|
|
|
- done: function(res, curr1, count) {
|
|
|
|
|
- // $('th').css({'background-color': '#1aa094', 'color': '#fff','font-weight':'bold'})
|
|
|
|
|
- curr = curr1
|
|
|
|
|
- },
|
|
|
|
|
- cols: [[
|
|
|
|
|
- // {type: 'checkbox', fixed: 'left'}
|
|
|
|
|
- {type: 'numbers'},
|
|
|
|
|
- {field: 'roleName', title: '角色名称'},
|
|
|
|
|
- {field: 'remark', title: '角色描述'},
|
|
|
|
|
- {field: 'createTime', title: '创建时间'},
|
|
|
|
|
- {templet: '#operating', align: 'center', title: '操作'}
|
|
|
|
|
- ]]
|
|
|
|
|
- });
|
|
|
|
|
|
|
+ // 加载表格数据
|
|
|
|
|
+ table.render({
|
|
|
|
|
+ elem: '#paper-table',
|
|
|
|
|
+ url: 'system/role/select',
|
|
|
|
|
+ toolbar: '#toolbar', //开启头部工具栏,并为其绑定左侧模板
|
|
|
|
|
+ defaultToolbar: ['filter', 'exports', 'print'],
|
|
|
|
|
+ title: '用户数据表',
|
|
|
|
|
+ page: {
|
|
|
|
|
+ curr: curr
|
|
|
|
|
+ },
|
|
|
|
|
+ limit: 15,
|
|
|
|
|
+ limits: [15, 30, 45, 60],
|
|
|
|
|
+ request: {
|
|
|
|
|
+ pageName: 'pageNum',
|
|
|
|
|
+ limitName: 'pageSize'
|
|
|
|
|
+ },
|
|
|
|
|
+ response: {
|
|
|
|
|
+ statusCode: 200 //重新规定成功的状态码为 200,table 组件默认为 0
|
|
|
|
|
+ },
|
|
|
|
|
+ parseData: function (res) {
|
|
|
|
|
+ return {
|
|
|
|
|
+ "code": res.code,
|
|
|
|
|
+ "msg": res.msg,
|
|
|
|
|
+ "count": res.data.total,
|
|
|
|
|
+ "data": res.data.list
|
|
|
|
|
+ }
|
|
|
|
|
+ },
|
|
|
|
|
+ done: function (res, curr1, count) {
|
|
|
|
|
+ // $('th').css({'background-color': '#1aa094', 'color': '#fff','font-weight':'bold'})
|
|
|
|
|
+ curr = curr1
|
|
|
|
|
+ },
|
|
|
|
|
+ cols: [[
|
|
|
|
|
+ // {type: 'checkbox', fixed: 'left'}
|
|
|
|
|
+ {type: 'numbers'},
|
|
|
|
|
+ {field: 'roleName', title: '角色名称'},
|
|
|
|
|
+ {field: 'remark', title: '角色描述'},
|
|
|
|
|
+ {field: 'createTime', title: '创建时间'},
|
|
|
|
|
+ {templet: '#operating', align: 'center', title: '操作'}
|
|
|
|
|
+ ]]
|
|
|
|
|
+ });
|
|
|
|
|
|
|
|
- }
|
|
|
|
|
|
|
+ }
|
|
|
|
|
|
|
|
//添加方法
|
|
//添加方法
|
|
|
let addPaper = function () {
|
|
let addPaper = function () {
|
|
@@ -109,7 +109,7 @@
|
|
|
//删除方法
|
|
//删除方法
|
|
|
let delPaper = function (id) {
|
|
let delPaper = function (id) {
|
|
|
layer.confirm('真的删除行么', function (index) {
|
|
layer.confirm('真的删除行么', function (index) {
|
|
|
- http.delete('system/role/delete',{id: id},true,function (res) {
|
|
|
|
|
|
|
+ http.delete('system/role/delete', {id: id}, true, function (res) {
|
|
|
if (res.code == 200) {
|
|
if (res.code == 200) {
|
|
|
layer.msg('删除成功', {
|
|
layer.msg('删除成功', {
|
|
|
icon: 1,
|
|
icon: 1,
|
|
@@ -127,7 +127,7 @@
|
|
|
});
|
|
});
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
- let updPaper = function(id){
|
|
|
|
|
|
|
+ let updPaper = function (id) {
|
|
|
layer.open({
|
|
layer.open({
|
|
|
title: '修改权限',
|
|
title: '修改权限',
|
|
|
type: 2,
|
|
type: 2,
|
|
@@ -135,10 +135,8 @@
|
|
|
maxmin: true,
|
|
maxmin: true,
|
|
|
shadeClose: true,
|
|
shadeClose: true,
|
|
|
area: ['100%', '100%'],
|
|
area: ['100%', '100%'],
|
|
|
- content: './edit.html',
|
|
|
|
|
|
|
+ content: './edit.html?id=' + id,
|
|
|
success: function (layero, index) {
|
|
success: function (layero, index) {
|
|
|
- var body=layer.getChildFrame('body',index);
|
|
|
|
|
- body.find("#id").val(id);
|
|
|
|
|
},
|
|
},
|
|
|
end: function () {
|
|
end: function () {
|
|
|
renderTable()
|
|
renderTable()
|
|
@@ -146,7 +144,7 @@
|
|
|
});
|
|
});
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
- let setRole = function(id){
|
|
|
|
|
|
|
+ let setRole = function (id) {
|
|
|
layer.open({
|
|
layer.open({
|
|
|
title: '设置权限',
|
|
title: '设置权限',
|
|
|
type: 2,
|
|
type: 2,
|
|
@@ -154,10 +152,8 @@
|
|
|
maxmin: true,
|
|
maxmin: true,
|
|
|
shadeClose: true,
|
|
shadeClose: true,
|
|
|
area: ['100%', '100%'],
|
|
area: ['100%', '100%'],
|
|
|
- content: './editRole.html',
|
|
|
|
|
|
|
+ content: './editRole.html?id=' + id,
|
|
|
success: function (layero, index) {
|
|
success: function (layero, index) {
|
|
|
- var body=layer.getChildFrame('body',index);
|
|
|
|
|
- body.find("#id").val(id);
|
|
|
|
|
},
|
|
},
|
|
|
end: function () {
|
|
end: function () {
|
|
|
renderTable()
|
|
renderTable()
|
|
@@ -171,16 +167,24 @@
|
|
|
//头工具栏事件
|
|
//头工具栏事件
|
|
|
table.on('toolbar(paper-table)', function (obj) {
|
|
table.on('toolbar(paper-table)', function (obj) {
|
|
|
switch (obj.event) {
|
|
switch (obj.event) {
|
|
|
- case 'add': addPaper(); break;
|
|
|
|
|
|
|
+ case 'add':
|
|
|
|
|
+ addPaper();
|
|
|
|
|
+ break;
|
|
|
}
|
|
}
|
|
|
})
|
|
})
|
|
|
|
|
|
|
|
//监听行工具事件
|
|
//监听行工具事件
|
|
|
table.on('tool(paper-table)', function (obj) {
|
|
table.on('tool(paper-table)', function (obj) {
|
|
|
switch (obj.event) {
|
|
switch (obj.event) {
|
|
|
- case 'delete': delPaper(obj.data.id); break;
|
|
|
|
|
- case 'update': updPaper(obj.data.id); break;
|
|
|
|
|
- case 'setRole': setRole(obj.data.id); break;
|
|
|
|
|
|
|
+ case 'delete':
|
|
|
|
|
+ delPaper(obj.data.id);
|
|
|
|
|
+ break;
|
|
|
|
|
+ case 'update':
|
|
|
|
|
+ updPaper(obj.data.id);
|
|
|
|
|
+ break;
|
|
|
|
|
+ case 'setRole':
|
|
|
|
|
+ setRole(obj.data.id);
|
|
|
|
|
+ break;
|
|
|
}
|
|
}
|
|
|
})
|
|
})
|
|
|
});
|
|
});
|