{template 'public/header'}
{template 'public/comhead'}
<link href="{$_W['siteroot']}addons/weisrc_dish/plugin/gritter/jquery.gritter.css" rel="stylesheet">
<script src="{$_W['siteroot']}addons/weisrc_dish/plugin/gritter/jquery.gritter.min.js"></script>
<link rel="stylesheet" href="{$_W['siteroot']}addons/weisrc_dish/public/web/css/back.css">
<link rel="stylesheet" href="{$_W['siteroot']}addons/weisrc_dish/public/web/css/style.css?v=1.2">
<script src="{$_W['siteroot']}addons/weisrc_dish/public/web/js/jquery.flot.js?v=2.1.4"></script>
<script src="{$_W['siteroot']}addons/weisrc_dish/public/web/js/echarts-all.js?v=2.1.4"></script>
<style>
    .clearfix .row{
        margin-left: -15px;
        margin-right: -15px;
    }
</style>
{if $operation == 'display'}
<div class="clearfix">
    <div class="row">
        <div class="col-sm-2">
            <div class="ibox float-e-margins">
                <div class="ibox-title" style="border-color: #e7eaec;border-style: solid solid none;">
                    <span class="label label-info pull-right"></span>
                    <h5>餐厅总数</h5>
                </div>
                <div class="ibox-content">
                    <h1 class="no-margins">{$storetotal}间</h1>

                    <div class="stat-percent font-bold text-info">
                    </div>
                    <small></small>
                </div>
            </div>
        </div>
        <div class="col-sm-3" style="width:18%;">
            <div class="ibox float-e-margins">
                <div class="ibox-title" style="border-color: #e7eaec;border-style: solid solid none;">
                    <span class="label label-success pull-right">今天</span>
                    <h5>收入</h5>
                </div>
                <div class="ibox-content">
                    <h1 class="no-margins">{$today_order_price}{$setting['currency']}</h1>

                    <div class="stat-percent font-bold text-success">{if $today_order_price !=0 & $total_order_price!=0}{php echo sprintf('%.2f', $today_order_price/$total_order_price*100);}{else}0.00{/if}%<i
                            class="fa fa-bolt"></i>
                    </div>
                    <small>占总收入</small>
                </div>
            </div>
        </div>

        <div class="col-sm-3" style="width:20%;">
            <div class="ibox float-e-margins">
                <div class="ibox-title" style="border-color: #e7eaec;border-style: solid solid none;">
                    <span class="label label-primary pull-right">本月</span>
                    <h5>营业额</h5>
                </div>
                <div class="ibox-content">
                    <h1 class="no-margins">{$nowmonth_order_price}{$setting['currency']}</h1>

                    <div class="stat-percent font-bold text-navy">{if $nowmonth_order_price !=0 }{php echo sprintf('%.2f', $nowmonth_order_price/$total_order_price*100);}{else}0.00{/if}%<i
                            class="fa fa-bolt"></i>
                    </div>

                </div>
            </div>
        </div>
        <div class="col-sm-3" style="width:20%;">
            <div class="ibox float-e-margins">
                <div class="ibox-title" style="border-color: #e7eaec;border-style: solid solid none;">
                    <span class="label label-danger pull-right">上月</span>
                    <h5>营业额</h5>
                </div>
                <div class="ibox-content">
                    <h1 class="no-margins">
                        {if !empty($lastmonth_order_price)}{$lastmonth_order_price}{else}0{/if}{$setting['currency']}
                    </h1>
                    <div class="stat-percent font-bold text-navy">
                        {if !empty($lastmonth_order_price)}{php echo sprintf('%.2f', $lastmonth_order_price/$total_order_price*100);}%{else}0.00%{/if}<i class="fa fa-bolt"></i>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-sm-3">
            <div class="ibox float-e-margins">
                <div class="ibox-title" style="border-color: #e7eaec;border-style: solid solid none;">
                    <span class="label label-warning pull-right">累计</span>
                    <h5>总营业额</h5>
                </div>
                <div class="ibox-content">
                    <h1 class="no-margins">
                        {if !empty($total_order_price)}{$total_order_price}{else}0{/if}{$setting['currency']}
                    </h1>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-12">
            <div class="ibox float-e-margins">
                <div class="ibox-title" style="border-color: #e7eaec;border-style: solid solid none;"><h5>按日期筛选</h5>
                </div>
                <div class="ibox-content">
                    <form action="" method="get" class="form-horizontal" role="form" id="list">
                        <input type="hidden" name="c" value="site">
                        <input type="hidden" name="a" value="entry">
                        <input type="hidden" name="m" value="weisrc_dish">
                        <input type="hidden" name="do" value="main"/>
                        <input type="hidden" name="op" value="display"/>
                        <div class="form-group clearfix">
                            <label class="col-xs-12 col-sm-2 col-md-1 control-label">时间范围</label>

                            <div class="col-sm-7 col-lg-8 col-md-8 col-xs-12">
                                {php echo tpl_form_field_daterange('time', array('starttime'=>date('Y-m-d H:i:s',$starttime),'endtime'=>date('Y-m-d H:i:s', $endtime)), true);}
                                <input class="btn btn-sm btn-success" name="commit" type="submit" value="搜索">
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <script>
        $(".store_close").click(function(){
            if (confirm("是否发送今日销售统计？")){
                $.ajax({
                    type:"post",
                    url:"",
                    data:"check_status=1&store_status=0",
                    success:function(e){
                        window.history.go(0);
                    }
                })
            }

        });
        $(".store_open").click(function(){
            if(confirm("是否开店营业")){
                $.ajax({
                    type:"post",
                    url:"",
                    data:"check_status=1&store_status=1",
                    success:function(e){
                        window.history.go(0);
                    }
                })
            }

        });
    </script>
    <div class="clearfix">
        <div class="row">
            <div class="col-sm-6">
                <div class="ibox float-e-margins">
                    <div class="ibox-title" style="border-color: #e7eaec;border-style: solid solid none;">
                        <h5>{if !empty($_GPC['time'])}{php echo date('Y-m-d', $starttime)}至{php echo date('Y-m-d',$endtime)}{/if}订单类型比例图</h5>
                    </div>
                    <div class="ibox-content">
                        <div class="echarts" id="echarts-pie-chart"></div>
                    </div>
                </div>
            </div>
            <div class="col-sm-6">
                <div class="ibox float-e-margins">
                    <div class="ibox-title" style="border-color: #e7eaec;border-style: solid solid none;">
                        <h5>
                            {if !empty($_GPC['time'])}{php echo date('Y-m-d', $starttime)}至{php echo date('Y-m-d',$endtime)}{/if}支付方式比例图</h5>
                    </div>
                    <div class="ibox-content">
                        <div class="echarts" id="echarts-pie-chart-a"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <form class="form-horizontal" action="" method="post" onkeydown="if(event.keyCode == 13) return false;">
        <div class="panel panel-default">
            <div class="panel-body">
                <div class="table-responsive">
                    <table class="table table-hover table-bordered table-text-center">
                        <thead class="navbar-inner">
                        <tr>
                            <th width="300">时间</th>
                            <th>营业额</th>
                            <th>订单数</th>
                            <th>余额支付</th>
                            <th>微信支付</th>
                            <th>支付宝</th>
                            <th>现金支付</th>
                            <!--<th>查看详情</th>-->
                        </tr>
                        </thead>
                        <tfoot>
                        <tr>
                            <th width="300">总计</th>
                            <th>{php echo sprintf('%.2f', $footer_totalprice);} {$setting['currency']}</th>
                            <th>{php echo intval($footer_totalcount);} 单</th>
                            <th>{php echo sprintf('%.2f', $footer_totalprice1);} {$setting['currency']}</th>
                            <th>{php echo sprintf('%.2f', $footer_totalprice2);} {$setting['currency']}</th>
                            <th>{php echo sprintf('%.2f', $footer_totalprice4);} {$setting['currency']}</th>
                            <th>{php echo sprintf('%.2f', $footer_totalprice3);} {$setting['currency']}</th>
                            <!--<th>查看详情</th>-->
                        </tr>
                        </tfoot>
                        <tbody>
                        {loop $return $k $dca}
                        <tr>
                            <th>{$k}</th>
                            <td>{php echo sprintf('%.2f', $dca['totalprice']);} {$setting['currency']}</td>
                            <td>{php echo intval($dca['count']);} 单</td>
                            <td>{php echo sprintf('%.2f', $dca['1']);} {$setting['currency']}</td>
                            <td>{php echo sprintf('%.2f', $dca['2']);} {$setting['currency']}</td>
                            <td>{php echo sprintf('%.2f', $dca['4']);} {$setting['currency']}</td>
                            <td>{php echo sprintf('%.2f', $dca['3']);} {$setting['currency']}</td>
                            <!--<td>-->
                            <!--<a href="#" class="btn btn-success" target="_blank">详情</a>-->
                            <!--</td>-->
                        </tr>
                        {/loop}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </form>
</div>
<script type="text/javascript">
    $(function () {
        var templates = {
            b: {
                title: {
                    text: '各种支付类型比例',
                    subtext: '比例图'
                },
                series: [{
                    name: '各种支付类型下单比例',
                    data: []
                }]
            },
            a: {
                title: {
                    text: '各种支付方式收入比例',
                    subtext: '比例图'
                },
                series: [{
                    name: '各种支付方式收入下单比例',
                    data: []
                }]
            }
        };
        //第一
        // var pieChart = echarts.init(document.getElementById("echarts-pie-chart"));
        var pieoption = {
            title: {
                text: '',
                x: 'center'
            },
            tooltip: {
                trigger: 'item',
                formatter: "{a} <br/>{b} : {c} ({d}%)"
            },
            legend: {
                orient: 'vertical',
                x: 'left',
                data: ['店内', '外卖', '快餐', '预定']
            },
            calculable: true,
            series: [
                {
                    name: '访问来源',
                    type: 'pie',
                    radius: '60%',
                    center: ['50%', '60%'],
                    data: []
                }
            ]
        };
        // pieChart.setOption(pieoption);
        // $(window).resize(pieChart.resize);
        var GetChartData = function (type) {
            $('#echarts-pie-chart').html('');
            var url = "{php echo $this->createWebUrl('main');}&op=" + type;
            var params = {
                'start': $('#list input[name="time[start]"]').val(),
                'end': $('#list input[name="time[end]"]').val()
            };
            $.post(url, params, function (data) {
                var data = $.parseJSON(data);
                var ds = $.extend(true, {}, pieoption, templates[type]);
                ds.series[0].data = data.message.message;
                var pieChart = echarts.init($('#echarts-pie-chart')[0]);
                pieChart.setOption(ds);
                $(window).resize(pieChart.resize);
            });
        }
        GetChartData('b');
        //第二
        var pieoption_a = {
            title: {
                text: '',
                x: 'center'
            },
            tooltip: {
                trigger: 'item',
                formatter: "{a} <br/>{b} : {c} ({d}%)"
            },
            legend: {
                orient: 'vertical',
                x: 'left',
                data: ['支付宝支付', '微信支付', '现金支付', '余额支付']
            },
            calculable: true,
            series: [
                {
                    name: '访问来源',
                    type: 'pie',
                    radius: '60%',
                    center: ['50%', '60%'],
                    data: []
                }
            ]
        };
        var GetChartData = function (type) {
            $('#echarts-pie-chart-a').html('');

            var url = "{php echo $this->createWebUrl('main');}&op=" + type;
            var params = {
                'start': $('#list input[name="time[start]"]').val(),
                'end': $('#list input[name="time[end]"]').val()
            };
            $.post(url, params, function (data) {
                var data = $.parseJSON(data);
                var ds = $.extend(true, {}, pieoption_a, templates[type]);
                ds.series[0].data = data.message.message;
                var myChart = echarts.init($('#echarts-pie-chart-a')[0]);
                myChart.setOption(ds);
                $(window).resize(myChart.resize);
            });
        }
        GetChartData('a');
    });
</script>
{/if}
{if $_W['isfounder']}
<style>
    .footer{
        height: 100%;
    }
</style>
{template 'common/footer'}
{else}
{template 'public/footer'}
{/if}