${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 orgAllOrder = '${orgAllOrder}';
    Highcharts.chart('container', 
    {
        chart: {plotBackgroundColor: null,plotBorderWidth: null,plotShadow: false,type: 'pie'},
        title: {text: '投诉单总量：'+orgAllOrder},
        tooltip: {pointFormat: '{series.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: 
        [{
            name: '投诉原因占比',
            colorByPoint: true,
            data:[
                    <#for item : pcMap.keySet()>
                    {name: '${item}',y: ${pcMap.get(item)}},
                    </#for>
                 ]
        }]
    });
});

function doQueryComplainDetail(complainId){
    
    var dialog = new Z.Dialog();
    dialog.title = "投诉单号："+complainId;
    dialog.url = "/complainDetail.htm?complainId="+complainId;
    dialog.width = 1000;
    dialog.height = 500;
    dialog.execute();
}
</script>
${zhiqim_manager_breadcrumb("我导致的投诉")}
${zhiqim_manager_content()}

<#-- 左侧功能 -->
<#-- 查询条件 -->
${zhiqim_manager_title("查询条件")}
<form name="theForm" action="/complainFinishList.htm">
    <table class="z-table z-bordered z-pd6 z-bg-white">
    <tr class="z-h40">
        <td width="350px">
            受理时间：<input id="startDate" name="startDate" class="z-input z-w90 ${zmr_color_class}" readonly="true" onfocus="Z.date(this);" value="${startDate}">&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}">
        </td>
        <td>&nbsp;组&nbsp;&nbsp;织
			    <select name="orgId" class="z-select z-w180" data-role="z-select-search" data-class="${zmr_color_class}">
					<option value="">请选择</option>
					<#for item : orgList>
		                <option value="${item.getOrgId()}" <#if orgId == item.getOrgId()>selected</#if>>${item.getOrgName()}</option>
		            </#for>
				</select>
			</td>
        <td width="350px">责&nbsp;任&nbsp;人：
        <input type="text" name="undertakePerson" class="z-input z-w180 ${zmr_color_class}" value="${undertakePerson}">
        </td>
        <td width="*">
            <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-h40-tr z-pd5 z-bg-white z-text-center" style="height:auto;">
    <td width="45%"><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-text-left" style="text-align:center">
            <tr bgcolor="${zmr_thead_bgcolor}">
                <td width="15%">订单编号</td>
                <td width="15%">投诉单号</td>
                <td width="20%">责任组织</td>
                <td width="10%">责任人</td>
                <td width="10%">受理状态</td>
                <td width="20%">受理时间</td>
                <td width="10%">操作</td>
            </tr>
            ${zhiqim_manager_tr_no_record(pageResult, 7, "暂时没有数据")}
            <#for item : pageResult.list()>
            <tr class="z-pointer" ${zhiqim_manager_tr_onmouse()} ${zhiqim_manager_tr_click_radio()}>
                <td>${item.getDesignId()}</td>
                <td>${item.getComplainId()}</td>
                <td>${ZmrOrgDao.getOrgName(request,item.getUndertakeOrg())}</td>
                <td>${item.getUndertakePerson()}</td> 
                <td>${ComplainConstants.getStatus(item.getComplainStatus())}</td>
                <td>${Sqls.toDateTimeString(item.getComplainAddTime())}</td>
                <td><button class="z-button z-blue " onclick="doQueryComplainDetail(${item.getComplainId()})">详情</button></td>
            </tr>
            </#for>
            ${zhiqim_manager_paging(pageResult, "/complainFinishList.htm")}
        </table>
    </td>
</table>
${zhiqim_manager_content_end()}