<!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>
|
<div id="orderInfo" style="text-align: center;">
|
<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>{{selfNum}}</td>
|
<td>{{shareNum}}</td>
|
<td>{{selfNum + shareNum}}</td>
|
</tr>
|
<tr>
|
<td>已到账</td>
|
<td>{{selfNumEnd}}</td>
|
<td>{{shareNumEnd}}</td>
|
<td>{{selfNumEnd + shareNumEnd}}</td>
|
</tr>
|
<tr style="background-color: #00C5CD;">
|
<td>总计</td>
|
<td>{{selfNum + selfNumEnd}}</td>
|
<td>{{shareNum + shareNumEnd}}</td>
|
<td>{{selfNumEnd + shareNumEnd + selfNum + shareNum}}</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: {
|
selfNum: 0,
|
shareNum: 0,
|
selfNumEnd: 0,
|
shareNumEnd: 0,
|
selfAccount: 0,
|
shareAccount: 0,
|
selfAccountEnd: 0,
|
shareAccountEnd: 0,
|
},
|
});
|
|
doui.request({
|
type: "jsonp",
|
url: gethttp() + "/admin/new/api/v1/order/countOrderInfo",
|
data: {uid: uid},
|
success: function (res)
|
{
|
if (res.code == 0) {
|
vm.selfNum = res.data.selfNum;
|
vm.shareNum = res.data.shareNum;
|
vm.selfNumEnd = res.data.selfNumEnd;
|
vm.shareNumEnd = res.data.shareNumEnd;
|
vm.selfAccount = res.data.selfAccount;
|
vm.shareAccount = res.data.shareAccount;
|
vm.selfAccountEnd = res.data.selfAccountEnd;
|
vm.shareAccountEnd = res.data.shareAccountEnd;
|
}
|
}
|
});
|
},
|
});
|
|
</script>
|
