{layout name="layout" /}

<div class="if_wrap">
    <div id="if_con">
        <div class="cus-con">
            <div class="set-top">

                <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">
                                <input type="text" class="layui-input" id="username" placeholder="请输入介绍人" >
                            </div>
                        </div>

                        <div class="layui-inline">
                            <label class="layui-form-label">被介绍人</label>
                            <div class="layui-input-inline">
                                <input type="text" class="layui-input" id="r_username" placeholder="请输入被介绍人" >
                            </div>
                        </div>

                        <div class="layui-inline">
                            <label class="layui-form-label">手机号</label>
                            <div class="layui-input-inline">
                                <input type="text" class="layui-input" id="r_phone" placeholder="请输入被介绍手机号" >
                            </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">
        {notempty name="$tocrm"}
        <button class="layui-btn layui-btn-sm" lay-event="getCheckData">将选中客户转入crm</button>
        {/notempty}
    </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 username = '';
    var r_username = '';
    var r_phone = '';

    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/recommend/index' //数据接口
            ,id: 'testReload'
            ,toolbar: '#toolbarDemo'
            ,width: 1700
            , page: true //开启分页
            , cols: [[ //表头
                {type:'checkbox'}
                ,{field:'id', title: 'ID', sort: true,templet: '#sexTpl',width:50}
                ,{field:'r_username', title: '被推荐名称', align: 'center',width:110}
                ,{field:'r_phone', title: '被推荐手机号', align: 'center',width:130}
                ,{field:'r_sex', title: '被推荐人性别', align: 'center',width:80,toolbar: '#sexs'}
                ,{field:'create_time', title: '推荐时间', align: 'center',width:150, sort: true}
                ,{field:'username', title: '推荐人', align: 'center',width:100}
                ,{field:'phone', title: '推荐人手机号', align: 'center',width:150}
                ,{field:'type_name', title: '拍照类型', align: 'center',width:110, sort: true}
                ,{field:'crm_status', title: '是否转入crm', align: 'center',width:150,toolbar:'#crm_status', sort: true}
                ,{field:'update_time', title: '审核时间', align: 'center',width:150,toolbar: '#timetext', sort: true}
                ,{field:'check_user', title: '审核人', align: 'center',width:130,toolbar: '#checktext'}
                ,{field:'status', title: '审核状态', align: 'center',width:100,toolbar: '#statustext', sort: true}
                ,{title: '操作', align: 'center',width:180,toolbar: '#barDemo'}

            ]],
            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.confirm('确认将选中客户信息转入crm客资系统吗？', function(){
                        $.ajax({
                            type:'post',
                            url:"{:url('vip/Recommend/importCustomerToCrm')}",
                            data:{customerData:customerData},
                            success:function(ret){
                                if(ret.code==200){
                                    layer.alert(ret.msg);
                                    setTimeout(function(){
                                        layer.close(ye);
                                        active['reload'] ? active['reload'].call(this) : '';
                                    },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 对应的值
            if (layEvent === 'del') {
                var id = $(this).attr("data-id");
                layer.confirm('你确定要删除这个当前信息?', function (index) {
                    obj.del(); //删除对应行（tr）的DOM结构
                    layer.close(index);
                    //向服务端发送删除指令
                    $.ajax({
                        url:"{:url('vip/recommend/del');}",
                        data:{id:id},
                        type:'post',
                        success:function(e){
                            if(e.status==1){
                                layer.msg('删除成功', {
                                    icon: 1,
                                });
                            }else{
                                layer.msg('删除失败', {
                                    icon: 2,
                                });
                            }
                        }
                    })
                });
            }else if(layEvent === 'setstatus'){
                var thisobj = $(this);
                var id      = $(this).attr("data-id"); // 获取要操作的id
                var text   = $(this).html();  // 获取当前是什么状态
                var status = $(this).attr("data-status"); // 获取要status的值
                layer.confirm('你确定要'+text+'吗？', function (index) {
                    layer.close(index);
                    //向服务端发送删除指令
                    $.ajax({
                        url:"{:url('vip/recommend/setstatus');}",
                        data:{id:id,status:status},
                        type:'post',
                        success:function(e){

                            if(e.status==1){
                                thisobj.html('');
                                layer.msg('设置审核成功', {
                                    icon: 1,
                                });
                            }else{
                                layer.msg('设置已审核失败', {
                                    icon: 2,
                                });
                            }
                        }
                    })
                });
            }
        });

        $('.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(){
            username = $('#username').val();
            r_username = $('#r_username').val();
            r_phone = $('#r_phone').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: {
                        username:username,
                        r_username:r_username,
                        r_phone:r_phone
                    }
                });
            }

        };
    });

</script>

<script type="text/html" id="phone">
    {{ d.phone != null ? d.phone:'/' }}
</script>
<script type="text/html" id="statustext">
    {{d.status==2?'已通过':(d.status==3?'待处理':'未通过')}}
</script>
<script type="text/html" id="timetext">
    {{d.update_time && d.update_time.substr(0,4) != 1970 ?d.update_time:'/'}}
</script>

<script type="text/html" id="checktext">
    {{# if (d.update_time && d.update_time.substr(0,4) != 1970 ){}}
    {{d.check_user?d.check_user:'未记录'}}
    {{# }else{ }}
    /
    {{# }}}
</script>

<script type="text/html" id="usernameText">
    {{d.musername?d.musername:d.username}}
</script>

<script type="text/html" id="sexs">
    {{# if(d.r_sex == 1){ }}
    男
    {{# }else{ }}
    女
    {{# } }}
</script>

<script type="text/html" id="crm_status">
    {{d.crm_status==1?'成功':(d.crm_status==2?'失败':'待转入')}}
</script>

<script type="text/html" id="barDemo">
    {notempty name="$setstatus"}

    {{# if(d.status==3){ }}
    <a class="ex_view" lay-event="setstatus" data-id="{{d.id}}" data-status="2">设为通过</a>
    <a class="ex_view" lay-event="setstatus" data-id="{{d.id}}" data-status="1">设为不通过</a>
    {{# } }}

    {/notempty}
    {notempty name="$del"}
    <a class="ex_view" lay-event="del" data-id="{{d.id}}">删除</a>
    {/notempty}
</script>
</body>
</html>