{extend name="Public/base" /}
{block name="css"}
<link rel="stylesheet" href="__PUBLIC__/css/set.css?v={$Think.const.APP_VERSION}">
{/block}
{block name="js"}
<script>
    $(function(){
        // $(".nul_bli").eq(4).find(".navb").addClass("active");
    })
</script>
{/block}
{block name="main"}

<div class="if_wrap">
    <div class="cus-con">
        <div class="set_tit">
            <span>客资提醒查询</span>
        </div>
        <div class="set-top layui-form" style="min-width: 1130px;">
            <div class="mkz_title">客资ID：</div>
            <div class="layui-input-inline w-120" >
                <input type="text" class="layui-input" id="customer_id">
            </div>
            <div class="mkz_title">客资手机：</div>
            <div class="layui-input-inline w-120" >
                <input type="text" class="layui-input" id="customer_tel">
            </div>
            <div class="mkz_title">提醒类型：</div>
            <div class="layui-input-inline w-150">
                <select id="remind_type" name="remind_type"  lay-verify="required" lay-search="">
                    <option value="">请选择：</option>
                    {if $Think.session.shop_type eq 2}
                    <option value="baby_birthday">宝宝生日提醒</option>
                    <option value="ready_baby_day">预产期提醒</option>
                    {/if}
                    <option value="customer_birthday" selected>
                        {if $Think.session.shop_type eq 2}
                        妈妈
                        {else}
                        客户
                        {/if}
                        生日提醒
                    </option>
                    <option value="mate_birthday">
                        {if $Think.session.shop_type eq 2}
                        爸爸
                        {else}
                        配偶
                        {/if}
                        生日提醒
                    </option>
                    {if $Think.session.shop_type neq 2}
                    <option value="marry_day">结婚纪念日提醒</option>
                    {/if}
                    <option value="next_day">再约提醒</option>
                    <option value="yjd_day">预约进店提醒</option>
                    <option value="syjd_day">实际进店提醒</option>
                    <option value="order_day">成交(订单)提醒</option>
                </select>
            </div>
            <div class="mkz_title">开始时间：</div>
            <div class="layui-input-inline w-120" >
                <input type="text" class="layui-input" id="start" readonly="readonly">
            </div>
            <div class="mkz_title">结束时间：</div>
            <div class="layui-input-inline w-120" >
                <input type="text" class="layui-input" id="end"  readonly="readonly">
            </div>
            <button class="layui-btn" id="btn" style="margin-left: 10px;">查询</button>
        </div>
        <table class="layui-table" lay-data="{heitht:800,limit:100, url:'/crm/Logs/remindJSON', page:true,id:'idTest'}" lay-filter="msgTable">
            <thead>
            <tr>
                <th lay-data="{field:'id', width:70,align:'center',toolbar: '#titleTpl'}">序号</th>
                <th lay-data="{field:'id',align:'center' ,width:100}">客户ID</th>
                <th lay-data="{field:'dj_staff',align:'center' ,width:80}">登记人</th>
                <th lay-data="{field:'sales_staff',align:'center' ,width:80}">追踪人</th>
                <th lay-data="{field:'reception_name',align:'center' ,width:80}">接待人</th>
                {if $Think.session.shop_type eq 2}
                <th lay-data="{field:'baby_name',align:'center' ,width:100}">宝宝姓名</th>
                <th lay-data="{field:'baby_birthday',align:'center' ,width:100}">宝宝生日</th>
                <th lay-data="{field:'ready_baby_day',align:'center' ,width:100}">预产期</th>
                {/if}
                <th lay-data="{field:'customer_name',align:'center' ,width:100}">客户姓名</th>
                <th lay-data="{field:'customer_tel',align:'center' ,width:120}">客户手机</th>
                <th lay-data="{field:'customer_birthday',align:'center',width:120}">客户生日</th>
                <th lay-data="{field:'mate_name',align:'center' ,width:100}">配偶姓名</th>
                <th lay-data="{field:'mate_tel',align:'center' ,width:120}">配偶手机</th>
                <th lay-data="{field:'mate_birthday',align:'center', width:120}">配偶生日</th>
                <th lay-data="{field:'marry_day',width:120,align:'center'}">结婚纪念日</th>
                <th lay-data="{field:'next_time',width:120,align:'center'}">再约时间</th>
                <th lay-data="{field:'yjd_day',align:'center', width:150}">预约进店时间</th>
                <th lay-data="{field:'syjd_day',align:'center', width:150}">实际进店时间</th>
                <th lay-data="{field:'order_day',align:'center', width:150}">订单时间</th>
                <th lay-data="{field:'dj_day',align:'center', width:150}">登记时间</th>
            </tr>
            </thead>
        </table>
        <script type="text/html" id="titleTpl">
            {{d.LAY_TABLE_INDEX+1}}
        </script>
    </div>
</div>
<script type="text/javascript">
    //日历
    layui.use('laydate', function () {
        var laydate = layui.laydate;
        laydate.render({
            elem: '#start'
            ,max:0
            ,format: 'yyyy-MM-dd'
        });
        laydate.render({
            elem: '#end'
            ,max:0
            ,format: 'yyyy-MM-dd'
        });
    });
    $('#btn').click(function(){
        var customer_id = $('#customer_id').val();
        var customer_tel = $('#customer_tel').val();
        var patrn = /^1[3|4|5|6|7|8|9][0-9]{9}$/;
        if (customer_tel && !patrn.exec(customer_tel)) {
            layer.alert("手机号输入错误");
            return false;
        }
        var remind_type = $('#remind_type').val();
        var start = $('#start').val();
        var end = $('#end').val();
        var index = layer.load(1, {shade: false}); //0代表加载的风格，支持0-2
        table.reload('idTest', {
            url: 'remindJSON'
            ,where: {customer_id:customer_id,customer_tel:customer_tel,remind_type:remind_type,start:start,end:end}, //设定异步数据接口的额外参数
            done: function(res, curr, count){
                layer.close(index);
            }
        });

    })
    // 表格
    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; //元素操作
        //分页
        laypage.render({
            elem: 'pageDemo' //分页容器的id
            ,count: 100 //总页数
            ,limit:15
            ,skin: '#1E9FFF' //自定义选中色值
            ,jump: function(obj, first){
                if(!first){
                    layer.msg('第'+ obj.curr +'页');
                }
            }
        });
    })

</script>
{/block}