${Styles.htmlOverflowHidden()}
${Scripts.src("/zinc/chart/highcharts.js")}
${Scripts.src("/zinc/chart/exporting.js")}
${Scripts.src("/zinc/chart/data.js")}
${Scripts.src("/zinc/chart/highcharts-zh_CN.js")}
<script>
Z.onload(function()
{

   var chart = new Highcharts.Chart('container', 
    {
        chart: {
            type: 'spline'
        },
        title: {
            text: '初稿超时走势'
        },
        subtitle: {
            text: '${titleStartDate}——${titleEndDate}   (总单量:   ${orderSum}                初稿超时总单量:   ${orderTimeoutSum})'
        },
        xAxis: {
            categories: [
            <#for date : dateList>
                <#if date_index==(dateList.size()-1)>
                '${date}'
                <#else>
                '${date}',
                </#if>
            </#for>
            ]
        },
        yAxis: {
            title: {
                text: '单量'
            },
            labels: {
                formatter: function () {
                    return this.value + '';
                }
            }
        },
        tooltip: {
            crosshairs: true,
            shared: true
        },
        legend: {
        layout: 'vertical',
        align: 'right',
        verticalAlign: 'middle'
        },
        plotOptions: {
            spline: {
                marker: {
                    radius: 4,
                    lineColor: '#eaeaea',
                    lineWidth: 1
                }
            }
        },
        series: 
        [
        {
            name: '当天录入单量',
            marker: {
                symbol: 'square'
            },
            data: [
            <#for date : dateList>
                <#if date_index==(dateList.size()-1)>
                ${orderCountMap.get(date)}
                <#else>
                ${orderCountMap.get(date)},
                </#if>
            </#for>
            ]
        }, 
        {
            name: '当天初稿超时单量',
            marker: {
                symbol: 'diamond'
            },
            data: [ 
            <#for date : dateList>
                <#if date_index==(dateList.size()-1)>
                ${historyOrderCountMap.get(date)}
                <#else>
                ${historyOrderCountMap.get(date)},
                </#if>
            </#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>
    <li class="z-active">初稿超时折线图</li>
    <#if ZmrPathRule.check(request, "/timelinessOrgStat.htm")><li onclick="Z.Location.href('timelinessOrgStat.htm');">组织初稿时效</li></#if>
</ul>
</nav>
</div>
<#-- 左侧功能 -->
<#-- 查询条件 -->
${zhiqim_manager_title("查询条件")}
<form action="timeoutOrderHistoryStat.htm" method="post">
<table class="z-table z-bordered z-pd6 z-bg-white">
<tr class="z-h40">
    <td width="50%">录单时间：<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>

<div id="container" class="z-bg-white" style="margin-top:20px; min-width:400px;min-height:550px"></div>
${zhiqim_manager_content_end()}