{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">{tab_other_language::get("店铺")}：{if(empty($admin_shop["name"]))}{tab_other_language::get("选择")}{else}{$admin_shop["name"]}{/if}</span></li>
	<li{if(fun_get::get("channel")=='')} class="sel"{/if} onclick="admin.refresh_url(['channel=']);">{tab_other_language::get("销售量")}</li>
	<li{if(fun_get::get("channel")=='money')} class="sel"{/if} onclick="admin.refresh_url(['channel=money']);">{tab_other_language::get("销售额")}</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}>{tab_other_language::get("列表模式")}</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}>{tab_other_language::get("按编号统计")}</label></li>
	<li style="border:0px;color:#ff8800" onclick="window.open('{fun_get::url(array('opennew'=>1))}','_blank')">{tab_other_language::get("新窗口打开")}</li>
</div>
<div class="btnMenuDiv" id="id_btnMenuDiv">
		<div class="me_div1">
		{tab_other_language::get("统计模式")}：<label><input type="radio" name="mode" value="day" checked onclick="admin.refresh_url(['mode=']);">{tab_other_language::get("按天")}</label>&nbsp;&nbsp;<label><input type="radio" name="mode" value="month"{if($mode=='month')} checked{/if} onclick="admin.refresh_url(['mode=month']);">{tab_other_language::get("按月")}</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']);">{tab_other_language::get("指定时间")}</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}">{tab_other_language::get("日期")}：<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);"> {tab_other_language::get("到")} <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="{tab_other_language::get("确定")}" 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}{tab_other_language::get("年")}</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}{tab_other_language::get("月")}</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"]} {tab_other_language::get("商品")}{if(fun_get::get("channel")=="money")}{tab_other_language::get("成交额")}({cfg:(coinsign,sys)}){else}{tab_other_language::get("订单量(份)")}{/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")}{tab_other_language::get("成交额")}({cfg:(coinsign,sys)}){else}{tab_other_language::get("订单量(份)")}{/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;{tab_other_language::get("共 {msg1} 份，订单：{msg2}，合计：{msg3}",$item['num'],$item['ordernum'],cls_config::get("coinsign","sys").$item['price'])}</font></div>
		<table class="metable" border=1>
			<tr><td>{tab_other_language::get("编号")}</td><td>{tab_other_language::get("名称")}</td><td>{tab_other_language::get("数量")}</td><td>{tab_other_language::get("小计")}</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("{tab_other_language::get("请选择开始时间")}");
			kj.obj("#id_other_date1").focus();return;
		}
		if(kj.obj("#id_other_date2").value=='') {
			alert("{tab_other_language::get("请选择结束时间")}");
			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)}