{include file="public/seller_top" /}

<div class="seller_main w1200">
    {include file="public/seller_left" /}
    <div class="seller_right clearfix">
        <div class="seller_items">
            {include file="public/seller_items" /}
        </div>
      <div class="alert mt10" style="clear:both;">
	<ul class="mt5">
		<li>1、点击“设置价格区间”进入设置价格区间页面，客单价分布图将根据您设置的价格区间进行分布统计</li>
        <li>2、查看各个行业的客单价分布情况，了解各个行业订单成交情况，便于调整商品价格等信息</li>
    </ul>
</div>
<form method="get"  target="_self">
  <table class="search-form">
    <tr>
    	<td class="tr">
    		<div class="fr">
    			<label class="submit-border"><input type="submit" class="submit" value="{:lang('ds_common_search')}" /></label>
    		</div>
    		<div class="fr">
    		  <div class="fl" style="margin-right:3px;">
        		<select name="search_type" id="search_type" class="querySelect">
        			<option value="day" {$search_arr.search_type == 'day'?'selected':''}>按照天统计</option>
                  <option value="week" {$search_arr.search_type == 'week'?'selected':''}>按照周统计</option>
                  <option value="month" {$search_arr.search_type == 'month'?'selected':''}>按照月统计</option>
        		</select>
        	   </div>
        		<div id="searchtype_day" style="display:none;" class="fl">
        			<input type="text" class="text w70" name="search_time" id="search_time" value="{:date('Y-m-d',$search_arr.day.search_time)}" />
                  <label class="add-on"><i class="icon-calendar"></i></label>
                </div>
                <div id="searchtype_week" style="display:none;" class="fl">
                  	<select name="searchweek_year" class="querySelect">
                      {volist name="year_arr" id="v"}
                  		<option value="{$key}" {$search_arr.week.current_year == $key ?'selected':''}>{$v}</option>
                      {/volist}
                    </select>
                    <select name="searchweek_month" class="querySelect">
                      {volist name="month_arr" id="v"}
                  		<option value="{$key}" {$search_arr.week.current_month == $key ?'selected':''}>{$v}</option>
                      {/volist}
                    </select>
                    <select name="searchweek_week" class="querySelect">
                      {volist name="week_arr" id="v"}
                  		<option value="{$v.key}" {$search_arr.week.current_week == $v.key?'selected':''}>{$v.val}</option>
                      {/volist}
                    </select>
              </div>
              <div id="searchtype_month" style="display:none;" class="fl">
                  	<select name="searchmonth_year" class="querySelect">
                      {volist name="year_arr" id="v"}
                  		<option value="{$key}" {$search_arr.month.current_year == $key ?'selected':''}>{$v}</option>
                      {/volist}
                    </select>
                    <select name="searchmonth_month" class="querySelect">
                      {volist name="month_arr" id="v"}
                  		<option value="{$key}" {$search_arr.month.current_month == $key ?'selected':''}>{$v}</option>
                      {/volist}
                    </select>
              </div>
    		</div>
    		
    		<div class="fr">商品分类&nbsp;<span id="searchgc_td"></span>
              <input type="hidden" id="choose_gcid" name="choose_gcid" value="0"/></div>
    	</td>
    </tr>
  </table>
</form>

<div class="alert alert-block alert-info">
  <strong>客单价分布</strong>（<a href="{:url('statisticsgeneral/pricesetting')}" target="_blank">设置价格区间</a>）</div>
<table class="dssc-default-table">
  <tbody>
	<tr id="row_0">
		<td class="tl">
          {if $stat_json}
          <div id="container_guestprice"></div>
         {else /}
          <div class="tc h50 mt10">查看分布情况前，请先设置价格区间。<a href="{:url('statisticsgeneral/pricesetting')}" target="_blank">马上设置</a></div>
         {/if}
		</td>
	</tr>
  </tbody>
</table>
    </div>
</div>
<script src="{$Think.config.url_domain_root}static/plugins/highcharts/highcharts.js"></script>
<script src="{:config('url_domain_root')}static/common/js/mlselection.js"></script>
<script type="text/javascript">
//展示搜索时间框
function show_searchtime(){
    s_type = $("#search_type").val();
    $("[id^='searchtype_']").hide();
    $("#searchtype_"+s_type).show();
}

$(function(){
    //统计数据类型
    var s_type = $("#search_type").val();
    $('#search_time').datepicker({dateFormat: 'yy-mm-dd'});

    show_searchtime();
    $("#search_type").change(function(){
        show_searchtime();
    });

    //更新周数组
    $("[name='searchweek_month']").change(function(){
        var year = $("[name='searchweek_year']").val();
        var month = $("[name='searchweek_month']").val();
        $("[name='searchweek_week']").html('');
        $.getJSON(SITE_URL+'common/getweekofmonth',{y:year,m:month},function(data){
            if(data != null){
                for(var i = 0; i < data.length; i++) {
                    $("[name='searchweek_week']").append('<option value="'+data[i].key+'">'+data[i].val+'</option>');
                }
            }
        });
    });
    {if $stat_json}
        $('#container_guestprice').highcharts({$stat_json});
    {/if}
    //商品分类
    init_gcselect({$gc_choose_json},{$gc_json});
});
</script>