{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}">
<style>
    .layui-table-page {
        height: 26px;
        margin-top: -14px;
    }
</style>
{/block}
{block name="js"}
<script>
    $(function(){
        $(".nul_bli").eq(2).find(".navb").addClass("active");
		// $(".navb.active").parent().find(".nul_s .nul_sli").eq(2).find(".navs").addClass("active");
    })
</script>
{/block}
{block name="main"}
<div class="cus-con if_wrap">
    <div class="set_tit"><span>门市订单搜索</span></div>
    <div class="search-wrap">
        <div class="search-top">
            订单日期：
            <input type="text" class="cus-input datetime"  name="start_time" id="start_time" data-date-format="yyyy-mm-dd" value="" readonly>
            <input type="text" class="cus-input datetime" value="" name="end_time" id="end_time" data-date-format="yyyy-mm-dd" readonly>
            <input class="cus-input"id="keyword" style="margin-left: 10px;" placeholder="输入手机号/姓名/订单号"/>
            <button class="layui-btn" id="search">查询</button>
        </div>
        <div class="search-right">
            <table class="layui-table" lay-data="{id:'order_table',height:542, method:'post',response:{statusCode:200}}" lay-filter="demo">
                <thead>
                <tr>
                    <th lay-data="{width:100,field:'id',sort: true,align:'center',templet: '#titleTpl'}">排序</th>
                    <th lay-data="{width:150,field:'orderId',sort: true,align:'center'}">订单号</th>
                    <th lay-data="{width:150,field:'customer_from_index',sort: true,align:'center'}">客资编号</th>
                    <th lay-data="{width:120,field:'mname',sort: true,align:'center'}">男士姓名</th>
                    <th lay-data="{width:120,field:'mphone',align:'center'}">男士手机号</th>
                    <th lay-data="{width:120,field:'wname',align:'center'}">女士姓名</th>
                    <th lay-data="{width:120,field:'wphone',sort: true,align:'center'}">女士手机号</th>

                    <th lay-data="{width:120,field:'area',sort: true,align:'center'}">客户分区</th>
                    <!--<th lay-data="{width:120,field:'order_type',sort: true,align:'center',toolbar:'#type'}">订单类型</th>-->
                    <th lay-data="{width:120,field:'dj_staff',sort: true,align:'center'}">登记人</th>
                    <th lay-data="{width:120,field:'sales_staff',sort: true,align:'center'}">追踪人</th>
                    <th lay-data="{width:120,field:'reception_name',sort: true,align:'center'}">门市</th>
                    <th lay-data="{width:120,field:'syjd_day',sort: true,align:'center'}">进店时间</th>
                    <th lay-data="{width:120,field:'c_from',sort: true,align:'center'}">客资来源</th>
                    <!--th lay-data="{width:120,field:'viptype'}">客户等级</th-->
                    <th lay-data="{width:120,field:'targetdate',sort: true,align:'center'}">下单日期</th>
                    <th lay-data="{width:120,field:'getDate',sort: true,align:'center'}">取件日期</th>
                    <th lay-data="{width:150,field:'shop_name'}">下单门店</th>
                    <th lay-data="{width:120,field:'consumption_type',sort: true,align:'center'}">客户类型</th>
                    <th lay-data="{width:100,field:'total_money',sort: true,align:'center'}">总消费金额</th>
                    <th lay-data="{width:100,field:'payment_money',sort: true,align:'center'}">已支付金额</th>
                    <th lay-data="{width:100,field:'nopayment_money',sort: true,align:'center'}">欠款金额</th>
                    <th lay-data="{width:100,field:'bargain_money',sort: true,align:'center'}">一销金额</th>
                    <th lay-data="{width:100,field:'supplementary_money',sort: true,align:'center'}">二销金额</th>
                    <th lay-data="{width:100,templet: '#option',align:'center'}">查看详情</th>
                </tr>
                </thead>
            </table>
        </div>
    </div>
</div>
<script type="text/html" id="titleTpl">
    {{d.LAY_TABLE_INDEX+1}}
</script>
<script type="text/html" id="type">
    {{#  if(d.order_type == 1){ }}
    线下
    {{#  } else { }}
    线上
    {{#  } }}
</script>
<script type="text/html" id="option">
    <a target="_blank" href="/crm/Customer/getAllServiceInfo/order_sn/{{d.orderId}}">查看详情</a>
</script>
<script>
    layui.use(['laydate', 'laypage', 'layer', 'table', 'carousel', 'element'], function(){
        var laydate = layui.laydate //日期
                ,laypage = layui.laypage; //分页
        lay('.datetime').each(function(){
            laydate.render({
                elem: this
                ,trigger: 'click',
                format: 'yyyy-MM-dd',
                type: 'date',
            });
        });

        layer = layui.layer //弹层
                ,table = layui.table //表格
                ,element = layui.element; //元素操作
        //分页
        laypage.render({
            elem: 'pageDemo' //分页容器的id
            ,count: 100 //总页数
            ,skin: '#1E9FFF' //自定义选中色值
            //,skip: true //开启跳页
            ,jump: function(obj, first){
                if(!first){
                    layer.msg('第'+ obj.curr +'页');
                }
            }
        });
    })
    // 查询按钮
    $("#search").click(function(){
        // 生成表格
        var keyword = $('#keyword').val();
        var startTime = $('#start_time').val();
        var endTime = $('#end_time').val();
        var index = layer.load(1, {shade: false}); //0代表加载的风格，支持0-2
        if(!startTime && !endTime){
            if(keyword.length < 2){
                layer.alert('不选择时间时至少要输入2个字符');
                layer.close(index);
                return false;
            }
        }
        // 重新载入表格
        table.reload('order_table', {
            url: '/crm/Customer/searchOrders',
            where: {keyword:keyword,start_date:startTime,end_date:endTime},
            done: function(res, curr, count){
                layer.close(index);
            }
        });
    });
</script>
{/block}