300 lines
12 KiB
Plaintext
300 lines
12 KiB
Plaintext
|
<%@page import="com.sipai.entity.base.ServerObject" %>
|
|||
|
|
<%@ page language="java" pageEncoding="UTF-8" %>
|
|||
|
|
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c" %>
|
|||
|
|
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
|
|||
|
|
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
|
|||
|
|
<%@ taglib uri="http://www.springsecurity.org/jsp" prefix="security" %>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<!DOCTYPE html>
|
|||
|
|
<!-- <html lang="zh-CN"> -->
|
|||
|
|
<!-- BEGIN HEAD -->
|
|||
|
|
<%-- // TODO 拼接的考核详情表 --%>
|
|||
|
|
<head>
|
|||
|
|
|
|||
|
|
<title><%= ServerObject.atttable.get("TOPTITLE")%>
|
|||
|
|
</title>
|
|||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|||
|
|
|
|||
|
|
<!-- 引用页头及CSS页-->
|
|||
|
|
<jsp:include page="/jsp/inc.jsp"></jsp:include>
|
|||
|
|
<!-- <style type="text/css">
|
|||
|
|
.main-header{display:none;}
|
|||
|
|
.content-header{display:none;}
|
|||
|
|
.main-footer{display:none;}
|
|||
|
|
.select2-container .select2-selection--single{
|
|||
|
|
height:34px;
|
|||
|
|
line-height: 34px;
|
|||
|
|
}
|
|||
|
|
.select2-selection__arrow{
|
|||
|
|
margin-top:3px;
|
|||
|
|
}
|
|||
|
|
</style> -->
|
|||
|
|
|
|||
|
|
<style>
|
|||
|
|
.drug-ele-td {
|
|||
|
|
|
|||
|
|
-webkit-touch-callout: none;
|
|||
|
|
-webkit-user-select: none;
|
|||
|
|
-khtml-user-select: none;
|
|||
|
|
-moz-user-select: none;
|
|||
|
|
-ms-user-select: none;
|
|||
|
|
user-select: none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.chosen-area-p,
|
|||
|
|
.rightmouse-panel-div,
|
|||
|
|
.panel-div-left,
|
|||
|
|
.panel-div-right,
|
|||
|
|
.drug-ele-td {
|
|||
|
|
display: none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.setting {
|
|||
|
|
display: none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.duiqifangsi {
|
|||
|
|
display: none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.title {
|
|||
|
|
font-weight: bold;
|
|||
|
|
font-size: 20px;
|
|||
|
|
}
|
|||
|
|
</style>
|
|||
|
|
<script type="text/javascript">
|
|||
|
|
// var data = {
|
|||
|
|
// name: '',
|
|||
|
|
// workId: '',
|
|||
|
|
// workName: '',
|
|||
|
|
// companyName: '',
|
|||
|
|
// week: '',
|
|||
|
|
// list: [1, 2, 3],
|
|||
|
|
// level: ['直接上级', '隔级上级', '隔级上级2']
|
|||
|
|
// }
|
|||
|
|
|
|||
|
|
|
|||
|
|
$(function () {
|
|||
|
|
$('.modal-dialog').width(1200)
|
|||
|
|
let list = JSON.parse('${list}')
|
|||
|
|
let formatList = []
|
|||
|
|
list.map(item => {
|
|||
|
|
if (formatList.length == 0) {
|
|||
|
|
formatList.push([item])
|
|||
|
|
} else {
|
|||
|
|
let child = formatList.find(a => a[0].dimensionName === item.dimensionName)
|
|||
|
|
for (let i = 0; i < formatList.length; i++) {
|
|||
|
|
if (formatList[i][0].dimensionName === item.dimensionName) {
|
|||
|
|
formatList[i].push(item)
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if (child === undefined) {
|
|||
|
|
formatList.push([item])
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
|
|||
|
|
data = {...JSON.parse('${info}'), list: formatList, level: ['直接上级', '隔级上级']}
|
|||
|
|
if (data.markLevelWeight > 2) {
|
|||
|
|
data.level.push('隔级上级2')
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
document.documentElement.oncontextmenu = function (e) {
|
|||
|
|
return false
|
|||
|
|
}
|
|||
|
|
$(".wyb-excel").wybExcel();
|
|||
|
|
initTable()
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
|
|||
|
|
function initTable() {
|
|||
|
|
|
|||
|
|
let childList = ''
|
|||
|
|
data.list.map(child => {
|
|||
|
|
childList += tableItem({list: child, level: data.level})
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
$(".wyb-excel").setExcelHtml(
|
|||
|
|
tableHeader(data.planStaffStatus === 6 ? '年度绩效考核表' : '个人确定页') +
|
|||
|
|
tableFirstRow(data.objUserName, data.cardId, data.jobName, data.deptName, data.periodName, data.resultPoint, data.markLevelWeight) +
|
|||
|
|
childList +
|
|||
|
|
|
|||
|
|
tableOther(data.planStaffStatus, {
|
|||
|
|
name: data.objUserName,
|
|||
|
|
grade: data.resultLevel,
|
|||
|
|
score: data.resultPoint,
|
|||
|
|
examinerList: data.markInfo
|
|||
|
|
}) +
|
|||
|
|
tableFooter())
|
|||
|
|
// $(".wyb-excel").initTable($(".wyb-excel").getExcelHtml(), {})
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function tableFirstRow(name, id, work, company, week, score, level) {
|
|||
|
|
return `<tr style="height: 38px;">
|
|||
|
|
<td style="width: 80px;" readonly="readonly">姓名</td>
|
|||
|
|
<td style="width: 80px;" readonly="readonly">` + name + `</td>
|
|||
|
|
<td style="width: 80px;" readonly="readonly">部门</td>
|
|||
|
|
<td style="width: 80px;" readonly="readonly">` + id + `</td>
|
|||
|
|
<td style="width: 80px;" readonly="readonly">岗位</td>
|
|||
|
|
<td style="width: 80px;" readonly="readonly">` + work + `</td>
|
|||
|
|
<td style="width: 80px;" readonly="readonly">考核年度</td>
|
|||
|
|
<td style="width: 80px;" readonly="readonly">` + week + `</td>
|
|||
|
|
</tr>
|
|||
|
|
<tr style="height: 38px;">
|
|||
|
|
<td colspan="2" readonly="readonly">年度内绩效考核平均成绩</td>
|
|||
|
|
<td colspan="1" readonly="readonly">` + score + `</td>
|
|||
|
|
<td colspan="5" readonly="readonly"></td>
|
|||
|
|
</tr>
|
|||
|
|
<tr style="height: 38px;">
|
|||
|
|
<td readonly="readonly">考核指标</td>
|
|||
|
|
<td readonly="readonly">评分项目</td>
|
|||
|
|
<td readonly="readonly">权重</td>
|
|||
|
|
<td readonly="readonly">直接上级评分(` + level[0] + `%)</td>
|
|||
|
|
<td ` + (level.length > 1 ? '' : `style="display:none"`) + ` readonly="readonly">隔级上级评分(` + level[1] + `%)</td>
|
|||
|
|
<td ` + (level.length > 2 ? '' : `style="display:none"`) + ` readonly="readonly">隔级上级评分2(` + level[2] + `%)</td>
|
|||
|
|
<td readonly="readonly">各项目合计得分</td>
|
|||
|
|
<td colspan="` + (Math.ceil(3 / level.length)) + `" readonly="readonly">备注</td>
|
|||
|
|
</tr>`
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
function tableItem({list = [], level = []}) {
|
|||
|
|
let tableItemStr = ''
|
|||
|
|
for (let i = 0; i < list.length; i++) {
|
|||
|
|
tableItemStr += `<tr>
|
|||
|
|
<td rowspan="` + list.length + `" colspan="1" readonly="readonly" ` + (i === 0 ? '' : 'style="display:none"') + ` >` + list[i].dimensionName + `</td>
|
|||
|
|
<td rowspan="1" colspan="1" readonly="readonly">` + list[i].indicatorName + `</td>
|
|||
|
|
<td rowspan="1" colspan="1" readonly="readonly">` + list[i].indicatorWeight + `</td>
|
|||
|
|
<td rowspan="1" colspan="1" readonly="readonly">` + list[i].resultPointList[0] + `</td>
|
|||
|
|
<td ` + (level.length > 1 ? '' : `style="display:none"`) + ` rowspan="1" colspan="1" readonly="readonly">` + list[i].resultPointList[1] + `</td>
|
|||
|
|
<td ` + (level.length > 2 ? '' : `style="display:none"`) + ` rowspan="1" colspan="1" readonly="readonly">` + list[i].resultPointList[2] + `</td>
|
|||
|
|
<td rowspan="1" colspan="1" readonly="readonly">` + list[i].indicatorWeightPoint + `</td>
|
|||
|
|
<td rowspan="1" colspan="` + (Math.ceil(3 / level.length)) + `" readonly="readonly"></td>
|
|||
|
|
</tr>`
|
|||
|
|
}
|
|||
|
|
return tableItemStr
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
function tableOther(status, {
|
|||
|
|
examinerList = '',//考核人签名
|
|||
|
|
score = '0.00',
|
|||
|
|
grade = '',
|
|||
|
|
name = ''
|
|||
|
|
}) {
|
|||
|
|
return `<tr style="text-align:left">
|
|||
|
|
<td rowspan="1" colspan="1" readonly="readonly">说明</td>
|
|||
|
|
<td rowspan="1" colspan="7" readonly="readonly">每项结果得分=（直接上级评分×0.7+隔级上级评分×0.3）×各项目所占权重</td>
|
|||
|
|
</tr>
|
|||
|
|
<tr style="text-align:left">
|
|||
|
|
<td rowspan="1" colspan="2" readonly="readonly">年度绩效考核得分：</td>
|
|||
|
|
<td style="text-align:center" rowspan="1" colspan="2" readonly="readonly">` + score + `</td>
|
|||
|
|
<td rowspan="1" colspan="4" readonly="readonly">评定等级:` + grade + `</td>
|
|||
|
|
</tr>
|
|||
|
|
<tr>
|
|||
|
|
<td style="text-align: left" rowspan="1" colspan="4" readonly="readonly">考核人签名:` + examinerList.map(info => info.userName).join(',') + `</td>
|
|||
|
|
<td rowspan="1" colspan="1" readonly="readonly">被考核人签名:</td>
|
|||
|
|
<td id="username" rowspan="1" colspan="3" readonly="readonly">` + (status === 6 ? name : ``) + `</td>
|
|||
|
|
</tr>`
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function tableHeader(title) {
|
|||
|
|
return `<table width="100%" style="text-align:center"><tbody>
|
|||
|
|
<tr><td class="title" colspan="8" readonly="readonly">` + title + `</td></tr>`
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function tableFooter() {
|
|||
|
|
return `</tbody></table>`
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function gotoFirstTab() {
|
|||
|
|
window.location.href = ext.contextPath + "/kpi/KpiResult/showList.do";
|
|||
|
|
}
|
|||
|
|
function close() {
|
|||
|
|
closeModal('subModal');
|
|||
|
|
}
|
|||
|
|
function submit() {
|
|||
|
|
$.ajax({
|
|||
|
|
type: 'POST',
|
|||
|
|
url: ext.contextPath + '/kpi/KpiResult/updateStatus.do',
|
|||
|
|
data: {
|
|||
|
|
planStaffId: '${id}',
|
|||
|
|
status: 6
|
|||
|
|
},
|
|||
|
|
success: function (res) {
|
|||
|
|
// alert('保存成功！');
|
|||
|
|
if (res === 1 || res === '1') {
|
|||
|
|
$('#username').html(data.objUserName)
|
|||
|
|
} else if (res === -9 || res === '-9') {
|
|||
|
|
showAlert('d', '非本人无权限确认', 'mainAlertdiv')
|
|||
|
|
} else {
|
|||
|
|
showAlert('d', '确认失败,此条记录已失效,请联系直接上级', 'mainAlertdiv')
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
error: function () {
|
|||
|
|
// alert("error");
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
</head>
|
|||
|
|
|
|||
|
|
<div class="modal fade" id="subModal">
|
|||
|
|
<div class="modal-dialog" style="width: 1200px">
|
|||
|
|
<div class="modal-content">
|
|||
|
|
<div class="modal-header">
|
|||
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|||
|
|
<span aria-hidden="true">×</span></button>
|
|||
|
|
</div>
|
|||
|
|
<div class="modal-body">
|
|||
|
|
<div id="mainAlertdiv"></div>
|
|||
|
|
<div class="wyb-excel" style="width:100%;margin: 0 auto;"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="modal-footer">
|
|||
|
|
<button type="button" class="btn btn-default pull-left" data-dismiss="modal" onclick="close()">关闭</button>
|
|||
|
|
<c:if test="${status==5}">
|
|||
|
|
<button type="button" class="btn btn-primary" onclick="submit()">确认</button>
|
|||
|
|
</c:if>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<%--<body>--%>
|
|||
|
|
<%--<div class="modal fade" id="subModal">--%>
|
|||
|
|
<%-- <div class="modal-dialog">--%>
|
|||
|
|
<%-- <div class="modal-content">--%>
|
|||
|
|
<%-- <!-- Content Header (Page header) -->--%>
|
|||
|
|
<%-- <section class="content-header">--%>
|
|||
|
|
<%-- <h1 id="head_title"></h1>--%>
|
|||
|
|
<%-- <ol class="breadcrumb">--%>
|
|||
|
|
<%-- <li><a id='head_firstlevel' href="#"><i class="fa fa-dashboard"></i> </a></li>--%>
|
|||
|
|
<%-- </ol>--%>
|
|||
|
|
<%-- </section>--%>
|
|||
|
|
<%-- <section class="content container-fluid" style="width: 100%;margin: 20px auto auto;">--%>
|
|||
|
|
<%-- <div class="wyb-excel" style="width:100%;margin: 0 auto;"></div>--%>
|
|||
|
|
<%-- </section>--%>
|
|||
|
|
<%-- </div>--%>
|
|||
|
|
<%-- </div>--%>
|
|||
|
|
<%--</div>--%>
|
|||
|
|
<%--</body>--%>
|
|||
|
|
<!-- 引入daterangepicker-->
|
|||
|
|
<link rel="stylesheet" href="<%=request.getContextPath()%>/plugins/bootstrap-daterangepicker/daterangepicker.css"/>
|
|||
|
|
|
|||
|
|
<link rel="stylesheet" href="<%=request.getContextPath()%>/plugins/xlsx/css/excel.css" type="text/css"/>
|
|||
|
|
<link rel="stylesheet" href="<%=request.getContextPath()%>/plugins/xlsx/css/font-awesome.min.css"/>
|
|||
|
|
<script type="text/javascript" src="<%=request.getContextPath()%>/plugins/xlsx/js/excel.min.js"
|
|||
|
|
charset="utf-8"></script>
|
|||
|
|
|
|||
|
|
<script type="text/javascript" src="<%=request.getContextPath()%>/plugins/bootstrap-daterangepicker/moment.min.js"
|
|||
|
|
charset="utf-8"></script>
|
|||
|
|
|
|||
|
|
<script type="text/javascript" src="<%=request.getContextPath()%>/plugins/bootstrap-daterangepicker/daterangepicker.js"
|
|||
|
|
charset="utf-8"></script>
|
|||
|
|
|
|||
|
|
</html>
|