{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}">
<link rel="stylesheet" href="__PUBLIC__/fsBox/jquery.fs.boxer.css">
<style>
    .tip-class .layui-layer-content{
        padding: 20px 30px;
    }
</style>
{/block}
{block name="js"}
<script src="__PUBLIC__/fsBox/jquery.fs.boxer.min.js"></script>
<script>
    $(function(){
        // $(".nul_bli").eq(6).find(".navb").addClass("active");
    })
</script>
{/block}
{block name="main"}
<div class="if_wrap">
    <div class="set_tit"><span>添加编辑报表</span></div>
    <form class="layui-form add-form" action="">
        <div class="flow-item">
            <div class="flow-contain">
                <!--div.-->
                <div class="layui-form-item">
                    <label class="layui-form-label">名称：</label>
                    <div class="layui-input-block">
                        <span class="form-span">{$info.report_name}</span>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">描述：</label>
                    <div class="layui-input-block">
                        <span class="form-span">{$info.described}</span>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">缩略图：</label>
                    <div class="layui-input-block">
                        <a href="{$info.thumb|default='__PUBLIC__/img/form.jpg'}" rel="gallery" class="layui-upload-img view-font"><img src="{$info.thumb|default='__PUBLIC__/img/form.jpg'}" alt=""></a>
                    </div>
                </div>
                <input type="hidden" id="id" value="{$info.id}">
                {if condition="empty($auth)"}
                <div class="add-form-con">
                    <div class="add-item">
                        <div class="add-border">
                            <div class="layui-form-item">
                                <label class="layui-form-label">报表统计对象：</label>
                                <div class="layui-input-block">
                                    <div class="layui-input-inline">
                                        <select name="brandclass_id" class="bid" lay-filter="brand_0" lay-search="">
                                            <option value="">请选择事业部</option>
                                            {volist name="brand" id="b"}
                                            <option value="{$b.id}">{$b.brandclass}</option>
                                            {/volist}
                                        </select>
                                    </div>
                                    <div class="layui-input-inline">
                                        <select name="shop_code" class="shop" lay-search="">
                                            <option value="">请选择店</option>
                                        </select>
                                    </div>
                                    <!--<div class="layui-input-inline">
                                        <select>
                                            <option value="">请选择部门</option>
                                            <option value="0">北京</option>
                                            <option value="1">上海</option>
                                            <option value="2">广州</option>
                                            <option value="3">深圳</option>
                                            <option value="4">杭州</option>
                                        </select>
                                    </div>
                                    <div class="layui-input-inline">
                                        <select>
                                            <option value="">请选择小组</option>
                                            <option value="0">北京</option>
                                            <option value="1">上海</option>
                                            <option value="2">广州</option>
                                            <option value="3">深圳</option>
                                            <option value="4">杭州</option>
                                        </select>
                                    </div>-->
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">报表展示权限：</label>
                                <div class="layui-input-block author">
                                    <div class="layui-input-inline">
                                        <select name="auth_brandclass_id" lay-filter="auth_brand_0" lay-search="">
                                            <option value="">请选择事业部</option>
                                            {volist name="brand" id="bd"}
                                            <option value="{$bd.id}">{$bd.brandclass}</option>
                                            {/volist}
                                        </select>
                                    </div>
                                    <div class="layui-input-inline">
                                        <select name="auth_shop_code"  lay-filter="auth_shop_code_0" lay-search="">
                                            <option value="">请选择店</option>
                                        </select>
                                    </div>
                                    <div class="layui-input-inline">
                                        <select name="auth_department_id" lay-filter="auth_department_id_0" lay-search="">
                                            <option value="">请选择部门</option>
                                        </select>
                                    </div>
                                    <div class="layui-input-inline">
                                        <select name="auth_position_code" lay-search="">
                                            <option value="">请选择岗位</option>
                                        </select>
                                    </div>
                                    <div class="layui-input-inline" style="width: 90px">
                                        <div>
                                            <span class="flow-btn-span add-select">+</span>
                                            <span class="flow-btn-span del-select">-</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="flow-btn">
                            <div class="layui-btn-group">
                                <div class="layui-btn layui-btn-sm add-btn">增加</div>
                                <div class="layui-btn layui-btn-sm del-btn">删除</div>
                            </div>
                        </div>
                    </div>
                </div>
                {else/}
                <div class="add-form-con">
                    {volist name="auth" id="a"}
                    <div class="add-item">
                        <div class="add-border">
                            <div class="layui-form-item">
                                <label class="layui-form-label">报表统计对象：</label>
                                <div class="layui-input-block">
                                    <div class="layui-input-inline">
                                        <select name="brandclass_id" class="bid" lay-filter="brand_0" lay-search="">
                                            <option value="">请选择事业部</option>
                                            {volist name="brand" id="b"}
                                            <option value="{$b.id}" {if $a.brandclass_id eq $b.id}selected{/if}>{$b.brandclass}</option>
                                            {/volist}
                                        </select>
                                    </div>
                                    <div class="layui-input-inline">
                                        <select name="shop_code" class="shop" lay-search="">
                                            <option value="">请选择店</option>
                                            {volist name="a.shop" id="s"}
                                            <option value="{$s.shop_code}" {if $a.shop_code eq $s.shop_code}selected{/if}>{$s.shop_name}</option>
                                            {/volist}
                                        </select>
                                    </div>
                                </div>
                            </div>
                            {volist name="a.position" id="pp"}
                            <div class="layui-form-item">
                                <label class="layui-form-label">报表展示权限：</label>
                                <div class="layui-input-block author">
                                    <div class="layui-input-inline">
                                        <select name="auth_brandclass_id" lay-filter="auth_brand_0" lay-search="">
                                            <option value="">请选择事业部</option>
                                            {volist name="brand" id="bd"}
                                            <option value="{$bd.id}"{if $bd.id eq $pp.auth_brand}selected{/if}>{$bd.brandclass}</option>
                                            {/volist}
                                        </select>
                                    </div>
                                    <div class="layui-input-inline">
                                        <select name="auth_shop_code"  lay-filter="auth_shop_code_0" lay-search="">
                                            <option value="">请选择店</option>
                                            {volist name="pp.shop" id="as"}
                                            <option value="{$as.shop_code}" {if $as.shop_code eq $pp.auth_shop}selected{/if}>{$as.shop_name}</option>
                                            {/volist}
                                        </select>
                                    </div>
                                    <div class="layui-input-inline">
                                        <select name="auth_department_id" lay-filter="auth_department_id_0" lay-search="">
                                            <option value="">请选择部门</option>
                                            {volist name="pp.department" id="d"}
                                            <option value="{$d.id}" {if $d.id eq $pp.auth_department}selected{/if}>{$d.department_name}</option>
                                            {/volist}
                                        </select>
                                    </div>
                                    <div class="layui-input-inline">
                                        <select name="auth_position_code" lay-search="">
                                            <option value="">请选择岗位</option>
                                            {volist name="pp.position" id="p"}
                                            <option value="{$p.position_code}" {if $p.position_code eq $pp.auth_position}selected{/if}>{$p.position_name}</option>
                                            {/volist}
                                        </select>
                                    </div>
                                    <div class="layui-input-inline" style="width: 90px">
                                        <div>
                                            <span class="flow-btn-span add-select">+</span>
                                            <span class="flow-btn-span del-select">-</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            {/volist}
                        </div>
                        <div class="flow-btn">
                            <div class="layui-btn-group">
                                <div class="layui-btn layui-btn-sm add-btn">增加</div>
                                <div class="layui-btn layui-btn-sm del-btn">删除</div>
                            </div>
                        </div>
                    </div>
                    {/volist}
                </div>
                {/if}

            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-input-block">
                <button class="layui-btn" id="sub" type="button">确定</button>
                <button class="layui-btn layui-btn-primary"type="button" id="clear">清空报表</button>
            </div>
        </div>
    </form>
</div>
<div class="layui-form-item" id="selectTemplate" style="display: none">
    <label class="layui-form-label">报表展示权限：</label>
    <div class="layui-input-block author">
        <div class="layui-input-inline">
            <select name="auth_brandclass_id"  lay-filter="auth_brand" lay-search="">
                <option value="">请选择事业部</option>
                {volist name="brand" id="bd"}
                <option value="{$bd.id}">{$bd.brandclass}</option>
                {/volist}
            </select>
        </div>
        <div class="layui-input-inline">
            <select name="auth_shop_code"  lay-filter="auth_shop_code" lay-search="">
                <option value="">请选择店</option>
            </select>
        </div>
        <div class="layui-input-inline">
            <select name="auth_department_id" lay-filter="auth_department_id" lay-search="">
                <option value="">请选择部门</option>
            </select>
        </div>
        <div class="layui-input-inline">
            <select name="auth_position_code" lay-search="">
                <option value="">请选择岗位</option>
            </select>
        </div>
        <div class="layui-input-inline" style="width: 90px">
            <div>
                <span class="flow-btn-span add-select">+</span>
                <span class="flow-btn-span del-select">-</span>
            </div>
        </div>
    </div>
</div>

<div class="add-item" id="template" style="display: none">
    <div class="add-border">
        <div class="layui-form-item">
            <label class="layui-form-label">报表统计对象：</label>
            <div class="layui-input-block">
                <div class="layui-input-inline">
                    <select name="brandclass_id" lay-filter="brand" lay-search="">
                        <option value="">请选择事业部</option>
                        {volist name="brand" id="b"}
                        <option value="{$b.id}">{$b.brandclass}</option>
                        {/volist}
                    </select>
                </div>
                <div class="layui-input-inline"lay-search="">
                    <select name="shop_code" class="shop" >
                        <option value="">请选择店</option>
                    </select>
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">报表展示权限：</label>
            <div class="layui-input-block author">
                <div class="layui-input-inline">
                    <select name="auth_brandclass_id" lay-filter="auth_brand" lay-search="">
                        <option value="">请选择事业部</option>
                        {volist name="brand" id="bd"}
                        <option value="{$bd.id}">{$bd.brandclass}</option>
                        {/volist}
                    </select>
                </div>
                <div class="layui-input-inline">
                    <select name="auth_shop_code" lay-filter="auth_shop_code" lay-search="">
                        <option value="">请选择店</option>
                    </select>
                </div>
                <div class="layui-input-inline">
                    <select name="auth_department_id" lay-filter="auth_department_id" lay-search="">
                        <option value="">请选择部门</option>
                    </select>
                </div>
                <div class="layui-input-inline">
                    <select name="auth_position_code" lay-search="">
                        <option value="">请选择岗位</option>
                    </select>
                </div>
                <div class="layui-input-inline" style="width: 90px">
                    <div>
                        <span class="flow-btn-span add-select">+</span>
                        <span class="flow-btn-span del-select">-</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="flow-btn">
        <div class="layui-btn-group">
            <div class="layui-btn layui-btn-sm add-btn">增加</div>
            <div class="layui-btn layui-btn-sm del-btn">删除</div>
        </div>
    </div>
</div>
<script>
    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//元素操作
                , form = layui.form;//表单操作
        //报表统计店面去重
        form.on('select', function(data){
            var shopArr=[];
            for(var i=0;i<$(".add-form-con select.shop").not($(data.elem)).length;i++){
                var shopText=$(".add-form-con select.shop").not($(data.elem)).eq(i).find("option:selected").val();
                if(shopText!=''){
                    shopArr.push(shopText);
                }
            }
            if($(data.elem).hasClass("shop")){
                var currCheck=data.value;
                for(var j=0;j<shopArr.length;j++){
                    if(shopArr[j]==currCheck){
                        layer.open({
                            type: 1,
                            content: '当前店面已选，请重新选择！', //这里content是一个普通的String，
                            btn: ['确定'],
                            skin: 'tip-class',
                            area: ['300px', '180px'],
                            yes: function(index, layero){
                                layer.close(index);
                                $(data.elem).val("");
                                form.render();
                            }
                        });
                    }
                }
            }
        });
        /***********************统计对象事业部监听****************start*******************/
        //监听报表统计事业部,给店赋值
        var brandSelect=function(filter){
            form.on('select('+filter+')', function (data) {
                var brandclass_id = data.value;
                var that=$(this);
                $.ajax({
                    type: "POST",
                    url: '/crm/Customer/getShop',
                    data: {brandclass_id: brandclass_id},
                    success: function (msg) {
                        var replace = '<option value="">请选择店</option>';
                        for (var i = 0; i < msg.length; i++) {
                            replace += '<option value="' + msg[i]['shop_code'] + '">' + msg[i]['shop_name'] + '</option>';
                        }
                        that.parents(".layui-input-block").find(".layui-input-inline").eq(1).find('select').html(replace);
                        form.render('select');
                    }
                });
            })
        };
        //循环调用brandSelect函数
        var brandCheck=function(){
            for(var i=0;i<$(".add-item").length;i++){
                var brandFilter=$(".add-item").eq(i).find('select').eq(0).attr("lay-filter");
                brandSelect(brandFilter);
            }
        };
        /***********************统计对象事业部监听****************end*******************/


        /***********************展示权限事业部监听****************start*******************/
        var authBrand=function(filter){
            form.on('select('+filter+')', function (data) {
                var brandclass_id = data.value;
                var that=$(this);
                $.ajax({
                    type: "POST",
                    url: '/crm/Customer/getShop',
                    data: {brandclass_id: brandclass_id},
                    success: function (msg) {
                        var replace1 = '<option value="">请选择店</option>';
                        for (var i = 0; i < msg.length; i++) {
                            replace1 += '<option value="' + msg[i]['shop_code'] + '">' + msg[i]['shop_name'] + '</option>';
                        }
                        that.parents(".layui-input-block").find(".layui-input-inline").eq(1).find('select').html(replace1);
                        $.ajax({
                            type: "POST",
                            url: '/crm/Customer/getDepartmentListReport',
                            data: {brandclass_id: brandclass_id},
                            success: function (msg) {
                                var replace2 = '<option value="">请选择部门</option>';
                                for (var i = 0; i < msg.length; i++) {
                                    replace2 += '<option value="' + msg[i]['id'] + '">' + msg[i]['department_name'] + '</option>';
                                }
                                that.parents(".layui-input-block").find(".layui-input-inline").eq(2).find('select').html(replace2);
                                $.ajax({
                                    type: "POST",
                                    url: '/crm/Setting/getPositionByDepId',
                                    data: {brandclass_id:brandclass_id},
                                    success: function (msg) {
                                        var replace3 = '<option value="">请选择岗位</option>';
                                        for (var i = 0; i < msg.length; i++) {
                                            replace3 += '<option value="' + msg[i]['position_code'] + '">' + msg[i]['position_name'] + '</option>';
                                        }
                                        that.parents(".layui-input-block").find(".layui-input-inline").eq(3).find('select').html(replace3);
                                        form.render('select');
                                    }
                                });
                            }
                        });
                    }
                });
            })
        };

        /***********************展示权限事业部监听****************end*******************/


        /***********************展示权限店面监听****************start*******************/
        var authShop=function(filter) {
            form.on('select('+filter+')', function (data) {
                var shop_code = data.value;
                var that = $(this);
                $.ajax({
                    type: "POST",
                    url: '/crm/Customer/getDepartmentListReport',
                    data: {shop_code: shop_code},
                    success: function (msg) {
                        var replace4 = '<option value="">请选择部门</option>';
                        for (var i = 0; i < msg.length; i++) {
                            replace4 += '<option value="' + msg[i]['id'] + '">' + msg[i]['department_name'] + '</option>';
                        }
                        that.parents(".layui-input-block").find(".layui-input-inline").eq(2).find('select').html(replace4);
                        $.ajax({
                            type: "POST",
                            url: '/crm/Setting/getPositionByDepId',
                            data: {shop_code:shop_code},
                            success: function (msg) {
                                var replace5 = '<option value="">请选择岗位</option>';
                                for (var i = 0; i < msg.length; i++) {
                                    replace5 += '<option value="' + msg[i]['position_code'] + '">' + msg[i]['position_name'] + '</option>';
                                }
                                that.parents(".layui-input-block").find(".layui-input-inline").eq(3).find('select').html(replace5);
                                form.render('select');
                            }
                        });
                    }
                });
            })
        };
        /***********************展示权限店面监听****************end*******************/


        /***********************展示权限部门监听****************start*******************/
        var authDepartment=function(filter) {
            form.on('select(' + filter + ')', function (data) {
                var department_id = data.value;
                var that = $(this);
                var shop_code = that.parents(".layui-input-inline").prev().find('select').val();
                $.ajax({
                    type: "POST",
                    url: '/crm/Setting/getPositionByDepId',
                    data: {shop_code:shop_code,department_id: department_id},
                    success: function (msg) {
                        var replace6 = '<option value="">请选择岗位</option>';
                        for (var i = 0; i < msg.length; i++) {
                            replace6 += '<option value="' + msg[i]['position_code'] + '">' + msg[i]['position_name'] + '</option>';
                        }
                        that.parents(".layui-input-block").find(".layui-input-inline").eq(3).find('select').html(replace6);
                        form.render('select');
                    }
                });
            })
        };

        /***********************展示权限部门监听****************end*******************/

        //循环权限监听函数
        var authFor=function(){
            for(var i=0;i<$(".author").length;i++){
                var authFilter01=$(".author").eq(i).find('select').eq(0).attr("lay-filter");
                authBrand(authFilter01);
                var authFilter02=$(".author").eq(i).find('select').eq(1).attr("lay-filter");
                authShop(authFilter02);
                var authFilter03=$(".author").eq(i).find('select').eq(2).attr("lay-filter");
                authDepartment(authFilter03);
            }
        };

        //初始化
        brandCheck();
        authFor();
        //添加报表模板
        var brandId=0;
        var authId=0;
        $("body").on("click",'.add-btn',function(){
            brandId++;
            authId++;
            var template=$("#template").clone();
            template.attr("id",'');
            template.find('select').eq(0).attr("lay-filter",'brand_'+brandId);
            template.find('.author select').eq(0).attr("lay-filter",'auth_brand_'+authId);
            template.find('.author select').eq(1).attr("lay-filter",'auth_shop_code_'+authId);
            template.find('.author select').eq(2).attr("lay-filter",'auth_department_id_'+authId);
            template.show();
            $(".add-form-con").append(template);
            form.render('select');
            brandCheck();
            authFor();
        });
        //添加报表模板
        $("body").on("click",'.add-select',function(){
            authId++;
            var selectTemplate=$("#selectTemplate").clone();
            selectTemplate.attr("id",'');
            selectTemplate.find('.author select').eq(0).attr("lay-filter",'auth_brand_'+authId);
            selectTemplate.find('.author select').eq(1).attr("lay-filter",'auth_shop_code_'+authId);
            selectTemplate.find('.author select').eq(2).attr("lay-filter",'auth_department_id_'+authId);
            selectTemplate.show();
            $(this).parents(".add-border").append(selectTemplate);
            form.render('select');
            authFor();
        });
    });
    //查看大图
    $('.view-font').boxer({
        labels: {
            close: "关闭",
            count: "/",
            next: "下一个",
            previous: "上一个"
        }
    });

    // 删除报表模板
    $("body").on("click",'.del-btn',function(){
        if($(".add-form .add-item").length>0){
            $(this).parents(".add-item").remove();
        }
    });
    $("body").on("click",'.del-select',function(){
        if($(this).parents(".add-item").find(".del-select").length>1){
            $(this).parents(".layui-form-item").remove();
        }
    });
    var fomrData={};
    $('#sub').click(function(){
        var id = $('#id').val();
        if(id == '' || id == null || id == undefined || id == 'undefined'){
            layer.alert('未获取到报表ID');
            return false;
        }
        for(var i=0;i<$(".add-item").length-1;i++){
            fomrData[i] = {};
            fomrData[i].id = id;
            fomrData[i].brandclass_id = $('.add-item').eq(i).find("select").eq(0).val();
            fomrData[i].shop_code = $('.add-item').eq(i).find("select").eq(1).val();

            for(var j=0;j<$('.add-item').eq(i).find('.author').length;j++){
                fomrData[i][j] = {};
                fomrData[i][j].auth_brandclass_id = $('.add-item').eq(i).find('.author').eq(j).find("select").eq(0).val();
                fomrData[i][j].auth_shop_code     = $('.add-item').eq(i).find('.author').eq(j).find("select").eq(1).val();
                fomrData[i][j].auth_department_id = $('.add-item').eq(i).find('.author').eq(j).find("select").eq(2).val();
                fomrData[i][j].auth_position_code = $('.add-item').eq(i).find('.author').eq(j).find("select").eq(3).val();
                if(fomrData[i][j].auth_position_code == null || fomrData[i][j].auth_position_code == '' || fomrData[i][j].auth_position_code == undefined ||fomrData[i][j].auth_position_code == 'undefined'){
                    layer.alert('岗位不能为空');
                    return false;
                }
            }
        }

        $.ajax({
            type: "POST",
            url: '/crm/Setting/addForm',
            data: fomrData,
            success: function (msg) {
                if(msg.code == 200){
                    layer.alert(msg.msg);
                }else{
                    layer.alert(msg.msg);
                }
            }
        });
    })
    $('#clear').click(function(){
        var id = $('#id').val();
        if(id == '' || id == null || id == undefined || id == 'undefined'){
            layer.alert('未获取到报表ID');
            return false;
        }
        $.ajax({
            type: "POST",
            url: '/crm/Setting/clearForm',
            data: {id:id},
            success: function (msg) {
                if(msg.code == 200){
                    layer.alert(msg.msg);
                }else{
                    layer.alert(msg.msg);
                }
            }
        });
    })
</script>
{/block}