${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.setOptions({
        colors: ['#c00','#006600']
    });
    
    var chart = Highcharts.chart('container', 
    {
        title: {text: '组织初稿时效统计（总单量：${designOrderSum}）'},
        tooltip: {headerFormat: '{series.name}<br>', pointFormat: '{point.name}: <b>{point.percentage:.1f}%</b>'},
        plotOptions: 
        {
            pie: 
            {
                allowPointSelect: true,  // 可以被选择
                cursor: 'pointer',       // 鼠标样式
                dataLabels: 
                {
                    enabled: true,
                    useHTML: true,
                    format: '<span style=" white-space:normal;">{point.name}</span>'
                    + '<span style="display:block;">订单数量：{point.y}</span>' 
                    + '<span style="display:block;" class="z-text-red">占比：{point.percentage:.1f} % </span>',
                }
            }
        },
        series: 
        [{
            type: 'pie',
            name: '订单量占比',
            data: 
            [
                <#for item : statMap.entrySet()>
                ['${item.getKey()}', ${item.getValue()}],
                </#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('chargeOrder.htm');">主管审核</li>-->
    <#if ZmrPathRule.check(request, "/timeoutOrderNear.htm")><li onclick="Z.Location.href('timeoutOrderNear.htm');">快超时订单</li></#if>
    <#if ZmrPathRule.check(request, "/timeoutOrderToday.htm")><li onclick="Z.Location.href('timeoutOrderToday.htm');">当日超时订单</li></#if>
    <#if ZmrPathRule.check(request, "/timeoutOrderHistory.htm")><li onclick="Z.Location.href('timeoutOrderHistory.htm');">历史超时订单</li></#if>
    <#if ZmrPathRule.check(request, "/notTimeoutCompleteOrderHistory.htm")><li onclick="Z.Location.href('notTimeoutCompleteOrderHistory.htm');">时效绩效</li></#if>
    <#if ZmrPathRule.check(request, "/timeoutCompleteOrderHistory.htm")><li onclick="Z.Location.href('timeoutCompleteOrderHistory.htm');">定稿超时列表</li></#if>
    <#if ZmrPathRule.check(request, "/timeoutOrderHistoryStat.htm")><li onclick="Z.Location.href('timeoutOrderHistoryStat.htm');">初稿超时折线图</li></#if>
    <li class="z-active">组织初稿时效</li>
</ul>
</nav>
</div>

<#-- 查询条件 -->
${zhiqim_manager_title("查询条件")}
<form action="timelinessOrgStat.htm" method="post">
<table class="z-table z-bordered z-pd6 z-bg-white">
<tr class="z-h40">
    <td width="40%">录单时间：<input id="startDate" name="startDate" class="z-input z-w90 ${zmr_color_class}" readonly="true" onfocus="Z.date(this);" value="${startDate}">&nbsp;-&nbsp;
        <input id="endDate" name="endDate" class="z-input z-mg-l3 z-w90 ${zmr_color_class}" readonly="true" onfocus="Z.date(this);" value="${endDate}">&nbsp;&nbsp;&nbsp;
        产品类型:
        <select name="typeId" class="z-select z-mg-r20" data-role="z-select" data-class="${zmr_color_class}">
            <option value="">全部产品</option>
            <#for items : designTypeList>
            <option value="${items.getTypeId()}" <#if items.getTypeId()==typeId>selected</#if>>${items.getTypeName()}</option>
            </#for>
        </select>
    </td>
    <td><button class="z-button z-large z-w120 z-mg-r15 ${zmr_color_class}">查询</button><button class="z-button z-large" type="button" onclick="Z.FM.clearForm(this.form);">清空</button></td>
</tr>
</table>
</form>

<#-- 分页列表-->
<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-mg-b20 z-lh30 z-text-left z-pd-r10 z-pd-l10 z-pd-b5 z-pd-t5">
             <tr>
                <td><span class="z-bold">当日总设计单:</span>&nbsp;&nbsp;&nbsp;${designOrderSum}</td>
                <td colspan="3"></td>
             </tr>
             <tr>
                <td width="40%"><span class="z-bold">当日总初稿:</span>&nbsp;&nbsp;${firstDraftSum}</td>
                <td width="30%"><span>时效内：</span>${timelinessSum}</td>
                <td width="30%"><span>已超时：</span>${exceedTimelinessSum}</td>
             </tr>
             <tr>
                <td width="40%"><span class="z-bold">等待初稿:</span>&nbsp;&nbsp;${sleepDraftSum}</td>
                <td width="30%"><span>时效内：</span>${sleepTimelinessSum}</td>
                <td width="30%"><span>已超时：</span>${exceedSleepTimelinessSum}</td>
             </tr>
        </table>
        <table class="z-table z-bordered-line z-pd10 z-bg-white z-text-left">
        <tr>
            <td colspan="9" class="z-bold">组织初稿时效统计表</td>
        </tr>
        <tr class="z-bg-gray">
            <td width="15%">组织名称</td>
            <td width="10%">总单量</td>
            <td width="10%">已初稿</td>
            <td width="10%">时效内</td>
            <td width="10%">已超时</td>
            <td width="10%">等待初稿</td>
            <td width="10%">时效内</td>
            <td width="10%">已超时</td>
            <td width="15%">超时百分比</td>
        </tr>
        <#for item : orgStatModelList>
        <tr>
            <td>${item.getOrgName()}</td>
            <td>${item.getOrgOrderSum()}</td>
            <td>${item.getOrgFirstDraftSum()}</td>
            <td>${item.getOrgTimelinessSum()}</td>
            <td>${item.getOrgExceedTimelinessSum()}</td>
            <td>${item.getOrgSleepDraftSum()}</td>
            <td>${item.getOrgSleepTimelinessSum()}</td>
            <td>${item.getOrgExceedSleepTimelinessSum()}</td>
            <td>${item.getOrgExceedPrent()}%</td>
        </tr>
        </#for>
        <tr class="z-bold">
            <td>总计</td>
            <td>${designOrderSum}</td>
            <td>${firstDraftSum}</td>
            <td>${timelinessSum}</td>
            <td>${exceedTimelinessSum}</td>
            <td>${sleepDraftSum}</td>
            <td>${sleepTimelinessSum}</td>
            <td>${exceedSleepTimelinessSum}</td>
            <td>${prentSum}%</td>
        </tr>
        </table>
    </td>
</tr>
</table>

${zhiqim_manager_content_end()}