208 lines
6.1 KiB
HTML
208 lines
6.1 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
<html lang="en">
|
|||
|
|
<head>
|
|||
|
|
<meta charset="UTF-8">
|
|||
|
|
<title>新增管理员</title>
|
|||
|
|
<link rel="stylesheet" href="/static/component/pear/css/pear.css" />
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
<form class="layui-form" action="">
|
|||
|
|
<div class="mainBox">
|
|||
|
|
<div class="main-container">
|
|||
|
|
|
|||
|
|
<div class="layui-form-item">
|
|||
|
|
<label class="layui-form-label">{$role.title}</label>
|
|||
|
|
<div class="layui-input-block layui-hide">
|
|||
|
|
<input type="text" name="id" class="layui-input" value="{$role.id}" title="{$role.title}">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="layui-form-item" id="test">
|
|||
|
|
<label class="layui-form-label">权限范围</label>
|
|||
|
|
{volist name="menus" id="vo1"}
|
|||
|
|
<ul class="layui-input-block" style="margin-top: 10px ;">
|
|||
|
|
<li>
|
|||
|
|
<input type="checkbox" name="rules" class="parent" lay-skin="primary" data-level="{$vo1.level}" value="{$vo1.id}" title="【{$vo1.title}】" {if (in_array($vo1.id,$rus))} checked {/if}>
|
|||
|
|
<ul>
|
|||
|
|
{if condition="isset($vo1['children'])"}
|
|||
|
|
{volist name="vo1['children']" id="vo2"}
|
|||
|
|
<li>
|
|||
|
|
{if condition="isset($vo2['children'])"}
|
|||
|
|
<input type="checkbox" name="rules" class="parent" lay-skin="primary" data-level="{$vo2.level}" value="{$vo2.id}" title="{$vo2.title}：" {if (in_array($vo2.id,$rus))} checked {/if}>
|
|||
|
|
|
|||
|
|
{volist name="vo2['children']" id="vo3"}
|
|||
|
|
<input type="checkbox" name="rules" lay-skin="primary" id="{$vo3.id}" data-level="{$vo3.level}" value="{$vo3.id}" title="{$vo3.title}" {if (in_array($vo3.id,$rus))} checked {/if}>
|
|||
|
|
{/volist}
|
|||
|
|
|
|||
|
|
{else /}
|
|||
|
|
<input type="checkbox" name="rules" lay-skin="primary" id="{$vo2.id}" data-level="{$vo2.level}" value="{$vo2.id}" title="{$vo2.title}：" {if (in_array($vo2.id,$rus))} checked {/if}>
|
|||
|
|
{/if}
|
|||
|
|
</li>
|
|||
|
|
{/volist}
|
|||
|
|
{/if}
|
|||
|
|
</ul>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
{/volist}
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="layui-form-item">
|
|||
|
|
<label class="layui-form-label">具体描述</label>
|
|||
|
|
<div class="layui-input-block">
|
|||
|
|
<textarea type="text" name="descr" lay-verify="required" autocomplete="off" class="layui-textarea" value="{$role.descr}">{$role.descr}</textarea>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="bottom">
|
|||
|
|
<div class="button-container">
|
|||
|
|
<button type="submit" class="pear-btn pear-btn-primary pear-btn-sm" lay-submit=""
|
|||
|
|
lay-filter="user-save">
|
|||
|
|
<i class="layui-icon layui-icon-ok"></i>
|
|||
|
|
提交
|
|||
|
|
</button>
|
|||
|
|
<button type="reset" class="pear-btn pear-btn-sm">
|
|||
|
|
<i class="layui-icon layui-icon-refresh"></i>
|
|||
|
|
重置
|
|||
|
|
</button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</form>
|
|||
|
|
|
|||
|
|
<script src="/static/component/layui/layui.js"></script>
|
|||
|
|
<script src="/static/component/pear/pear.js"></script>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
// 数据接口
|
|||
|
|
const AUTHGROUP_EDIT = "{:url('system.AuthGroup/edit')}";
|
|||
|
|
|
|||
|
|
layui.use(['form', 'jquery'], function() {
|
|||
|
|
let form = layui.form;
|
|||
|
|
let $ = layui.jquery;
|
|||
|
|
|
|||
|
|
// 选择
|
|||
|
|
form.on('checkbox()', function(data){
|
|||
|
|
//var pc = data.elem.classList; //获取选中的checkbox的class属性
|
|||
|
|
var othis = $(data.elem);
|
|||
|
|
var level = $(data.elem).attr('data-level');
|
|||
|
|
|
|||
|
|
//选择
|
|||
|
|
if(data.elem.checked==true){
|
|||
|
|
|
|||
|
|
//主菜单
|
|||
|
|
if(level === '0'){
|
|||
|
|
var c =$(data.elem).siblings().find("input[type='checkbox']");
|
|||
|
|
c.each(function(){
|
|||
|
|
var e = $(this);
|
|||
|
|
e.next().addClass("layui-form-checked");
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
//子菜单及子项
|
|||
|
|
if(level === '1'){
|
|||
|
|
var c = $(data.elem).siblings("input[type='checkbox']");
|
|||
|
|
c.each(function(){
|
|||
|
|
var e = $(this);
|
|||
|
|
e.next().addClass("layui-form-checked");
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$(data.elem).parent().parent().prev().addClass("layui-form-checked");
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//子项
|
|||
|
|
if(level === '2'){
|
|||
|
|
|
|||
|
|
$(data.elem).siblings('div:first').addClass("layui-form-checked");
|
|||
|
|
$(data.elem).parent().parent().prev().addClass("layui-form-checked");
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
} else {
|
|||
|
|
//取消
|
|||
|
|
|
|||
|
|
if(level === '0'){
|
|||
|
|
var c =$(data.elem).siblings().find("input[type='checkbox']");
|
|||
|
|
c.each(function(){
|
|||
|
|
var e = $(this);
|
|||
|
|
e.next().removeClass("layui-form-checked");
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if(level === '1'){
|
|||
|
|
var c = $(data.elem).siblings("input[type='checkbox']");
|
|||
|
|
c.each(function(){
|
|||
|
|
var e = $(this);
|
|||
|
|
e.next().removeClass("layui-form-checked");
|
|||
|
|
});
|
|||
|
|
//子项为0，菜单取消选择
|
|||
|
|
var s = $(data.elem).parent().parent().children('li').children('div:first-of-type .layui-form-checked');
|
|||
|
|
if(s.length === 0){
|
|||
|
|
$(data.elem).parent().parent().prev().removeClass("layui-form-checked");
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//子项
|
|||
|
|
if(level === '2'){
|
|||
|
|
var t = othis.siblings('div .layui-form-checked');
|
|||
|
|
if(t.length == 1){
|
|||
|
|
$(data.elem).siblings('div:first').removeClass("layui-form-checked");
|
|||
|
|
}
|
|||
|
|
//子项为0，菜单取消选择
|
|||
|
|
var s = $(data.elem).parent().parent().children('li').children('div:first-of-type .layui-form-checked');
|
|||
|
|
if(s.length === 0){
|
|||
|
|
$(data.elem).parent().parent().prev().removeClass("layui-form-checked");
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// 编辑
|
|||
|
|
form.on('submit(user-save)', function(data) {
|
|||
|
|
|
|||
|
|
//checkbox 父子级级联或取id
|
|||
|
|
var mId = "";
|
|||
|
|
var e = $(":checkbox");
|
|||
|
|
e.each(function () {
|
|||
|
|
if($(this).next().hasClass("layui-form-checked")){
|
|||
|
|
mId+=$(this).val()+",";
|
|||
|
|
};
|
|||
|
|
})
|
|||
|
|
data.field.rules = mId.substring(0,mId.length-1);
|
|||
|
|
|
|||
|
|
$.ajax({
|
|||
|
|
url: AUTHGROUP_EDIT,
|
|||
|
|
data: JSON.stringify(data.field),
|
|||
|
|
// data:{"rules":rules,"title":field.title,"descr":field.descr},
|
|||
|
|
dataType: 'json',
|
|||
|
|
contentType: 'application/json',
|
|||
|
|
type: 'post',
|
|||
|
|
success: function(result) {
|
|||
|
|
if (result.code === 0) {
|
|||
|
|
layer.msg(result.msg, {
|
|||
|
|
icon: 1,
|
|||
|
|
time: 1000
|
|||
|
|
}, function() {
|
|||
|
|
parent.layer.close(parent.layer.getFrameIndex(window
|
|||
|
|
.name)); //关闭当前页
|
|||
|
|
parent.layui.table.reload("role-table");
|
|||
|
|
});
|
|||
|
|
} else {
|
|||
|
|
layer.msg(result.msg, {
|
|||
|
|
icon: 2,
|
|||
|
|
time: 1000
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
return false;
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
})
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
</body>
|
|||
|
|
</html>
|