{include(header)}
<script src="/components/report/jquery.min.js"></script>
<style>
.me_div1{float:left;margin:10px 0px 10px 20px}
.metitle{float:left;width:300px;clear:both;margin:15px 0px 0px 50px;font-weight:bold;text-align:left}
.metitle font{color:#ff3300;font-weight:200}
.metable{float:left;width:300px;clear:both;margin-left:50px;border-collapse: collapse;margin-top:10px;}
.metable td{padding:5px 3px;text-align:left}
.mebox1{float:left;width:300px;;margin:5px 8px}
</style>
{if(fun_get::get('opennew')=='')}
<div class="pMenu" id="id_pMenu">
	<li style="font-weight:bold"><input type="hidden" name="url_shop_id" value="{$admin_shop['id']}" id="id_url_shop_id"><span class="more1" onmouseover="kj.windiv({'id':'shop_user_windiv','fid':this,'src':'common.php?app=meal&app_act=shop1'});" id="id_shop_user">店铺：{if(empty($admin_shop["name"]))}选择{else}{$admin_shop["name"]}{/if}</span></li>
	<li{if(fun_get::get("channel")=='')} class="sel"{/if} onclick="admin.refresh_url(['channel=']);">销售量</li>
	<li{if(fun_get::get("channel")=='money')} class="sel"{/if} onclick="admin.refresh_url(['channel=money']);">销售额</li>
	<li style="border:0px"><label><input type="checkbox" name="viewmode" value="1" onclick="if(this.checked){admin.refresh_url(['viewmode=1']);}else{admin.refresh_url(['viewmode=']);}" {if(fun_get::get('viewmode')=='1')} checked{/if}>列表模式</label></li>
	<li style="border:0px"><label><input type="checkbox" name="viewmode" value="1" onclick="if(this.checked){admin.refresh_url(['bysn=1']);}else{admin.refresh_url(['bysn=']);}" {if(fun_get::get('bysn')=='1')} checked{/if}>按编号统计</label></li>
	<li style="border:0px;color:#ff8800" onclick="window.open('{fun_get::url(array('opennew'=>1))}','_blank')">新窗口打开</li>
</div>
<div class="btnMenuDiv" id="id_btnMenuDiv">
		<div class="me_div1">
		统计模式：<label><input type="radio" name="mode" value="day" checked onclick="admin.refresh_url(['mode=']);">按天</label>&nbsp;&nbsp;<label><input type="radio" name="mode" value="month"{if($mode=='month')} checked{/if} onclick="admin.refresh_url(['mode=month']);">按月</label>&nbsp;&nbsp;<label><input type="radio" name="mode" value="year"{if($mode=='year')} checked{/if} onclick="admin.refresh_url(['mode=year']);">按年</label>&nbsp;&nbsp;<label><input type="radio" name="mode" value="other"{if($mode=='other')} checked{/if} onclick="admin.refresh_url(['mode=other']);">指定时间</label>
		</div>
		<div class="me_div1">
			<span id="id_mode_day" style="float:left;padding-left:60px{if($mode=='year' || $mode=='month' || $mode=='other')};display:none{/if}">日期：<input type="text" id="id_day_date" name="date" value="{fun_get::get('date')}" class='pTxtDate' onfocus="new Calendar().show(this,null,function(){admin.refresh_url(['date='+kj.obj('#id_day_date').value]);});"> </span>
			<span id="id_mode_other" style="float:left;padding-left:60px{if($mode!='other')};display:none{/if}"><input type="text" id="id_other_date1" name="date1" value="{fun_get::get('date1')}" class='pTxtDate' onfocus="new Calendar().show(this);"> 到 <input type="text" id="id_other_date2" name="date2" value="{fun_get::get('date2')}" class='pTxtDate' onfocus="new Calendar().show(this);"> <input type="button" name="btnok" value="确定" onclick="thisjs.open_other();"></span>
			<span id="id_mode_month" style="float:left;padding-left:60px{if($mode!='year' && $mode!='month')};display:none{/if}">
				<select name="year" onchange="admin.refresh_url('year='+this.value);">
				{for($i=2012;$i<=date("Y");$i++)}
				<option value="{$i}"{if(fun_get::get("year")==$i)} selected{/if}>{$i}年</option>
				{/for}
				</select>
			</span>
			<span id="id_mode_year" style="float:left;padding-left:20px{if($mode!='month')};display:none{/if}">
				<select name="month" onchange="admin.refresh_url('month='+this.value);">
				{for($i=1;$i<13;$i++)}
				<option value="{$i}"{if(fun_get::get("month")==$i)} selected{/if}>{$i}月</option>
				{/for}
				</select>
			</span>
		</div>
</div>
{/if}
{if(fun_get::get('viewmode')=='')}
<div id="container" style="float:left;width:98%;height:500px">
</div>
<script type="text/javascript">
$(function () {
    $('#container').highcharts({
        chart: {
            type: 'column',
            margin: [ 50, 50, 100, 80]
        },
        title: {
            text: '{$report["datetime"]} 商品{if(fun_get::get("channel")=="money")}成交额({cfg:(coinsign,sys)}){else}订单量(份){/if}'
        },
        xAxis: {
            categories: {$report['sub']},
            labels: {
                rotation: -45,
                align: 'right',
                style: {
                    fontSize: '12px',
                    fontFamily: 'Verdana, sans-serif'
                }
            }
        },
        yAxis: {
            min: 0,
            title: {
                text: '{if(fun_get::get("channel")=="money")}成交额({cfg:(coinsign,sys)}){else}订单量(份){/if}'
            }
        },
        legend: {
            enabled: false
        },
        tooltip: {
            pointFormat: '',
        },
        series: [{
            name: 'Population',
            data: {$report['data']},
            dataLabels: {
                enabled: true,
                rotation: 1,
                color: '#FFFFFF',
                align: 'right',
                x: 4,
                y: 10,
                style: {
                    fontSize: '13px',
                    fontFamily: 'Verdana, sans-serif',
                    textShadow: '0 0 3px black'
                }
            }
        }]
    });
});
</script>
<script src="/components/report/highcharts.js"></script>
<script src="/components/report/modules/exporting.js"></script>
{else}
<div class="pMain" id="id_main">
	{foreach($report as $key=>$item)}
		<div class="mebox1">
		<div class="metitle">{$item['name']}<font>&nbsp;&nbsp;共 {$item['num']} 份，订单：{$item['ordernum']}，合计：{cfg:(coinsign,sys)}{$item['price']}</font></div>
		<table class="metable" border=1>
			<tr><td>编号</td><td>名称</td><td>数量</td><td>小计</td></tr>
		{foreach($item['list'] as $list)}
			<tr><td>{$list['sn']}</td><td>{$list['menu_title']}</td><td>{$list['num']}</td><td>{cfg:(coinsign,sys)}{$list['price']}</td></tr>
		{/foreach}
		</table>
		</div>
	{/foreach}
</div>
{/if}
<script type="text/javascript">
//店铺选择回调函数
function shop1_callback(o) {
	if("id" in o) {
		kj.set("#id_url_shop_id" , "value" , o.id);
		admin.refresh();
	}
}
var thisjs = new function() {
	this.open_other = function() {
		if(kj.obj("#id_other_date1").value=='') {
			alert("请选择开始时间");
			kj.obj("#id_other_date1").focus();return;
		}
		if(kj.obj("#id_other_date2").value=='') {
			alert("请选择结束时间");
			kj.obj("#id_other_date2").focus();return;
		}
		admin.refresh_url(['date1='+kj.obj('#id_other_date1').value,'date2='+kj.obj('#id_other_date2').value]);
	}
}
</script>
{include(footer)}