${Styles.htmlOverflowHidden()}
${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 chart = Highcharts.chart('container', 
    {
        plotBackgroundColor: null,
        plotBorderWidth: null,
        plotShadow: false,
        type: 'pie',
        title: {text: '质检违规原因分析'},
        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;">占比：{point.percentage:.1f} % </span>',
                }
            }
        },
        series: 
        [{
            type: 'pie',
            name: '质检原因占比',
            data: 
            [
                <#for item : map.entrySet()>
                ['${item.getKey()}', ${item.getValue()}],
                </#for>
            ]
        }]
    });
});

function doApply()
{
    var designer = '${request.getSessionName()}';
    var dialog = new Z.Dialog();
    dialog.title = "申请加分(截图粘贴在下方空白区域)";
    dialog.url = "/qcApplyScore.htm?designer=" + designer;
    dialog.width = 800;
    dialog.height = 600;
    dialog.execute();
}

function doViewDetail(designId)
{
    var dialog = new Z.Dialog();
    dialog.title = "质检违规详情";
    dialog.url = "/qcViolationsDetail.htm?designId=" + designId;
    dialog.width = 800;
    dialog.height = 600;
    dialog.execute();
}

function doViewApplyDetail(applyId)
{
    var dialog = new Z.Dialog();
    dialog.title = "申请加分凭证";
    dialog.url = "/qcApplyDetail.htm?applyId=" + applyId + '&readonly=true';
    dialog.width = 800;
    dialog.height = 600;
    dialog.execute();
}

</script>
${zhiqim_manager_breadcrumb("我的质检")}
${zhiqim_manager_content()}

<#-- 导航 -->
<div data-role="z-tabnav" class="z-tabnav-main z-mg-b20 ${zmr_color_class}">
<nav>
<ul>
    <li class="z-active">我的质检</li>
</ul>
<div class="z-float-left z-mg10 z-lh30">
<form name="theForm" action="/qcPersonal.htm" method="post">
    &nbsp;质检日期：
    <select name="year" class="z-select z-w110" data-role="z-select" data-class="${zmr_color_class}" value="${year}">
        <#for item : yearList>
            <option value="${item}" <#if item==year>selected</#if>>${item}</option>
        </#for>
    </select>
    <select name="month" class="z-select z-w110" data-role="z-select" data-class="${zmr_color_class}" value="${month}">
        <option value="1" <#if month==1>selected</#if>>1</option>
        <option value="2" <#if month==2>selected</#if>>2</option>
        <option value="3" <#if month==3>selected</#if>>3</option>
        <option value="4" <#if month==4>selected</#if>>4</option>
        <option value="5" <#if month==5>selected</#if>>5</option>
        <option value="6" <#if month==6>selected</#if>>6</option>
        <option value="7" <#if month==7>selected</#if>>7</option>
        <option value="8" <#if month==8>selected</#if>>8</option>
        <option value="9" <#if month==9>selected</#if>>9</option>
        <option value="10" <#if month==10>selected</#if>>10</option>
        <option value="11" <#if month==11>selected</#if>>11</option>
        <option value="12" <#if month==12>selected</#if>>12</option>
    </select>
    <button class="z-button z-w80 z-blue z-mg-l5"><i class="z-font z-query"></i>查询</button>
    
    <button type="button" class="z-button z-mg-l5 ${zmr_color_class}" onclick="doApply();"><i class="z-font z-add"></i>申请加分</button>
    <span class="z-mg-l5 z-bold">当前质检分数：</span><span class="z-text-red">${score}</span>
</form>
</div>
</nav>
</div>

    
<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 z-h40-tr z-pd5 z-bg-white z-text-center">
             <tr bgcolor="${zmr_thead_bgcolor}">
                <td colspan="5"><span class="z-bold z-float-left">设计师[${designer}]质检扣分表</span></td>
             </tr>
             <tr bgcolor="${zmr_thead_bgcolor}">
                <td width="15%">违规单号</td>
                <td width="*%">违规原因</td>
                <td width="10%">违规扣分</td>
                <td width="100">质检时间</td>
                <td width="15%">操作</td>
             </tr>
             <#for item : pageResult.list()>
             <tr>
                <td>${item.getDesignId()}</td>
                <td>${item.getReason()}</td>
                <td>-${item.getScore()}</td>
                <td>${item.getQcTime()}</td>
                <td><button class="z-button z-w90 z-blue" onclick="doViewDetail(${item.getDesignId()})">详情</button></td>
             </tr>
             </#for>
             ${zhiqim_manager_tr_no_record(pageResult, 20, "没有质检扣分订单")}
        </table>
        ${zhiqim_manager_paging(pageResult, "/qcPersonal.htm")}
        
        <table class="z-table z-bordered z-h40-tr z-pd5 z-bg-white z-text-center z-mg-t10">
             <tr bgcolor="${zmr_thead_bgcolor}">
                <td colspan="5"><span class="z-bold z-float-left">设计师[${designer}]质检加分表</span></td>
             </tr>
             <tr bgcolor="${zmr_thead_bgcolor}">
                <td width="15%">申请ID</td>
                <td width="*">申请原因</td>
                <td width="100">退回原因</td>
                <td width="10%">质检加分</td>
                <td width="100">申请时间</td>
                <td width="100">申请状态</td>
                <td width="15%">操作</td>
             </tr>
             <#for item : result.list()>
             <tr>
                <td>${item.getApplyId()}</td>
                <td>${item.getApplyReason()}</td>
                <td>${item.getApplyBackReason()}</td>
                <td>+${item.getScore()}</td>
                <td>${item.getApplyTime()}</td>
                <td>
                    <#if item.getApplyFlag()==0>申请中</#if>
                    <#if item.getApplyFlag()==1><span class="z-text-blue">申请成功</span></#if>
                    <#if item.getApplyFlag()==2><span class="z-text-red">申请失败</span></#if>
                </td>
                <td><button class="z-button z-w90 z-blue" onclick="doViewApplyDetail(${item.getApplyId()})">详情</button></td>
             </tr>
             </#for>
             ${zhiqim_manager_tr_no_record(result, 20, "没有申请加分")}
        </table>
        ${zhiqim_manager_paging(result, "/qcPersonal.htm")}
    </td>
</tr>
</table>
${zhiqim_manager_content_end()}