chenhao
/
shibie


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131
							{include file="public/header" /}
<body class="gray-bg">
<div class="layui-fluid layui-col-md12">
    <div class="layui-card">
        <div class="layui-card-body layui-form">
            <div class="layui-row layui-col-space10 layui-form-item ">
                <input type="hidden" name="id" value="{$menu.id}">
                <div class="layui-form-item layui-col-md-offset1 layui-col-md8">
                    <label class="layui-form-label">所属父级</label>
                    <div class="layui-input-block">
                        <select name="pid" lay-verify="required" xm-select="select1" xm-select-search="" xm-select-radio="" xm-select-search-type="dl">
                            <option value="0" {eq name="$menu.pid" value="0"}selected{/eq}>顶级菜单</option>
                            {foreach name="admin_rule" item="v"}
                            <option value="{$v.id}" {eq name="$menu.pid" value="$v.id"}selected{/eq} {eq name="$menu.id" value="$v.id"}disabled{/eq}>{$v.title}</option>
                            {/foreach}
                        </select>
                    </div>
                </div>
                <div class="layui-form-item layui-col-md-offset1 layui-col-md9">
                    <label class="layui-form-label">图标</label>
                    <div class="layui-input-block">
                        <input type="text" name="css" lay-verify="css" id="iconPicker" lay-filter="iconPicker" class="layui-input layui-hide" value="{$menu.css}" >
                    </div>
                </div>
                <div class="layui-form-item layui-col-md-offset1 layui-col-md8">
                    <label class="layui-form-label">菜单名称</label>
                    <div class="layui-input-block">
                        <input type="text" name="title" lay-verify="required" placeholder="菜单名称" class="layui-input " value="{$menu.title}" >
                    </div>
                </div>
                <div class="layui-form-item layui-col-md-offset1 layui-col-md8">
                    <label class="layui-form-label">节点</label>
                    <div class="layui-input-block">
                        <input type="text" name="name" lay-verify="required" placeholder="模块/控制器/方法 (一级节点添加“#” 二级节点添加“##”)" class="layui-input "  value="{$menu.name}" >
                    </div>
                </div>
                <!--<div class="layui-form-item layui-col-md-offset1 layui-col-md9">-->
                    <!--<label class="layui-form-label">图标</label>-->
                    <!--<div class="layui-col-md6">-->
                        <!--<input type="text" name="css" id="css" lay-verify="required" placeholder="选择菜单前显示的图标" class="layui-input "  value="{$menu.css}">-->
                    <!--</div>-->
                    <!--<div class="layui-col-md2">-->
                        <!--<button class="layui-btn layui-btn-info" onclick="selectIcon()">选择图标</button>-->
                    <!--</div>-->
                <!--</div>-->
                <div class="layui-form-item layui-col-md-offset1 layui-col-md8">
                    <label class="layui-form-label">排序</label>
                    <div class="layui-input-block">
                        <input type="text" name="sort" lay-verify="required|sort" placeholder="输入排序" class="layui-input " value="{$menu.sort}" >
                    </div>
                </div>
                <div class="layui-form-item layui-col-md-offset1 layui-col-md8">
                    <div class="layui-input-block">
                        <button class="layui-btn" lay-submit="" lay-filter="component-form-element">保存
                        </button>
                        <button class="layui-btn layui-btn-primary" onclick="wk.layer_close('close')">关闭</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--选择图标-->
<div id="chooseicon" style="display:none">
    <div>
        <ul class="list-inline"><li data-font="#" onclick="choseThis(this)">#</li></ul>
    </div>
</div>
{include file="public/footer" /}
<script>
    //选择图标
    function selectIcon(){
        var index = wk.layer_show1('选择图标',$('#chooseicon'),700);
        $.each(Icon,function (index,item){
            var html = "";
            html = '<li data-font="' + item + '"  onclick="choseThis(this)"><i class="' + item + '"></i></li>'
            $('.list-inline').append(html);
        })
    }
    function choseThis(obj){
        $('#css').val($(obj).attr('data-font'));
        $('.icon').css("color","#686B6D");
        $("input[name=css]").css("border","1px solid #CBD5DD");
        $("#myCss").css("display", "none");
        layer.closeAll();
    }
</script>
<script>
    layui.config({
        base: '/src/' //静态资源所在路径
    }).extend({
        iconPicker: 'modules/iconPicker'
    }).use(['form','iconPicker'], function() {
        var form = layui.form,
            iconPicker = layui.iconPicker
        iconPicker.render({
            elem: '#iconPicker',// 选择器，推荐使用input
            type: 'fontClass',// 数据类型：fontClass/unicode，推荐使用fontClass
            search: true,// 是否开启搜索：true/false
            page: false,// 是否开启分页
            limit: 30,// 每页显示数量，默认16。 注: page为true生效
            select:false,// 是否开启多选 true/false
            click: function (data) { // 点击回调
                // console.log(data);
            }
        });
        form.verify({
            sort:[/^(0|[1-9]\d*)$/,'排序值只能为非负整数']
            ,css:[/\S/,'选择图标']
        });
        form.on('submit(component-form-element)', function (data) {
            console.log(data.field);
            $('.layui-btn').addClass('layui-disabled').attr('disabled','disabled');
            $.ajax({
                url:"{:url('edit_rule')}",
                type:'post',
                dataType:'json',
                data:data.field,
                success:function(res){
                    if (res.code == 200) {
                        wk.success(res.msg,'wk.layer_close()');
                    } else {
                        wk.error(res.msg,'$(".layui-btn").removeClass(\'layui-disabled\').removeAttr(\'disabled\')');
                    }
                }
            })
        });
    });
</script>
</body>
</html>