root/cxhxy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
cxhxy/app/store/view/food/index/index.html
test_service d3170b4d1c 1
2023-12-01 15:43:29 +08:00

325 lines
20 KiB
HTML
Raw Blame History

{layout name="layout/food" /}
<div class="page-home row-content am-cf">
<!-- 商城统计 -->
<div class="row">
<div class="am-u-sm-12 am-u-md-12 am-u-lg-12 am-margin-bottom">
<div class="widget am-cf">
<div class="widget-head am-cf">
<div class="widget-title">门店统计</div>
{if $user['applet']['shop_mode']['value']==20}
<div class="widget-screen am-cf">
<!-- 日期选择器 -->
<form id="my-form">
<div class="yxs-date-editor am-fl">
<select id="shop" name="shop_id">
<option value="">全部门店统计</option>
{if isset($shop)}
{foreach $shop as $item}
<option value="{$item['shop_id']}" {$shop_id==$item['shop_id']?'selected':''}>{$item['shop_name']}
</option>
{/foreach}
{/if}
</select>
</div>
</form>
</div>
{/if}
</div>
<div class="widget-body am-cf">
<div class="am-u-sm-12 am-u-md-6 am-u-lg-3">
<div class="widget-card card__blue am-cf">
<div class="card-header">商品总量</div>
<div class="card-body">
<div class="card-value"><?=$count['goods']?></div>
<div class="card-description">当前商品总数量</div>
<span class="card-icon iconfont iconshangpinguanli"></span>
</div>
</div>
</div>
<div class="am-u-sm-12 am-u-md-6 am-u-lg-3">
<div class="widget-card card__red am-cf">
<div class="card-header">用户总量</div>
<div class="card-body">
<div class="card-value"><?=$count['user']['all']['all']?></div>
<div class="card-description">当前用户总数量</div>
<span class="card-icon iconfont iconyonghuguanli"></span>
</div>
</div>
</div>
<div class="am-u-sm-12 am-u-md-6 am-u-lg-3">
<div class="widget-card card__violet am-cf">
<div class="card-header">订单总量</div>
<div class="card-body">
<div class="card-value"><?=$count['order']['all']['all']?></div>
<div class="card-description">付款订单总数量</div>
<span class="card-icon iconfont icondingdanguanli"></span>
</div>
</div>
</div>
<div class="am-u-sm-12 am-u-md-6 am-u-lg-3">
<div class="widget-card card__primary am-cf">
<div class="card-header">评价总量</div>
<div class="card-body">
<div class="card-value"><?=$count['comment']['all']?></div>
<div class="card-description">订单评价总数量</div>
<span class="card-icon iconfont iconhaoping"></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 待处理 -->
<div class="row">
<div class="am-u-sm-12 am-u-md-12 am-u-lg-12 am-margin-bottom">
<div class="widget am-cf">
<div class="widget-head">
<div class="widget-title">待处理统计</div>
</div>
<div class="widget-body am-cf">
<div class="am-u-sm-2">
<div class="widget-outline2 dis-flex flex-y-center">
<div class="outline-right dis-flex flex-dir-column flex-x-between">
<div style="color: rgb(102, 102, 102); font-size: 1.2rem;">待退款数量</div>
<div style="color: rgb(51, 51, 51); font-size: 2.4rem;"><?=$count['order']['all']['refund']?></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 订单统计 -->
<div class="row">
<div class="am-u-sm-12 am-u-md-12 am-u-lg-12 am-margin-bottom">
<div class="widget am-cf">
<div class="widget-head">
<div class="widget-title">订单统计</div>
</div>
<div class="widget-body am-cf">
<div class="am-u-sm-2">
<div class="widget-outline dis-flex flex-y-center">
<div class="outline-right dis-flex flex-dir-column flex-x-between">
<div style="color: rgb(102, 102, 102); font-size: 1.2rem;">今日堂食订单数量</div>
<div style="color: rgb(51, 51, 51); font-size: 2.4rem;"><?=$count['order']['today']['tang']?></div>
<div style="color: rgb(153, 153, 153); font-size: 1.2rem;">
昨日：<?=$count['order']['today2']['tang']?></div>
<div style="color: rgb(102, 102, 102); font-size: 1.2rem;">本月堂食订单数量</div>
<div style="color: rgb(51, 51, 51); font-size: 2.4rem;"><?=$count['order']['month']['tang']?></div>
<div style="color: rgb(153, 153, 153); font-size: 1.2rem;">
上月：<?=$count['order']['month2']['tang']?></div>
</div>
</div>
</div>
<div class="am-u-sm-2">
<div class="widget-outline dis-flex flex-y-center">
<div class="outline-right dis-flex flex-dir-column flex-x-between">
<div style="color: rgb(102, 102, 102); font-size: 1.2rem;">今日自取订单数量</div>
<div style="color: rgb(51, 51, 51); font-size: 2.4rem;"><?=$count['order']['today']['qu']?></div>
<div style="color: rgb(153, 153, 153); font-size: 1.2rem;">
昨日：<?=$count['order']['today2']['qu']?></div>
<div style="color: rgb(102, 102, 102); font-size: 1.2rem;">本月自取订单数量</div>
<div style="color: rgb(51, 51, 51); font-size: 2.4rem;"><?=$count['order']['month']['qu']?></div>
<div style="color: rgb(153, 153, 153); font-size: 1.2rem;">
上月：<?=$count['order']['month2']['qu']?></div>
</div>
</div>
</div>
<div class="am-u-sm-2">
<div class="widget-outline dis-flex flex-y-center">
<div class="outline-right dis-flex flex-dir-column flex-x-between">
<div style="color: rgb(102, 102, 102); font-size: 1.2rem;">今日外卖订单数量</div>
<div style="color: rgb(51, 51, 51); font-size: 2.4rem;"><?=$count['order']['today']['wai']?></div>
<div style="color: rgb(153, 153, 153); font-size: 1.2rem;">
昨日：<?=$count['order']['today2']['wai']?></div>
<div style="color: rgb(102, 102, 102); font-size: 1.2rem;">本月外卖订单数量</div>
<div style="color: rgb(51, 51, 51); font-size: 2.4rem;"><?=$count['order']['month']['wai']?></div>
<div style="color: rgb(153, 153, 153); font-size: 1.2rem;">
上月：<?=$count['order']['month2']['wai']?></div>
</div>
</div>
</div>
<div class="am-u-sm-2">
<div class="widget-outline dis-flex flex-y-center">
<div class="outline-right dis-flex flex-dir-column flex-x-between">
<div style="color: rgb(102, 102, 102); font-size: 1.2rem;">今日退单数量</div>
<div style="color: rgb(51, 51, 51); font-size: 2.4rem;"><?= $count['order']['today']['refund'] ?></div>
<div style="color: rgb(153, 153, 153); font-size: 1.2rem;">
昨日：<?= $count['order']['today2']['refund'] ?></div>
<div style="color: rgb(102, 102, 102); font-size: 1.2rem;">本月退单数量</div>
<div style="color: rgb(51, 51, 51); font-size: 2.4rem;"><?= $count['order']['month']['refund'] ?></div>
<div style="color: rgb(153, 153, 153); font-size: 1.2rem;">
上月：<?= $count['order']['month2']['refund'] ?></div>
</div>
</div>
</div>
<div class="am-u-sm-2 am-u-end">
<div class="widget-outline dis-flex flex-y-center">
<div class="outline-right dis-flex flex-dir-column flex-x-between">
<div style="color: rgb(102, 102, 102); font-size: 1.2rem;">今日预约订桌数量</div>
<div style="color: rgb(51, 51, 51); font-size: 2.4rem;"><?=$count['pact']['today']?></div>
<div style="color: rgb(153, 153, 153); font-size: 1.2rem;">
昨日：<?=$count['pact']['today2']?></div>
<div style="color: rgb(102, 102, 102); font-size: 1.2rem;">本月预约订桌数量</div>
<div style="color: rgb(51, 51, 51); font-size: 2.4rem;"><?=$count['pact']['month']?></div>
<div style="color: rgb(153, 153, 153); font-size: 1.2rem;">
上月：<?=$count['pact']['month2']?></div>
</div>
</div>
</div>
</div>
<div class="widget-head">
<div class="widget-title">交易统计</div>
</div>
<div class="widget-body am-cf">
<div class="am-u-sm-2">
<div class="widget-outline dis-flex flex-y-center">
<div class="outline-right dis-flex flex-dir-column flex-x-between">
<div style="color: rgb(102, 102, 102); font-size: 1.2rem;">今日订单金额</div>
<div style="color: rgb(51, 51, 51); font-size: 2.4rem;">{$count['order']['today']['money']['order']}</div>
<div style="color: rgb(153, 153, 153); font-size: 1.2rem;">
昨日：{$count['order']['today2']['money']['order']}</div>
<div style="color: rgb(102, 102, 102); font-size: 1.2rem;">本月订单金额</div>
<div style="color: rgb(51, 51, 51); font-size: 2.4rem;">{$count['order']['month']['money']['order']}</div>
<div style="color: rgb(153, 153, 153); font-size: 1.2rem;">
上月：{$count['order']['month2']['money']['order']}</div>
</div>
</div>
</div>
<div class="am-u-sm-2">
<div class="widget-outline dis-flex flex-y-center">
<div class="outline-right dis-flex flex-dir-column flex-x-between">
<div style="color: rgb(102, 102, 102); font-size: 1.2rem;">今日退款金额</div>
<div style="color: rgb(51, 51, 51); font-size: 2.4rem;">{$count['order']['today']['money']['refund']}</div>
<div style="color: rgb(153, 153, 153); font-size: 1.2rem;">
昨日：{$count['order']['today2']['money']['refund']}</div>
<div style="color: rgb(102, 102, 102); font-size: 1.2rem;">本月退款金额</div>
<div style="color: rgb(51, 51, 51); font-size: 2.4rem;">{$count['order']['month']['money']['refund']}</div>
<div style="color: rgb(153, 153, 153); font-size: 1.2rem;">
上月：{$count['order']['month2']['money']['refund']}</div>
</div>
</div>
</div>
<div class="am-u-sm-2">
<div class="widget-outline dis-flex flex-y-center">
<div class="outline-right dis-flex flex-dir-column flex-x-between">
<div style="color: rgb(102, 102, 102); font-size: 1.2rem;">今日优惠金额</div>
<div style="color: rgb(51, 51, 51); font-size: 2.4rem;">{$count['order']['today']['money']['activity']}</div>
<div style="color: rgb(153, 153, 153); font-size: 1.2rem;">
昨日：{$count['order']['today2']['money']['activity']}</div>
<div style="color: rgb(102, 102, 102); font-size: 1.2rem;">本月优惠金额</div>
<div style="color: rgb(51, 51, 51); font-size: 2.4rem;">{$count['order']['month']['money']['activity']}</div>
<div style="color: rgb(153, 153, 153); font-size: 1.2rem;">
上月：{$count['order']['month2']['money']['activity']}</div>
</div>
</div>
</div>
<div class="am-u-sm-2">
<div class="widget-outline dis-flex flex-y-center">
<div class="outline-right dis-flex flex-dir-column flex-x-between">
<div style="color: rgb(102, 102, 102); font-size: 1.2rem;">今日充值金额</div>
<div style="color: rgb(51, 51, 51); font-size: 2.4rem;">{$count['record']['today']['10']}</div>
<div style="color: rgb(153, 153, 153); font-size: 1.2rem;">
昨日：{$count['record']['today2']['10']}</div>
<div style="color: rgb(102, 102, 102); font-size: 1.2rem;">本月充值金额</div>
<div style="color: rgb(51, 51, 51); font-size: 2.4rem;">{$count['record']['month']['10']}</div>
<div style="color: rgb(153, 153, 153); font-size: 1.2rem;">
上月：{$count['record']['month2']['10']}</div>
</div>
</div>
</div>
<div class="am-u-sm-2 am-u-end">
<div class="widget-outline dis-flex flex-y-center">
<div class="outline-right dis-flex flex-dir-column flex-x-between">
<div style="color: rgb(102, 102, 102); font-size: 1.2rem;">今日赠送金额</div>
<div style="color: rgb(51, 51, 51); font-size: 2.4rem;">{$count['record']['today']['40']}</div>
<div style="color: rgb(153, 153, 153); font-size: 1.2rem;">
昨日：{$count['record']['today2']['40']}</div>
<div style="color: rgb(102, 102, 102); font-size: 1.2rem;">本月赠送金额</div>
<div style="color: rgb(51, 51, 51); font-size: 2.4rem;">{$count['record']['month']['40']}</div>
<div style="color: rgb(153, 153, 153); font-size: 1.2rem;">
上月：{$count['record']['month2']['40']}</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 近七日走势 -->
<div class="row">
<div class="am-u-sm-12 am-u-md-12 am-u-lg-12 am-margin-bottom">
<div class="widget am-cf">
<div class="widget-head">
<div class="widget-title">近七日走势</div>
</div>
<div class="widget-body am-cf">
<div id="echarts-trade" class="widget-echarts"></div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="am-u-sm-12 am-u-md-12 am-u-lg-12">
<div class="help-block am-text-center">
<small><?= $web['name']?>&nbsp;&nbsp;版权所有</small>
</div>
</div>
</div>
</div>
<script src="/assets/plugins/echarts/echarts.min.js?v={$version}"></script>
<script src="/assets/plugins/echarts/echarts-walden.js?v={$version}"></script>
<script type="text/javascript">
$('#shop').change(function(){
window.location.href='/store/food.index/index/shop_id/'+$('#shop').val();
});
/**
* 近七日交易走势
* @type {HTMLElement}
*/
var dom = document.getElementById('echarts-trade');
echarts.init(dom, 'walden').setOption({
tooltip: {
trigger: 'axis'
},
legend: {
data: ['订单量', '成交额', '用户量']
},
toolbox: {
show: true,
showTitle: false,
feature: {
mark: {show: true},
magicType: {show: true, type: ['line', 'bar']}
}
},
calculable: true,
xAxis: {
type: 'category',
boundaryGap: false,
data: ["<?= date("Y-m-d")?>","<?= date("Y-m-d",strtotime("-1 day"))?>","<?= date("Y-m-d",strtotime("-2 day"))?>","<?= date("Y-m-d",strtotime("-3 day"))?>","<?= date("Y-m-d",strtotime("-4 day"))?>","<?= date("Y-m-d",strtotime("-5 day"))?>","<?= date("Y-m-d",strtotime("-6 day"))?>"]
},
yAxis: {
type: 'value'
},
series: [
{
name: '订单量',
type: 'line',
data: [<?= $count['order']['today']['all'] ?>,<?= $count['order']['today2']['all'] ?>,<?= $count['order']['today3']['all'] ?>,<?= $count['order']['today4']['all'] ?>,<?= $count['order']['today5']['all'] ?>,<?= $count['order']['today6']['all'] ?>,<?= $count['order']['today7']['all'] ?>]
},
{
name: '成交额',
type: 'line',
data: [<?= $count['order']['today']['money']['order'] ?>,<?= $count['order']['today2']['money']['order'] ?>,<?= $count['order']['today3']['money']['order'] ?>,<?= $count['order']['today4']['money']['order'] ?>,<?= $count['order']['today5']['money']['order'] ?>,<?= $count['order']['today6']['money']['order'] ?>,<?= $count['order']['today7']['money']['order'] ?>]
},
{
name: '用户量',
type: 'line',
data: [<?= $count['user']['today'] ?>,<?= $count['user']['today2'] ?>,<?= $count['user']['today3'] ?>,<?= $count['user']['today4'] ?>,<?= $count['user']['today5'] ?>,<?= $count['user']['today6'] ?>,<?= $count['user']['today7'] ?>]
}
]
}, true);
</script>
Reference in New Issue View Git Blame Copy Permalink