| <!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> | 
|         </form> | 
|         <div id="option-bar" > | 
|             <button  matrix:btn="proLaveList-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="PROJ_NAME" >服务名称</th> | 
|                     <th data-field="TYPE_NAME" >项目类型</th> | 
|                       <th data-field="SURPLUS_COUNT"  data-sortable="true"  >剩余次数</th> | 
|                       <th data-field="PRICE"  data-sortable="true"  >剩余消耗总额</th> | 
|                 </tr> | 
|             </thead> | 
|         </table> | 
|     </div> | 
|   | 
|     <script type="text/javascript" th:src="@{/js/systools/MJsBase.js}"></script><script type="text/javascript"> | 
|   | 
|   | 
|   | 
|     var myGrid; | 
|         $(function(){ | 
|             //时间 | 
|             MTools.ininDatetimepicker({}); | 
|             //限制结束时间不小于开始时间 | 
|             MTools.limitStartEndTime({}); | 
|             //初始化项目属性搜索列表 | 
|             MTools.autoFullSelect(); | 
|             $(".select2").select2(); | 
|   | 
|             initFunctionList(); | 
|   | 
|             //有删除权限 | 
|             var delUrl=""; | 
|             myGrid=MGrid.initGrid({ | 
|                  url:basePath+"/admin/projUseStatistics/summaryItemDetail" | 
|              }); | 
|         }); | 
|          | 
|         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> |