${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>
    <li onclick="Z.L.href('receiveMerManage.htm');">组织接单</li>
    <li onclick="Z.L.href('designerGroup.htm');">接单条件组</li>
    <li onclick="Z.L.href('designerGroupDispatch.htm');">设计师接单</li>
    <li class="z-active">派单统计</li>
</ul>
<div class="z-float-left z-mg10 z-lh30">
<form name="thrForm" action="/dispatchStat.htm" method="post">
    日期：
    <input name="beginDate" class="z-input z-w90 ${zmr_color_class}" readonly="true" onfocus="Z.date(this);" value="${beginDate}">
    <button class="z-button z-w80 z-blue z-mg-l10"><i class="z-font z-query"></i>查询</button>
</form>
</div>
</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">
        <tr class="z-bg-gray">
            <td width="150">派发类型</td>
            <td width="100">单量</td>
            <td width="*">百分比</td>
        </tr>
        <tr>
            <td>用户抢单</td>
            <td>${contendOrder}</td>
            <td>${Maths.division(contendOrder*100, sumCount, 1)}%</td>
        </tr>
        <tr>
            <td>自动派单</td>
            <td>${dispatchCount}</td>
            <td>${Maths.division(dispatchCount*100, sumCount, 1)}%</td>
        </tr>
        <tr>
            <td>手工指定</td>
            <td>${assignCount}</td>
            <td>${Maths.division(assignCount*100, sumCount, 1)}%</td>
        </tr>
        <tr class="z-bold">
            <td>总单量</td>
            <td colspan="2">${sumCount}</td>
        </tr>
        </table>
        
        <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>
        </table>
    </td>
</tr>
</table>


${zhiqim_manager_content_end()}