{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: 50px;
    }
    .layui-block{
        display: inline-block;
        width: 350px;
        max-height: 150px;
        overflow: auto;
    }
    .layui-block .layui-form-checkbox{
        margin: 5px;
        height: 20px;
        line-height: 18px;
        padding-right: 0px;
    }
    .layui-block .layui-form-checkbox span{
        font-size: 12px;
        display: inline-block;
        width: 40px;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .layui-block .layui-form-checkbox span:hover{
        text-overflow:inherit;
    }
    .layui-block .layui-form-checkbox i{
        width: 20px;
    }
</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(){
        
    })
    var addSwap = {$addSwap};
    var addCustoemr = {$addCustoemr};
</script>
{/block}
{block name="main"}
<div class="if_wrap">
    <div class="cus-con">
        <div class="set_tit"><span>{$title}</span></div>
        <div class="set-top">
            {if condition="$addSwap eq 1"}
                <button class="layui-btn add-btn" data-type="add">新增客资爆破活动</button>
            {/if}
        </div>
        <table class="layui-table" lay-data="{height:580, url:'/crm/setting/getCustomerSwap.html', page:true,limit:20,id:'idTest'}"  lay-filter="demo">
            <thead>
            <tr>
                <th lay-data="{width:50,align:'center',field:'id',sort: true,templet: '#titleTpl'}">序号</th>
                <th lay-data="{width:330,align:'center',field:'score',toolbar: '#barDemo'}">操作</th>
                <th lay-data="{width:100,align:'center',field:'status'}">状态</th>
                <th lay-data="{width:100,align:'center',field:'swap_name'}">活动名称</th>
                <th lay-data="{width:100,align:'center',field:'swap_staff_names'}">参与人员</th>
                <th lay-data="{width:120,align:'center',field:'start_date'}">活动开始时间</th>
                <th lay-data="{width:120,align:'center',field:'end_date'}">活动结束时间</th>
                <th lay-data="{width:130,align:'center',field:'customer_start'}">客资筛选开始时间</th>
                <th lay-data="{width:130,align:'center',field:'customer_end'}">客资筛选结束时间</th>
                <th lay-data="{width:130,align:'center',field:'create_time'}">活动添加时间</th>
                <th lay-data="{width:130,align:'center',field:'update_time'}">活动编辑时间</th>
            </tr>
            </thead>
        </table>
    </div>
</div>
<script type="text/html" id="titleTpl">
    {{d.LAY_TABLE_INDEX+1}}
</script>
<script type="text/html" id="city_name">
    {{#  if(d.city_name == 'null'){ }}
    {{#  } else { }}
    {{   d.city_name  }}
    {{#  } }}
</script>
<!--添加活动-->
<div id="add-box" style="display: none;padding:20px;">
    <form class="layui-form" action="" style="padding-top: 0">
    <input style="display:none;" type="reset" id="qd_reset" value="">
    <div class="set-row">
        <div class="layui-inline">
            <label class="layui-form-label">活动名称：</label>
            <div class="layui-input-block w-200">
                <input type="text" name="swapName" class="layui-input" id="swapName" value="">
            </div>
        </div>
        <div class="layui-inline">
            <label class="layui-form-label">客资开始日期：</label>
            <div class="layui-input-block w-200">
                <input type="text" name="customer_start" class="layui-input" id="customer_start" value="" readonly>
            </div>
        </div>
        <div class="layui-inline">
            <label class="layui-form-label">客资结束日期：</label>
            <div class="layui-input-block w-200">
                <input type="text" name="customer_end" class="layui-input" id="customer_end" value="" readonly>
            </div>
        </div>
        <div class="layui-inline">
            <label class="layui-form-label">参与人：</label>
            <div class="layui-input-block w-400 layui-block" id="allStaffs" ></div>
        </div>
        <div class="layui-inline">
            <label class="layui-form-label"></label>
            <div class="layui-input-block w-400 layui-block">
                <input type="radio" name="sex" value="all" title="全选">
                <input type="radio" name="sex" value="none" title="取消">
            </div>
        </div>
        <div class="layui-inline">
            <label class="layui-form-label">开始日期：</label>
            <div class="layui-input-block w-200">
                <input type="text" name="startDate" class="layui-input" id="startDate" value="" readonly>
            </div>
        </div>
        <div class="layui-inline">
            <label class="layui-form-label">结束日期：</label>
            <div class="layui-input-block w-200">
                <input type="text" name="endDate" class="layui-input" id="endDate" value="" readonly>
            </div>
        </div>
    </div>
    </form>
</div>
<script type="text/html" id="barDemo">
    {{# if (addSwap == 1) { }}
        <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>
        <a class="layui-btn layui-btn-mini" lay-event="start">开始</a>
        <a class="layui-btn layui-btn-mini" lay-event="stop">结束</a>
        <a class="layui-btn layui-btn-mini" href="/crm/Setting/customerSwapTable?sid={{d.id}}" target="_blank">查看</a>
    {{# } }}
    {{# if (addCustoemr == 1) { }}
        <a class="layui-btn layui-btn-mini" lay-event="addCustomer">添加客资</a>
    {{# } }}
</script>

<script src="__PUBLIC__/js/jquery-1.9.0.min.js?v={$Think.const.APP_VERSION}" type="text/jscript"></script>
<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('radio', function(data){
            // console.log(data.elem); //得到radio原始DOM对象
            // console.log(data.value); //被点击的radio的value值
            if(data.value=="all"){
                var checkbox = '';
                $('#allStaffs').html("");
                for (var i=0;i<all_stffs.length;i++) {
                    checkbox += "<div style='float:left;width:100px;overflow:hidden;'><input type='checkbox' name='staffs[]' lay-skin='primary' title='"+all_stffs[i].staffname+"' value='"+all_stffs[i].id+"' checked></div>"
                };
                $('#allStaffs').html(checkbox);
                layui.form.render();
            }else{
                var checkbox = '';
                $('#allStaffs').html("");
                for (var i=0;i<all_stffs.length;i++) {
                    checkbox += "<div style='float:left;width:100px;overflow:hidden;'><input type='checkbox' name='staffs[]' lay-skin='primary' title='"+all_stffs[i].staffname+"' value='"+all_stffs[i].id+"'></div>"
                };
                $('#allStaffs').html(checkbox);
                layui.form.render();
            }
        });  
    var all_stffs;
    //添加店面事件
    $(".add-btn").click(function () {
        $.ajax({
            type: "POST",
            url: 'getCustomerSwapStaffs',
            data: {},
            success: function (msg) {
                all_stffs=msg;
                var checkbox = '';
                $('#allStaffs').html("");
                for (var i=0;i<msg.length;i++) {
                    checkbox += "<div style='float:left;width:100px;overflow:hidden;'><input type='checkbox' name='staffs[]' lay-skin='primary' title='"+msg[i].staffname+"' value='"+msg[i].id+"' ></div>"
                };
                $('#allStaffs').html(checkbox);
                layui.form.render();
            }
        });
        layer.open({
            title: '添加客资爆破活动',
            type: 1,
            skin: 'layui-layer-rim',
            area: ['550px', '550px'],
            content: $('#add-box'),
            btn: ['提交']
            , yes: function(index) {
                // 增加遮罩层
                var shade = layer.load(1, {shade: 0.3});
                //当点击‘确定’按钮的时候，获取弹出层返回的值
                var customer_start = $("#customer_start").val();
                var customer_end = $("#customer_end").val();
                var swapName = $("#swapName").val();
                var startDate = $("#startDate").val();
                var endDate = $("#endDate").val();

                if ($(".layui-form-checked").length<1) {
                    layer.alert('请选择活动人员');
                    layer.close(shade);
                    return false;
                }
                
                if(typeof swapName == 'undefined' || swapName ==''|| swapName == null){
                    layer.alert('请输入活动名称');
                    layer.close(shade);
                    return false;
                }
                
                if(typeof startDate == 'undefined' || startDate ==''|| startDate == null){
                    layer.alert('请选择活动开始时间');
                    layer.close(shade);
                    return false;
                }
                if(typeof endDate == 'undefined' || endDate ==''|| endDate == null){
                    layer.alert('请选择活动结束时间');
                    layer.close(shade);
                    return false;
                }
                if(customer_start >= customer_end){
                    layer.alert('客资筛选结束时间必须大于开始时间');
                    layer.close(shade);
                    return false;
                }
                if(startDate >= endDate){
                    layer.alert('活动结束时间必须大于开始时间');
                    layer.close(shade);
                    return false;
                }
                var data = $('.layui-form').serialize();

                $.ajax({
                    type: "POST",
                    url: "{:Url('crm/Setting/customerSwapSet')}",
                    data: data,
                    dataType:'json',
                    success: function(ret){
                        if(ret.code == 200){
                            layer.alert('客资爆破活动设置成功');
                            layer.close(shade);
                            table.reload('idTest', {});
                        }else{
                            layer.alert(ret.msg);
                            layer.close(shade);
                        }
                    },
                    error:function(XMLHttpRequest, textStatus, errorThrown){
                        var ret = XMLHttpRequest.responseJSON
                        layer.alert('操作失败');
                    }
                })
                //最后关闭弹出层
                layer.close(index);
            }
        });
    });
    // 开始时间
    laydate.render({
        elem: '#startDate'
        ,type:'date'
        ,min: 0
        ,format: 'yyyy-MM-dd'
    });
    // 结束时间
    laydate.render({
        elem: '#endDate'
        ,type:'date'
        ,min: 0
        ,format: 'yyyy-MM-dd'
    });
    // 客资筛选开始时间
    laydate.render({
        elem: '#customer_start'
        ,type:'date'
        ,max: 0
        ,format: 'yyyy-MM-dd'
    });
    // 客资筛选结束时间
    laydate.render({
        elem: '#customer_end'
        ,type:'date'
        ,max: 0
        ,format: 'yyyy-MM-dd'
    });

    //监听工具条
    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') {
            // var startDate = obj.data.start_date;
            // // 今天
            // var date = new Date();
            // var today  = date.getFullYear() + "-";
            //     today += (date.getMonth()+1) + "-";
            //     today += date.getDate();

            // if(startDate <= today){
            //     layer.alert('活动已经开始，无法删除');
            //     return false;
            // }
            layer.confirm('真的删除行么', function (index) {
                var id = obj.data.id;
                //向服务端发送删除指令
                $.ajax({
                    type: "POST",
                    url: "{:Url('crm/Setting/customerSwapDel')}",
                    data: {id:id},
                    dataType:'json',
                    success: function(ret){
                        layer.alert(ret.msg);
                        table.reload('idTest', {});
                    },
                    error:function(XMLHttpRequest, textStatus, errorThrown){
                        var ret = XMLHttpRequest.responseJSON
                        layer.alert('操作失败');
                    }
                })
                obj.del(); //删除对应行（tr）的DOM结构
                layer.closeAll();
                //向服务端发送删除指令
            });
        } else if (layEvent === 'edit') {
            // 今天
            // var date = new Date();
            // var today  = date.getFullYear() + "-";
            //     today += '0'+(date.getMonth()+1) + "-";
            //     today += date.getDate();

            // if(obj.data.start_date <= today){
            //     layer.alert('活动已经开始，无法编辑');
            //     return false;
            // }

            var id = obj.data.id;
            $.ajax({
                type: "POST",
                url: 'getCustomerSwapInfo',
                data: {id:id},
                success: function (msg) {
                    // console.log(msg);
                    var checkbox = '';
                    $('#allStaffs').html("");
                    for (var i=0;i<msg.length;i++) {
                        if (msg[i].checked == 1) {
                            checkbox += "<input type='checkbox' name='staffs[]' lay-skin='staffs' title='"+msg[i].staffname+"' value='"+msg[i].id+"' checked >"
                        }else{
                            checkbox += "<input type='checkbox' name='staffs[]' lay-skin='staffs' title='"+msg[i].staffname+"' value='"+msg[i].id+"' >"
                        };
                        
                    };
                    $('#allStaffs').html(checkbox);
                    layui.form.render();
                }
            });
            // return false;
            $("#swapName").val(obj.data.swap_name);
            $("#startDate").val(obj.data.start_date);
            $("#endDate").val(obj.data.end_date);
            $("#customer_start").val(obj.data.customer_start);
            $("#customer_end").val(obj.data.customer_end);
            layui.form.render();
            layer.open({
                title: '修改爆破活动',
                type: 1,
                skin: 'layui-layer-rim',
                area: ['550px', '550px'],
                content: $('#add-box'),
                btn: ['提交']
                , yes: function(index) {
                    //当点击‘确定’按钮的时候，获取弹出层返回的值
                    var customer_start = $("#customer_start").val();
                    var customer_end = $("#customer_end").val();
                    var swapName = $("#swapName").val();
                    var startDate = $("#startDate").val();
                    var endDate = $("#endDate").val();

                    if ($(".layui-form-checked").length<1) {
                        layer.alert('请选择活动人员');
                        return false;
                    }
                    
                    if(typeof swapName == 'undefined' || swapName ==''|| swapName == null){
                        layer.alert('请输入活动名称');
                        return false;
                    }
                    
                    if(typeof startDate == 'undefined' || startDate ==''|| startDate == null){
                        layer.alert('请选择活动开始时间');
                        return false;
                    }
                    if(typeof endDate == 'undefined' || endDate ==''|| endDate == null){
                        layer.alert('请选择活动结束时间');
                        return false;
                    }
                    if(customer_start >= customer_end){
                        layer.alert('客资筛选结束时间必须大于开始时间');
                        return false;
                    }
                    if(startDate >= endDate){
                        layer.alert('活动结束时间必须大于开始时间');
                        return false;
                    }
                    var data = "id="+id+"&"+$('.layui-form').serialize();

                    $.ajax({
                        type: "POST",
                        url: "{:Url('crm/Setting/customerSwapEdit')}",
                        data: data,
                        dataType:'json',
                        success: function(ret){
                            if(ret.code == 200){
                                layer.alert('客资爆破活动设置成功');
                                table.reload('idTest', {});
                            }else{
                                layer.alert(ret.msg);
                            }
                        },
                        error:function(XMLHttpRequest, textStatus, errorThrown){
                            var ret = XMLHttpRequest.responseJSON
                            layer.alert('操作失败');
                        }
                    });
                    //最后关闭弹出层
                    layer.close(index);
                }
            });
        } else if (layEvent === 'start') {
            // 增加遮罩层
            var shade = layer.load(1, {shade: 0.3});
            var id = obj.data.id;
            $.ajax({
                type: "POST",
                url: '/crm/Setting/checkCustomerSwap',
                data: {id: id},
                success: function (msg) {
                    //console.log(msg);return false;
                    if (msg['code'] != 200) {
                        layer.alert(msg.msg);
                        return false;
                    } else {
                        load_page(
                            '/crm/Setting/startCustomerSwap?id='+id,
                            '爆破活动开始',
                            function(){
                                startCustomerSwap(id);
                            },
                            ['开始','取消'],
                            450,400
                        );
                    }
                }
            });
            //最后关闭弹出层
            layer.closeAll();
        } else if (layEvent === 'stop') {
            // 增加遮罩层
            var shade = layer.load(1, {shade: 0.3});
            var endDate = obj.data.end_date;
            // 今天
            // var date = new Date();
            // var today = date.toLocaleDateString();
            // alert(today);
            // var today  = date.getFullYear() + "-";
            //     today += '0'+(date.getMonth()+1) + "-";
            //     today += date.getDate();

            // if(obj.data.start_date <= today){
            //     layer.alert('活动已经开始，无法编辑');
            //     return false;
            // }

            var id = obj.data.id;
            $.ajax({
                type: "POST",
                url: 'customerSwapEnd',
                data: {id:id},
                success: function (msg) {
                    layer.alert(msg.msg);
                    layer.close(shade);
                }
            });
        } else if (layEvent === 'addCustomer') { 
            var id = obj.data.id;
            $.ajax({
                type: "POST",
                url: '/crm/Customer/check_right',
                data: {code: 'menu1521093203'},
                success: function (msg) {
                    //console.log(msg);return false;
                    if (msg.code != 1 ) {
                        layer.alert('抱歉，您没有参与客资爆破的权限，请确认。');
                        return false;
                    } else {
                        load_page(
                            '/crm/Setting/addCustomerSwap?id='+id,
                            '添加爆破客资',
                            function(){
                                addCustomerSwap(id);
                            },
                            // ['添加全部','添加'],
                            ['添加','取消'],
                            740,600
                        );
                    }
                }
            });
            //最后关闭弹出层
            layer.closeAll();
        };
    });
})
</script>
{/block}