| 
<!DOCTYPE HTML> 
 | 
<html xmlns:th="http://www.thymeleaf.org" xmlns:matrix="http://www.w3.org/1999/xhtml"> 
 | 
<head> 
 | 
<meta charset="utf-8"> 
 | 
<META HTTP-EQUIV="Pragma" CONTENT="no-cache"> 
 | 
<meta name="renderer" content="webkit|ie-comp|ie-stand"> 
 | 
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
 | 
<meta name="viewport" 
 | 
    content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> 
 | 
<meta http-equiv="Cache-Control" content="no-siteapp" /> 
 | 
<LINK rel="Bookmark" href="../images/favicon.ico"> 
 | 
<!-- 本框架基本脚本和样式 --> 
 | 
<script type="text/javascript" 
 | 
        th:src="@{/js/plugin/jquery-2.1.4.min.js}"></script> 
 | 
<script type="text/javascript" th:src="@{/js/systools/MBase.js}"></script> 
 | 
</head> 
 | 
<body class="gray-bg"> 
 | 
    <div class="ibox-content"> 
 | 
    <!-- 搜索框部分start --> 
 | 
        <form class="form-inline" id="serchform"> 
 | 
        <div class="row mb-10"> 
 | 
                <div class="col-sm-8"> 
 | 
                    <button  onclick="myGrid.serchData()" type="button" class="btn btn-info btn-sm"><i class="fa fa-search" ></i> 搜索</button> 
 | 
                    <button  onclick="myGrid.resetForm()" type="button"   class="btn btn-default btn-sm"><i class="fa fa-refresh " ></i> 重置</button> 
 | 
                </div> 
 | 
            </div> 
 | 
            <div class="form-group mr-20"> 
 | 
                <input autocomplete="off" placeholder="会员姓名/手机/编号"   name="vipName" type="text" class="form-control" /> 
 | 
            </div> 
 | 
            <div class="form-group mr-20"> 
 | 
                <label for="staffId">健康顾问</label> 
 | 
                <select class="form-control autoFull select2" 
 | 
                        th:data-url="@{/admin/shopAll}" 
 | 
                        data-value="suId" 
 | 
                        id="staffId" 
 | 
                        data-filed="suName" 
 | 
                        name="staffId"> 
 | 
                    <option value="">--请选择顾问--</option> 
 | 
                </select> 
 | 
            </div> 
 | 
        </form> 
 | 
        <div id="option-bar" > 
 | 
            <button matrix:btn="bedList-exportExcel" onclick="exportExcel()" type="button" class="btn btn-default btn-sm"><i class="fa fa-download" ></i> 导出</button> 
 | 
        </div> 
 | 
        <table id="mgrid" data-url="" > 
 | 
            <thead> 
 | 
                <tr> 
 | 
                    <th data-formatter="MGrid.indexfn" data-align="center"  data-width="30px" >序号</th> 
 | 
                    <th data-field="vipName">会员名称</th> 
 | 
                    <th data-field="phone">手机号码</th> 
 | 
                    <th data-field="shopName">所属门店</th> 
 | 
                    <th data-field="arrears" data-sortable="true">欠款金额</th> 
 | 
                    <th data-field="cnt" data-sortable="true">欠款订单</th> 
 | 
                    <th data-field="staffName">所属顾问</th> 
 | 
                </tr> 
 | 
            </thead> 
 | 
        </table> 
 | 
    </div> 
 | 
    <script type="text/javascript" th:src="@{/js/systools/MJsBase.js}"></script><script type="text/javascript"> 
 | 
        var myGrid; 
 | 
        $(function(){ 
 | 
            //初始化项目属性搜索列表 
 | 
            MTools.autoFullSelect(); 
 | 
            $(".select2").select2(); 
 | 
  
 | 
            myGrid=MGrid.initGrid({ 
 | 
                 url:basePath+"/admin/vipStatistics/vipArrearsStatistics" 
 | 
             }); 
 | 
        }); 
 | 
  
 | 
        // function exportExcel(){ 
 | 
        //     var param=MForm.toUrlParam("#serchform"); 
 | 
        //     window.location.href=basePath+"/admin/moneyCardUseStatistics/exportSummaryItemDetail?"+param; 
 | 
        // } 
 | 
  
 | 
    </script> 
 | 
</body> 
 | 
</html> 
 |