scott
/
crm


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322
							{extend name="public/layout" /}
{block name="title"}权限组添加{/block}
{block name="body"}
<style type="text/css">
    html,
    body {
        display: block;
    }

    html {
        background-color: #ffffff;
    }

    .layui-fluid {
        padding-top: 10px;
        padding-right: 30px;
        display: block;
        background-color: #ffffff;
        height: 240px;
    }

    .layui-form-item .layui-input-inline.grant-name {
        min-width: 250px;
    }

    .layui-form-item .layui-input-inline.grant-name .layui-input-indent {
        display: inline;
        width: 80%;
    }

    .menu-grant:first-child {
        padding-top: 0px !important;
    }

    .layui-form-item .menu-grant {
        padding-bottom: 40px;
        border-bottom: 1px solid #dfdfdf;
        padding-top: 10px;
    }


    .layui-form-item .layui-input-inline.manage-grant {
        min-width: 700px;
    }

    .layui-input-inline {
        display: block;
    }

    .auth-list {
        border-top: 1px solid #e6e6e6;
        border-bottom: 1px solid #e6e6e6;
        padding: 0px 20px;
        margin-bottom: 20px;
    }

    .menu {
        padding-bottom: 20px;
        padding-top: 10px;
        border-top: 1px solid #d2d2d2;
        overflow: hidden;
    }

    .auth-list>.menu:first-child {
        border-top: 0px;
    }

    .auth-list>.menu:first-child .menu-child {
        /* width: 15%;兼容第一行的集团大学 */
    }

    .menu>.menu-top {
        margin: 10px;
        font-weight: bold;
    }

    .menu>.menu-child {
        margin-left: 0;
        overflow: hidden;
        margin-bottom: 7px;
        float: left;
        width: 100%;
    }

    .menu>.menu-child>.child-menu {
        float: left;
        width: 15%;
    }

    .menu>.menu-child>.child-menu span {
        color: #249EFB;
        font-weight: bold;
    }

    .menu>.menu-child>.menu-auth {
        width: 85%;
        float: left;
    }

    .menu>.menu-child .all-select {
        width: 10%;
        float: right;
    }


    .layui-form-checkbox {
        margin: 5px;
        height: 16px;
        line-height: 16px;
        padding-right: 0;
        width: 20%;
    }

    .layui-form-checkbox span {
        margin-left: 10px;
        background: none;
        color: #555;
    }

    .layui-form-checked span,
    .layui-form-checked:hover span {
        background: none;
        color: #249EFB
    }

    .layui-form-checkbox:hover span {
        background: none;
    }

    .layui-icon-ok:before {
        vertical-align: 1px;
        display: inline-block;
        margin-top: -2px;
    }

    .layui-form-checkbox i {
        left: 0;
        right: auto;
        width: 13px;
        height: 13px;
        font-size: 10px;
        border: 1px solid #999;
        font-weight: bold;
    }

    .layui-form-checkbox:hover i {
        border-color: #249EFB;
        color: #249EFB;
    }

    .layui-form-checkbox[lay-skin=primary] {
        padding-left: 15px;
    }

    .layui-form-checked[lay-skin=primary] i {
        background: #249EFB;
        color: #fff;
        width: 13px;
        height: 13px;
    }

    .layui-form-checkbox[lay-skin=primary] i {
        width: 13px;
        height: 13px;
    }

    .layui-form-checked i,
    .layui-form-checked:hover i {
        border-color: #249EFB;
        color: #249EFB;
    }
</style>

<body>
    <div>
        <form class="layui-form" id="grant" enctype="multipart/form-data" lay-filter="grant-form">
            <div class="layui-form" lay-filter="layuiadmin-app-form-list" id="layuiadmin-grant-form-list"
                style="padding: 20px 0px 0 0;">
                <div class="layui-form-item">
                    <label class="layui-form-label">权限名：</label>
                    <div class="layui-input-inline grant-name">
                        <input class="layui-input inputBox layui-input-indent" name="title" type="text" value="">
                    </div>
                </div>

                <div class="auth-list">
                    {volist name="data" id="vo"}
                    <div class="menu">
                        <div class="menu-top">
                            <span>{$vo.auth_name}</span>
                        </div>
                        {notempty name="$vo.child"}
                        {volist name="vo.child" id="menu"}
                        <div class="menu-child">
                            <div class="child-menu">
                                <input type="checkbox" name="auth[]" title="{$menu.auth_name}" value="{$menu.id}"
                                    lay-filter="menu">
                            </div>
                            {notempty name="$menu.child"}
                            <div class="menu-auth">
                                {volist name="menu.child" id="auth"}
                                <input type="checkbox" name="auth[]" title="{$auth.auth_name}" value="{$auth.id}"
                                    lay-filter="bt" class="checkboxlist">
                                {/volist}
                                <div class="all-select">
                                    <input type="checkbox" name="" title="全选" lay-skin="primary" lay-filter="c">
                                </div>
                            </div>
                            {/notempty}
                        </div>
                        {/volist}
                        {/notempty}
                    </div>
                    {/volist}
                </div>
                <div class="layui-form-item">
                    <div class="layui-input-block" style="margin-left:20px !important;">
                        <input type="button" class="layui-btn btn" lay-submit lay-filter="grant-submit"
                            id="grant-submit" value="确认添加">
                    </div>
                </div>
            </div>
        </form>
    </div>
</body>
{/block} {block name="js"}
<script>
    layui.config({
        base: '__LAYUI__/' //静态资源所在路径
        ,
        urlbase: '/sys'
    }).extend({
        index: 'lib/index' //主入口模块
    }).use(['index', 'table', 'layedit', 'element', 'upload'], function () {
        var $ = layui.$,
            layedit = layui.layedit,
            element = layui.element,
            upload = layui.upload,
            form = layui.form;

        form.on('checkbox(c)', function (data) {
            var parent = $(data.othis).closest('.menu-child');
            var checkbox = parent.find('.layui-form-checkbox');
            var inputlist = parent.find('input');
            inputlist.each(function () {
                $(this).prop('checked', data.elem.checked);
            });

            if (data.elem.checked) {
                checkbox.addClass('layui-form-checked');
            } else {
                checkbox.removeClass('layui-form-checked');
            }
        });

        form.on('checkbox(menu)', function (data) {
            var parent = $(data.othis).closest('.menu-child');
            var checkbox = parent.find('.layui-form-checkbox');
            var inputlist = parent.find('input');
            if (!data.elem.checked) {
                inputlist.each(function () {
                    $(this).prop('checked', data.elem.checked);
                });
                checkbox.removeClass('layui-form-checked');
            }
        });

        form.on('checkbox(bt)', function (data) {
            var parent = $(data.othis).closest('.menu-auth').siblings();
            var checkbox = parent.find('.layui-form-checkbox');
            if ($(data.othis).parents('.menu-child').find('.menu-auth>.layui-form-checked').length !== 0) {
                checkbox.addClass('layui-form-checked');
            } else {
                checkbox.removeClass('layui-form-checked');
            }
            
            var inputlist = $(data.othis).closest('.menu-auth').find('.checkboxlist');
            var listinput=[];
            for(var i=0;i<inputlist.length;i++){
				if(inputlist[i].checked){
					listinput.push(1);
				}
            }
        	if(listinput.length==inputlist.length){
        		$(data.othis).siblings('.all-select').find('.layui-form-checkbox').addClass('layui-form-checked');
        	}else{
        		$(data.othis).siblings('.all-select').find('.layui-form-checkbox').removeClass('layui-form-checked');
        	}
            
            
        });


        //////
        //权限组添加
        form.on('submit(grant-submit)', function (data) {
            var layer = parent.layer;
            var index = layer.getFrameIndex(window.name);
            $.ajax({
                url: '{:url("grant/add_grant")}',
                type: 'post',
                data: data.field,
                success: function (res) {
                    if (res.code === 0) {
                        parent.layui.table.reload('grant');
                        layer.close(index);
                        layer.msg(res.msg, {
                            anim: 0
                            , time: 2000
                        });
                    } else {
                        layer.msg(res.msg, {
                            anim: 6
                            , time: 2000
                        });
                    }
                }
            });
        });
    });
</script>
{/block}