|
<!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>
|
<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" 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="proUseSumList-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="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/serviceStatistics/summaryItemDetail"
|
});
|
});
|
function exportExcel(){
|
var param=MForm.toUrlParam("#serchform");
|
window.location.href=basePath+"/admin/serviceStatistics/exportSummaryItemDetail?"+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>
|
