103 рядки
3.5 KiB
Plaintext
103 рядки
3.5 KiB
Plaintext
${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 backMergeCount = '${backMergeCount}';
|
||
Highcharts.chart('container',
|
||
{
|
||
chart: {plotBackgroundColor: null,plotBorderWidth: null,plotShadow: false,type: 'pie'},
|
||
title: {text: '印前退回统计（总计：'+backMergeCount+'）'},
|
||
|
||
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 : pieMap.keySet()>
|
||
{name: '${item}',y: ${pieMap.get(item)}},
|
||
</#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('orderBackEffectStat.htm');">退回数量统计</li>
|
||
<li class="z-active">退回原因统计</li>
|
||
<li onclick="Z.Location.href('sectionFinalizeCompleteStat.htm');">部门退回统计</li>
|
||
</ul>
|
||
</nav>
|
||
</div>
|
||
|
||
<#-- 查询条件 -->
|
||
${zhiqim_manager_title("查询条件")}
|
||
<form name="theForm" action="/beforecauseChart.htm">
|
||
<table class="z-table z-bordered z-pd6">
|
||
<tr class="z-h40 z-bg-white">
|
||
<td>退回时间：
|
||
<input name="beginDate" onfocus="Z.date(this);" readonly class="z-input ${zmr_color_class} z-w100" value="${beginDate}"> -
|
||
<input name="endDate" onfocus="Z.date(this);" readonly class="z-input ${zmr_color_class} z-w100 z-mg-r30 " value="${endDate}">
|
||
<button class="z-large z-w120 z-button ${zmr_color_class}">查询</button>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</form>
|
||
<br>
|
||
|
||
|
||
<#-- 分页列表-->
|
||
<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-pd10 z-bg-white z-text-left" style="text-align:center">
|
||
<tr class="z-bg-gray">
|
||
<td width="20%">退回原因</td>
|
||
<td width="20%">退回单数</td>
|
||
<td width="20%">退回单数占比</td>
|
||
<td width="20%">退回单金额</td>
|
||
<td width="20%">退回单金额占比</td>
|
||
</tr>
|
||
<#for item : modelList>
|
||
<tr>
|
||
<td>${item.getBackCause()}</td>
|
||
<td>${item.getBackCount()}</td>
|
||
<td>${CalculationUtil.calculatePercent(item.getBackCount(),backMergeCount)}</td>
|
||
<td>${Amounts.toYuan(item.getBackMoney())}</td>
|
||
<td>${CalculationUtil.calculatePercent(item.getBackMoney(),backMergeMoney)}</td>
|
||
</tr>
|
||
</#for>
|
||
<tr class="z-bold">
|
||
<td>总计</td>
|
||
<td>${backMergeCount}</td>
|
||
<td>100%</td>
|
||
<td>${Amounts.toYuan(backMergeMoney)}</td>
|
||
<td>100%</td>
|
||
</tr>
|
||
</table>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
${zhiqim_manager_content_end()} |