138 lines
4.9 KiB
HTML
138 lines
4.9 KiB
HTML
<fieldset>
|
||
<legend>数据汇总</legend>
|
||
|
||
|
||
<div class="layui-row layui-col-space15">
|
||
<div class="layui-col-md2">
|
||
<div class="layui-card">
|
||
<div class="layui-card-body layui-bg-green">
|
||
<p>总金额</p>
|
||
¥ <span id="num">0</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-md2">
|
||
<div class="layui-card">
|
||
<div class="layui-card-body layui-bg-blue">
|
||
<p>成功金额</p>
|
||
¥ <span id="yes_num">0</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-md2">
|
||
<div class="layui-card">
|
||
<div class="layui-card-body layui-bg-blue">
|
||
<p>实际成功金额</p>
|
||
¥ <span id="act_yes_num">0</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-md2">
|
||
<div class="layui-card">
|
||
<div class="layui-card-body layui-bg-cyan">
|
||
<p>冻结金额</p>
|
||
¥ <span id="dong_num">0</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-md2">
|
||
<div class="layui-card">
|
||
<div class="layui-card-body layui-bg-red">
|
||
<p>失败金额</p>
|
||
¥ <span id="no_num">0</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-md6"></div>
|
||
</div>
|
||
</fieldset>
|
||
|
||
<fieldset>
|
||
<legend>订单汇总</legend>
|
||
<div class="layui-row layui-col-space15">
|
||
<div class="layui-col-md2">
|
||
<div class="layui-card">
|
||
<div class="layui-card-body layui-bg-green">
|
||
<p>总订单数</p>
|
||
<span id="order_num" >0</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-md2">
|
||
<div class="layui-card">
|
||
<div class="layui-card-body layui-bg-blue">
|
||
<p>成功订单数</p>
|
||
<span id="order_yes_num">0</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-md2" style="display: none;">
|
||
<div class="layui-card">
|
||
<div class="layui-card-body layui-bg-blue">
|
||
<p>疑似订单数</p>
|
||
<span id="order_ys_num">0</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-md2">
|
||
<div class="layui-card">
|
||
<div class="layui-card-body layui-bg-blue">
|
||
<p>成功率</p>
|
||
<span id="order_yes_lv">0%</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-md2">
|
||
<div class="layui-card">
|
||
<div class="layui-card-body layui-bg-cyan">
|
||
<p>处理中订单数</p>
|
||
<span id="order_dong_num">0</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-md2">
|
||
<div class="layui-card">
|
||
<div class="layui-card-body layui-bg-red">
|
||
<p>失败订单数</p>
|
||
<span id="order_no_num">0</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-md6"></div>
|
||
</div>
|
||
</fieldset>
|
||
|
||
<script>
|
||
function gototal(){
|
||
var currentUrl = window.location.href;
|
||
var temp = currentUrl.split('?');
|
||
$.ajax({
|
||
//location.href=location.href+'&set_callback=1'
|
||
url:"{:url('stats')}"+"?"+temp[1], // 替换为你的API端点
|
||
type: 'GET', // 请求类型，可以是GET、POST等
|
||
dataType: 'json', // 期望从服务器返回的数据类型
|
||
success: function(response) {
|
||
// 请求成功时的回调函数
|
||
// console.log('Response:', response);
|
||
$("#act_yes_num").text(response.data.act_yes_num);
|
||
$("#dong_num").text(response.data.dong_num);
|
||
$("#no_num").text(response.data.no_num);
|
||
$("#num").text(response.data.num);
|
||
$("#order_dong_num").text(response.data.order_dong_num);
|
||
$("#order_no_num").text(response.data.order_no_num);
|
||
$("#order_num").text(response.data.order_num);
|
||
$("#order_yes_lv").text(response.data.order_yes_lv);
|
||
$("#order_yes_num").text(response.data.order_yes_num);
|
||
$("#order_ys_num").text(response.data.order_ys_num);
|
||
$("#yes_num").text(response.data.yes_num);
|
||
},
|
||
error: function(xhr, status, error) {
|
||
// 请求失败时的回调函数
|
||
console.error('Error:', error);
|
||
}
|
||
});
|
||
}
|
||
|
||
gototal()
|
||
</script>
|