{extend name="Public/base" /}
{block name="js"}
<script>
    var ON_SELECT_COLOR = "{$on_select_color}" ? "#{$on_select_color}" : '#ffd7dc';
    var colModel = {$colModel} ? {$colModel} : [];
    var colNames = {$colNames} ? {$colNames} : [];
    var R_menu_all = [];

    {volist name="right_menu_list" id="vo"}
    R_menu_all.push("{$vo}");
    {/volist}
</script>
<script src="__PUBLIC__/js/public.js?v={$Think.const.APP_VERSION}"></script>
{/block}
{block name="css"}
<link rel="stylesheet" href="__PUBLIC__/font/fonts/iconfont.css?v={$Think.const.APP_VERSION}">
<style>
    #Example
    .ui-state-hover,
    .ui-widget-content .ui-state-hover,
    .ui-widget-header .ui-state-hover,
    .ui-state-focus,
    .ui-widget-content .ui-state-focus,
    .ui-widget-header .ui-state-focus,
    .ui-button:hover,
    .ui-button:focus {
        background: #{$hover_color}!important;/*鼠标追随的tr行颜色*/
        font-weight: normal;
        color: #2b2b2b;
        z-index: 999;
    }
    .layui-form-checkbox i {
        right: -1px;
        top: -1px;
    }
    .over_hide:hover  {
        width: 124px;
        font-size: 12px;
        border: 0px solid #ddd;
        text-align: left;
        text-overflow: ellipsis;
        white-space: nowrap;
        cursor:pointer;
    }
    .over_hide{
        width: 124px;
        font-size: 12px;
        border: 0px solid #ddd;
        color:#5f5f5f;
        overflow: hidden;
        text-align: left;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .ui-search-toolbar{display:none;}
    #Example .ui-widget-content-altclass{
        background-color: #{$alt_row_color};
    }
    #Example .trSelected{
        background-color: #{$on_select_color};
    }
    .if_wrap .cus-con {
        min-width: 1300px;
    }
    .ui-state-hover,
    .ui-widget-content .ui-state-hover,
    .ui-widget-header .ui-state-hover,
    .ui-state-focus,
    .ui-widget-content .ui-state-focus,
    .ui-widget-header .ui-state-focus,
    .ui-button:hover,
    .ui-button:focus {
    /*border: 1px solid red;*/
        background: #{$hover_color};/*鼠标追随的tr行颜色*/
        font-weight: normal;
        color: #2b2b2b;
    }
    .ui-search-toolbar .ui-state-default.ui-th-column.ui-th-ltr {
        background: #efefef;
    }
    .set_tit {
        clear: both;
        float: left;
        height: 37px;
        width: 99%;
        margin-right: 0.5%;
        margin-left: 0.5%;
        border-bottom: 1px solid #768da2;
        margin-bottom: 15px;
    }
    .set_tit span {
        font-size: 16px;
        line-height: 40px;
        color: #ff9000;
        float: left;
        height: 40px;
        width: auto;
        margin-left: 20px;
        margin-right: 20px;

    }
    .layui-select-disabled .layui-edge{
        border-top-color:#fff;
    }
    .layui-table-tool {
        position: relative;
        z-index: 890;
        width: 100%;
        min-height: 40px;
        border-width: 0 0 1px;
        box-sizing: border-box;
        padding: 0;
    }
    .layui-table-tool-self {
        position: absolute;
        right: 0;
        width: 100%;
        text-align: right;
        top: 0;
    }
    .layui-table-tool-panel {
        position: absolute;
        top: 0;
        left: 0;
        min-width: 400px;
        min-height: 40px;
        border: 1px solid #d2d2d2;
        text-align: left;
        background-color: #fff;
        box-shadow: 0 2px 4px rgba(0,0,0,.12);
        width: 100%;
        z-index: 1;
    }
    .layui-table-tool-panel li {
        padding: 0 10px;
        line-height: 30px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-transition: .5s all;
        transition: .5s all;
        float: left;
    }
    .layui-table-tool .layui-table-tool-self .layui-inline[lay-event] {
        margin: 5px 10px 0 0;
    }
    .layui-table-tool .layui-inline[lay-event] {
        position: relative;
        width: auto;
        height: 26px;
        line-height: 16px;
        margin-right: 10px;
        text-align: center;
        color: #333;
        border: none;
        cursor: pointer;
        -webkit-transition: .5s all;
        transition: .5s all;
        float: left;
    }
    .layui-table-tool .layui-inline[lay-event]:hover {
        position: relative;
        width: auto;
        height: 26px;
        line-height: 16px;
        margin-right: 10px;
        text-align: center;
        color: #333;
        border: none;
        cursor: pointer;
        -webkit-transition: .5s all;
        transition: .5s all;
        float: left;
    }
    /*    
    .layui-icon {
        font-family: layui-icon!important;
        font-size: 16px;
        color: #009688;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }*/
    .layui-icon-cols:before{
        content:"标题标题标题标题"
    }
    .ns_top_con{
        width: 100%;
        height: auto;
        margin-top:10px;
        padding: 0 10px;
    }
    .ns_top_day{
        width: auto !important;
    }
    .sel_box_cc{
        height: auto;
        width: auto;
        position: relative;
        display: inline-block;
        vertical-align: middle;
        cursor: pointer;
        z-index: 10;
    }
    .sel_box {
        height: 30px;
        width: 80px;
        border: 1px solid #bfccdd;
        background-color: #fff;
        border-radius: 2px;
        box-sizing: border-box;
        position: relative;
        display: inline-block;
        vertical-align: middle;
        cursor: pointer;
    }
    .sel_box_tit {
        width: 100%;
        height: 28px;
        padding: 0 30px 0 9px;
        box-sizing: border-box;
        position: absolute;
    }
    .sel_box_tit input {
        line-height: 28px;
        font-size: 12px;
        color: #777;
        width: 100%;
        height: 28px;
        box-sizing: border-box;
        border: none;
        appearance:none;
        -moz-appearance:none; /* Firefox */
        -webkit-appearance:none; /* Safari 和 Chrome */
        outline:none;
        cursor: pointer;
    }
    .sel_box .layui-edge{
        position: absolute;
        right: 9px;
        top: 8px;
        cursor: pointer;
        border-top-style: solid;
        transition: all .3s;
        -webkit-transition: all .3s;
        display: inline-block;
        border-bottom: 1px solid #bfccdd;
        border-right: 1px solid #bfccdd;
        width: 7px;
        height: 7px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .sel_box .layui-edge.layui-form-selected {
        top: 12px;
        -webkit-transform: rotate(225deg);
        transform: rotate(225deg);
    }
    .sel_tree{
        width: 200px;
        height: auto;
        position: absolute;
        top: 30px;
        left: -1px;
        box-sizing: border-box;
        overflow: auto;
        background-color: #fff;
        border: 1px solid #bfccdd;
        display: none;
        padding-right: 10px;
        padding-bottom: 20px;
    }
    .layui-xtree-item{
        width:100%;
        font-size:13px;
    }
    .mkz_t1{
        padding: 0 10px 0 5px;
        line-height: 30px;
    }
    .layui-btn + .layui-btn {
        margin-left: 0px;
    }
    .cus-top-left .layui-input-block{
        margin-right: 5px;
    }
    .layui-form-checkbox {
        line-height: 28px;
        margin-right: 0;
    }
    .layui-btn {
        padding: 0 6px;
    }
    .layui-badge {
        height: 16px;
        line-height: 16px;
    }
    .layui-badge, .layui-badge-dot, .layui-badge-rim {
        padding: 0 4px;
        position: initial;
    }
    .layui-tab-title li {
        padding: 6px 5px;
    }
    .layui-tab-title .layui-badge, .layui-tab-title .layui-badge-dot {
        top: 0;
    }
    .layui-xtree-item>.layui-form-checkbox{
        height: 20px;
    }
    .layui-form-checked[lay-skin="primary"] i {
        color: #01b88a;
    }
    .cus_top_btn{
        width: 90px;
        height: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        padding-right: 20px;
        box-sizing: border-box;
        background: url(__PUBLIC__/img/pk_arw_down.png) no-repeat 65px center;
        color: #666;
        font-size: 14px;
    }
    .cus_top_con{
        display: none;
    }
    .cus_show{
        background: url(__PUBLIC__/img/pk_arw_up.png) no-repeat 70px center;
    }
    .cus-top-right{
        max-width: 1030px !important;
    }
    .reset_btn {
        background-color:rgba(255,164,1,1) !important;
    }
    .cus-search {
        width: 80px !important;
    }
    .search-span{
        width: 60px !important;
    }
    .w-96{
        width: 96px !important;
    }
    .w-125{
        width: 125px !important;
    }
</style>
{/block}
{block name="main"}
<div class="if_wrap">
    <div class="cus-con"id="cus-top">
        <form class="layui-form layui-form-pane1" id="sform" >

            <script>
                $(function(){
                    $(".cus_top_btn").click(function(){
                        $(".cus_top_con").toggle();
                        if($(".cus_top_btn").hasClass("cus_show")) {
                            $(this).text("展开更多");
                            $(this).removeClass("cus_show");
                            var wdcpH=$(window).height();
                            var CpHeight= parseInt(wdcpH) -340;
                            $(".ui-jqgrid-bdiv").css("height", CpHeight);
                            // 将收起的下拉框置空
                            var all_time = $("#all_time").val();
                            var choose01 = $("#choose01").val();
                            var choose02 = $("#choose02").val();
                            $("#sform select").val("");
                            $("#all_time").val(all_time);
                            $("#choose01").val(choose01);
                            $("#choose02").val(choose02);
                            layui.form.render();
                        }else{
                            $(this).text("收起更多");
                            $(this).addClass("cus_show");
                            var wdcpH=$(window).height();
                            var CpHeight= parseInt(wdcpH) -445;
                            $(".ui-jqgrid-bdiv").css("height", CpHeight);
                        }
                    })
                })
            </script>
            <div class="cus-top-left">

                <div class="layui-input-block w-150 mr10">
                    <select name="all_time" id="all_time">
                        <option value="">请选择</option>
                        <option value="create_time" selected>登记日期</option>
                        <option value="babybirthday">宝宝生日</option>
                    </select>
                </div>
                <div class="layui-input-block">
                    <div class="layui-inline w-125">
                        <input type="text" class="layui-input" value="{$start}"  name="start_time" id="start_time" readonly>
                    </div>
                </div>
                <span class="date-span">-</span>
                <div class="layui-input-block">
                    <div class="layui-inline w-125">
                        <input type="text" class="layui-input" value="{$end}"  name="end_time" id="end_time" readonly>
                    </div>
                </div>

                <label class="layui-form-label">宝宝性别：</label>
                <div class="layui-input-block w-96">
                    <select name="babysex" id="babysex">
                        <option value="">请选择</option>
                        <option value="男">男</option>
                        <option value="女">女</option>

                    </select>
                </div>


                
                <div class="layui-input-block w-130" >
                    <input type="text" class="layui-input"  name="more_like" id="more_like" placeholder="ID/用户名/手机/微信">
                </div>
                
                <div class="layui-input-block cus-search" style="z-index: 1;">
                    <input type="hidden" name="type_info" id="type_info">
                    <span lay-filter="search" id="search"  value="查询" class="search-span">查询</span>
                </div>

                <div class="layui-input-block">
                    <span lay-filter="reset" id="reset" value="重置" class="layui-btn layui-btn-sm reset_btn" style="line-height: 30px;">重置</span>
                </div>
                <div class="cus_top_btn">展开更多</div>

            </div>

            <div class="cus_top_con">
                <div class="cus-top-right">

                    {if condition="empty($search_list) || in_array('province_city',$search_list)"}
                    <div class="layui-inline">
                        <label class="layui-form-label mkz_t1">请选择省：</label>
                        <div class="layui-input-inline w-96">
                            <select name="province_id" id="province_id" lay-filter="staProvince" lay-search="">
                                <option value="">请选择</option>
                                {volist name="address" id="vo"}
                                <option value="{$vo.id}">{$vo.name}</option>
                                {/volist}
                            </select>
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label">请选择市：</label>
                        <div class="layui-input-block w-96">
                            <select name="customer_city_id" id="staCity" lay-filter="staCity" lay-search="">
                                <option value="">请选择</option>
                            </select>
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label">请选择区：</label>
                        <div class="layui-input-block w-96">
                            <select name="customer_county_id" id="staCounty" lay-filter="staCounty" lay-search="">
                                <option value="">请选择</option>
                            </select>
                        </div>
                    </div>
                    {/if}

                    <div class="layui-inline w-195">
                        <label class="layui-form-label">订单数：</label>
                        <div class="layui-input-block">
                            <div class="layui-inline w-40">
                                <input type="text" class="layui-input" value=""  name="order_num" id="min_order">
                            </div>—
                            <div class="layui-inline w-40">
                                <input type="text" class="layui-input" value=""  name="order_num" id="max_order">
                            </div>
                        </div>
                    </div>


                    <div class="layui-inline w-195">
                        <label class="layui-form-label">成交金额：</label>
                        <div class="layui-input-block">
                            <div class="layui-inline w-40">
                                <input type="text" class="layui-input" value=""  name="min_money" id="min_money">
                            </div>—
                            <div class="layui-inline w-40">
                                <input type="text" class="layui-input" value=""  name="max_money" id="max_money">
                            </div>
                        </div>
                    </div>

                    <div class="layui-inline w-195">
                        <label class="layui-form-label">转介绍数：</label>
                        <div class="layui-input-block">
                            <div class="layui-inline w-40">
                                <input type="text" class="layui-input" value=""  name="min_money" id="min_introduce">
                            </div>—
                            <div class="layui-inline w-40">
                                <input type="text" class="layui-input" value=""  name="max_money" id="max_introduce">
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </form>
        <div class="cus-filter">
        </div>

        <div class="cus-model">

            <button class="layui-btn layui-btn-primary cus-model-btn" data-type="refresh" id="refresh">
                <i class="iconfont" style="line-height: 28px;font-size: 14px">&#xe668;</i>
                <span style="line-height: 30px;">刷新</span>
            </button>


            {auth code='menu1593519025'}
            <button class="layui-btn layui-btn-primary cus-model-btn " data-type="export" id="export">
                <i class="iconfont" style="line-height: 28px;font-size: 14px">&#xe612;</i>
                <span style="line-height: 30px;">导出</span>
            </button>
            {/auth}

        </div>
        <div class="cus-link">
            <ul class="layui-tab-title cus-link-wrap" id="all_number">
                {auth code='menu1589781104'}<li {if condition="$this_tab eq 'menu1589781104' "} class="layui-this" {/if} id="all"><span class="cus-link-text">全部</span><span class="layui-badge" id="all_num">{$allClient}&nbsp;</span></li>{/auth}
                {auth code='menu1589781105'}<li {if condition="$this_tab eq 'menu1589781105' "} class="layui-this" {/if} id="wdd"><span class="cus-link-text">未订单</span><span class="layui-badge" id="wdd_num">{$qz_client}&nbsp;</span></li>{/auth}
                {auth code='menu1589781105'}<li {if condition="$this_tab eq 'menu1589781105' "} class="layui-this" {/if} id="qz"><span class="cus-link-text">潜在客户</span><span class="layui-badge" id="qz_num">{$qz_client}&nbsp;</span></li>{/auth}
                {auth code='menu1589781106'}<li {if condition="$this_tab eq 'menu1589781106' "} class="layui-this" {/if} id="yc"><span class="cus-link-text">一次消费客户</span><span class="layui-badge" id="yc_num">{$yc_client}&nbsp;</span></li>{/auth}
                {auth code='menu1589781107'}<li {if condition="$this_tab eq 'menu1589781107' "} class="layui-this" {/if} id="dc"><span class="cus-link-text">多次消费客户</span> <span class="layui-badge" id="dc_num">{$dc_client}&nbsp;</span></li>{/auth}
            </ul>
        </div>
        <div class="cus-table">
            <table id="Example" lay-filter="demo">
                <tbody>
                <tr class="jqgfirstrow" role="row" style="height:auto">
                    <td role="gridcell" style="height: 0px;width:20px;"></td>
                    <td role="gridcell" style="height: 0px; width: 265px;"></td>
                    <td role="gridcell" style="height: 0px; width: 265px;"></td>
                    <td role="gridcell" style="height: 0px; width: 177px;"></td>
                    <td role="gridcell" style="height: 0px; width: 141px;"></td>
                    <td role="gridcell" style="height: 0px; width: 265px;"></td>
                    <td role="gridcell" style="height: 0px; width: 141px;"></td>
                    <td role="gridcell" style="height: 0px; width: 265px;"></td>
                    <td role="gridcell" style="height: 0px; width: 264px;"></td>
                </tr>
                </tbody>
            </table>
            <div id="pager"></div>
        </div>
    </div>
<script>
    $(document).ready(function(){
        layui.use('form', function () {
            var form = layui.form;
            form.render();
        });
        pageInit();

        refreshTabNumber();
    });

    var tab = 1;
    var all_time = 'create_time';
    var start_time = $('#start_time').val();
    var end_time = $('#end_time').val();
    var more_like = '';
    var babysex = '';//宝宝性别
    var province_id = '';//省
    var city_id = $('#staCity').val();//市
    var county_id = $('#staCounty').val();//区
    var min_order = $('#min_order').val();
    var max_order = $('#max_order').val();
    var min_money = $('#min_money').val();
    var max_money = $('#max_money').val();
    var min_introduce = $('#min_introduce').val();
    var max_introduce = $('#max_introduce').val();

    var contextArr=[];


    function check_right(code){
        $.ajax({
            type: "POST",
            url: '/crm/customer/check_right',
            data: 'code='+code,
            success: function(msg){
                fp_auth= msg.data;
            }
        });
    }
    layui.use(['laydate','form'], function(){
        var laydate = layui.laydate;
        var form = layui.form;
        // 日期
        laydate.render({
            elem: '#start_time'
            , format: 'yyyy-MM-dd'
            //, value: startMonth
            , trigger: 'click'
        });
        laydate.render({
            elem: '#end_time'
            , format: 'yyyy-MM-dd'
            //, value: startMonth
            , trigger: 'click'
        });

        // 列表页省市选择
        form.on('select(staProvince)', function(data){
            var province_id = data.value;
            $.ajax({
                type:"POST",
                url: '/crm/Customer/searchCity',
                data: "pid="+province_id+"&type=2",
                success: function (msg) {
                    var replace = '<select name="staCity" id="staCity" lay-filter="staCity" lay-search=""><option value="">请选择</option>';
                    for(var i=0;i<msg.length;i++){
                        replace += '<option value="'+msg[i]['id']+'">'+msg[i]['name']+'</option>';
                    }
                    replace +='</select>';
                    $("#staCity").html(replace);
                    form.render();
                }
            });
        });
        form.on('select(staCity)', function(data){
            var city_id = data.value;
            $.ajax({
                type:"POST",
                url: '/crm/Customer/searchCity',
                data: "pid=" +city_id+"&type=3",
                success: function (msg) {
                    var replace = '<select name="staCounty" id="staCounty" lay-filter="staCounty" lay-search=""><option value="">请选择</option>';
                    for(var i=0;i<msg.length;i++){
                        replace += '<option value="'+msg[i]['id']+'">'+msg[i]['name']+'</option>';
                    }
                    replace +='</select>';
                    $("#staCounty").html(replace);
                    form.render();
                }
            });
        });
    })
    
    function pageInit() {
        //创建jqGrid组件
        var shop_default_model = {};
        // shop_default_model.客户编号 = {
        //     name: 'c_unique',
        //     index: 'c_unique',
        //     width: 250,
        //     align: "left",
        //     editable: true,
        //     editoptions: {size: 25}
        // };
        shop_default_model.客户姓名 = {
            name: 'wname',
            index: 'wname',
            width: 100,
            align: "center",
            frozen: true,
            editable: true,
            search: true,
            editoptions: {size: 25}
        };
        shop_default_model.手机号 = {
            name: 'wphone',
            index: 'wphone',
            editable: true,
            align: "center",
            width: 100,
            editoptions: {size: 25}
        };
        shop_default_model.宝宝姓名 = {
            name: 'babyname',
            index: 'babyname',
            editable: true,
            align: "center",
            width: 100,
            editoptions: {size: 25}
        };
        shop_default_model.宝宝生日 = {
            name: 'babybirthday',
            index: 'babybirthday',
            editable: true,
            align: "center",
            width: 100,
            editoptions: {size: 25}
        };
        shop_default_model.宝宝性别 = {
            name: 'babysex',
            index: 'babysex',
            editable: true,
            align: "center",
            width: 80,
            editoptions: {size: 25}
        };
        shop_default_model.微信 = {
            name: 'wwechat',
            index: 'wwechat',
            width: 120,
            align: "center",
            editoptions: {readonly: true, size: 10}
        };
        shop_default_model.邮箱 = {
            name: 'email',
            index: 'email',
            width: 120,
            align: "center",
            editoptions: {readonly: true, size: 10}
        };
        shop_default_model.订单数 = {
            name: 'order_num',
            index: 'order_num',
            width: 80,
            align: "center",
            editoptions: {readonly: true, size: 10}
        };
        shop_default_model.订单总金额 = {
            name: 'sumshu',
            index: 'sumshu',
            width: 100,
            align: "center",
            editoptions: {readonly: true, size: 10}
        };
        shop_default_model.转介绍数 = {
            name: 'intr_num',
            index: 'intr_num',
            width: 80,
            align: "center",
            editoptions: {readonly: true, size: 10}
        };
        shop_default_model.城市 = {
            name: 'city',
            index: 'city',
            width: 80,
            align: "center",
            editoptions: {readonly: true, size: 10}
        };
        shop_default_model.地区 = {
            name: 'county',
            index: 'county',
            width: 80,
            align: "center",
            editoptions: {readonly: true, size: 10}
        };
        shop_default_model.详细地址 = {
            name: 'address',
            index: 'address',
            width: 200,
            align: "center",
            editoptions: {readonly: true, size: 10}
        };
        
        var col = [];
        for(var i=0;i<colNames.length;i++){
            var key = colNames[i];
            col.push(shop_default_model[key]);
        }
        if(colNames.length > 0){
            colNames.unshift('客资ID');
        }
        if(colNames.length > 0){
            col.unshift({name: 'id',index: 'id',width: 80, align: "center", search: true, stype: 'select',hidedlg: true, searchoptions: {dataUrl: '', sopt: ['eq', 'ne']},editoptions: {readonly: true, size: 10},font: {size: 10},hidden: false});
        }
        var col = [];
        var forNames = colNames;
        colNames = [];
        //把自定义里面所有无效的去除掉，以防止控件报错
        for(var i=0;i<forNames.length;i++){
            var key = forNames[i];
            if(typeof shop_default_model[key] == 'object'){
                col.push(shop_default_model[key]);
                colNames.push(key);
            }
        }
        if(colNames.length > 0){
            //把所有自定义列里没有的，放到最后，并设置隐藏
            colNames.unshift('客资ID');
            col.unshift({name: 'id',index: 'id',width: 80, align: "center", search: true, stype: 'select',hidedlg: true, searchoptions: {dataUrl: '', sopt: ['eq', 'ne']},editoptions: {readonly: true, size: 10},font: {size: 10},hidden: false});
            forNames = '';
            for(forNames in shop_default_model){
                if($.inArray(forNames, colNames) == -1){
                    shop_default_model[forNames].hidden = true;
                    col.push(shop_default_model[forNames]);
                    colNames.push(forNames);
                }
            }
            colModel = col;
        }else{
            //没有自定义列，循环所有列，生成列配置
            colNames.unshift('客资ID');
            colModel.unshift({name: 'id',index: 'id',width: 80, align: "center", search: true, stype: 'select',hidedlg: true, searchoptions: {dataUrl: '', sopt: ['eq', 'ne']},editoptions: {readonly: true, size: 10},font: {size: 10},hidden: false});
            for(forNames in shop_default_model){
                colNames.push(forNames);
                colModel.push(shop_default_model[forNames]);
            }
        }

        var url = '/crm/Client/clientMainList';
        var mygrid =jQuery("#Example").jqGrid({
            url: url,//组件创建完成之后请求数据的url
            postData:{tab:tab,all_time:all_time,start_time:start_time,end_time:end_time,more_like:more_like,babysex:babysex,province_id:province_id,city_id:city_id,county_id:county_id,min_order:min_order,max_order:max_order,min_money:min_money,max_money:max_money,min_introduce:min_introduce,max_introduce:max_introduce},
            datatype: "json",//请求数据返回的类型。可选json,xml,txt
            colNames: colNames,//jqGrid的列显示名字
            colModel: colModel,
            height: 700,//默认高度
            width: "100%",//默认宽度
            autowidth: true,
            altRows:true,//隔行变色
            altclass:'ui-widget-content-altclass',//隔行变色样式
            rowNum: 50,//一页显示多少条
            // rowNum: jQuery("#Example").jqGrid('getGridParam', 'rowNum'),//一页显示多少条
            rowList: [50, 100, 200, 300, 500, 1000],//可供用户选择一页显示多少条
            //lastpage: true,
            pager: '#pager',//表格页脚的占位符(一般是div)的id
            page:$("#Example").jqGrid('getGridParam','page'),//获取当前页,
            //sortname: 'id',//初始化的时候排序的字段
            sortorder: "desc",//排序方式,可选desc,asc
            viewrecords: true,
            mtype: "post",//向后台请求数据的ajax的类型。可选post,get
            sortable: true,//列排序
            multiselect: true,//tr行多选
            rownumbers: true,
            shrinkToFit:false,
            autoScroll: false,
            jsonReader:{
                root:"new_rows",
                repeatitems: false,
            },
            gridComplete: function () {
                var ids = $("#Example").getDataIDs();
                for (var i = 0; i < ids.length; i++) {
                    var rowData = $("#Example").getRowData(ids[i]);
                    var signinfo = rowData.op_signinfo;//追踪标记
                }
            },
            ondblClickRow:function(rowid){
                jQuery("#Example").jqGrid('resetSelection');
                var k=rowid;
                jQuery("#Example").jqGrid('setSelection', k);
            },
            // 选中变色
            onSelectRow:function(rowid,status){
                var id=jQuery("#Example").jqGrid('getGridParam', 'selarrrow');
                if(status){
                    $('#choose_num').html('已选中 '+id.length+' 条');
                    $('#'+rowid).css('background',ON_SELECT_COLOR ? ON_SELECT_COLOR : '#FFD7DC');
                }else{
                    $('#choose_num').html('已选中 '+id.length+' 条');
                    $('#'+rowid).css('background','white');
                }
            },
            // 全选
            onSelectAll:function(rowids,statue){
                var id=jQuery("#Example").jqGrid('getGridParam', 'selarrrow');
                $('#choose_num').html('已选中 '+id.length+' 条');
            },
        });
        jQuery("#Example").jqGrid('navGrid','#pager',{edit:false,add:false,del:false,search:false,refresh:true});//编辑,删除,搜索,刷新

    }

    //筛选搜索按钮
    /* --------------- jqGrid --------------- */

    
    // 右键功能
    layui.use(['layer','layedit'], function () {
        var active = {
            // 详情
            customer_info: function () {
                // 右键id
                setTimeout(function(){
                    var id=jQuery("#Example").jqGrid('getGridParam', 'selarrrow');
                    if(id == '' || id == null){
                        layer.alert('请选中某行再操作');
                        return false;
                    }
                    if(id.length > 1){
                        layer.alert('只能选择一个客户');
                        return false;
                    }
                    load_page(
                        '/crm/Client/getClientInfo/id/'+id,
                        '客户详情',
                        function(){},
                        ['确定','取消'],
                        740,550
                    );
                },10);
            },

        }
        // 鼠标双击事件
        $('.ui-jqgrid-btable').delegate("tr", "dblclick", function () {
            active["customer_info"] ? active["customer_info"].call(this) : '';
        });
        // 鼠标右击事件
        $('.ui-jqgrid-btable').contextPopup({
            //title: 'My Popup Menu',
            arrFun: function () {
                contextArr = [];
                var this_menu = ['客户详情'];
                // var this_menu = ['客户详情','客资列表'];
                for (let i in all_menu) {
                    if($.inArray(all_menu[i].menu_id,R_menu_all) >= 0 && $.inArray(all_menu[i].label,this_menu) >= 0){
                        contextArr.push(all_menu[i]);
                    }
                }
                return contextArr;
            }
        });
        // 右击事件
        $("#Example").delegate("tr","contextmenu",function(e){
            e.preventDefault();
            jQuery("#Example").jqGrid('resetSelection');
            var q=$(this).attr("id");
            jQuery("#Example").jqGrid('setSelection',q);
        });
        // 全部右键菜单
        var all_menu = [
            {
                menu_id:'menu1589781108',
                label: '客户详情', icon: function () {
                    return 'fa fa-paper-plane';
                }, 
                action: function () {
                    active["customer_info"] ? active["customer_info"].call(this) : '';
                }
            },
            // {
            //     menu_id:'menu1589781109',
            //     label: '客资列表', icon: function () {
            //         return 'fa fa-navicon';
            //     }, 
            //     action: function () {
            //         active["customer_list"] ? active["customer_list"].call(this) : '';
            //     }
            // },
        ];
    });

    function refreshTabNumber(){

        $.ajax({
            type: "POST",
            url: "/crm/Client/clientMainCount",
            data: {tab:tab,all_time:all_time,start_time:start_time,end_time:end_time,more_like:more_like,babysex:babysex,province_id:province_id,city_id:city_id,county_id:county_id,min_order:min_order,max_order:max_order,min_money:min_money,max_money:max_money,min_introduce:min_introduce,max_introduce:max_introduce},
            dataType: 'json',
            success: function (res) {
                if (res.code == 200) {
                    console.log(res.data.all_num);

                    $('#all_num').html(res.data.all_num);
                    $('#wdd_num').html(res.data.wdd_num);
                    $('#qz_num').html(res.data.qz_num);
                    $('#yc_num').html(res.data.yc_num);
                    $('#dc_num').html(res.data.dc_num);
                }
            }
        });

    }

    function reloadGrid() {

        $("#Example").jqGrid('setGridParam', {
            datatype: 'json',
            url: "/crm/Client/clientMainList",
            postData:{tab:tab,all_time:all_time,start_time:start_time,end_time:end_time,more_like:more_like,babysex:babysex,province_id:province_id,city_id:city_id,county_id:county_id,min_order:min_order,max_order:max_order,min_money:min_money,max_money:max_money,min_introduce:min_introduce,max_introduce:max_introduce},
            altRows:true,//隔行变色
            altclass:'ui-widget-content-altclass',//隔行变色样式
            rowNum: 100,//一页显示多少条
            rowList: [20, 50, 100, 200, 300],//可供用户选择一页显示多少条
            pager: '#pager',
            page:1,
            sortorder: "desc",//排序方式,可选desc,asc
            viewrecords: true,
            mtype: "post",//向后台请求数据的ajax的类型。可选post,get
            sortable: true,//列排序
            multiselect: true,//tr行多选
            rownumbers: true,
            shrinkToFit:false,
            autoScroll: false,
            //editurl : ctx+"/RowEditingsss"
            jsonReader:{
                root:"new_rows",
                repeatitems: false,
            },
            gridComplete: function () {
                var ids = $("#Example").getDataIDs();
                for (var i = 0; i < ids.length; i++) {
                    var rowData = $("#Example").getRowData(ids[i]);
                    var signinfo = rowData.op_signinfo;//追踪标记
                }
            },
            ondblClickRow:function(rowid){
                jQuery("#Example").jqGrid('resetSelection');
                var k=rowid;
                jQuery("#Example").jqGrid('setSelection', k);
            },
            // 选中变色
            onSelectRow:function(rowid,status){
                var id=jQuery("#Example").jqGrid('getGridParam', 'selarrrow');
                if(status){
                    $('#choose_num').html('已选中 '+id.length+' 条');
                    $('#'+rowid).css('background',ON_SELECT_COLOR ? ON_SELECT_COLOR : '#FFD7DC');
                }else{
                    $('#choose_num').html('已选中 '+id.length+' 条');
                    $('#'+rowid).css('background','white');
                }
            },
            // 全选
            onSelectAll:function(rowids,statue){
                var id=jQuery("#Example").jqGrid('getGridParam', 'selarrrow');
                $('#choose_num').html('已选中 '+id.length+' 条');
            },
        }).trigger("reloadGrid");

        //刷新各tab数量
        refreshTabNumber();
    }

    $('#search').click(function(){
        all_time = $('#all_time').val();
        start_time = $('#start_time').val();
        end_time = $('#end_time').val();
        more_like = $('#more_like').val();
        babysex = $('#babysex').val();//宝宝性别
        province_id = $('#province_id').val();//省
        city_id = $('#staCity').val();//市
        county_id = $('#staCounty').val();//区
        min_order = $('#min_order').val();
        max_order = $('#max_order').val();
        min_money = $('#min_money').val();
        max_money = $('#max_money').val();
        min_introduce = $('#min_introduce').val();
        max_introduce = $('#max_introduce').val();

        reloadGrid();
    });

    //刷新
    $('#refresh').click(function(){
        $("#search").trigger("click");
    });

    //导出
    $('#export').click(function(){
        var params = {
            'tab':tab,
            'all_time':all_time,
            'start_time':start_time,
            'end_time':end_time,
            'more_like':more_like,
            'babysex':babysex,
            'province_id':province_id,
            'city_id':city_id,
            'county_id':county_id,
            'min_order':min_order,
            'max_order':max_order,
            'min_money':min_money,
            'max_money':max_money,
            'min_introduce':min_introduce,
            'max_introduce':max_introduce
        };
        httpPost("{:url('crm/Client/export')}", params);   //test1为跳转的路由地址，params为携带的参数
    });

    /**
     * AJAX方式下载
     *
     * @param  {[type]} URL    [description]
     * @param  {[type]} PARAMS [description]
     * @return {[type]}        [description]
     */
    function httpPost(URL, PARAMS) {
        var temp = document.createElement("form");
        temp.action = URL;
        temp.method = "post";
        temp.style.display = "none";

        for (var x in PARAMS) {
            var opt = document.createElement("textarea");
            opt.name = x;
            opt.value = PARAMS[x];
            temp.appendChild(opt);
        }
        document.body.appendChild(temp);
        temp.submit();

        return temp;
    }


    // 重置搜索条件
    $("#reset").click(function (val) {
        // $("#sform input").not("#start_time,#end_time").val("");
        // $("#sform select").not("#all_time").val("");
        $("#sform input").val("");
        $("#sform select").val("");
        $(".cus-filter").html("");
        $('.is_valid').find('input[type=checkbox]').attr('checked',false);

        var date = new Date(); //当前日期
        var nowY = date.getFullYear();
        var nowM = date.getMonth() + 1;
        var nowD = date.getDate();
        if (nowM < 10) {
            nowM = "0" + nowM;
        }
        if (nowD < 10) {
            nowD = "0" + nowD;
        }
        startDay =  (nowY + "-" + nowM + "-01");
        today =  (nowY + "-" + nowM + "-" + nowD);
        $("#start_time").val(startDay);
        $("#end_time").val(today);

        layui.form.render();
        return false;
    });


    //所有客资
    $("#all").click(function () {
        tab = 1;
        reloadGrid();
    });
    // 未定单客户
    $("#wdd").click(function () {
        tab = 2;
        reloadGrid();
    });
    // 潜在客户
    $("#qz").click(function () {
        tab=3;
        reloadGrid();
    });
    // 一次消费
    $("#yc").click(function () {
        tab=4;
        reloadGrid();
    });
    // 多次消费
    $("#dc").click(function () {
        tab=5;
        reloadGrid();
    });
</script>
{/block}