{layout name="layout" /}

<div class="if_wrap">
    <div id="if_con">
        <div class="cus-con">
            <div class="set-top">
                {$topmenu}

                <br/>
                <div class="layui-inline margin_top_10 layui-form layui-form-pane1">

                    <input type="hidden" name="usertype" value="{$Think.get.usertype}" />
                    <div class="layui-form-item" id="cus-top">
                        <div class="layui-inline">
                            <label class="layui-form-label">时间类型</label>
                            <div class="layui-input-inline">
                                <select name="time_type" id="time_type">
                                    <option value="">不限</option>
                                    <option value="dj_day">登记时间</option>
                                    <option value="last_trackday">最后追踪时间</option>
                                </select>
                            </div>
                        </div>

                        <div class="layui-inline">
                            <label class="layui-form-label">时间范围</label>
                            <div class="layui-input-inline">
                                <input type="text" class="layui-input" placeholder="请选择开始时间" id="start_time" maxlength="">
                            </div>
                            <div class="layui-input-inline">
                                <input type="text" class="layui-input" placeholder="请选择结束时间" id="end_time" maxlength="">
                            </div>
                        </div>
                        <span class="layui-btn layui-btn-warm"  id="search_btn">立即搜索</span>
                        <div class="layui-btn "  id="reset">重置</div>
                    </div>


                </div>
            </div>


            <div class="cus-table">

                <table id="demo" lay-filter="demo" lay-data="{id: 'idTest'}"></table>

                <div id="pager"></div>
            </div>


        </div>
    </div>
</div>


<div id="ai_info" class="new_msg_div">
    <form class="layui-form layui-form-pane1" action="" style="height: 300px;">

        <div class="layui-form-item" style="padding-top: 10px;">
            <label class="layui-form-label">AI外呼任务</label>
            <div class="layui-input-block" style="width: 250px;">
                <select id="outboundTaskId" style="width: 250px;">
                    {volist name='task' id='vo'}
                    <option value="{$vo.id}">{$vo.name}</option>
                    {/volist}
                </select>
            </div>
        </div>
        <div class="layui-form-item margin_top_10">
            <label class="layui-form-label">备注</label>
            <div class="layui-input-block">
                <textarea  placeholder="请输入内容" class="layui-textarea" style="width: 250px;margin-top: 10px;" id="remark"></textarea>
            </div>
        </div>

    </form>
</div>

<script type="text/html" id="toolbarDemo">
    <div class="layui-btn-container">
        <button class="layui-btn layui-btn-sm" lay-event="getCheckData">将选中客户导入AI外呼任务</button>
    </div>
</script>


<script>

    //移除已加载的css/js文件
    function removejscssfile(filename,filetype){

        var targetelement=(filetype=="js")? "script" :(filetype=="css")? "link" : "none";

        var targetattr=(filetype=="js")?"src" : (filetype=="css")? "href" :"none";

        var allsuspects=document.getElementsByTagName(targetelement);

        console.log(allsuspects);
        for (var i=allsuspects.length; i>=0;i--){

            if (allsuspects[i] &&allsuspects[i].getAttribute(targetattr)!=null && allsuspects[i].getAttribute(targetattr).indexOf(filename)!=-1)

                allsuspects[i].parentNode.removeChild(allsuspects[i])

        }

    }

    //将老版layui.css文件移除
    removejscssfile('admin/item/css/layui','css');
    removejscssfile('admin/item/layui','js');

    var time_type = '';
    var start_time = '';
    var end_time = '';

    layui.use(['layer', 'table','form','laydate'], function () {
        var table = layui.table, layer = layui.layer, form = layui.form,laydate = layui.laydate;

        laydate.render({
            elem: '#start_time'
            ,type: 'date'
        });

        laydate.render({
            elem: '#end_time'
            ,type: 'date'
        });

        //第一个实例
        var tableIns=table.render({
            elem: '#demo'
            , url: '/vip/Customer/notVipCustomer' //数据接口
            ,id: 'testReload'
            ,toolbar: '#toolbarDemo'
            ,width: 1600
            , page: true //开启分页
            , cols: [[ //表头
                {type:'checkbox'}
                ,{field:'id', title: 'ID', sort: true,templet: '#sexTpl',width:80}
                ,{field:'customer_name', title: '姓名', align: 'center',width:130}
                ,{field:'customer_sex', title: '性别', align: 'center',width:80}
                ,{field:'customer_tel', title: '手机号', align: 'center',width:150}
                ,{field:'customer_wechat', title: '微信号', align: 'center',width:130}
                ,{field:'customer_channel', title: '客资渠道', align: 'center',width:100}
                ,{field:'dj_day', title: '登记日期', align: 'center',width:190}
                ,{field:'is_valid', title: '是否有效', align: 'center',width:150}
                ,{field:'is_intostore', title: '是否进店', align: 'center',width:150}
                ,{field:'is_success', title: '是否成单', align: 'center',width:100}
                ,{field:'last_trackday', title: '最后一次追踪时间', align: 'center',width:170}
                ,{field:'consultation_type', title: '消费类型', align: 'center',width:100}

            ]],
            done: function(res, curr, count){
                $(".mark-red").parents("tr").css({
                    "color":"#fff",
                    "background":"red"
                });
            }
        });

        //头工具栏事件
        table.on('toolbar(demo)', function(obj){
            var checkStatus = table.checkStatus(obj.config.id);
            switch(obj.event){
                case 'getCheckData':
                    var customerData = checkStatus.data;
                       // console.log(data);
                    //layer.alert(JSON.stringify(data));
                    if(customerData.length<=0){
                        layer.alert('请选择客户信息');
                        return false;
                    }

                    var ye=layer.open({
                        title:'AI外呼任务信息',
                        type: 1,
                        skin: 'layui-layer-rim',
                        area:  ['400px','520px'],
                        content: $('#ai_info'),
                        btn:['提交','取消'],
                        yes:function(index){
                            var outboundTaskId = $('#outboundTaskId').val();
                            var remark = $('#remark').val();

                            $.ajax({
                                type:'post',
                                url:"{:url('vip/Customer/importCustomerToAi')}",
                                data:{outboundTaskId:outboundTaskId,remark:remark,customerData:customerData},
                                success:function(ret){
                                    if(ret.code==200){
                                        layer.alert('将客户导入AI外呼任务成功！');
                                        setTimeout(function(){
                                            layer.close(ye);
                                        },1500);

                                    }else{
                                        layer.msg(ret.msg,{
                                            icon: 2
                                        });
                                    }
                                }
                            });
                        }
                    });






                    break;
                case 'getCheckLength':
                    var data = checkStatus.data;
                    layer.msg('选中了：'+ data.length + ' 个');
                    break;
                case 'isAll':
                    layer.msg(checkStatus.isAll ? '全选': '未全选');
                    break;
            }
        });

        table.on('tool(demo)', function (obj) { //注：tool是工具条事件名，test是table原始容器的属性 lay-filter="对应的值"
            var data = obj.data //获得当前行数据
                    , layEvent = obj.event; //获得 lay-event 对应的值
            var id   = $(this).attr("data-id");
            if(layEvent=='edit_brand'){

                layer.open({
                    type: 2,
                    area: ['60%', '60%'],
                    maxmin: true,
                    content: 'editBrand?id='+id
                });
            }else if(layEvent=='del_brand'){

                layer.confirm('你确定删除当前事业部吗？', {
                    btn: ['确定','取消'] //按钮
                }, function(index){
                    $.ajax({
                        type: "POST",
                        url: 'delBrand',
                        data: {id:id},
                        success: function(msg){
                            if( msg.code == 1 ){
                                table.reload('testReload', {
                                    where: {
                                        brandclass:brandclass
                                    }
                                });
                                layer.close(index);
                            }else{
                                layer.alert(msg.msg);
                                layer.msg(msg.msg, {
                                    icon: 5,
                                    shade: [0.6, '#393D49'],
                                    time:1500
                                });
                            }
                        }
                    });
                });
            }

        });
        $('.cus-model-btn').on('click', function () {
            var type = $(this).data('type');
            active[type] ? active[type].call(this) : '';
            $(this).addClass("active").siblings(".cus-model-btn").removeClass("active");
            if (type == "allot") {
                $("#allot-box").parent().css("overflow", "inherit");
            }
        });

        $('#search_btn').on('click', function(){
            time_type = $('#time_type').val();
            start_time = $('#start_time').val();
            end_time = $('#end_time').val();

            active['reload'] ? active['reload'].call(this) : '';
        });
        $(document).keyup(function(event){
            if(event.keyCode ==13){
                $("#search").trigger("click");
            }
        });

        // 重置搜索条件
        $("#reset").click(function (val) {

            $("#cus-top input").val("");
            $("#cus-top select").val("");

            layui.form.render();
            return false;
        });

        //触发事件
        var active = {

            //刷新列表
            reload: function(data){

                //执行重载
                table.reload('testReload', {
                    page: {
                        curr: 1 //重新从第 1 页开始
                    }
                    ,where: {
                        time_type:time_type,
                        start_time:start_time,
                        end_time:end_time
                    }
                });
            }

        };
    });

</script>
</body>
</html>