{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>
<script src="__PUBLIC__/js/jquery.toggle-password.min.js?v={$Think.const.APP_VERSION}"></script>
{/block}
{block name="css"}
<link rel="stylesheet" href="__PUBLIC__/css/crm.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/color.css?v={$Think.const.APP_VERSION}">
<link rel="stylesheet" href="__PUBLIC__/css/set.css?v={$Think.const.APP_VERSION}">
<link rel="stylesheet" href="__PUBLIC__/item/css/layui.css?v={$Think.const.APP_VERSION}">
<style>
    .layui-table-page {
        height: 26px;
        margin-top: -14px;
    }
    .search-right {
        float: left;
        width: 1745px;
    }
    .layui-input-inline {
        width: auto;
    }
</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">
            <label class="layui-form-label">订单号：</label>
            <div class="layui-input-inline">
                <input type="text" id="orderSn" class="layui-input" value="" placeholder='请输入订单号'>
            </div>
            <div class="layui-input-inline">
                <button class="layui-btn" id="searchOrder">查询订单</button>
            </div>
        </div>

        <div class="search-right">
            <table class="layui-table" lay-data="{height:0, url:'', id:'findOrder'}" lay-filter="demo">
                <thead>
                <tr>
                    <th lay-data="{type:'radio'}"></th>
                    <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: 80,field:'customer_channel'}">来源渠道</th>
                    <th lay-data="{width:100,field:'yjd_action_day'}">预约时间</th>
                    <th lay-data="{width:100,field:'yjd_day'}">预计进店时间</th>
                    <th lay-data="{width:100,field:'syjd_day'}">实际进店时间</th>
                    <th lay-data="{width:100,field:'is_success'}">是否成交</th>
                    <th lay-data="{width: 80,field:'order_number'}">订单号</th>
                    <th lay-data="{width:150,field:'order_start_time'}">订单开始时间</th>
                    <th lay-data="{width:150,field:'order_day'}">成单时间</th>
                    <th lay-data="{width: 80,field:'fact_money'}">实收</th>
                    <th lay-data="{width: 80,field:'totalpay_money'}">套系</th>
                    <th lay-data="{width:120,field:'add_shop_name'}">提报店</th>
                    <th lay-data="{width:120,field:'shop_name'}">归属店</th>
                </tr>
                </thead>
            </table>
        </div>
        
        <div class="set-top layui-form">
            <label class="layui-form-label">手机号：</label>
            <div class="layui-input-inline">
                <input type="text" id="customerTel" class="layui-input" value="" placeholder='请输入手机号'>
            </div>
            <div class="layui-input-inline">
                <button class="layui-btn" id="searchCustomer">查询客资</button>
                <button class="layui-btn" id="merge">转移</button>
            </div>
        </div>
        <div class="search-right">
            <table class="layui-table" lay-data="{height:0, url:'', id:'findCustomer'}" lay-filter="demo">
                <thead>
                <tr>
                    <!-- <th lay-data="{type:'radio'}"></th> -->
                    <th lay-data="{width:105,field:'radio',align:'center',toolbar: '#radio'}">选择</th>
                    <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: 80,field:'customer_channel'}">来源渠道</th>
                    <th lay-data="{width:100,field:'yjd_action_day'}">预约操作时间</th>
                    <th lay-data="{width:100,field:'yjd_day'}">预计进店时间</th>
                    <th lay-data="{width:100,field:'syjd_day'}">实际进店时间</th>
                    <th lay-data="{width:100,field:'is_success'}">是否成交</th>
                    <th lay-data="{width: 80,field:'order_number'}">订单号</th>
                    <th lay-data="{width:150,field:'order_start_time'}">订单开始时间</th>
                    <th lay-data="{width:150,field:'order_day'}">成单时间</th>
                    <th lay-data="{width: 80,field:'fact_money'}">实收</th>
                    <th lay-data="{width: 80,field:'totalpay_money'}">套系</th>
                    <th lay-data="{width:120,field:'add_shop_name'}">提报店</th>
                    <th lay-data="{width:120,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 type="text/html" id="radio">
    <input name="checkRadio" lay-skin="primary" lay-filter="checkRadio" type="radio" value="{{d.id}}" title=" ">
</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 +'页');
                }
            }
        });
        
        // table.on('checkbox(demo)', function(obj){
        //     var checkStatus = table.checkStatus('idTest'); //test即为基础参数id对应的值
        //     if(checkStatus.data.length>2){
        //         // alert(1);
        //         $("td .layui-form-checked").each(function(i,e){
        //             $(e).prev()[0].checked = false;
        //         });
        //         form.render();
        //     }
        // });
    })

    var checkArr=[];
    $("#merge").click(function(){
        // var checkStatus = table.checkStatus('idTest');
        // console.log(checkStatus.data) //获取选中行的数据

        // var len=$("tbody .layui-form-checked").length;
        // for(var i=0;i<len;i++){
        //     var itemId=$("tbody .layui-form-checked").eq(i).parents("tr").find("td[data-content]").attr("data-content");
        //     checkArr.push(itemId);
        // }

        var data = {};
        var orderSn = $('#orderSn').val();
        if(orderSn == undefined ||orderSn == null||orderSn == 0 ||orderSn == ''|| typeof(orderSn) == 'undefined'){
            layer.alert("订单编号不能为空");
            return false;
        }
        var customerId = $(".layui-table-cell input[name='checkRadio']:checked").val();
        if(customerId == undefined ||customerId == null||customerId == 0 ||customerId == ''|| typeof(customerId) == 'undefined'){
            layer.alert("请选择目标客资");
            return false;
        }
        
        data.orderSn = orderSn;
        data.customerId = customerId;

        layer.confirm('确定转移订单吗?', {
            title: '订单转移确认',
            btn: ['确定', '取消'],
            area: ['400px', '200px'],
            yes: function (index) {
                var index = layer.load(1, {shade: false});
                $.ajax({
                    type: "POST",
                    url: "/crm/Customer/customerMergeSub",
                    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.alert('操作失败');
                    }
                })
            }
        })
    })
    // 查询订单
    $("#searchOrder").click(function(){
        // 生成表格
        var orderSn = $('#orderSn').val();
        if(orderSn == undefined ||orderSn == null||orderSn == 0 ||orderSn == ''|| typeof(orderSn) == 'undefined'){
            layer.alert('请输入订单号');
            return false;
        }
        var index = layer.load(1, {shade: false}); //0代表加载的风格，支持0-2
        // 重新载入表格
        table.reload('findOrder', {
            url: 'mergeSearchOrder',
            where: {orderSn:orderSn},
            done: function(res, curr, count){
                layer.close(index);
            }
        });
    });
    // 查询客资
    $("#searchCustomer").click(function(){
        // 生成表格
        var customerTel = $('#customerTel').val();
        if(customerTel==undefined || customerTel==null || customerTel==0 || customerTel=='' || typeof(customerTel)=='undefined'){
            layer.alert('请输入手机号');
            return false;
        }
        var index = layer.load(1, {shade: false}); //0代表加载的风格，支持0-2
        // 重新载入表格
        table.reload('findCustomer', {
            url: 'mergeSearchCustomer',
            where: {customerTel:customerTel}, //设定异步数据接口的额外参数
            done: function(res, curr, count){
                layer.close(index);
            }
        });
    });
</script>
{/block}