{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}