{extend name="Public/base" /}
{block name="js"}
<script src="__PUBLIC__/item/lay/modules/laypage.js?v={$Think.const.APP_VERSION}"></script>
<script>
    $(function(){
        
    })
</script>
{/block}
{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}">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/easyui.css?v={$Think.const.APP_VERSION}">
<style>
    .left{float: left;}
    .lab{width: 400px;}
    .checkbox_cc {
        height: auto;
        width: 460px;
        box-sizing: border-box;
        float: left;
        background-color: #fff;
    }
</style>
{/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 add-btn" data-type="add">新增报表</button>
        </div>
        <!--<form class="layui-form">
        <div class=" set-top layui-form layui-form-item">
            <label class="layui-form-label">请选择事业部</label>
            <div class="layui-input-inline brandclass">
                <select name="brandclass" lay-filter="brandclass"  id="brandclass">
                    <option value="0">&#45;&#45;请选择事业部&#45;&#45;</option>
                    {volist name="brandclassInfo" id="vo"}
                    <option value="{$vo['id']}">{$vo['brandclass']}</option>
                    {/volist}
                </select>
            </div>

            <div class="layui-input-inline" id="prompt" style="width: 400px">

            </div>
        </div>

        <div class="checkbox_cc layui-form">
            <input type="button" value="全选" class="layui-btn" id="checkbox-all">
            <input type="button" value="反选" class="layui-btn" id="checkbox-reverse">
            <ul id="tt" class="easyui-tree">
                &lt;!&ndash;<li>
                    <input type="checkbox" name="like1[write]" lay-skin="primary" title="写作" checked="">
                    <ul style="padding-left: 20px;">
                        <li>
                            <input type="checkbox" name="like1[write]" lay-skin="primary" title="child1" checked="">
                        </li>
                    </ul>
                </li>&ndash;&gt;
            </ul>
        </div>
        <div class="layui-form-item">
            <div class="layui-input-block">
                <button type="button" class="layui-btn" lay-submit="" lay-filter="*" onclick="getChecked()">&nbsp;&nbsp;确定&nbsp;&nbsp;</button>
            </div>
        </div>
        </form>-->
    </div>
</div>
<!--添加规则-->
<div id="add-box" style="display: none;padding:20px;">
    <form class="layui-form" action="">
        <div class="set-row">
            <div class="layui-inline">
                <label class="layui-form-label">报表：</label>
                <div class="layui-input-block w-200">
                    <input type="text" id="report_class_name" class="layui-input">
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label">报表名称：</label>
                <div class="layui-input-block w-200">
                    <input type="text" id="report_name" class="layui-input">
                </div>
            </div>
        </div>
    </form>
</div>
<script type="text/javascript" src="__PUBLIC__/js/jquery.min.js"></script>
<script>
    layui.use('form', function(){
        var layer = layui.layer;
        layer.ready(function() {
            layui.form.render();
        })
    });

    layui.use('form', function(){
        var form = layui.form;
        //全选
        $('#checkbox-all').click(function(){
            $("input[type='checkbox']").prop("checked", true);
            form.render('checkbox');
        });
        //反选
        $('#checkbox-reverse').click(function(){
            $("input[type='checkbox']").prop("checked", function(index, attr){
                return !attr;
            });
            form.render('checkbox');
        });
    });
    layui.use('form', function(){
        var form = layui.form;
        // 事业部  联动  部门
        form.on('select(brandclass)', function(data){
            var index = layer.load(1, {shade: false});
            var brandclass = data.value;
            $.ajax({
                type:"GET",
                url:'getShopJSON',
                data:{brandclass_id:brandclass},
                success: function (msg) {
                    if(msg.code == 200){
                        var data = msg.data;
                        var replace = '<li class="par left">';
                        for(var i=0;i<data.length;i++){
                            var setting = data[i]['setting'];
                            if(setting!=null && (setting['shop_code'] == data[i]['shop_code'])){
                                replace += '<li class="par left"><input type="checkbox" name="shop_code[]" lay-skin="primary" title="'+data[i]["shop_name"]+'" value="'+data[i]["shop_code"]+'" checked="checked"></li>';
                            }else{
                                replace += '<li class="par left"><input type="checkbox" name="shop_code[]" lay-skin="primary" title="'+data[i]["shop_name"]+'" value="'+data[i]["shop_code"]+'"></li>';
                            }
                            //网销店，渠道店，电商店
                            if(setting!=null && (setting['is_marketing'] == 1)){
                                replace += '<li class="par left"><input type="radio" name="'+data[i]["shop_code"]+'_is_marketing" lay-skin="primary" title="电商店" value="1" checked=""></li>';
                            }else{
                                replace += '<li class="par left"><input type="radio" name="'+data[i]["shop_code"]+'_is_marketing" lay-skin="primary" title="电商店" value="1"></li>';
                            }
                            if(setting!=null && (setting['is_marketing'] == 3)){
                                replace += '<li class="par left"><input type="radio" name="'+data[i]["shop_code"]+'_is_marketing" lay-skin="primary" title="网销店" value="3" checked=""></li>';
                            }else{
                                replace += '<li class="par left"><input type="radio" name="'+data[i]["shop_code"]+'_is_marketing" lay-skin="primary" title="网销店" value="3"></li>';
                            }
                            if(setting!=null && (setting['is_marketing'] == 4)){
                                replace += '<li class="par left"><input type="radio" name="'+data[i]["shop_code"]+'_is_marketing" lay-skin="primary" title="渠道店" value="4" checked=""></li>';
                            }else{
                                replace += '<li class="par left"><input type="radio" name="'+data[i]["shop_code"]+'_is_marketing" lay-skin="primary" title="渠道店" value="4"></li>';
                            }

//                            replace += '<li class="par left"><input type="radio" name="'+data[i]["shop_code"]+'_is_marketing" lay-skin="primary" title="网销店" value="3" checked=""></li>';
//                            replace += '<li class="par left"><input type="radio" name="'+data[i]["shop_code"]+'_is_marketing" lay-skin="primary" title="渠道店" value="4" checked=""></li>';
                            replace += '<ul class="pad"><li class="left lab">&nbsp;&nbsp;&nbsp;毛客资：</li><li class="left">消费类型：</li>';

                            var arr = setting['all_customer_consumptiontype'];
                            if(arr == 0 || arr == null){
                                replace += '<li class="left"><input type="checkbox" name="all_cus_'+data[i]["shop_code"]+'[]" lay-skin="primary" title="全部" value="0" checked=""></li><li class="left">';
                            }else{
                                replace += '<li class="left"><input type="checkbox" name="all_cus_'+data[i]["shop_code"]+'[]" lay-skin="primary" title="全部" value="0"></li><li class="left">';
                            }

                            var ctype = data[i]['consumptionType'];
                            for(var j=0;j<ctype.length;j++){
                                var res = $.inArray(ctype[j]["id"].toString(),arr);
                                if(setting!=null && res != -1){
                                    replace += '<input type="checkbox" name="all_cus_'+data[i]["shop_code"]+'[]" lay-skin="primary" title="'+ctype[j]["consumption_name"]+'" value="'+ctype[j]["id"]+'" checked="">';
                                }else{
                                    replace += '<input type="checkbox" name="all_cus_'+data[i]["shop_code"]+'[]" lay-skin="primary" title="'+ctype[j]["consumption_name"]+'" value="'+ctype[j]["id"]+'">';
                                }
                            }
                            replace += '</li></ul>';
                            replace += '<ul class="pad"><li class="left lab">有效客资：</li><li class="left">消费类型：</li>';
                            var arr1 = setting['valid_customer_consumptiontype'];
                            if(arr1 == 0 || arr1 == null){
                                replace += '<li class="left"><input type="checkbox" name="valid_cus_'+data[i]["shop_code"]+'[]" lay-skin="primary" title="全部" value="0" checked=""></li><li class="left">';
                            }else{
                                replace += '<li class="left"><input type="checkbox" name="valid_cus_'+data[i]["shop_code"]+'[]" lay-skin="primary" title="全部" value="0"></li><li class="left">';
                            }
                            for(var j=0;j<ctype.length;j++){
                                var res1 = $.inArray(ctype[j]["id"].toString(),arr1);
                                if(setting!=null && res1 != -1) {
                                    replace += '<input type="checkbox" name="valid_' + data[i]["shop_code"] + '[]" lay-skin="primary" title="' + ctype[j]["consumption_name"] + '" value="' + ctype[j]["id"] + '" checked="">';
                                }else{
                                    replace += '<input type="checkbox" name="valid_' + data[i]["shop_code"] + '[]" lay-skin="primary" title="' + ctype[j]["consumption_name"] + '" value="' + ctype[j]["id"] + '">';
                                }
                            }
                            replace += '</li></ul>';
                            replace += '<ul class="pad"><li class="left lab">&nbsp;&nbsp;进&nbsp;&nbsp;店：</li><li class="left">消费类型：</li><li class="left">';
                            var arr2 = setting['into_customer_consumptiontype'];
                            if(arr2 == 0 || arr2 == null){
                                replace += '<li class="left"><input type="checkbox" name="into_cus_'+data[i]["shop_code"]+'[]" lay-skin="primary" title="全部" value="0" checked=""></li><li class="left">';
                            }else{
                                replace += '<li class="left"><input type="checkbox" name="into_cus_'+data[i]["shop_code"]+'[]" lay-skin="primary" title="全部" value="0"></li><li class="left">';
                            }
                            for(var j=0;j<ctype.length;j++) {
                                var res2 = $.inArray(ctype[j]["id"].toString(),arr2);
                                if(setting!=null && res2 != -1) {
                                    replace += '<input type="checkbox" name="into_' + data[i]["shop_code"] + '[]" lay-skin="primary" title="' + ctype[j]["consumption_name"] + '" value="' + ctype[j]["id"] + '" checked="">';
                                }else{
                                    replace += '<input type="checkbox" name="into_' + data[i]["shop_code"] + '[]" lay-skin="primary" title="' + ctype[j]["consumption_name"] + '" value="' + ctype[j]["id"] + '">';
                                }
                            }
                            replace += '</li></ul>';
                            replace += '<ul class="pad"><li class="left lab">&nbsp;&nbsp;新&nbsp;&nbsp;单：</li><li class="left">消费类型：</li><li class="left">';
                            var arr3 = setting['order_customer_consumptiontype'];
                            if(arr3 == 0 || arr3 == null){
                                replace += '<li class="left"><input type="checkbox" name="order_cus_'+data[i]["shop_code"]+'[]" lay-skin="primary" title="全部" value="0" checked=""></li><li class="left">';
                            }else{
                                replace += '<li class="left"><input type="checkbox" name="order_cus_'+data[i]["shop_code"]+'[]" lay-skin="primary" title="全部" value="0"></li><li class="left">';
                            }
                            for(var j=0;j<ctype.length;j++){
                                var res3 = $.inArray(ctype[j]["id"].toString(),arr3);
                                if(setting!=null && res3 != -1) {
                                    replace += '<input type="checkbox" name="order_' + data[i]["shop_code"] + '[]" lay-skin="primary" title="' + ctype[j]["consumption_name"] + '" value="' + ctype[j]["id"] + '" checked="">';
                                }else{
                                    replace += '<input type="checkbox" name="order_' + data[i]["shop_code"] + '[]" lay-skin="primary" title="' + ctype[j]["consumption_name"] + '" value="' + ctype[j]["id"] + '">';
                                }
                            }
                            replace += '</li></ul><hr>';
                        }
                        replace +='</li>';
                        $("#tt").html(replace);
                        form.render();
                    }else{
                        layer.alert('暂无数据');
                    }
                    layer.close(index);
                }
            });
        });
    })
    function getChecked(){
        var data = $('.layui-form').serialize();
        $.ajax({
            type: "POST",
            url: "{:Url('crm/Setting/staSetSub')}",
            data: data,
            dataType:'json',
            success: function(ret){
                if(ret){
                    layer.alert('设置成功');
                }else{
                    layer.alert('设置失败');
                }
            },
            error:function(XMLHttpRequest, textStatus, errorThrown){
                var ret = XMLHttpRequest.responseJSON
                layer.alert('操作失败');
            }
        })
    }
    layui.use(['laydate', 'laypage', 'layer', 'table', 'carousel', 'upload', 'element'], function(){
        var laydate = layui.laydate //日期
                ,laypage = layui.laypage //分页
        layer = layui.layer //弹层
                ,table = layui.table //表格
                ,carousel = layui.carousel //轮播
                ,upload = layui.upload //上传
                ,element = layui.element; //元素操作
        //监听工具条
        table.on('tool(demo)', function (obj) { //注：tool是工具条事件名，test是table原始容器的属性 lay-filter="对应的值"
            var data = obj.data //获得当前行数据
                    , layEvent = obj.event; //获得 lay-event 对应的值
            if (layEvent === 'detail') {
                layer.msg('查看操作');
            } else if (layEvent === 'del') {
                layer.confirm('真的删除行么', function (index) {
                    obj.del(); //删除对应行（tr）的DOM结构
                    layer.close(index);
                    //向服务端发送删除指令
                });
            } else if (layEvent === 'edit') {
                        //最后关闭弹出层
                        layer.close(index);
            }
        });
        //添加店面事件
        $(".add-btn").click(function () {
            $("#reset").trigger('click');
            layer.open({
                title: '添加报表',
                type: 1,
                skin: 'layui-layer-rim',
                area: ['405px', '300px'],
                content: $('#add-box'),
                btn: ['提交']
                , yes: function(index) {
                    //当点击‘确定’按钮的时候，获取弹出层返回的值
                    var report_class_name = $("#report_class_name").val();
                    var report_name = $("#report_name").val();
                    if(!report_class_name){
                        layer.alert('请输入报表');
                        return false;
                    }
                    if(!report_name){
                        layer.alert('请输入报表名称');
                        return false;
                    }
                    var data = 'report_class_name='+report_class_name+"&report_name="+report_name;
                    // alert(data);return false;
                    $.ajax({
                        type: "POST",
                        url: "{:Url('crm/Report/add')}",
                        data: data,
                        dataType:'json',
                        success: function(ret){
                            if(ret.code==200){
                                layer.alert(ret.msg);
//                                table.reload('idTest', {
//                                });
                            }else{
                                layer.alert(ret.msg);
                            }
                        },
                        error:function(XMLHttpRequest, textStatus, errorThrown){
                            var ret = XMLHttpRequest.responseJSON
                            layer.alert('操作失败');
                        }
                    })
                    //最后关闭弹出层
                    layer.close(index);
                }
            });
        });
        //日历
        layui.use('laydate', function () {
            var laydate = layui.laydate;
            laydate.render({
                elem: '#cost_time'
                , format: 'yyyy-MM-dd'
                ,range: true
                , trigger: 'click'
            });
        });
        //分页
        laypage.render({
            elem: 'pageDemo' //分页容器的id
            ,count: 100 //总页数
            ,skin: '#1E9FFF' //自定义选中色值
//            ,skip: true //开启跳页
            ,jump: function(obj, first){
                if(!first){
                    layer.msg('第'+ obj.curr +'页');
                }
            }
        });
    })
   </script>
{/block}