| 
<!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"> 
 | 
                <label>服务名称</label> 
 | 
                <input autocomplete="off"   name="projName" type="text" class="form-control" > 
 | 
            </div> 
 | 
  
 | 
            <div class="form-group mr-20"> 
 | 
                <label for="projTypeId">商品分类</label> 
 | 
                <select class="form-control select2" size="1" name ="cateId"  id="projTypeId"> 
 | 
                    <option value=''>--选择分类--</option> 
 | 
                </select> 
 | 
            </div> 
 | 
  
 | 
            <div class="form-group mr-20"> 
 | 
                <label>会员</label> 
 | 
                <input autocomplete="off" placeholder="姓名/编号/电话"  name="vipQueryKey" type="text" class="form-control"  > 
 | 
            </div> 
 | 
  
 | 
  
 | 
            <div class="form-group mr-20"> 
 | 
                <label>到期时间</label><!--    入库时间的查询增加一个查询的其实时间两个字段 --> 
 | 
                <input autocomplete="off"   id="select_begin" name="beginTime" type="text" class="form-control datetimepicker">- 
 | 
                <input autocomplete="off"   name="endTime"  type="text" class="form-control datetimepicker" id="select_end"> 
 | 
            </div> 
 | 
        </form> 
 | 
        <div id="option-bar" > 
 | 
            <button  matrix:btn="headListZb-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="VIP_NAME" >客户名</th> 
 | 
                    <th data-field="PROJ_NAME" >服务名称</th> 
 | 
                    <th data-field="FAIL_TIME"  data-formatter="MGrid.getTime"  data-sortable="true"   >到期日期</th> 
 | 
                      <th data-field="SURPLUS_COUNT"  data-sortable="true"     >剩余次数</th> 
 | 
                      <th data-field="PRICE"  data-sortable="true"  >单价</th> 
 | 
                    <th data-field="TYPE_NAME" >项目类型</th> 
 | 
                    <th data-field="type" >套餐类型</th> 
 | 
                    <th data-field="IS_OVER" data-formatter="getYesOrNo">是否使用完成</th> 
 | 
                      <th data-field="remark" >备注</th> 
 | 
                      <th data-field="SOURCE" >来源</th> 
 | 
                      <th data-field="ORDER_NO" >订单号</th> 
 | 
                </tr> 
 | 
            </thead> 
 | 
        </table> 
 | 
    </div> 
 | 
  
 | 
    <script type="text/javascript" th:src="@{/js/systools/MJsBase.js}"></script><script type="text/javascript"> 
 | 
  
 | 
        function getYesOrNo(value, row, index) { 
 | 
            switch (value) { 
 | 
                case 'Y': 
 | 
                    return "是"; 
 | 
                case 'N': 
 | 
                    return "否"; 
 | 
                default: 
 | 
                    return value; 
 | 
            } 
 | 
        } 
 | 
  
 | 
    var myGrid; 
 | 
        $(function(){ 
 | 
            //时间 
 | 
            MTools.ininDatetimepicker({}); 
 | 
            //限制结束时间不小于开始时间 
 | 
            MTools.limitStartEndTime({}); 
 | 
            //初始化项目属性搜索列表 
 | 
            MTools.autoFullSelect(); 
 | 
            $(".select2").select2(); 
 | 
  
 | 
            initFunctionList(); 
 | 
  
 | 
            //有删除权限 
 | 
            var delUrl=""; 
 | 
            myGrid=MGrid.initGrid({ 
 | 
                 url:basePath+"/admin/projUseStatistics/showList" 
 | 
             }); 
 | 
        }); 
 | 
         
 | 
        function exportExcel(){ 
 | 
            var select_begin = $("#select_begin").val(); 
 | 
            var select_end = $("#select_end").val(); 
 | 
            var select_id = $("#select_id").val(); 
 | 
            var goodsName = $("#goodsName").val(); 
 | 
            var guwen = $("#goodsName").val(); 
 | 
            window.location.href=basePath+"/form/furnsale/exportFurn?startTime="+select_begin+"&endTime="+select_end+"&goodsName="+goodsName+"&shopId="+select_id+"&guwen="+guwen; 
 | 
        } 
 | 
  
 | 
  
 | 
    function initFunctionList() { 
 | 
        $.AjaxProxy({ 
 | 
            a: false, 
 | 
            c: false, 
 | 
            p: {salePlatform: '线下'} 
 | 
        }).invoke(basePath + "/admin/shoppinggoodscategory/all", function (loj) { 
 | 
            $("#projTypeId").createSelectTree(loj.attr("result").rows, { 
 | 
                append: true, 
 | 
                value: "name", 
 | 
            }); 
 | 
        }); 
 | 
    } 
 | 
  
 | 
  
 | 
    </script> 
 | 
</body>  
 | 
</html> 
 |