| 
<!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 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> 
 |