115 lines
4.5 KiB
HTML
Executable File
115 lines
4.5 KiB
HTML
Executable File
<!DOCTYPE html>
|
||
<html class="x-admin-sm">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<title>添加权限</title>
|
||
<meta name="renderer" content="webkit">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||
<meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
|
||
<link rel="stylesheet" href="__PUBLIC__/static/css/font.css">
|
||
<link rel="stylesheet" href="__PUBLIC__/static/css/xadmin.css">
|
||
<script type="text/javascript" src="__PUBLIC__/static/lib/layui/layui.js" charset="utf-8"></script>
|
||
<script type="text/javascript" src="__PUBLIC__/static/js/xadmin.js"></script>
|
||
<!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
|
||
<!--[if lt IE 9]>
|
||
<script src="__PUBLIC__/static/js/html5.min.js"></script>
|
||
<script src="__PUBLIC__/static/js/respond.min.js"></script>
|
||
<![endif]-->
|
||
</head>
|
||
<body>
|
||
<div class="layui-fluid">
|
||
<div class="layui-row">
|
||
<form class="layui-form">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">
|
||
<span class="x-red">*</span>选择权限
|
||
</label>
|
||
<div class="layui-input-inline">
|
||
<ul>
|
||
{volist name="lists" id="vo"}
|
||
<li>
|
||
<dl>
|
||
<dt>
|
||
<input type="checkbox" id="parent_{$vo['id']}" name="menu_id" lay-filter="menu_id" title="{$vo['title']}" value="0-{$vo['id']}" {if condition="$vo['selected'] eq 1"}checked{/if} />
|
||
</dt>
|
||
<dd style="margin-left: 50px;">
|
||
{volist name="vo['child_list']" id="vo1"}
|
||
<input style="margin-right: 20px;" class="child_{$vo['id']}" type="checkbox" name="menu_id" lay-filter="menu_id" title="{$vo1['title']}" value="{$vo['id']}-{$vo1['id']}" {if condition="$vo1['selected'] eq 1"}checked{/if}/>
|
||
{/volist}
|
||
</dd>
|
||
</dl>
|
||
</li>
|
||
{/volist}
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label"></label>
|
||
<button class="layui-btn" lay-filter="add" lay-submit="">添加</button>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
<script>
|
||
layui.use(['form', 'layer','jquery'], function() {
|
||
$ = layui.jquery;
|
||
var form = layui.form, layer = layui.layer,laydate = layui.laydate;
|
||
|
||
//监听提交
|
||
form.on('submit(add)', function(data) {
|
||
var menu_id_arr = [];
|
||
$('input:checkbox[name=menu_id]:checked').each(function(i){
|
||
var tmp_parent_arr = $(this).val().split('-');
|
||
menu_id_arr.push(tmp_parent_arr[1]);
|
||
});
|
||
var menu_id_str = menu_id_arr.join(',');
|
||
$.ajax({
|
||
type: "POST",
|
||
url: "/auth/actionAdd",
|
||
data: {
|
||
user_id: {$user_id},
|
||
menu_id: menu_id_str
|
||
},
|
||
dataType: "json",
|
||
success: function (response) {
|
||
xadmin.close();
|
||
parent.layer.msg("添加成功");
|
||
}
|
||
});
|
||
return false;
|
||
});
|
||
|
||
form.on('checkbox(menu_id)', function (data) {
|
||
var value = data.value;
|
||
var value_arr = value.split('-');
|
||
if( data.elem.checked){
|
||
$("#parent_"+value_arr[0]).prop("checked", true);
|
||
}else {
|
||
if (value_arr[0] == 0)
|
||
{
|
||
$(".child_"+value_arr[1]).prop("checked", false);
|
||
}else
|
||
{
|
||
var parent_id_arr = [];
|
||
$('input:checkbox[name=menu_id]:checked').each(function(i){
|
||
var tmp_parent_arr = $(this).val().split('-');
|
||
parent_id_arr.push(tmp_parent_arr[0]);
|
||
});
|
||
var index = $.inArray(value_arr[0], parent_id_arr);
|
||
if (index < 0)
|
||
{
|
||
$("#parent_"+value_arr[0]).prop("checked", false);
|
||
}
|
||
}
|
||
}
|
||
form.render();
|
||
});
|
||
|
||
});
|
||
|
||
</script>
|
||
</body>
|
||
|
||
</html> |