| | |
| | | <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> |
| | | <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> |
| | |
| | | </style>
|
| | |
|
| | | </head> |
| | | <body>
|
| | | <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">
|
| | |
| | | <th style="text-align: center;">状态</th>
|
| | | <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>
|
| | | <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>{{selfNumEnd}}</td>
|
| | | <td>{{shareNumEnd}}</td>
|
| | | <td>{{selfNumEnd + shareNumEnd}}</td>
|
| | | <td>{{history.selfNumEnd}}</td>
|
| | | <td>{{history.shareNumEnd}}</td>
|
| | | <td>{{history.inviteNumEnd}}</td>
|
| | | </tr>
|
| | | <tr style="background-color: #00C5CD;">
|
| | | <td>总计</td>
|
| | | <td>{{selfNum + selfNumEnd}}</td>
|
| | | <td>{{shareNum + shareNumEnd}}</td>
|
| | | <td>{{selfNumEnd + shareNumEnd + selfNum + shareNum}}</td>
|
| | | <td>{{history.selfNum + history.selfNumEnd}}</td>
|
| | | <td>{{history.shareNum + history.shareNumEnd}}</td>
|
| | | <td>{{history.inviteNum + history.inviteNumEnd}}</td>
|
| | | </tr>
|
| | | </tbody>
|
| | | </table> |
| | | </table> |
| | |
|
| | | <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
|
| | | <legend>等级升级 (付款金额大于1元订单)</legend>
|
| | |
| | | var vm = new Vue({
|
| | | el: "#orderInfo",
|
| | | data: {
|
| | | selfNum: 0,
|
| | | shareNum: 0,
|
| | | selfNumEnd: 0,
|
| | | shareNumEnd: 0,
|
| | | 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,
|
| | | },
|
| | | },
|
| | | });
|
| | |
|
| | |
| | | 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.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;
|