TaoLer/view/admin/authrule/index.html
2020-01-01 13:17:19 +08:00

311 lines
9.3 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

{extend name="public:base" /}
{block name="body"}
<div class="layui-fluid">
<div class="layui-card">
<div class="layui-form layui-card-header layuiadmin-card-header-auto">
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">登录名</label>
<div class="layui-input-block">
<input type="text" name="loginname" placeholder="请输入" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">手机</label>
<div class="layui-input-block">
<input type="text" name="telphone" placeholder="请输入" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">邮箱</label>
<div class="layui-input-block">
<input type="text" name="email" placeholder="请输入" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">角色</label>
<div class="layui-input-block">
<select name="role">
<option value="0">管理员</option>
<option value="1">超级管理员</option>
<option value="2">纠错员</option>
<option value="3">采购员</option>
<option value="4">推销员</option>
<option value="5">运营人员</option>
<option value="6">编辑</option>
</select>
</div>
</div>
<div class="layui-inline">
<button class="layui-btn layuiadmin-btn-admin" lay-submit lay-filter="LAY-user-back-search">
<i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
</button>
</div>
</div>
</div>
<div class="layui-card-body">
<div style="padding-bottom: 10px;">
<button class="layui-btn layuiadmin-btn-admin" data-type="batchdel">删除</button>
<button class="layui-btn layuiadmin-btn-admin" data-type="add">添加</button>
</div>
<table id="LAY-user-auth-rule" lay-filter="LAY-user-auth-rule"></table>
<script type="text/html" id="rules-sort">
<div class="layui-input-inline" style="width: 30px; high: 30">
<input type="text" name="sort" autocomplete="off" placeholder="排序" dataid="{{d.id}}" class="layui-input" value="{{d.sort}}">
</div>
</script>
<script type="text/html" id="rules-title">
<span >{{# if(d.level !==1){ }}|{{# } }} {{d.title}}</span>
</script>
<script type="text/html" id="buttonAuth">
{if condition="checkRuleButton('admin/authrule/check')"}<input type="checkbox" name="status" lay-skin="switch" lay-filter="authcheck" lay-text="开启|关闭" {{# if(d.status == 1){ }} checked {{# } }} id="{{d.id}}" >{else}<button class="layui-btn layui-btn-xs layui-btn-radius layui-btn-disabled">无权限</button>{/if}
</script>
<script type="text/html" id="menu">
{{# if(d.id == '1' | d.id == '2' | d.id == '9' | d.id == '10' ){ }}
<input type="checkbox" name="ishidden" lay-skin="primary" checked disabled >
{{# } else { }}
{if condition="checkRuleButton('admin/authrule/menushow')"}<input type="checkbox" name="ishidden" lay-skin="primary" lay-filter="menu-show" {{# if(d.ishidden ==1){ }}checked value="0"{{# } else { }}value="1"{{# } }} id="{{d.id}}" >{else}<button class="layui-btn layui-btn-xs layui-btn-disabled">没有权限</button>{/if}
{{# } }}
</script>
<script type="text/html" id="table-useradmin-admin">
<a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit"><i class="layui-icon layui-icon-edit"></i></a>
{{# if(d.role == '1'){ }}
<a class="layui-btn layui-btn-disabled layui-btn-xs"><i class="layui-icon layui-icon-delete"></i></a>
{{# } else { }}
<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del"><i class="layui-icon layui-icon-delete"></i></a>
{{# } }}
</script>
</div>
</div>
</div>
{/block}
{block name="js"}
<script>
//排序
$(function(){
$('input[name=sort]').change(function(){
var id = $(this).attr('dataid'),
sort = $(this).val();
console.log(id);
$.ajax({
type:'post',
url:"{:url('admin/authrule/sort')}",
data:{id:id,sort:sort},
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
})
}
}
});
});
return false;
});
</script>
<script>
layui.config({
base: '/static/admin/' //静态资源所在路径
}).extend({
index: 'lib/index' //主入口模块
}).use(['index', 'useradmin', 'table', 'form'], function(){
var $ = layui.$
,form = layui.form
,table = layui.table;
//监听搜索
form.on('submit(LAY-user-back-search)', function(data){
var field = data.field;
//执行重载
table.reload('LAY-user-auth-rule', {
where: field
});
});
//菜单控制
form.on('checkbox(menu-show)', function(data){
var data = data.elem;
//console.log(data);
if(data.checked == true){
data.value = 1;
}else{
data.value = 0;
}
$.ajax({
type:'post',
url:"/admin/authrule/menushow",
data:{id:data.id,ishidden:data.value,},
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
})
}
}
});
return false;
});
//权限开关
form.on('switch(authcheck)', function(data){
var data= data.elem;
//console.log(data);
if(data.checked == true){
data.value = 1;
}else{
data.value = 0;
}
$.ajax({
type:'post',
url:"/admin/authrule/Check",
data:{id:data.id,status:data.value,},
dataType:'json',
success:function(data){
if(data.code == 0){
layer.msg(data.msg,{
icon:6,
time:2000
}
,function(){location.reload();}
);
} else {
layer.open({
title:'审核失败',
content:data.msg,
icon:5,
adim:6
})
}
}
});
return false;
//console.log(data.id);
//console.log(data.elem); //得到checkbox原始DOM对象
//console.log(data.elem.checked); //开关是否开启true或者false
//console.log(data.value); //开关value值也可以通过data.elem.value得到
//console.log(data.othis); //得到美化后的DOM对象
});
//事件
var active = {
batchdel: function(){
var checkStatus = table.checkStatus('LAY-user-auth-rule')
,checkData = checkStatus.data; //得到选中的数据
if(checkData.length === 0){
return layer.msg('请选择数据');
}
layer.prompt({
formType: 1
,title: '敏感操作,请验证口令'
}, function(value, index){
layer.close(index);
layer.confirm('确定删除吗?', function(index) {
//执行 Ajax 后重载
/*
admin.req({
url: 'xxx'
//,……
});
*/
table.reload('LAY-user-auth-rule');
layer.msg('已删除');
});
});
}
,add: function(){
layer.open({
type: 2
,title: '添加权限'
,content: '/admin/authrule/add'
,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; //获取提交的字段
//console.log(field);
//提交 Ajax 成功后,静态更新表格中的数据
$.ajax({
type:"post",
url:"{:url('admin/authrule/add')}",
data:{"pid":field.pid,"title":field.title,"name":field.name,"icon":field.icon,"sort":field.sort,"ishidden":field.ishidden},
daType:"json",
success:function (data){
if (data.code == 0) {
layer.msg(data.msg,{
icon:6,
time:2000
}, function(){
location.reload();
});
} else {
layer.open({
tiele:'添加失败',
content:data.msg,
icon:5,
anim:6
});
}
}
});
table.reload('LAY-user-front-submit'); //数据刷新
layer.close(index); //关闭弹层
});
submit.trigger('click');
}
});
}
}
$('.layui-btn.layuiadmin-btn-admin').on('click', function(){
var type = $(this).data('type');
active[type] ? active[type].call(this) : '';
});
});
</script>
{/block}