first commit
This commit is contained in:
@@ -0,0 +1,188 @@
|
||||
layui.use([ 'element', 'table', 'laydate', 'form' ], function() {
|
||||
var $ = layui.jquery;
|
||||
var table = layui.table;
|
||||
var laydate = layui.laydate;
|
||||
var element = layui.element;
|
||||
var form = layui.form;
|
||||
|
||||
// 生成表格
|
||||
table.render({
|
||||
elem : '#roleTable',
|
||||
url : '../../../getRoleList',
|
||||
toolbar : '#toolbarDemo',
|
||||
title : '角色表',// 导出文件名
|
||||
id : 'roleTableAll',
|
||||
// 开启分页
|
||||
page : {
|
||||
layout : [ 'count', 'prev', 'page', 'next', 'skip', 'limit' ]
|
||||
},
|
||||
/*request : {
|
||||
'limitName' : 'pageSize' // 分页每页条数默认字段改为pageSize
|
||||
},*/
|
||||
where:{
|
||||
roleName :''
|
||||
},
|
||||
cellMinWidth : 80, // 全局定义常规单元格的最小宽度，layui 2.2.1 新增
|
||||
cols : [ [ {
|
||||
type : 'numbers',
|
||||
title : '序号',
|
||||
width : 50,
|
||||
fixed : "left"
|
||||
}, {
|
||||
field : 'roleName',
|
||||
align : 'center',
|
||||
width : 200,
|
||||
title : '角色名称'
|
||||
},{
|
||||
field : 'remark',
|
||||
title : '说明',
|
||||
align : 'center',
|
||||
width : 500
|
||||
},{
|
||||
field : 'isRegist',
|
||||
title : '是否可注册',
|
||||
align : 'center',
|
||||
width : 120,
|
||||
templet : '#statusTpl',
|
||||
}, {
|
||||
field : 'createDate',
|
||||
title : '创建时间',
|
||||
align : 'center',
|
||||
width : 180,
|
||||
templet : function(d) {
|
||||
return d.createDate != null ?layui.util.toDateString(d.createDate, "yyyy-MM-dd HH:mm:ss") : "";
|
||||
}
|
||||
}, {
|
||||
fixed : 'right',
|
||||
title : '操作',
|
||||
align : 'center',
|
||||
width : 180,
|
||||
toolbar : '#barDemo'
|
||||
} ] ],
|
||||
parseData : function(res) { //将原始数据解析成 table 组件所规定的数据
|
||||
return {
|
||||
"code" : 0, //解析接口状态
|
||||
"msg" : "", //解析提示文本
|
||||
"count" : res.data.roleList.total,//解析数据长度
|
||||
"data" : res.data.roleList.list//解析数据列表
|
||||
};
|
||||
}
|
||||
});
|
||||
|
||||
//点击查询按钮，重载表格
|
||||
$('#searchBtn').on('click', function() {
|
||||
table.reload('roleTableAll', {
|
||||
method : 'post',
|
||||
where : {
|
||||
roleName : $("#roleName").val()
|
||||
},
|
||||
page : {
|
||||
curr : 1
|
||||
}
|
||||
});
|
||||
return false;
|
||||
});
|
||||
|
||||
//监听状态按钮
|
||||
form.on('switch(statusDemo)', function(obj){
|
||||
//layer.tips(this.value + ' ' + this.name + '：'+ obj.elem.checked, obj.othis);
|
||||
$.ajax({
|
||||
url : "../../../changeRoleStatus",
|
||||
dataType : 'json',
|
||||
data : {
|
||||
'roleId':obj.value
|
||||
},
|
||||
type : 'post',
|
||||
success : function(data) {
|
||||
if (data.code == 200) {
|
||||
layer.msg('状态修改成功！',{icon:6,offset:"auto",time:2000});//提示框
|
||||
}else{
|
||||
layer.msg('状态修改失败！',{icon:5,offset:"auto",time:2000});//提示框
|
||||
}
|
||||
setTimeout(function(){
|
||||
location.reload();//重新加载页面
|
||||
}, 2100);
|
||||
}
|
||||
})
|
||||
})
|
||||
|
||||
// 监听头部工作栏的 新增用户
|
||||
table.on('toolbar(roleTable)', function(obj) {
|
||||
var checkStatus = table.checkStatus(obj.config.id);
|
||||
switch (obj.event) {
|
||||
case 'add':
|
||||
layer.open({
|
||||
type : 2,
|
||||
title : "添加角色",
|
||||
fix: false, //不固定
|
||||
maxmin: true,
|
||||
area : [ '45%', '70%' ],
|
||||
content : './addRole.jsp',
|
||||
});
|
||||
break;
|
||||
}
|
||||
;
|
||||
});
|
||||
|
||||
// 监听 修改
|
||||
table.on('tool(roleTable)', function(obj) {
|
||||
var data1 = obj.data;
|
||||
if (obj.event === 'edit') {
|
||||
layer.open({
|
||||
type : 2,
|
||||
title : "修改角色信息",
|
||||
area : [ '600px', '400px' ],
|
||||
skin:'layui-layer-molv',
|
||||
content : './updateRole.jsp',
|
||||
success : function(layero, index) {
|
||||
var body = layer.getChildFrame('body', index);
|
||||
var iframeWin = window[layero.find('iframe')[0]['name']]; // 得到iframe页的窗口对象
|
||||
body.find('#roleId').val(data1.roleId);
|
||||
body.find('#roleName').val(data1.roleName);
|
||||
body.find('#remark').val(data1.remark);
|
||||
/*body.find('input[name=isRegist][value=1]').attr("checked",data1.isRegist==1 ? true : false);
|
||||
body.find('input[name=isRegist][value=0]').attr("checked",data1.isRegist==0 ? true : false);*/
|
||||
layui.form.render();
|
||||
}
|
||||
});
|
||||
}else if (obj.event === 'editPer') {
|
||||
roleId = data1.roleId;
|
||||
//发送一个异步请求，查询选中的角色/用户对应的权限，只需要编号
|
||||
$.post('../../../rolePers',{roleId:roleId},function (data) {
|
||||
//先获取所有的根节点
|
||||
var nodes = zTreeObj.getNodes();
|
||||
$.each(nodes,function () {
|
||||
//判断当前节点编号是否在 角色对应的权限编号数组中，说明该选中，否则不选中
|
||||
if($.inArray(this.perId,data) != -1){
|
||||
zTreeObj.checkNode(this,true,true);
|
||||
}else{
|
||||
zTreeObj.checkNode(this,false,true);
|
||||
}
|
||||
//判断二级节点
|
||||
$.each(this.children,function () {
|
||||
if($.inArray(this.perId,data) != -1){
|
||||
zTreeObj.checkNode(this,true,true);
|
||||
}else{
|
||||
zTreeObj.checkNode(this,false,true);
|
||||
}
|
||||
//判断三级节点
|
||||
$.each(this.children,function () {
|
||||
if ($.inArray(this.perId, data) != -1) {
|
||||
zTreeObj.checkNode(this, true, true);
|
||||
} else {
|
||||
zTreeObj.checkNode(this, false, true);
|
||||
}
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
layer.open({
|
||||
type: 1,
|
||||
title: "修改《"+data1.roleName+"》的权限",
|
||||
area: ['720px', '630px'],
|
||||
skin: 'layui-layer-molv',
|
||||
content: $("#editPers")//引用的弹出层的页面层的方式加载添加界面表单
|
||||
});
|
||||
}
|
||||
})
|
||||
});
|
||||
Reference in New Issue
Block a user