|
|
|
|
<!DOCTYPE html>
|
<html xmlns:th="http://www.thymeleaf.org" xmlns:matrix="http://www.w3.org/1999/xhtml">
|
<head>
|
<meta charset="utf-8">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="renderer" content="webkit">
|
<meta http-equiv="Cache-Control" content="no-siteapp" />
|
<title>主页</title>
|
<link rel="shortcut icon" href="favicon.ico">
|
|
<!--[if lt IE 8]>
|
<meta http-equiv="refresh" content="0;ie.html" />
|
<![endif]-->
|
|
<!-- 本框架基本脚本和样式 -->
|
<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>
|
<div class="row">
|
<div class="col-sm-12">
|
|
<div class="tabs-container">
|
<ul class="nav nav-tabs">
|
<li >
|
<a data-toggle="tab" href="#tab-1" aria-expanded="true">赠送流水</a>
|
</li>
|
<li>
|
<a data-toggle="tab" href="#tab-2" aria-expanded="false">购买流水</a>
|
</li>
|
<li>
|
<a data-toggle="tab" href="#tab-3" aria-expanded="false">项目消费流水</a>
|
</li>
|
</ul>
|
<div class="tab-content">
|
<div id="tab-1" class="tab-pane active col-sm-12" >
|
<table id="mgrid1" >
|
<thead>
|
<tr>
|
<th data-formatter="MGrid.indexfn" data-align="center" data-width="30px" >序号</th>
|
<th data-field="childOrder" data-sortable="true">子订单编号</th>
|
<th data-field="custName" >客户姓名</th>
|
<th data-field="custTel" >手机号</th>
|
<th data-field="proNo" >项目</th>
|
<th data-field="proType" >条目类型</th>
|
<th data-field="total" >总次数</th>
|
<th data-field="rest" >余次</th>
|
<th data-field="orderNo" >订单编号</th>
|
</tr>
|
</thead>
|
</table>
|
|
</div>
|
<div id="tab-2" class="tab-pane col-sm-12">
|
<table id="mgrid2" >
|
<thead>
|
<tr>
|
|
<th data-formatter="MGrid.indexfn" data-align="center" data-width="30px" >序号</th>
|
<th data-field="orderNo" >订单号</th>
|
<th data-field="proj" >项目</th>
|
<th data-field="buyType" >项目类型</th>
|
<th data-field="custTel" >手机号</th>
|
<th data-field="custName" >客户姓名</th>
|
<th data-field="total" >总价格</th>
|
<th data-field="realMoney" >实交金额</th>
|
<th data-field="sum" >总次数</th>
|
<th data-field="rest" >余次</th>
|
<th data-field="buyWay" >购买方式</th>
|
<th data-field="restMoney" >项目金额</th>
|
<th data-field="debt" >欠款</th>
|
<th data-field="consuScore" >消费积分</th>
|
<th data-field="operTime" data-formatter="MGrid.getTime" data-sortable="true">操作时间</th>
|
<th data-field="remark" >备注</th>
|
<th data-field="childOrder" >子订单编号</th>
|
</tr>
|
</thead>
|
</table>
|
</div>
|
<div id="tab-3" class="tab-pane col-sm-12">
|
<table id="mgrid3" >
|
<thead>
|
<tr>
|
|
<th data-formatter="MGrid.indexfn" data-align="center" data-width="30px" >序号</th>
|
<th data-field="projNo" >项目</th>
|
<th data-field="useType" >消耗项目类型</th>
|
<th data-field="custName" >客户姓名</th>
|
<th data-field="custTel" >手机号</th>
|
<th data-field="useMoney" >消耗金额</th>
|
<th data-field="rest" >余次</th>
|
<th data-field="sum" >总次数</th>
|
<th data-field="restMoney" >本金金额</th>
|
<th data-field="operTime" data-formatter="MGrid.getTime" data-sortable="true">操作时间</th>
|
<th data-field="childOrder" >子订单编号</th>
|
<th data-field="orderNo" >订单编号</th>
|
</tr>
|
</thead>
|
</table>
|
</div>
|
</div>
|
|
</div>
|
</div>
|
</div>
|
|
|
</body>
|
<script type="text/javascript" th:src="@{/js/systools/MJsBase.js}"></script><script type="text/javascript">
|
var code=$.query.get('code');
|
var myGrid1;
|
|
$(function(){
|
/*
|
*初始化数据表格
|
*/
|
myGrid1=MGrid.initGrid({
|
url:basePath+"/admin/showdate/showFreeflowInfo",
|
tableSelecter : "#mgrid1",
|
height:400,
|
queryParams : function(params) {
|
return $.extend(params,{"orderNo":code});
|
},
|
});
|
myGrid1=MGrid.initGrid({
|
url:basePath+"/admin/showdate/showBuyFlow",
|
tableSelecter : "#mgrid2",
|
height:300,
|
queryParams : function(params) {
|
return $.extend(params,{"orderNo":code});
|
},
|
});
|
myGrid1=MGrid.initGrid({
|
url:basePath+"/admin/showdate/showBuyFlow",
|
tableSelecter : "#mgrid3",
|
height:300,
|
queryParams : function(params) {
|
return $.extend(params,{"orderNo":code});
|
},
|
});
|
|
});
|
|
</script>
|
</html>
|
