101 lines
3.5 KiB
HTML
101 lines
3.5 KiB
HTML
|
{extend name="public/base" /}
|
|||
|
|
|
|||
|
|
{block name="body"}
|
|||
|
|
|
|||
|
|
<div class="layui-form" lay-filter="layuiadmin-form-role" id="layuiadmin-form-role" style="padding: 20px 30px 0 0;">
|
|||
|
|
<div class="layui-form-item">
|
|||
|
|
<label class="layui-form-label">角色</label>
|
|||
|
|
<div class="layui-input-inline">
|
|||
|
|
<input type="text" name="title" lay-verify="required" placeholder="请输入角色名" autocomplete="off" class="layui-input">
|
|||
|
|
</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" value="{$vo1.id}" title="{$vo1.title}：">
|
|||
|
|
|
|||
|
|
<ul>
|
|||
|
|
{if condition="isset($vo1['children'])"}
|
|||
|
|
{volist name="vo1['children']" id="vo2"}
|
|||
|
|
{if condition="isset($vo2['children'])"}
|
|||
|
|
<input type="checkbox" name="rules" lay-skin="primary" value="{$vo2.id}" title="{$vo2.title}：">
|
|||
|
|
{volist name="vo2['children']" id="vo3"}
|
|||
|
|
<input type="checkbox" name="rules" lay-skin="primary" id="{$vo3.id}" value="{$vo3.id}" title="{$vo3.title}">
|
|||
|
|
{/volist}
|
|||
|
|
{else /}
|
|||
|
|
<input type="checkbox" name="rules" lay-skin="primary" id="{$vo2.id}" value="{$vo2.id}" title="{$vo2.title}">
|
|||
|
|
{/if}
|
|||
|
|
{/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"></textarea>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="layui-form-item layui-hide">
|
|||
|
|
<button class="layui-btn" lay-submit lay-filter="LAY-user-role-submit" id="LAY-user-role-submit">提交</button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
{/block}
|
|||
|
|
{block name="js"}
|
|||
|
|
<script>
|
|||
|
|
layui.config({
|
|||
|
|
base: '/static/admin/' //静态资源所在路径
|
|||
|
|
}).extend({
|
|||
|
|
index: 'lib/index' //主入口模块
|
|||
|
|
}).use(['index', 'form'], function(){
|
|||
|
|
var $ = layui.$
|
|||
|
|
,form = layui.form ;
|
|||
|
|
|
|||
|
|
form.on('checkbox()', function(data){
|
|||
|
|
var pc = data.elem.classList; //获取选中的checkbox的class属性
|
|||
|
|
if(data.elem.checked==true){
|
|||
|
|
if(pc=="parent"){
|
|||
|
|
var c =$(data.elem).siblings().children("input[type='checkbox']");
|
|||
|
|
c.each(function(){
|
|||
|
|
var e = $(this);
|
|||
|
|
e.next().addClass("layui-form-checked");
|
|||
|
|
});
|
|||
|
|
}else{
|
|||
|
|
$(data.elem).parent().prev().addClass("layui-form-checked");
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}else{
|
|||
|
|
if(pc=="parent"){
|
|||
|
|
var c =$(data.elem).siblings().children("input[type='checkbox']");
|
|||
|
|
c.each(function(){
|
|||
|
|
var e = $(this);
|
|||
|
|
e.next().removeClass("layui-form-checked");
|
|||
|
|
});
|
|||
|
|
}else{
|
|||
|
|
var c = $(data.elem).siblings("div");
|
|||
|
|
var count =0;
|
|||
|
|
c.each(function(){
|
|||
|
|
var is = $(this).get(0).classList;
|
|||
|
|
if(is.length==3){
|
|||
|
|
count++;
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
if(count>0){
|
|||
|
|
|
|||
|
|
}else{
|
|||
|
|
$(data.elem).parent().prev().removeClass("layui-form-checked");
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
})
|
|||
|
|
</script>
|
|||
|
|
{/block}
|