${Scripts.src("/zinc/chart/highcharts.js")}
${Scripts.src("/zinc/chart/exporting.js")}
${Scripts.src("/zinc/chart/highcharts-zh_CN.js")}
<script>
Z.onload(function()
{
    Highcharts.chart('container', 
    {
        chart: {plotBackgroundColor: null,plotBorderWidth: null,plotShadow: false,type: 'pie'},
        title: {text: '订单退款总统计（总单量：'+${allCount}+'）'},
        tooltip: {pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'},
        plotOptions: 
        {
            pie:
            {
                allowPointSelect: true,
                cursor: 'pointer',
                dataLabels: 
                {
                    enabled: true,
                    format: '<b>{point.name}</b>: {point.percentage:.1f} %',
                    style: { color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black'}
                }
            }
        },
        series: 
        [{
            name: '百分比',
            colorByPoint: true,
            data:[
                    <#for key : map.keySet()>
                    {name: '${key}',y: ${map.get(key)}},
                    </#for>
                 ]
        }]
    });
});
</script>
${zhiqim_manager_breadcrumb("订单退款统计")}
${zhiqim_manager_content()}
<#-- 导航栏 -->
<div class="z-tabnav-main z-blue z-mg-b20">
<nav>
<ul>
    <#if ZmrPathRule.check(request, "/designOrderRefundRateStat.htm")><li onclick="Z.Location.href('designOrderRefundRateStat.htm')">退款率统计</li></#if>
    <li class="z-active">订单退款统计</li>
    <#if ZmrPathRule.check(request, "/designRefundOrgTotalStatistics.htm")><li onclick="Z.L.href('designRefundOrgTotalStatistics.htm')">组织退款统计</li></#if>
    <#if ZmrPathRule.check(request, "/designRefundPrdTypeStatistics.htm")><li onclick="Z.L.href('designRefundPrdTypeStatistics.htm')">产品退款统计</li></#if>
</ul>
</nav>
</div>

<#-- 查询条件 -->
${zhiqim_manager_title("查询条件")}
<form name="theForm" action="/designOrderRefundStat.htm">
<table class="z-table z-bordered z-pd6">
<tr class="z-h40 z-bg-white">
    <td>录单时间：
        <input name="beginDate" onfocus="Z.date(this);" readonly class="z-input ${zmr_color_class} z-w100" value="${beginDate}"> - 
        <input name="endDate" onfocus="Z.date(this);" readonly class="z-input ${zmr_color_class} z-w100 z-mg-r30 " value="${endDate}">
        <button class="z-large z-w120 z-button ${zmr_color_class}">查询</button>
    </td>
</tr>
</table>
</form>
<br>

<#-- 分页列表-->
<table class="z-table z-bordered z-pd6 z-bg-white">
<tr>
    <td width="60%"><div id="container" class="z-bg-white" style="min-width:400px;height:600px"></div></td>
    <td width="*">
        <table class="z-table z-bordered-line z-pd10 z-bg-white z-text-left">
        <tr class="z-bg-gray">
            <td width="200">订单类型</td>
            <td width="150">单量</td>
            <td width="*">百分比</td>
        </tr>
        <#for key : map.keySet()>
        <tr>
            <td>${key}</td>
            <td>${map.get(key)}</td>
            <td><#if allCount gt 0>${Maths.division(map.get(key)*100, allCount, 1)}%<#else>0.0%</#if></td>
        </tr>
        </#for>
        <tr class="z-bold">
            <td>总单量</td>
            <td colspan="2">${allCount}</td>
        </tr>
        </table>
    </td>
</tr>
</table>
${zhiqim_manager_content_end()}