${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 sumCount = '${sumCount}';
    var chart = Highcharts.chart('container', 
    {
        title: {text: '组织待派订单统计分析（总单量：'+sumCount+'）'},
        tooltip: {headerFormat: '{series.name}<br>',pointFormat: '{point.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: 
        [{
            type: 'pie',
            name: '组织占比',
            data: 
            [
                <#for item : map.values()>
                ['${item.getOrgName()}', ${item.getOrderNum()}],
                </#for>
            ]
        }]
    });
});
</script>
${zhiqim_manager_breadcrumb("待派统计")}
${zhiqim_manager_content()}
<#-- 导航栏 -->
<div class="z-tabnav-main z-blue z-mg-b20">
<nav>
<ul>
    <#if ZmrPathRule.check(request, "/waitDisOrder.htm")><li onclick="Z.L.href('waitDisOrder.htm');">待派订单</li></#if>
    <#if ZmrPathRule.check(request, "/dispatchLog.htm")><li onclick="Z.L.href('dispatchLog.htm');">派单日志</li></#if>
    <#if ZmrPathRule.check(request, "/waitDisMerOrder.htm")><li onclick="Z.L.href('waitDisMerOrder.htm');">待分拣订单</li></#if>
    <#if ZmrPathRule.check(request, "/merDispatchLog.htm")><li onclick="Z.L.href('merDispatchLog.htm');">商户分拣日志</li></#if>
    <#if ZmrPathRule.check(request, "/waitDisDesignerGroupOrder.htm")><li onclick="Z.L.href('waitDisDesignerGroupOrder.htm');">新待派单订单</li></#if>
    <#if ZmrPathRule.check(request, "/designerGroupDispatchLog.htm")><li onclick="Z.L.href('designerGroupDispatchLog.htm');">新派单日志</li></#if>
    <#if ZmrPathRule.check(request, "/dispatchStat.htm")><li onclick="Z.L.href('dispatchStat.htm');">分拣统计</li></#if>
    <li class="z-active">待派统计</li>
</ul>
</nav>
</div>

<#-- 分页列表-->
<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 z-mg-t30 ">
        <tr class="z-bg-gray">
            <td width="150">组织名称</td>
            <td width="80">单量</td>
            <td width="90">百分比</td>
            <td width="70">名片类</td>
            <td width="65">名片</td>
            <td width="70">彩页类</td>
            <td width="65">彩页</td>
            <td width="*">其他</td>
        </tr>
        <#for item : map.values()>
        <tr>
            <td>${item.getOrgName()}</td>
            <td>${item.getOrderNum()}</td>
            <td>${Maths.division(item.getOrderNum()*100, sumCount, 1)}%</td>
            <td>${item.getCardNum()}</td>
            <td>${item.getOnlyCardNum()}</td>
            <td>${item.getColorPageNum()}</td>
            <td>${item.getOnlyColorPageNum()}</td>
            <td>${item.getOtherNum()}</td>
        </tr>
        </#for>
        <tr class="z-bold">
            <td>总待派订单</td>
            <td colspan="5">${sumCount}</td>
        </tr>
        </table>
    </td>
</tr>
</table>
${zhiqim_manager_content_end()}