470 lines
13 KiB
JavaScript
470 lines
13 KiB
JavaScript
/**
|
||
|
||
@Name：layuiAdmin 用户管理 管理员管理 角色管理
|
||
@Author：star1029
|
||
@Site：http://www.layui.com/admin/
|
||
@License：LPPL
|
||
|
||
*/
|
||
|
||
|
||
layui.define(['table', 'form'], function(exports){
|
||
var $ = layui.$
|
||
,table = layui.table
|
||
,form = layui.form;
|
||
|
||
//用户管理
|
||
table.render({
|
||
elem: '#LAY-user-manage'
|
||
,url: '/admin/User/list' //模拟接口
|
||
,cols: [[
|
||
{type: 'checkbox', fixed: 'left'}
|
||
,{field: 'id', width: 100, title: 'ID', sort: true}
|
||
,{field: 'username', title: '用户名', minWidth: 100}
|
||
,{field: 'avatar', title: '头像', width: 100, templet: '#imgTpl'}
|
||
,{field: 'phone', title: '手机'}
|
||
,{field: 'email', title: '邮箱'}
|
||
,{field: 'sex', width: 80, title: '性别',templet: '#sex'}
|
||
,{field: 'ip', title: '登录IP'}
|
||
,{field: 'jointime', title: '申请时间', sort: true}
|
||
,{field: 'status', title: '状态', templet: '#buttonStatus', minWidth: 80, align: 'center'}
|
||
,{title: '操作', width: 150, align:'center', fixed: 'right', toolbar: '#table-useradmin-webuser'}
|
||
]]
|
||
,page: true
|
||
,limit: 30
|
||
,height: 'full-220'
|
||
,text: '对不起，加载出现异常！'
|
||
});
|
||
|
||
//监听工具条
|
||
table.on('tool(LAY-user-manage)', function(obj){
|
||
var data = obj.data;
|
||
if(obj.event === 'del'){
|
||
layer.prompt({
|
||
formType: 1
|
||
,title: '敏感操作，请验证口令'
|
||
}, function(value, index){
|
||
layer.close(index);
|
||
|
||
layer.confirm('真的删除行么', function(index){
|
||
//obj.del();
|
||
$.ajax({
|
||
type:'post',
|
||
url:"/admin/User/delete",
|
||
data:{id:data.id},
|
||
dataType:'json',
|
||
success:function(data){
|
||
if(data.code == 1){
|
||
layer.msg(data.msg,{
|
||
icon:6,
|
||
time:2000
|
||
},function(){
|
||
location.reload();
|
||
});
|
||
} else {
|
||
layer.open({
|
||
title:'删除失败',
|
||
content:data.msg,
|
||
icon:5,
|
||
adim:6
|
||
})
|
||
}
|
||
}
|
||
});
|
||
|
||
layer.close(index);
|
||
});
|
||
});
|
||
} else if(obj.event === 'edit'){
|
||
var tr = $(obj.tr);
|
||
|
||
layer.open({
|
||
type: 2
|
||
,title: '编辑用户'
|
||
,content: '/admin/User/userEdit?id='+ data.id
|
||
,maxmin: true
|
||
,area: ['500px', '450px']
|
||
,btn: ['确定', '取消']
|
||
,yes: function(index, layero){
|
||
|
||
var iframeWindow = window['layui-layer-iframe'+ index]
|
||
,submitID = 'LAY-user-front-submit'
|
||
,submit = layero.find('iframe').contents().find('#'+ submitID);
|
||
|
||
//监听提交
|
||
iframeWindow.layui.form.on('submit('+ submitID +')', function(data){
|
||
var field = data.field; //获取提交的字段
|
||
|
||
//提交 Ajax 成功后，静态更新表格中的数据
|
||
$.ajax({
|
||
type:"post",
|
||
url:"/admin/User/userEdit",
|
||
data:{"id":field.id,"name":field.username,"phone":field.phone,"email":field.email,"user_img":field.avatar,"sex":field.sex},
|
||
daType:"json",
|
||
success:function (res){
|
||
if (res.code == 1) {
|
||
layer.msg(res.msg,{
|
||
icon:6,
|
||
time:2000
|
||
}, function(){
|
||
location.reload();
|
||
});
|
||
} else {
|
||
layer.open({
|
||
tiele:'修改失败',
|
||
content:res.msg,
|
||
icon:5,
|
||
anim:6
|
||
});
|
||
}
|
||
}
|
||
});
|
||
|
||
table.reload('LAY-user-front-submit'); //数据刷新
|
||
layer.close(index); //关闭弹层
|
||
});
|
||
|
||
submit.trigger('click');
|
||
}
|
||
,success: function(layero, index){
|
||
|
||
}
|
||
});
|
||
}
|
||
});
|
||
|
||
//管理员管理
|
||
table.render({
|
||
elem: '#LAY-user-back-manage'
|
||
,url: '/admin/Admin/index' //模拟接口
|
||
,cols: [[
|
||
{type: 'checkbox', fixed: 'left'}
|
||
,{field: 'id', width: 80, title: 'ID', sort: true}
|
||
,{field: 'loginname', title: '登录名'}
|
||
,{field: 'telphone', title: '手机'}
|
||
,{field: 'email', title: '邮箱'}
|
||
,{field: 'role', title: '角色'}
|
||
,{field: 'check', title:'审核状态', templet: '#buttonTpl', minWidth: 80, align: 'center'}
|
||
,{field: 'ip', title: 'IP'}
|
||
,{field: 'logintime', title: '最后登陆'}
|
||
,{title: '操作', width: 150, align: 'center', fixed: 'right', toolbar: '#table-useradmin-admin'}
|
||
]]
|
||
,text: '对不起，加载出现异常！'
|
||
});
|
||
|
||
//监听工具条
|
||
table.on('tool(LAY-user-back-manage)', function(obj){
|
||
var data = obj.data;
|
||
if(obj.event === 'del'){
|
||
layer.prompt({
|
||
formType: 1
|
||
,title: '敏感操作，请验证口令'
|
||
}, function(value, index){
|
||
layer.close(index);
|
||
layer.confirm('确定删除此管理员？', function(index){
|
||
//console.log(obj)
|
||
//obj.del();
|
||
$.ajax({
|
||
type:'post',
|
||
url:"/admin/Admin/delete",
|
||
data:{id:data.id},
|
||
dataType:'json',
|
||
success:function(data){
|
||
if(data.code == 1){
|
||
layer.msg(data.msg,{
|
||
icon:6,
|
||
time:2000
|
||
},function(){
|
||
location.reload();
|
||
});
|
||
} else {
|
||
layer.open({
|
||
title:'删除失败',
|
||
content:data.msg,
|
||
icon:5,
|
||
adim:6
|
||
})
|
||
}
|
||
}
|
||
});
|
||
|
||
layer.close(index);
|
||
});
|
||
});
|
||
}else if(obj.event === 'edit'){
|
||
var tr = $(obj.tr);
|
||
|
||
layer.open({
|
||
type: 2
|
||
,title: '编辑管理员'
|
||
,content: '/admin/Admin/edit?id='+ data.id
|
||
,area: ['420px', '420px']
|
||
,btn: ['确定', '取消']
|
||
,yes: function(index, layero){
|
||
var iframeWindow = window['layui-layer-iframe'+ index]
|
||
,submitID = 'LAY-user-back-submit'
|
||
,submit = layero.find('iframe').contents().find('#'+ submitID);
|
||
|
||
//监听提交
|
||
iframeWindow.layui.form.on('submit('+ submitID +')', function(data){
|
||
var field = data.field; //获取提交的字段
|
||
|
||
//提交 Ajax 成功后，静态更新表格中的数据
|
||
$.ajax({
|
||
type:"post",
|
||
url:"/admin/Admin/edit",
|
||
data:{"id":field.id,"password":field.password,"mobile":field.mobile,"email":field.email,"auth_group_id":field.auth_group_id},
|
||
daType:"json",
|
||
success:function (res){
|
||
if (res.code == 1) {
|
||
layer.msg(res.msg,{
|
||
icon:6,
|
||
time:2000
|
||
});
|
||
} else {
|
||
layer.open({
|
||
tiele:'修改失败',
|
||
content:res.msg,
|
||
icon:5,
|
||
anim:6
|
||
});
|
||
}
|
||
}
|
||
});
|
||
|
||
table.reload('LAY-user-back-manage'); //数据刷新
|
||
layer.close(index); //关闭弹层
|
||
});
|
||
|
||
submit.trigger('click');
|
||
}
|
||
,success: function(layero, index){
|
||
|
||
}
|
||
})
|
||
}
|
||
//执行管理员审核
|
||
$('#adcheck').click(function() {})
|
||
|
||
});
|
||
|
||
//角色管理
|
||
table.render({
|
||
elem: '#LAY-user-back-role'
|
||
,url: '/admin/AuthGroup/list' //模拟接口
|
||
,cols: [[
|
||
{type: 'checkbox', fixed: 'left'}
|
||
,{field: 'id', width: 80, title: 'ID', sort: true}
|
||
,{field: 'rolename', title: '角色名'}
|
||
,{field: 'limits', title: '拥有权限'}
|
||
,{field: 'descr', title: '具体描述'}
|
||
,{title: '操作', width: 150, align: 'center', fixed: 'right', toolbar: '#table-useradmin-admin'}
|
||
]]
|
||
,text: '对不起，加载出现异常！'
|
||
});
|
||
|
||
//监听工具条
|
||
table.on('tool(LAY-user-back-role)', function(obj){
|
||
var data = obj.data;
|
||
|
||
if(obj.event === 'del'){
|
||
layer.confirm('确定删除此角色？', function(index){
|
||
obj.del();
|
||
layer.close(index);
|
||
});
|
||
}else if(obj.event === 'edit'){
|
||
var tr = $(obj.tr);
|
||
|
||
layer.open({
|
||
type: 2
|
||
,title: '编辑角色'
|
||
,content: '/admin/AuthGroup/roleEdit?id='+ data.id
|
||
,area: ['500px', '480px']
|
||
,btn: ['确定', '取消']
|
||
,yes: function(index, layero){
|
||
var iframeWindow = window['layui-layer-iframe'+ index]
|
||
,submit = layero.find('iframe').contents().find("#LAY-user-role-submit");
|
||
|
||
//监听提交
|
||
iframeWindow.layui.form.on('submit(LAY-user-role-submit)', function(data){
|
||
var field = data.field; //获取提交的字段
|
||
|
||
var mId = "";
|
||
var e =iframeWindow.$(":checkbox");
|
||
e.each(function () {
|
||
if($(this).next().hasClass("layui-form-checked")){
|
||
mId+=$(this).val()+",";
|
||
};
|
||
})
|
||
mId = mId.substring(0,mId.length-1);
|
||
rules = mId;
|
||
|
||
// var arr = new Array(); //获取提交的字段
|
||
// $(iframeWindow.document).find('input[name=rules]:checked').each(function(){
|
||
// arr.push($(this).val());
|
||
// });
|
||
// console.log(arr);
|
||
// var rules = arr.join(',');//将数组元素连接起来以构建一个字符串
|
||
|
||
|
||
//提交 Ajax 成功后，静态更新表格中的数据
|
||
$.ajax({
|
||
type:"post",
|
||
url:"/admin/AuthGroup/roleEdit",
|
||
data:{"id":field.id,"rules":rules,"title":field.title,"descr":field.descr},
|
||
daType:"json",
|
||
success:function (res){
|
||
if (res.code == 1) {
|
||
layer.msg(res.msg,{
|
||
icon:6,
|
||
time:2000
|
||
});
|
||
} else {
|
||
layer.open({
|
||
tiele:'修改失败',
|
||
content:res.msg,
|
||
icon:5,
|
||
anim:6
|
||
});
|
||
}
|
||
}
|
||
});
|
||
|
||
table.reload('LAY-user-back-role'); //数据刷新
|
||
layer.close(index); //关闭弹层
|
||
});
|
||
|
||
submit.trigger('click');
|
||
}
|
||
,success: function(layero, index){
|
||
|
||
}
|
||
})
|
||
}
|
||
});
|
||
|
||
|
||
//权限管理
|
||
table.render({
|
||
elem: '#LAY-user-auth-rule'
|
||
,url: '/admin/AuthRule/index' //权限接口
|
||
,cols: [[
|
||
{type: 'checkbox', fixed: 'left'}
|
||
,{field: 'id', width: 50, title: 'ID'}
|
||
,{field: 'sort', title: '排序',width: 60 , align: 'center',templet: '#rules-sort'}
|
||
,{field: 'title', title: '权限名', templet: '#rules-title'}
|
||
,{field: 'name', title: '权限地址', minWidth: 150}
|
||
,{field: 'icon', title: '图标'}
|
||
,{field: 'status', title:'权限状态', templet: '#buttonAuth', minWidth: 80, align: 'center'}
|
||
,{field: 'level', title: '层级',width: 40}
|
||
,{field: 'ishidden', title: '菜单',templet: '#menu', Width: 40}
|
||
,{title: '操作', width: 150, align: 'center', fixed: 'right', toolbar: '#table-authrule-edit'}
|
||
]]
|
||
,text: '对不起，加载出现异常！'
|
||
});
|
||
|
||
//监听工具条
|
||
table.on('tool(LAY-user-auth-rule)', function(obj){
|
||
var data = obj.data;
|
||
if(obj.event === 'del'){
|
||
layer.prompt({
|
||
formType: 1
|
||
,title: '敏感操作，请验证口令'
|
||
}, function(value, index){
|
||
layer.close(index);
|
||
layer.confirm('确定删除此权限？', function(index){
|
||
//obj.del();
|
||
//console.log(data.id);
|
||
$.ajax({
|
||
type:'post',
|
||
url:"/admin/AuthRule/delete",
|
||
data:{id:data.id},
|
||
dataType:'json',
|
||
success:function(data){
|
||
if(data.code == 1){
|
||
layer.msg(data.msg,{
|
||
icon:6,
|
||
time:2000
|
||
},function(){
|
||
location.reload();
|
||
});
|
||
} else {
|
||
layer.open({
|
||
title:'删除失败',
|
||
content:data.msg,
|
||
icon:5,
|
||
adim:6
|
||
})
|
||
}
|
||
}
|
||
});
|
||
layer.close(index);
|
||
});
|
||
});
|
||
}else if(obj.event === 'edit'){
|
||
var tr = $(obj.tr);
|
||
|
||
layer.open({
|
||
type: 2
|
||
,title: '编辑权限'
|
||
,content: '/admin/AuthRule/edit?id='+ data.id
|
||
,area: ['420px', '420px']
|
||
,btn: ['确定', '取消']
|
||
,yes: function(index, layero){
|
||
var iframeWindow = window['layui-layer-iframe'+ index]
|
||
,submitID = 'LAY-user-rule-submit'
|
||
,submit = layero.find('iframe').contents().find('#'+ submitID);
|
||
|
||
//监听提交
|
||
iframeWindow.layui.form.on('submit('+ submitID +')', function(data){
|
||
var field = data.field; //获取提交的字段
|
||
|
||
if (field.ishidden == 'on'){
|
||
field.ishidden = 0;
|
||
} else {
|
||
field.ishidden = 1;
|
||
}
|
||
|
||
//提交 Ajax 成功后，静态更新表格中的数据
|
||
$.ajax({
|
||
type:"post",
|
||
url:"/admin/AuthRule/edit",
|
||
data:{"id":field.id,"pid":field.pid,"title":field.title,"name":field.name,"icon":field.icon,"sort":field.sort,"ishidden":field.ishidden},
|
||
daType:"json",
|
||
success:function (res){
|
||
if (res.code == 0) {
|
||
layer.msg(res.msg,{
|
||
icon:6,
|
||
time:2000
|
||
}, function(){
|
||
location.reload();
|
||
});
|
||
} else {
|
||
layer.open({
|
||
tiele:'修改失败',
|
||
content:res.msg,
|
||
icon:5,
|
||
anim:6
|
||
});
|
||
}
|
||
}
|
||
});
|
||
|
||
table.reload('LAY-user-auth-rule'); //数据刷新
|
||
layer.close(index); //关闭弹层
|
||
});
|
||
|
||
submit.trigger('click');
|
||
}
|
||
,success: function(layero, index){
|
||
|
||
}
|
||
});
|
||
}
|
||
|
||
});
|
||
|
||
|
||
|
||
exports('useradmin', {})
|
||
}); |