{extend name="Public/base" /}
{block name="css"}
<link rel="stylesheet" href="__PUBLIC__/item/css/layui.css?v={$Think.const.APP_VERSION}">
<link rel="stylesheet" href="__PUBLIC__/css/customer.css?v={$Think.const.APP_VERSION}">
<link rel="stylesheet" href="__PUBLIC__/css/set.css?v={$Think.const.APP_VERSION}">
<style>
    .layui-table-page {
        height: 26px;
        margin-top: -14px;
    }
</style>
{/block}
{block name="js"}

<script src="__PUBLIC__/js/jquery-1.9.0.min.js?v={$Think.const.APP_VERSION}" type="text/jscript"></script>
<script>
    $(function(){
        
    })
</script>

{/block}
{block name="main"}
<div class="if_wrap">
    <div class="cus-con">
        <div class="set_tit"><span>功能菜单设定</span></div>
        <div class="set-top">
            <button class="layui-btn fp-btn" data-type="add">新增功能</button>
            <div class="layui-inline">
                <div class="layui-input-inline">
                    <input type="text" id="menu_name1" value="{$menu_name}" class="layui-input" placeholder="请输入功能菜单名称">
                </div>
                <button class="layui-btn" id="btn">查询</button>
            </div>
        </div>
        <table class="layui-table" lay-data="{height:632, url:'/crm/setting/getMenuJSON.html',page:false,id:'idTest'}" lay-filter="demo">
            <thead>
            <tr>
                <th lay-data="{width:100,field:'id',align:'center',templet: '#titleTpl'}">序号</th>
                <th lay-data="{width:200,field:'showName'}">菜单名称</th>
                <th lay-data="{width:150,field:'menu_code'}">标识码</th>
                <th lay-data="{width:200,field:'menu_url'}">菜单url</th>
                <th lay-data="{width:100,field:'status', toolbar: '#enabledModal'}">是否隐藏</th>
                <th lay-data="{width:100,field:'sort',align:'center'}">排序</th>

                <th lay-data="{width:200,field:'score', toolbar: '#operationModal'}">操作</th>
            </tr>
            </thead>
        </table>
    </div>
</div>
<script type="text/html" id="titleTpl">
    {{d.LAY_TABLE_INDEX+1}}
</script>
<!--添加规则-->
<!--
<div id="add-box" style="display: none;padding:20px;">
    <form class="layui-form modal-form" action="">
        <div class="layui-form-item">
            <label class="layui-form-label">功能菜单名称：</label>
            <div class="layui-input-block">
                <input type="text" id="menu_name" lay-verify="required|title" required placeholder="请输入功能菜单名称" autocomplete="off" class="layui-input" style="width: 300px">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">选择图标：</label>
            <div class="layui-input-inline" style="width: 300px;">
                <select name="menu_icon" id="menu_icon" style="width: 300px">
                    <option value="">--请选择--</option>
                    <option value="fa-home">fa-home</option>
                    <option value="fa-user">fa-user</option>
                    <option value="fa-bar-chart">fa-bar-chart</option>
                    <option value="fa-cog">fa-cog</option>

                </select>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">父级菜单：</label>
            <div class="layui-input-inline" style="width: 300px;">
                <select name="fid" id="fid" style="width: 300px">
                    <option value="">--请选择--</option>
                    {volist name="menu" id="vo"}
                    <option value="{$vo['id']}">{$vo['showName']}</option>
                    {/volist}
                </select>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">功能url：</label>
            <div class="layui-input-block">
                <input type="text" id="menu_url" lay-verify="required|title"  autocomplete="off" class="layui-input" style="width: 300px">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">排序：</label>
            <div class="layui-input-inline" style="width: 100px;">
                <input type="text" id="sort"  autocomplete="off" class="layui-input" placeholder="排序">
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">是否隐藏：</label>
            <div class="layui-input-inline" style="width: 100px;">
                 <input type="checkbox" checked id="status"  lay-filter="isable" lay-skin="switch" lay-text="显示|隐藏">
            </div>
        </div>
    </form>
</div>
-->
<script type="text/html" id="enabledModal">
    {{#  if(d.status == 1){ }}
        <a class="layui-btn layui-btn-mini">显示</a>
    {{# } else if(d.status == 99){ }}
        <a class="layui-btn layui-btn-danger layui-btn-mini" >已删除</a>
    {{#  } else { }}
        <a class="layui-btn layui-btn-danger layui-btn-mini" >隐藏</a>
    {{#  } }}
</script>
<script type="text/html" id="operationModal">
    <a class="layui-btn layui-btn-mini" lay-event="edit">编辑</a>
    <a class="layui-btn layui-btn-danger layui-btn-mini" lay-event="del">删除</a>
</script>

<script>
    layui.use(['form','table'], function() {
        var table = layui.table; //表格
        $('#btn').click(function () {
            table.reload('idTest', {
                url: 'getMenuJSON'
                , where: {menu_name: $('#menu_name1').val()} //设定异步数据接口的额外参数
                //,height: 300
            });
        });
    });

    layui.use(['laydate', 'laypage', 'layer', 'table', 'carousel', 'upload', 'element','form'], function(){
        var laydate = layui.laydate //日期
                ,laypage = layui.laypage //分页
                ,layer = layui.layer //弹层
                ,table = layui.table //表格
                ,carousel = layui.carousel //轮播
                ,upload = layui.upload //上传
                ,element = layui.element;//元素操作
                var form=layui.form;

        table.on('tool(demo)', function (obj) { //注：tool是工具条事件名，test是table原始容器的属性 lay-filter="对应的值"
            var data = obj.data //获得当前行数据
                    , layEvent = obj.event; //获得 lay-event 对应的值
            if (layEvent === 'del') {
                layer.confirm('确定删除此菜单吗？', function (index) {
                    var id = obj.data.id;
                    //向服务端发送删除指令
                    $.ajax({
                        type: "POST",
                        url: "{:Url('crm/Setting/delMenu')}",
                        data: {id:id},
                        dataType:'json',
                        success: function(ret){
                            if(ret.code==1){
                                location.reload();
                            }else{
                                layer.alert(ret.msg);
                            }
                        },
                        error:function(XMLHttpRequest, textStatus, errorThrown){
                            var ret = XMLHttpRequest.responseJSON
                            layer.alert('操作失败');
                        }
                    });
                    //obj.del(); //删除对应行（tr）的DOM结构
                    layer.close(index);
                    //向服务端发送删除指令
                });
            } else if (layEvent === 'edit') {

                layui.form.render(); //更新全部
                var id = obj.data.id;
//                setTimeout(function(){
                    load_page(
                            '/crm/Setting/addMenuSet.html?id='+obj.data.id,
                            '修改功能菜单',
                            function(){
                                addmenu(obj.data.id);
                            },
                            ['保存','取消'],
                            500,400
                    );
//                },1000);

                //console.log(obj.data);return false;
                //console.log(id);return false;
            /*    $("#add-box").append('<input type="hidden" id="id" value="'+id+'">');
                $("#menu_name").val(obj.data.menu_name);
                $("#menu_url").val(obj.data.menu_url);
                //$("#outsex").val('value',obj.data.outsex);
                $("#menu_icon").val(obj.data.menu_icon);
                $("#fid").val(obj.data.fid);
                $("#sort").val(obj.data.sort);
                $('#status').val(obj.data.status);
                console.log(obj.data.status);alert(obj.data.status);
                //if (obj.data.status === 0) {
                    //var a =$('#status').val();

                    $('#status').remove('checked');

               // }
                form.render(); //更新全部

                layer.open({
                    title: '功能菜单设定',
                    type: 1,
                    skin: 'layui-layer-rim',
                    area: ['570px', '500px'],
                    content: $('#add-box'),
                    btn: ['提交']
                    , yes: function(index) {
                        var id = $("#id").val();
                        var menu_name = $("#menu_name").val();
                        var menu_url = $("#menu_url").val();
                        var fid = $("#fid").val();
                        var sort = $("#sort").val();
                        var menu_icon= $("#menu_icon").val();
                        if ($('#status').is(':checked')) {
                            var status = 1;
                        } else {
                            var status = 0;
                        }
                        if (typeof menu_name == 'undefined' || menu_name == '') {
                            layer.alert('请输入功能菜单名称');
                            return false;
                        }
                    //    if (typeof menu_url == 'undefined' || menu_url == '') {
                    //        alert('请输入功能菜单内容');
                    //        return false;
                    //    }

                        var data = "id="+id+"&menu_name=" + menu_name + "&menu_url=" + menu_url + "&fid=" + fid + "&sort=" + sort + "&status=" + status+"&menu_icon="+menu_icon;
                        //console.log(data);
                        $.ajax({
                            type: "POST",
                            url: "{:Url('crm/Setting/addMenu')}",
                            data: data,
                            dataType:'json',
                            success: function(ret){
                        console.log(ret);
                                if(ret.code==1){
                                    location.reload();
                                }else{
                                    layer.alert(ret.msg);
                                }
                            },
                            error:function(XMLHttpRequest, textStatus, errorThrown){
                                var ret = XMLHttpRequest.responseJSON
                                layer.alert('操作失败');
                            }
                        })
                        //最后关闭弹出层
                        layer.close(index);
                    }
                });
                */

            }

            //var form = layui.form;
         /*   form.on('switch(switch_change)', function(data){

                var switch_status=data.elem.checked;
                if(switch_status==true){
                    var status=1;
                }else if(switch_status===false){
                    var status=0;
                }
                var id = obj.data.id;
                layer.alert(id);
                console.log(id);

                $.ajax({
                    type: "POST",
                    url: "{:Url('crm/Setting/editStatus')}",
                    data: status,
                    dataType: 'json',
                    success: function (ret) {
                        console.log(ret);return false;
                        if (ret) {
                            location.reload();
                        } else {
                            layer.alert('功能菜单状态修改失败');
                        }
                    }

                })

            })
*/
        });
        //添加功能事件
       $(".fp-btn").click(function(){
            layui.form.render(); //更新全部

            load_page(
                    '/crm/Setting/addMenuSet.html',
                    '修改功能菜单',
                    function(){
                        addmenu();
                    },
                    ['保存','取消'],
                    500, 400
            );
         //  load_page( '/crm/Setting/addMenuSet.html');

        /*       layer.open({
                    title: '功能菜单设定',
                    type: 1,
                    skin: 'layui-layer-rim',
                    area: ['570px', '550px'],
                    content: $('#add-box'),
                    btn: ['提交']
                    , yes: function(index) {
                        //当点击‘确定’按钮的时候，获取弹出层返回的值
                        var menu_name = $("#menu_name").val();
                        var menu_url = $("#menu_url").val();
                        var fid = $("#fid").val();
                        var sort=$("#sort").val();
                        var menu_icon=$("#menu_icon").val();
                        //var status = $("#status").val();

                        if ($('#status').is(':checked')) {
                            var status = 1;
                        } else {
                            var status = 0;
                        }
                        if (typeof menu_name == 'undefined' || menu_name == '') {
                            layer.alert('请输入功能菜单名称');
                            return false;
                        }
                        //if (typeof menu_url == 'undefined' || menu_url == '') {
                        //    alert('请输入功能菜单内容');
                        //    return false;
                        //}

                        var data = "menu_name=" + menu_name + "&menu_url=" + menu_url + "&fid=" + fid + "&sort=" + sort +"&status="+status+"&menu_icon="+menu_icon;
                        $.ajax({
                            type: "POST",
                            url: "{:Url('crm/Setting/addMenu')}",
                            data: data,
                            dataType: 'json',
                            success: function (ret) {
                                if (ret) {
                                    location.reload();
                                } else {
                                    layer.alert('功能菜单设置失败');
                                }
                            },
                            error: function (XMLHttpRequest, textStatus, errorThrown) {
                                var ret = XMLHttpRequest.responseJSON
                                layer.alert('操作失败');
                            }
                        });
                        //最后关闭弹出层
                        layer.close(index);
                    }
                });
*/
        });

        //分页
     /*   laypage.render({
            elem: 'pageDemo' //分页容器的id
            ,count: 100 //总页数
            ,skin: '#1E9FFF' //自定义选中色值
            ,jump: function(obj, first){
                if(!first){
                    layer.msg('第'+ obj.curr +'页');
                }
            }
        });
    */
    });

</script>
{/block}