<!DOCTYPE html>
|
<html>
|
<head>
|
<meta charset="utf-8">
|
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
<title>订单统计</title>
|
<link rel="stylesheet" type="text/css" href="../../css/doui.min.css"/>
|
<link rel="stylesheet" type="text/css" href="../../layui/css/layui.css"/>
|
<script src="../../js/doui.min.js" type="text/javascript" charset="utf-8"></script>
|
<script src="../../js/requestHost.js" type="text/javascript" charset="utf-8"></script>
|
<script type="text/javascript">
|
doui.importLoad({
|
importArray: [
|
// 雷打不动
|
getHostPath() + "js/jquery.min.js",
|
getHostPath() + "js/vue.min.js",
|
// 字体图标
|
getHostPath() + "fontAdmin/iconfont.css",
|
getHostPath() + "font/iconfont.css",
|
// dom模板
|
getHostPath() + "css/admin-all.css",
|
getHostPath() + "js/admin-creat.js",
|
|
],
|
});
|
</script>
|
<style>
|
.layui-table[lay-skin=row] td, .layui-table[lay-skin=row] th {
|
border-width: 1px 1px 1px 1px;
|
}
|
</style>
|
|
</head>
|
<body style="background-color: #FFFFFF;">
|
<div id="orderInfo" style="text-align: center;">
|
|
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
|
<legend>本月订单数量</legend>
|
</fieldset>
|
<table class="layui-table" lay-skin="row">
|
<colgroup>
|
<col width="50">
|
<col width="50">
|
<col width="50">
|
<col width="50">
|
</colgroup>
|
<thead>
|
<tr>
|
<th style="text-align: center;">状态</th>
|
<th style="text-align: center;">自购</th>
|
<th style="text-align: center;">分享</th>
|
<th style="text-align: center;">邀请</th>
|
</tr>
|
</thead>
|
<tbody>
|
<tr>
|
<td>未到账</td>
|
<td>{{month.selfNum}}</td>
|
<td>{{month.shareNum}}</td>
|
<td>{{month.inviteNum}}</td>
|
</tr>
|
<tr>
|
<td>已到账</td>
|
<td>{{month.selfNumEnd}}</td>
|
<td>{{month.shareNumEnd}}</td>
|
<td>{{month.inviteNumEnd}}</td>
|
</tr>
|
<tr style="background-color: #00C5CD;">
|
<td>总计</td>
|
<td>{{month.selfNum + month.selfNumEnd}}</td>
|
<td>{{month.shareNum + month.shareNumEnd}}</td>
|
<td>{{month.inviteNum + month.inviteNumEnd}}</td>
|
</tr>
|
</tbody>
|
</table>
|
|
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
|
<legend>历史累计订单数</legend>
|
</fieldset>
|
<table class="layui-table" lay-skin="row">
|
<colgroup>
|
<col width="50">
|
<col width="50">
|
<col width="50">
|
<col width="50">
|
</colgroup>
|
<thead>
|
<tr>
|
<th style="text-align: center;">状态</th>
|
<th style="text-align: center;">自购</th>
|
<th style="text-align: center;">分享</th>
|
<th style="text-align: center;">邀请</th>
|
</tr>
|
</thead>
|
<tbody>
|
<tr>
|
<td>未到账</td>
|
<td>{{history.selfNum}}</td>
|
<td>{{history.shareNum}}</td>
|
<td>{{history.inviteNum}}</td>
|
</tr>
|
<tr>
|
<td>已到账</td>
|
<td>{{history.selfNumEnd}}</td>
|
<td>{{history.shareNumEnd}}</td>
|
<td>{{history.inviteNumEnd}}</td>
|
</tr>
|
<tr style="background-color: #00C5CD;">
|
<td>总计</td>
|
<td>{{history.selfNum + history.selfNumEnd}}</td>
|
<td>{{history.shareNum + history.shareNumEnd}}</td>
|
<td>{{history.inviteNum + history.inviteNumEnd}}</td>
|
</tr>
|
</tbody>
|
</table>
|
|
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
|
<legend>等级升级 （付款金额大于1元订单）</legend>
|
</fieldset>
|
|
<table class="layui-table" lay-skin="row">
|
<colgroup>
|
<col width="50">
|
<col width="50">
|
<col width="50">
|
<col width="50">
|
</colgroup>
|
<thead>
|
<tr>
|
<th style="text-align: center;">状态</th>
|
<th style="text-align: center;">自购</th>
|
<th style="text-align: center;">分享</th>
|
<th style="text-align: center;">总计</th>
|
</tr>
|
</thead>
|
<tbody>
|
<tr>
|
<td>未到账</td>
|
<td>{{selfAccount}}</td>
|
<td>{{shareAccount}}</td>
|
<td>{{selfAccount + shareAccount}}</td>
|
</tr>
|
<tr>
|
<td>已到账</td>
|
<td>{{selfAccountEnd}}</td>
|
<td>{{shareAccountEnd}}</td>
|
<td>{{selfAccountEnd + shareAccountEnd}}</td>
|
</tr>
|
<tr style="background-color: #00C5CD;">
|
<td>总计</td>
|
<td>{{selfAccount + selfAccountEnd}}</td>
|
<td>{{shareAccount + shareAccountEnd}}</td>
|
<td>{{selfAccount + shareAccount + selfAccountEnd + shareAccountEnd}}</td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
</body>
|
</html>
|
|
|
|
<script type="text/javascript">
|
|
doui.onReady({
|
success: function() {
|
|
// 获取传递过来的值
|
var uid = null;
|
doui.urlParam({
|
success: function (res) {
|
uid = res.id;
|
}
|
});
|
|
var vm = new Vue({
|
el: "#orderInfo",
|
data: {
|
selfAccount: 0,
|
shareAccount: 0,
|
selfAccountEnd: 0,
|
shareAccountEnd: 0,
|
month: {
|
selfNum: 0,
|
selfNumEnd: 0,
|
shareNum: 0,
|
shareNumEnd: 0,
|
inviteNum: 0,
|
inviteNumEnd: 0,
|
},
|
history: {
|
selfNum: 0,
|
selfNumEnd: 0,
|
shareNum: 0,
|
shareNumEnd: 0,
|
inviteNum: 0,
|
inviteNumEnd: 0,
|
},
|
},
|
});
|
|
doui.request({
|
type: "jsonp",
|
url: gethttp() + "/admin/new/api/v1/order/countOrderInfo",
|
data: {uid: uid},
|
success: function (res)
|
{
|
if (res.code == 0) {
|
|
vm.month.selfNum = res.data.month.selfNum;
|
vm.month.shareNum = res.data.month.shareNum;
|
vm.month.selfNumEnd = res.data.month.selfNumEnd;
|
vm.month.shareNumEnd = res.data.month.shareNumEnd;
|
vm.month.inviteNum = res.data.month.inviteNum;
|
vm.month.inviteNumEnd = res.data.month.inviteNumEnd;
|
|
vm.history.selfNum = res.data.history.selfNum;
|
vm.history.shareNum = res.data.history.shareNum;
|
vm.history.selfNumEnd = res.data.history.selfNumEnd;
|
vm.history.shareNumEnd = res.data.history.shareNumEnd;
|
vm.history.inviteNum = res.data.history.inviteNum;
|
vm.history.inviteNumEnd = res.data.history.inviteNumEnd;
|
|
|
vm.selfAccount = res.data.selfAccount;
|
vm.shareAccount = res.data.shareAccount;
|
vm.selfAccountEnd = res.data.selfAccountEnd;
|
vm.shareAccountEnd = res.data.shareAccountEnd;
|
}
|
}
|
});
|
},
|
});
|
|
</script>
|
