${Scripts.src("/zinc/chart/highcharts.js")}
${Scripts.src("/zinc/chart/exporting.js")}
${Scripts.src("/zinc/chart/highcharts-zh_CN.js")}
<script>
Z.onload(function()
{
    var backMergeCount = '${backMergeCount}';
    Highcharts.chart('container', 
    {
        chart: {plotBackgroundColor: null,plotBorderWidth: null,plotShadow: false,type: 'pie'},
        title: {text: '印前退回统计（总计：'+backMergeCount+'）'},
       
        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 item : pieMap.keySet()>
                    {name: '${item}',y: ${pieMap.get(item)}},
                    </#for>
                 ]
        }]
    });
});
</script>
${zhiqim_manager_breadcrumb("退回原因统计")}
${zhiqim_manager_content()}
<#-- 导航栏 -->
<div class="z-tabnav-main z-blue z-mg-b20">
<nav>
<ul>
    <li onclick="Z.Location.href('orderBackEffectStat.htm');">退回数量统计</li>
    <li class="z-active">退回原因统计</li>
    <li onclick="Z.Location.href('sectionFinalizeCompleteStat.htm');">部门退回统计</li>
</ul>
</nav>
</div>

<#-- 查询条件 -->
${zhiqim_manager_title("查询条件")}
<form name="theForm" action="/beforecauseChart.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="50%"><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" style="text-align:center">
        <tr class="z-bg-gray">
            <td width="20%">退回原因</td>
            <td width="20%">退回单数</td>
            <td width="20%">退回单数占比</td>
            <td width="20%">退回单金额</td>
            <td width="20%">退回单金额占比</td>
        </tr>
        <#for item : modelList>
        <tr>
            <td>${item.getBackCause()}</td>
            <td>${item.getBackCount()}</td>
            <td>${CalculationUtil.calculatePercent(item.getBackCount(),backMergeCount)}</td>
            <td>${Amounts.toYuan(item.getBackMoney())}</td>
            <td>${CalculationUtil.calculatePercent(item.getBackMoney(),backMergeMoney)}</td>
        </tr>
        </#for>
        <tr class="z-bold">
            <td>总计</td>
            <td>${backMergeCount}</td>
            <td>100%</td>
            <td>${Amounts.toYuan(backMergeMoney)}</td>
            <td>100%</td>
        </tr>
        </table>
    </td>
</tr>
</table>
${zhiqim_manager_content_end()}