|   | 
| <!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 f>订单状态</label> | 
|                 <select class="form-control " name="state"   > | 
|                     <option value=''>--请选择订单状态--</option> | 
|                     <option value='待预约'>待预约</option> | 
|                     <option value='已预约'>已预约</option> | 
|                     <option value='服务中'>服务中</option> | 
|                     <option value='服务结束'>服务结束</option> | 
|                 </select> | 
|             </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> | 
|                     <select class="form-control autoFull select2" | 
|                             th:data-url="@{/admin/getShopStaffByRoleName?roleName=美疗师}" | 
|                             data-value="suId" | 
|                             data-filed="suName" | 
|                         name="staffId"> | 
|                         <option value="">--请选择美疗师--</option> | 
|                     </select> | 
|             </div> | 
|   | 
|             <div class="form-group mr-20"> | 
|                 <label >所属门店</label> <select | 
|                     class="form-control autoFull" | 
|                     th:data-url="@{/admin/shopInfo/findShops}" data-value="id" | 
|                     data-filed="shopName" data-def="${obj.shopId}" name="shopId" id="select_id"> | 
|                     <option value="">--请选择所属门店--</option> | 
|                 </select> | 
|             </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="proUseListZb-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="SHOP_NAME" >门店</th> | 
|                     <th data-field="yy_time"  data-formatter="MGrid.getTime"  data-sortable="true"   >预约时间</th> | 
|                     <th data-field="consume_time"  data-formatter="MGrid.getTime"  data-sortable="true"   >划扣时间</th> | 
|                     <th data-field="SERVICE_NO" >服务单号</th> | 
|                     <th data-field="PROJ_NAME" >服务名称</th> | 
|                     <th data-field="TYPE_NAME" >分类</th> | 
|                     <th data-field="VIP_NAME" >客户名</th> | 
|                       <th data-field="COUNT"  data-sortable="true">次数</th> | 
|                       <th data-field="PRICE"  data-sortable="true">划扣单价</th> | 
|                       <th data-field="extract"  data-sortable="true"  >提成</th> | 
|                       <th data-field="su_name" >美疗师</th> | 
|                       <th data-field="SOURCE" >来源</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/serviceStatistics/showList", | 
|                 sortName:"yy_time", | 
|                 sortOrder:"desc" | 
|              }); | 
|         }); | 
|   | 
|     function exportExcel(){ | 
|         var param=MForm.toUrlParam("#serchform"); | 
|         window.location.href=basePath+"/admin/serviceStatistics/exportShowList?"+param; | 
|     } | 
|   | 
|   | 
|   | 
|     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> |