{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>