{extend name="default/base/base_seller" /}
{block name="seller_main"}

<div class="alert mt10">
    <ul class="mt5">
        <li>{$Think.lang.area_instructions1}</li>
        <li>{$Think.lang.statisticssale_instructions2}</li>
        <li>{$Think.lang.statisticssale_instructions3}</li>
    </ul>
</div>
<form method="get"  target="_self">
    <table class="search-form">
        <tr>
            <td class="tr">
                <div class="fr">
                    <input type="submit" class="submit" value="{$Think.lang.ds_common_search}" />
                </div>
                <div class="fr">&nbsp;
                    <select name="order_type" id="order_type" class="querySelect">
                        <option value="" {$Request.get.order_type == ''?'selected':''}>{$Think.lang.ds_please_choose}</option>
                        <option value="{$Think.ORDER_STATE_NEW}" {$Request.get.order_type ==$Think.ORDER_STATE_NEW ?'selected':''}>{$Think.lang.waiting_payment}</option>
                        <option value="{$Think.ORDER_STATE_PAY}" {$Request.get.order_type ==$Think.ORDER_STATE_PAY ?'selected':''}>{$Think.lang.waiting_delivery}</option>
                        <option value="{$Think.ORDER_STATE_SEND}" {$Request.get.order_type ==$Think.ORDER_STATE_SEND ?'selected':''}>{$Think.lang.waiting_receiving}</option>
                        <option value="{$Think.ORDER_STATE_SUCCESS}" {$Request.get.order_type ==$Think.ORDER_STATE_SUCCESS ?'selected':''}>{$Think.lang.transaction_completed}</option>
                        <option value="{$Think.ORDER_STATE_CANCEL}" {$Request.get.order_type ==='0' ?'selected':''}>{$Think.lang.canceled}</option>
                    </select>
                </div>
                <div class="fr">
                    <div class="fl" style="margin-right:3px;">
                        <select name="search_type" id="search_type" class="querySelect">
                            <option value="day" {$Request.param.search_type== 'day'?'selected':''}>{$Think.lang.day_statistics}</option>
                            <option value="week"  {$Request.param.search_type== 'week'?'selected':''}>{$Think.lang.weekly_statistics}</option>
                            <option value="month" {$Request.param.search_type== 'month'?'selected':''}>{$Think.lang.monthly_statistics}</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="iconfont">&#xe8d6;</i></label>
                    </div>
                    <div id="searchtype_week" style="display:none;" class="fl">
                        <select name="searchweek_year" class="querySelect">
                            {foreach name="year_arr" item="v"}
                            <option value="{$key}" {$search_arr.week.current_year == $key ?'selected':''}>{$v}</option>
                            {/foreach}
                        </select>
                        <select name="searchweek_month" class="querySelect">
                            {foreach name="month_arr" item="v"}
                            <option value="{$key}" {$search_arr.week.current_month == $key ?'selected':''}>{$v}</option>
                            {/foreach}
                        </select>
                        <select name="searchweek_week" class="querySelect">
                            {foreach name="week_arr" item="v"}
                            <option value="{$v.key}" {$search_arr.week.current_week == $v.key ?'selected':''}>{$v.val}</option>
                            {/foreach}
                        </select>
                    </div>
                    <div id="searchtype_month" style="display:none;" class="fl">
                        <select name="searchmonth_year" class="querySelect">
                            {foreach name="year_arr" item="v"}
                            <option value="{$key}" {$search_arr.month.current_year == $key ?'selected':''}>{$v}</option>
                            {/foreach}
                        </select>
                        <select name="searchmonth_month" class="querySelect">
                            {foreach name="month_arr" item="v"}
                            <option value="{$key}" {$search_arr.month.current_month == $key?'selected':''}>{$v}</option>
                            {/foreach}
                        </select>
                    </div>
                </div>
            </td>
        </tr>
    </table>
</form>

<div class="alert alert-info mt10" style="clear:both;">
    <ul class="mt5">
        <li>
            <span class="w200 fl h30" style="display:block;">
                <i title="{$Think.lang.order_amount_search_terms}" class="tip iconfont">&#xe649;</i>
                {$Think.lang.total_order_money}：<strong>{$statcount_arr.orderamount}{$Think.lang.ds_yuan}</strong>
            </span>
            <span class="w210 fl h30" style="display:block;">
                <i title="{$Think.lang.number_orders_search_terms}" class="tip iconfont">&#xe649;</i>
                {$Think.lang.total_order_number}：<strong>{$statcount_arr.ordernum}</strong>
            </span>
        </li>
    </ul>
    <div style="clear:both;"></div>
</div>

<div id="stat_tabs" class="ui-tabs" style="min-height:500px;padding-top:10px;">
    <div class="tabmenu">
        <ul class="tab pngFix">
            <li><a href="#orderamount_div" ds_type="showdata" data-param='{"type":"orderamount"}'>{$Think.lang.place_order_amount}</a></li>
            <li><a href="#ordernum_div" ds_type="showdata" data-param='{"type":"ordernum"}'>{$Think.lang.order_quantity}</a></li>
        </ul>
    </div>
    <!-- 下单金额 -->
    <div id="orderamount_div" style="width:930px;"></div>
    <!-- 下单量 -->
    <div id="ordernum_div" style="width:930px;"></div>
</div>

<div id="statlist" class="">

</div>


<script>
    jQuery.browser={};(function(){jQuery.browser.msie=false; jQuery.browser.version=0;if(navigator.userAgent.match(/MSIE ([0-9]+)./)){ jQuery.browser.msie=true;jQuery.browser.version=RegExp.$1;}})();
</script>
<script src="{$Think.PLUGINS_SITE_ROOT}/jquery.poshytip.min.js"></script>
<script src="{$Think.PLUGINS_SITE_ROOT}/highcharts/highcharts.js"></script>
<script type="text/javascript">
//展示搜索时间框
function show_searchtime(){
    s_type = $("#search_type").val();
    $("[id^='searchtype_']").hide();
    $("#searchtype_"+s_type).show();
}

$(function(){
    //Ajax提示
    $('.tip').poshytip({
        className: 'tip-yellowsimple',
        showTimeout: 1,
        alignTo: 'target',
        alignX: 'center',
        alignY: 'top',
        offsetY: 5,
        allowTipHover: false
    });

    //切换登录卡
    $('#stat_tabs').tabs();

    //统计数据类型
    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(HOMESITEURL+'/Index/getweekofmonth.html',{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>');
                }
            }
        });
    });

    $('#ordernum_div').highcharts({$stat_json.ordernum|raw});
    $('#orderamount_div').highcharts({$stat_json.orderamount|raw});

    $('#statlist').load(HOMESITEURL+'/Statisticssale/salelist.html?t={$searchtime}&order_type={$Request.param.order_type}');
});
</script>

{/block}