{extend name="Public/base" /}
{block name="js"}

<script src="__PUBLIC__/js/cycle.js?v={$Think.const.APP_VERSION}"></script>
<script src="__PUBLIC__/js/raphael.js?v={$Think.const.APP_VERSION}"></script>
{/block}
{block name="css"}
<link rel="stylesheet" href="__PUBLIC__/css/set.css?v={$Think.const.APP_VERSION}">
<style>
    .cxfw .layui-input-inline{
        margin-bottom: 8px;
    }
</style>
{/block}
{block name="js"}
<script>
    $(function(){
        $(".nul_bli").eq(2).find(".navb").addClass("active");
    })
</script>
{/block}
{block name="main"}
<div class="cus-con if_wrap">
    <div class="set_tit"><span>客资流转</span></div>
        <div class="set-top layui-form cxfw" style="">
            <div class="layui-input-inline" style="width:130px;">
                <select name="shop_code" id="shop_code" lay-filter="shop_code" lay-search="">
                    <option value="0">客资归属店面</option>
                    {volist name="shopList" id="vo"}
                    <option value="{$vo.shop_code}" {if condition="$vo.selected eq '1'"}selected{/if}>{$vo.shop_name}</option>
                    {/volist}
                </select>
            </div>
            <div class="layui-input-inline" style="width:130px;">
                <select name="department_id" id="department_id" lay-filter="department_id" lay-search="">
                    <option value="0">客资归属部门</option>
                    {volist name="departmentList" id="vo"}
                    <option value="{$vo.id}" {if condition="$vo.selected eq '1'"}selected{/if}>{$vo.department_name}</option>
                    {/volist}
                </select>
            </div>
            <div class="layui-input-inline" style="width:130px;">
                <select name="group_id" id="group_id" lay-filter="group_id" lay-search="">
                    <option value="0">客资归属小组</option>
                </select>
            </div>
            <div class="layui-input-inline" style="width:130px;">
                <select name="day_type" id="day_type" lay-search="">
                    <option value="0">选择时间类型</option>
                    <option value="ready_baby_day">预产期</option>
                    <option value="baby_birthday">宝宝生日</option>
                    <option value="ready_baby_birthday">预产期/宝宝生日</option>
                </select>
            </div>
            <div class="layui-input-inline">
                <input type="text" class="layui-input" id="start" name="start" placeholder='开始时间' value="">
            </div>
            <div class="layui-input-inline">
                <input type="text" class="layui-input" id="end" name="end" placeholder='结束时间' value="">
            </div>
            <div class="layui-input-inline">
                <input type="text" class="layui-input" id="customer_tel" name="customer_tel" placeholder='妈妈手机' value="">
            </div>
            <div class="layui-input-inline" style="width: 260px;">
                <button class="layui-btn" id="searchCustomer">查询客资</button>
                <div class="set_arw">==></div>
                <button class="layui-btn" id="move">流转</button>
                <div class="set_arw">==></div>
            </div>
            <div class="layui-input-inline" style="width:130px;">
                <select name="t_shop_code" id="t_shop_code" lay-filter="t_shop_code" lay-search="">
                    <option value="0">目标店面</option>
                    {volist name="shopList" id="vo"}
                    <option value="{$vo.shop_code}" {if condition="$vo.selected eq '1'"}selected{/if}>{$vo.shop_name}</option>
                    {/volist}
                </select>
            </div>
            <div class="layui-input-inline" style="width:130px;">
                <select name="t_department_id" id="t_department_id" lay-filter="t_department_id" lay-search="">
                    <option value="0">目标部门</option>
                    {volist name="departmentList" id="vo"}
                    <option value="{$vo.id}" {if condition="$vo.selected eq '1'"}selected{/if}>{$vo.department_name}</option>
                    {/volist}
                </select>
            </div>
            <div class="layui-input-inline" style="width:130px;">
                <select name="t_group_id" id="t_group_id" lay-filter="t_group_id" lay-search="">
                    <option value="0">目标小组</option>
                    {volist name="staffs" id="vo"}
                    <option value="{$vo.id}">{$vo.staffname}</option>
                    {/volist}
                </select>
            </div>
            <div class="layui-input-inline"style="width:130px;">
                <select name="t_staff_id" id="t_staff_id" lay-search="">
                    <option value="0">目标员工</option>
                    {volist name="staffs" id="vo"}
                    <option value="{$vo.id}">{$vo.staffname}</option>
                    {/volist}
                </select>
            </div>
        </div>
        <div style="overflow: auto">
            <table class="layui-table" lay-data="{height:'',width:'full', url:'',limit:2000, id:'findCustomer'}" lay-filter="demo">
                <thead>
                <tr>
                    <th lay-data="{type:'checkbox',field:'id', align: 'center'}"></th>
                    <th lay-data="{align:'center',width:100,field:'id',sort: true,templet: '#titleTpl'}">ID</th>
                    <th lay-data="{align:'center',width:100,field:'customer_name'}">妈妈姓名</th>
                    <th lay-data="{align:'center',width:120,field:'customer_tel'}">手机号</th>
                    <th lay-data="{align:'center',width:120,field:'customer_wechat'}">微信号</th>
                    <th lay-data="{align:'center',width:120,field:'ready_baby_day',sort: true}">预产期</th>
                    <th lay-data="{align:'center',width:120,field:'baby_name',sort: true}">宝宝姓名</th>
                    <th lay-data="{align:'center',width:120,field:'baby_birthday',sort: true}">宝宝生日</th>
                    <th lay-data="{align:'center',width:120,field:'customer_channel',sort: true}">渠道账号</th>
                    <th lay-data="{align:'center',width:120,field:'city',sort: true}">城市</th>
                    <th lay-data="{align:'center',width:120,field:'customer_address',sort: true}">详细地址</th>
                    <th lay-data="{align:'center',width:120,field:'customer_remark',sort: true}">客资备注</th>
                    <th lay-data="{align:'center',width:100,field:'is_valid'}">客资状态</th>
                    <th lay-data="{align:'center',width:100,field:'is_success'}">订单状态</th>
                    <th lay-data="{align:'center',width:100,field:'dj_staff',sort: true}">登记人</th>
                    <th lay-data="{align:'center',width:100,field:'sales_staff',sort: true}">追踪人</th>
                    <th lay-data="{align:'center',width:140,field:'shop_name',sort: true}">归属店</th>
                    <th lay-data="{align:'center',width:140,field:'sales_department_name',sort: true}">归属部门</th>
                    <th lay-data="{align:'center',width:140,field:'sales_group_name',sort: true}">归属小组</th>
                </tr>
                </thead>
            </table>
        </div>
    </div>
</div>

<script src="__PUBLIC__/js/jquery-1.9.0.min.js?v={$Think.const.APP_VERSION}"></script>
<script>
    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 //元素操作
            ,form = layui.form;
        //分页
        /*
        laypage.render({
            elem: 'pageDemo' //分页容器的id
            ,count: 100 //总页数
            ,skin: '#1E9FFF' //自定义选中色值
            //,skip: true //开启跳页
            ,jump: function(obj, first){
                if(!first){
                    layer.msg('第'+ obj.curr +'页');
                }
            }
        });*/
        //日历
        layui.use('laydate', function () {
            var laydate = layui.laydate;
            laydate.render({
                elem: '#start'
                ,format: 'yyyy-MM-dd'
            });
        });
        layui.use('laydate', function () {
            var laydate = layui.laydate;
            laydate.render({
                elem: '#end'
                ,format: 'yyyy-MM-dd'
            });
        });
    })
    layui.use('form', function(){
        var form = layui.form;
        // 归属店  联动  归属部门
        form.on('select(shop_code)', function(data){
            var shop_code = data.value;
            $.ajax({
                type:"GET",
                url:'/crm/Statistics/getDepartments',
                data:{shop_code:shop_code},
                success: function (msg) {
                    var replace = '<select name="department_id" id="department_id" lay-filter="department_id" lay-search=""><option value="0">客资归属部门</option>';
                    for(var i=0;i<msg.length;i++){
                        replace += '<option value="'+msg[i]['id']+'">'+msg[i]['department_name']+'</option>';
                    }
                    replace +='</select>';
                    $("#department_id").html(replace);
                    form.render();
                }
            });
        })
        // 归属部门  联动  归属小组
        form.on('select(department_id)', function(data){
            var id = data.value;
            $.ajax({
                type:"GET",
                url:'/crm/Customer/getGroup',
                data:{department_id:id},
                success: function (msg) {
                    var replace = '<select name="group_id" id="group_id" lay-filter="group_id" class="cus-input" ><option value="0">归属小组</option>';
                    for(var i=0;i<msg.length;i++){
                        replace += '<option value="'+msg[i]['id']+'">'+msg[i]['group_name']+'</option>';
                    }
                    replace +='</select>';
                    $("#group_id").html(replace);
                    form.render();
                }
            });
        })
        // 目标店 联动 目标部门
        form.on('select(t_shop_code)', function(data){
            var shop_code = data.value;
            $.ajax({
                type:"GET",
                url:'/crm/Statistics/getDepartments',
                data:{shop_code:shop_code},
                success: function (msg) {
                    var replace = '<select name="t_department_id" id="t_department_id" lay-filter="t_department_id" lay-search=""><option value="0">目标部门</option>';
                    for(var i=0;i<msg.length;i++){
                        replace += '<option value="'+msg[i]['id']+'">'+msg[i]['department_name']+'</option>';
                    }
                    replace +='</select>';
                    $("#t_department_id").html(replace);
                    form.render();
                }
            });
        })
        // 目标部门 联动 目标小组 / 人
        form.on('select(t_department_id)', function(data){
            var id = data.value;
            $.ajax({
                type:"GET",
                url:'/crm/Customer/getGroup',
                data:{department_id:id},
                success: function (msg) {
                    var replace = '<select name="t_group_id" id="t_group_id" lay-filter="t_group_id" class="cus-input" ><option value="0">目标小组</option>';
                    for(var i=0;i<msg.length;i++){
                        replace += '<option value="'+msg[i]['id']+'">'+msg[i]['group_name']+'</option>';
                    }
                    replace +='</select>';
                    $("#t_group_id").html(replace);
                    form.render();
                }
            });
        })
        // 目标小组 联动 目标 人
        form.on('select(t_group_id)', function(data){
            var id = data.value;
            $.ajax({
                type:"GET",
                url:'/crm/Customer/getGroupWorkTypeStaff',
                data:{group_id:id},
                success: function (msg) {
                    var replace = '<select name="t_staff_id" id="t_staff_id" lay-filter="t_staff_id" class="cus-input" ><option value="0">目标员工</option>';
                    for(var i=0;i<msg.length;i++){
                        replace += '<option value="'+msg[i]['id']+'">'+msg[i]['staffname']+'</option>';
                    }
                    replace +='</select>';
                    $("#t_staff_id").html(replace);
                    form.render();
                }
            });
        })
    })

    // 查询客资
    $("#searchCustomer").click(function(){
        searchCustomer();
    });
    function searchCustomer () {
        var customer_tel = $('#customer_tel').val();

        var shop_code = $('#shop_code').val();
        if(shop_code==undefined || shop_code==null || shop_code==0 || shop_code=='' || typeof(shop_code)=='undefined'){
            if (!customer_tel) {
                layer.alert('请选择客资归属店面');
                return false;
            };
        }
        var department_id = $('#department_id').val();
        var group_id = $('#group_id').val();
        var day_type = $('#day_type').val();
        if(day_type==undefined || day_type==null || day_type==0 || day_type=='' || typeof(day_type)=='undefined'){
            if (!customer_tel) {
                layer.alert('请选择时间类型');
                return false;
            };
        }
        var start = $('#start').val();
        if(start==undefined || start==null || start==0 || start=='' || typeof(start)=='undefined'){
            if (!customer_tel) {
                layer.alert('请选择开始时间');
                return false;
            };
        }
        var end = $('#end').val();
        if(end==undefined || end==null || end==0 || end=='' || typeof(end)=='undefined'){
            if (!customer_tel) {
                layer.alert('请选择结束时间');
                return false;
            };
        }

        var index = layer.load(1, {shade: false}); //0代表加载的风格，支持0-2
        // 重新载入表格
        table.reload('findCustomer', {
            url: 'customerFind',
            method: 'POST',
            where: {shop_code:shop_code,department_id:department_id,group_id:group_id,day_type:day_type,start:start,end:end,customer_tel:customer_tel}, //设定异步数据接口的额外参数
            done: function(res, curr, count){
                layer.close(index);
            }
        });
    }
    // 流转
    var checkArr=[];
    $("#move").click(function(){
        var checkStatus = table.checkStatus('findCustomer'),temp = checkStatus.data;
        var customer_tel = $('#customer_tel').val();

        var ids = [];
        for (var i = 0; i < temp.length; i++) {
            ids.push(temp[i]['id']);
        };
        var shop_code = $('#shop_code').val();
        if(shop_code==undefined || shop_code==null || shop_code==0 || shop_code=='' || typeof(shop_code)=='undefined'){
            if (!customer_tel) {
                layer.alert('请选择客资归属店面');
                return false;
            };

        }
        var department_id = $('#department_id').val();
        var group_id = $('#group_id').val();
        var day_type = $('#day_type').val();
        if(day_type==undefined || day_type==null || day_type==0 || day_type=='' || typeof(day_type)=='undefined'){
            if (!customer_tel) {
                layer.alert('请选择时间类型');
                return false;
            };
        }
        var start = $('#start').val();
        if(start==undefined || start==null || start==0 || start=='' || typeof(start)=='undefined'){
            if (!customer_tel) {
                layer.alert('请选择开始时间');
                return false;
            };
        }
        var end = $('#end').val();
        if(end==undefined || end==null || end==0 || end=='' || typeof(end)=='undefined'){
            if (!customer_tel) {
                layer.alert('请选择结束时间');
                return false;
            };
        }
        var t_shop_code = $('#t_shop_code').val();
        if(t_shop_code==undefined || t_shop_code==null || t_shop_code==0 || t_shop_code=='' || typeof(t_shop_code)=='undefined'){
            if (!customer_tel) {
                layer.alert('请选择目标店面');
                return false;
            };
        }else{
            var t_shop_name = $('#t_shop_code option:selected').html();
        }
        var t_department_id = $('#t_department_id').val();
        var t_department_name = '';
        if (t_department_id) {
            t_department_name = $('#t_department_id option:selected').html();
        }
        var t_group_id = $('#t_group_id').val();
        var t_group_name = '';
        if (t_group_id) {
            t_group_name = $('#t_group_id option:selected').html();
        };
        var t_staff_id = $('#t_staff_id').val();
        if(t_staff_id==undefined || t_staff_id==null || t_staff_id==0 || t_staff_id=='' || typeof(t_staff_id)=='undefined'){
            layer.alert('请选择目标员工');
            return false;
        }else{
            var t_staff_name = $('#t_staff_id option:selected').html();
        }

        var data = {};
        data.shop_code = shop_code;
        data.department_id = department_id;
        data.group_id = group_id;
        data.day_type = day_type;
        data.start= start;
        data.end  = end;
        data.t_shop_code = t_shop_code;
        data.t_shop_name = t_shop_name;
        data.t_department_id  = t_department_id;
        data.t_department_name= t_department_name;
        data.t_group_id   = t_group_id;
        data.t_group_name = t_group_name;
        data.t_staff_id   = t_staff_id;
        data.t_staff_name = t_staff_name;
        data.ids = JSON.stringify(ids);
        layer.confirm('确定流转这批客资吗?', {
            title: '客资流转确认',
            btn: ['确定', '取消'],
            area: ['400px', '200px'],
            yes: function (index) {
                var index = layer.load(1, {shade: false});
                $.ajax({
                    type: "POST",
                    url: "/crm/Nnqq/customerRemoveAction",
                    data: data,
                    success: function (ret) {
                        if (ret.code == 200) {
                            layer.alert(ret.msg);
                        } else {
                            layer.alert(ret.msg);
                        }
                        layer.close(index);
                    },
                    error: function (XMLHttpRequest, textStatus, errorThrown) {
                        var ret = XMLHttpRequest.responseJSON;
                        layer.close(index);
                        layer.alert('操作失败');
                    }
                })
            }
        })
    })
</script>
{/block}