138 рядки
4.4 KiB
Plaintext
138 рядки
4.4 KiB
Plaintext
<#def designatedPath="/personalPerformanceStat.htm"/>
|
||
${Scripts.src("/zinc/chart/highcharts.js")}
|
||
${Scripts.src("/zinc/chart/exporting.js")}
|
||
${Scripts.src("/zinc/chart/highcharts-zh_CN.js")}
|
||
<script>
|
||
Z.onload(function load()
|
||
{
|
||
|
||
Highcharts.setOptions({
|
||
colors: ['#696969', '#D3D3D3', '#778899']
|
||
});
|
||
|
||
//饼图
|
||
var chart = Highcharts.chart('container',
|
||
{
|
||
title: {text: '绩效分析（总金额：${amountSum}）'},
|
||
tooltip: {headerFormat: '{series.name}<br>',pointFormat: '{point.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:
|
||
[{
|
||
type: 'pie',
|
||
name: '组织派单占比',
|
||
data:
|
||
[
|
||
<#for item : map.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 class="z-active">个人绩效统计</li>
|
||
<#if ZmrPathRule.check(request, "/designerPerformanceStat.htm")><li onclick="Z.L.href('designerPerformanceStat.htm');">设计师绩效统计</li></#if>
|
||
<#if ZmrPathRule.check(request, "/notTimeoutCompleteOrderHistory.htm")><li onclick="Z.L.href('notTimeoutCompleteOrderHistory.htm');">时效绩效</li></#if>
|
||
</ul>
|
||
</nav>
|
||
</div>
|
||
|
||
<#-- 查询条件 -->
|
||
${zhiqim_manager_title("查询条件")}
|
||
<form name="theForm" action="/personalPerformanceStat.htm">
|
||
<table class="z-table z-bordered z-pd6">
|
||
<tr class="z-h40 z-bg-white">
|
||
<td>
|
||
查询日期：
|
||
<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}">
|
||
<#for mm : 1..12>
|
||
<option value="${mm}" <#if month==mm>selected</#if>>${mm}</option>
|
||
</#for>
|
||
</select>
|
||
<button class="z-mg-l10 z-button ${zmr_color_class}">查询</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-pd10 z-bg-white z-text-left">
|
||
<tr>
|
||
<td colspan="4" class="z-bold">个人绩效统计表</td>
|
||
</tr>
|
||
<tr class="z-bg-gray">
|
||
<td width="120">类别</td>
|
||
<td width="100">数值</td>
|
||
<td width="100">金额     (单位/元)</td>
|
||
</tr>
|
||
<tr>
|
||
<td>设计</td>
|
||
<td>${stat.getDesignCompleteSum()}</td>
|
||
<td>${Amounts.toYuan(stat.getDesignAmount())}</td>
|
||
</tr>
|
||
<tr>
|
||
<td>疑难订单</td>
|
||
<td>${stat.getOrderTypeSum()}</td>
|
||
<td>${Amounts.toYuan(stat.getOrderTypeAmount())}</td>
|
||
</tr>
|
||
<tr>
|
||
<td>退款率</td>
|
||
<td>${Amounts.toYuan(stat.getRefundRate())}%</td>
|
||
<td>${Amounts.toYuan(stat.getRefundAmount())}</td>
|
||
</tr>
|
||
<tr>
|
||
<td>质检绩效</td>
|
||
<td>${stat.getQcScore()}</td>
|
||
<td>${Amounts.toYuan(stat.getQcAmount())}</td>
|
||
</tr>
|
||
<tr>
|
||
<td>售后扣罚</td>
|
||
<td>${stat.getAfterCount()}</td>
|
||
<td>-${Amounts.toYuan(stat.getAfterLossAmount())}</td>
|
||
</tr>
|
||
|
||
<#if stat.getIsGroupLeader() ==1>
|
||
<tr>
|
||
<td colspan="2" align="left">小组绩效</td>
|
||
<td>${groupBringAmount}</td>
|
||
</tr>
|
||
</#if>
|
||
<tr class="z-bold">
|
||
<td colspan="2" align="left">总金额</td>
|
||
<td>${amountSum}</td>
|
||
</tr>
|
||
</table>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
${zhiqim_manager_content_end()} |