{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-tab-content" style="height: 30px;"> -->
                <div class="layui-input-inline" style="width:auto;">
                    <label class="layui-form-label">包含兼职客资:</label>
                    <div class="layui-input-block">
                        <input type="checkbox" id="type" name="type" checked lay-skin="switch" lay-text="ON|OFF" value="1" lay-filter="test-radio">
                    </div>
                </div>
            <!-- </div> -->
            <div class="layui-input-inline">
                <select name="sales_staff_id" id="sales_staff_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">
                <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">
                <select name="get_contact" id="get_contact">
                    <option value="0">联系方式</option>
                    <option value="tel">已获取手机号</option>
                    <option value="wechat">已获取微信</option>
                    <option value="qq">已获取QQ</option>
                </select>
            </div>
            <div class="layui-input-inline">
                <select name="is_loss" id="is_loss"lay-search="">
                    <option value="0">不在追踪</option>
                    <option value="1">是</option>
                    <option value="2">否</option>
                </select>
            </div>
            <div class="layui-input-inline">
                <select name="is_valid" id="is_valid" lay-search="">
                    <option value="0">客资状态</option>
                    <option value="1">有效</option>
                    <option value="2">待定</option>
                    <option value="3">无效</option>
                    <option value="4">驳回给电商</option>
                    <option value="5">反驳回给网销</option>
                </select>
            </div>
            <div class="layui-input-inline">
                <select name="is_intostore" id="is_intostore" lay-search="">
                    <option value="0">进店状态</option>
                    <option value="1">未进店</option>
                    <option value="2,3">已进店</option>
                </select>
            </div>
            <div class="layui-input-inline">
                <select name="is_success" id="is_success" lay-search="">
                    <option value="0">订单状态</option>
                    <option value="1">未订单</option>
                    <option value="2">已成交</option>
                </select>
            </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">
                <select name="shop_code" id="shop_code" lay-filter="shop" lay-search="">
                    <option value="">目标店</option>
                    {volist name="shopList" id="vv"}
                    <option value="{$vv.shop_code}" {if condition="$vv.shop_code eq $Think.session.shop_code"}selected{/if}>{$vv.shop_name}</option>
                    {/volist}
                </select>
            </div>
            <div class="layui-input-inline">
                <select name="department" id="department" lay-filter="department_index" lay-search="">
                    <option value="">目标部门</option>
                    {volist name="departmentList" id="vv"}
                    <option value="{$vv.id}" {if condition="$vv.id eq $Think.session.department_id"}selected{/if}>{$vv.department_name}</option>
                    {/volist}
                </select>
            </div>
            <div class="layui-input-inline">
                <select name="group" id="group" lay-filter="group" lay-search="">
                    <option value="">目标组</option>
                    {volist name="grouplist" id="vv"}
                    <option value="{$vv.id}" {if condition="$vv.id eq $Think.session.group_id"}selected{/if}>{$vv.group_name}</option>
                    {/volist}
                </select>
            </div>
            <div class="layui-input-inline">

                <select name="target_staff_id" id="target_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:'',page:true,limit:50, id:'findCustomer'}" lay-filter="demo">
                <thead>
                <tr>
                    <th lay-data="{width:100,field:'id',sort: true,align:'center',templet: '#titleTpl'}">ID</th>
                    <th lay-data="{width:100,field:'customer_name'}">客资姓名</th>
                    <th lay-data="{width:120,field:'customer_tel'}">手机号</th>
                    <th lay-data="{width:120,field:'mate_tel'}">配偶手机号</th>
                    <th lay-data="{width: 80,field:'dj_staff'}">登记人</th>
                    <th lay-data="{width: 80,field:'sales_staff'}">追踪人</th>
                    <th lay-data="{width: 80,field:'customer_cource'}">客资来源</th>
                    <th lay-data="{width:120,field:'customer_channel'}">来源渠道</th>
                    <th lay-data="{width:140,field:'add_shop_name'}">提报店</th>
                    <th lay-data="{width:140,field:'shop_name'}">归属店</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;
        form.on('select(shop)', function(data) {
            var shop_code = data.value;
            $.ajax({
                type: "GET",
                url: '/crm/Statistics/getDepartments',
                data: {shop_code: shop_code},
                success: function (msg) {
                    var replace = '<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").html(replace);
                    form.render();
                }
            });
            $.ajax({
                type: "GET",
                url: '/crm/Customer/getShopStaff',
                data: {shop_code: shop_code},
                success: function (msg) {
                    var replace = '<option value="">目标人员</option>';
                    for (var i = 0; i < msg.length; i++) {
                        replace += '<option value="' + msg[i]['id'] + '">' + msg[i]['staffname'] + '</option>';
                    }
                    //console.log(replace);
                    $("#target_staff_id").html(replace);
                    form.render();
                }
            });
            $.ajax({
                type: "GET",
                url: '/crm/Customer/getShopGroup',
                data: {shop_code: shop_code},
                success: function (msg) {
                    var replace = '<option value="">目标组</option>';
                    for (var i = 0; i < msg.length; i++) {
                        replace += '<option value="' + msg[i]['id'] + '">' + msg[i]['group_name'] + '</option>';
                    }
                    //console.log(replace);
                    $("#group").html(replace);
                    form.render();
                }
            });
            
            
        })
        form.on('select(department_index)', function(data) {
            var department_id = data.value;
            $.ajax({
                type: "GET",
                url: '/crm/Customer/getGroup',
                data: {department_id: department_id},
                success: function (msg) {
                    var replace = '<option value="">目标组</option>';
                    for (var i = 0; i < msg.length; i++) {
                        replace += '<option value="' + msg[i]['id'] + '">' + msg[i]['group_name'] + '</option>';
                    }
                    //console.log(replace);
                    $("#group").html(replace);
                    form.render();
                }
            });
            $.ajax({
                type: "GET",
                url: '/crm/Customer/getDepartmentStaffs',
                data: {department_id: department_id},
                success: function (msg) {
                    var replace = '<option value="">目标人员</option>';
                    for (var i = 0; i < msg.length; i++) {
                        replace += '<option value="' + msg[i]['id'] + '">' + msg[i]['staffname'] + '</option>';
                    }
                    //console.log(replace);
                    $("#target_staff_id").html(replace);
                    form.render();
                }
            });
            
        })
        form.on('select(group)', function(data) {
            var group_id = data.value;
            $.ajax({
                type: "GET",
                url: '/crm/Customer/getStaffInfoByGid',
                data: {group_id: group_id},
                success: function (msg) {
                    var replace = '<option value="">目标人员</option>';
                    for (var i = 0; i < msg.length; i++) {
                        replace += '<option value="' + msg[i]['id'] + '">' + msg[i]['staffname'] + '</option>';
                    }
                    //console.log(replace);
                    $("#target_staff_id").html(replace);
                    form.render();
                }
            });
        })

        //分页
        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'
                ,max:0
                ,format: 'yyyy-MM-dd'
            });
        });
        layui.use('laydate', function () {
            var laydate = layui.laydate;
            laydate.render({
                elem: '#end'
                ,max:0
                ,format: 'yyyy-MM-dd'
            });
        });
    })
    // 查询客资
    $("#searchCustomer").click(function(){
        var staff = $('#sales_staff_id').val();
        if(staff==undefined || staff==null || staff==0 || staff=='' || typeof(staff)=='undefined'){
            layer.alert('请选择员工');
            return false;
        }

        var end          = $('#end').val();
        var start        = $('#start').val();
        var is_loss      = $('#is_loss').val();
        var is_valid     = $('#is_valid').val();
        var get_contact  = $('#get_contact').val();
        var is_intostore = $('#is_intostore').val();
        var type = $('#type').val();

        var getData = {};
        getData.end          = end;
        getData.start        = start;
        getData.staff        = staff;
        getData.is_loss      = is_loss;
        getData.is_valid     = is_valid;
        getData.get_contact  = get_contact;
        getData.is_intostore = is_intostore;
        getData.type = type;

        var index = layer.load(1, {shade: false}); //0代表加载的风格，支持0-2
        // 重新载入表格
        table.reload('findCustomer', {
            url: 'moveSearchCustomer',
            where: {getData:getData}, //设定异步数据接口的额外参数
            done: function(res, curr, count){
                layer.close(index);
            }
        });
    });
    // 转移
    var checkArr=[];
    $("#move").click(function(){
        var staff = $('#sales_staff_id').val();
        if(staff==undefined || staff==null || staff==0 || staff=='' || typeof(staff)=='undefined'){
            layer.alert('请选择员工');
            return false;
        }
        var staff_name = $("#sales_staff_id option:selected").text();
        var target_staff = $('#target_staff_id').val();
        if(target_staff==undefined || target_staff==null || target_staff==0 || target_staff=='' || typeof(target_staff)=='undefined'){
            layer.alert('请选择目标员工');
            return false;
        }
        var index = layer.load(1, {shade: false}); //0代表加载的风格，支持0-2

        var end          = $('#end').val();
        var start        = $('#start').val();
        var is_loss      = $('#is_loss').val();
        var is_valid     = $('#is_valid').val();
        var get_contact  = $('#get_contact').val();
        var is_intostore = $('#is_intostore').val();
        var type = $('#type').val();

        var data = {};
        data.end          = end;
        data.start        = start;
        data.staff        = staff;
        data.staff_name   = staff_name;
        data.is_loss      = is_loss;
        data.is_valid     = is_valid;
        data.get_contact  = get_contact;
        data.is_intostore = is_intostore;
        data.target_staff = target_staff;
        data.type = type;

        layer.confirm('确定转移客资吗?', {
            title: '客资转移确认',
            btn: ['确定', '取消'],
            area: ['400px', '200px'],
            yes: function (index) {
                var index = layer.load(1, {shade: false});
                $.ajax({
                    type: "POST",
                    url: "/crm/Customer/customerMoveAction",
                    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('操作失败');
                    }
                })
            }
        })
    })
    // layui.use('form', function() {
    //     var form = layui.form;
    //     form.on('switch(test-radio)', function(data){
    //         // console.log(data.value); //开关value值，也可以通过data.elem.value得到
    //         // console.log(data.elem.name); //得到美化后的DOM对象
    //         var key = data.elem.name;
    //         var va = data.elem.checked;
    //         if(va == true){
    //             va = 1;
    //         }else{
    //             va =0;
    //         }
    //         var data = "type="+va;

    //         $.ajax({
    //             type: "POST",
    //             url: "customerHandoverEmployee",
    //             data: data,
    //             dataType: 'json',
    //             success: function (ret) {
    //                 $('#sales_staff_id').html(ret);
    //                 $('#target_staff_id').html(ret);
    //                 form.render('select'); //刷新select选择框渲染
    //             },
    //             error: function (XMLHttpRequest, textStatus, errorThrown) {
    //                 var ret = XMLHttpRequest.responseJSON
    //                 layer.alert('操作失败');
    //             }
    //         })
    //     });
    //  });
</script>
{/block}