Files
SIPAIIS_WMS_JSSW/WebRoot/jsp/kpi/kpiTaskList.jsp
2026-01-16 14:13:44 +08:00

219 lines
9.6 KiB
Plaintext
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<%--
Created by IntelliJ IDEA.
User: lihongye
Date: 2021/10/12
Time: 上午10:43
To change this template use File | Settings | File Templates.
--%>
<%@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 -->
<head>
<title><%= ServerObject.atttable.get("TOPTITLE")%>
</title>
<!-- 引用页头及CSS页-->
<jsp:include page="/jsp/inc.jsp"></jsp:include>
<script type="text/javascript">
var dosearch = function () {
$("#table").bootstrapTable('refresh');
};
$(function () {
// $("#ul li").click(function() {
// $(this).siblings('li').removeClass('active');
// $(this).addClass('active');
// });
//
// rowNumMakePlan();
// rowNumMark();
$("#table").bootstrapTable({ // 对应table标签的id
url: ext.contextPath + '/kpi/KpiTask/getList.do', // 获取表格数据的url
cache: false, // 设置为 false 禁用 AJAX 数据缓存, 默认为true
striped: true, //表格显示条纹默认为false
pagination: true, // 在表格底部显示分页组件默认false
sidePagination: 'server', // 设置为服务器端分页
pageList: [10, 20, 50], // 设置页面可以显示的数据条数
pageSize: 50, // 页面数据条数
pageNumber: 1, // 首页页码
// sortName: 'update_time', // 要排序的字段
// sortOrder: 'desc', // 排序规
queryParams: function (params) { // 请求服务器数据时发送的参数可以在这里添加额外的查询参数返回false则终止请求
return {
// status: $("#status").val(),
rows: params.limit, // 每页要显示的数据条数
page: params.offset / params.limit + 1, // 每页显示数据的开始页码
sort: params.sort, // 要排序的字段
order: params.order, // 排序规则
processDefinitionKey: $('#processDefinitionKey').val()
}
},
columns: [
{
field: 'objUserName', // 返回json数据中的name
title: '考核对象', // 表格表头显示文字
align: 'center', // 左右居中
valign: 'middle' // 上下居中
}, {
field: 'cardId', // 返回json数据中的name
title: '工号', // 表格表头显示文字
align: 'center', // 左右居中
valign: 'middle' // 上下居中
}, {
field: 'deptName', // 返回json数据中的name
title: '部门', // 表格表头显示文字
align: 'center', // 左右居中
valign: 'middle' // 上下居中
}, {
field: 'jobName', // 返回json数据中的name
title: '岗位', // 表格表头显示文字
align: 'center', // 左右居中
valign: 'middle' // 上下居中
}, {
field: 'jobLevelTypeName', // 返回json数据中的name
title: '岗位类型', // 表格表头显示文字
align: 'center', // 左右居中
valign: 'middle' // 上下居中
}, {
field: 'periodName', // 返回json数据中的name
title: '周期类型', // 表格表头显示文字
align: 'center', // 左右居中
valign: 'middle' // 上下居中
}, {
title: "操作",
align: 'center',
valign: 'middle',
formatter: function (value, row, index) {
var buts = "";
// alert(row.processTypeId);
if(row.processTypeId=="KPI_MAKE_PLAN"){
buts += '<button class="btn btn-default btn-sm" onclick="audit(\'' + row.planStaffId + '\',\'' + row.taskId + '\')" data-toggle="tooltip" title="审批"><i class="fa fa-add "></i><span> 审批</span></button>';
}
if(row.processTypeId=="KPI_MARK") {
buts += '<button class="btn btn-default btn-sm" onclick="mark(\'' + row.planStaffId + '\',\'' + row.taskId + '\')" data-toggle="tooltip" title="打分"><i class="fa fa-edit "></i><span> 打分</span></button>';
}
buts = '<div class="btn-group" >' + buts + '</div>';
return buts;
}
}
],
onLoadSuccess: function () { //加载成功时执行
adjustBootstrapTableView("table");
},
onLoadError: function () { //加载失败时执行
console.info("加载数据失败");
}
})
});
<%--// 加载待办条数--%>
<%--function rowNumMakePlan() {--%>
<%-- $.post(ext.contextPath + '/kpi/KpiTask/getTodoListRowCount.do?processDefinitionKey=${KPI_MAKE_PLAN}', function (data) {--%>
<%-- $("#KPI_MAKE_PLAN").html(data.result);--%>
<%-- });--%>
<%--}--%>
<%--// 加载待办条数--%>
<%--function rowNumMark() {--%>
<%-- $.post(ext.contextPath + '/kpi/KpiTask/getTodoListRowCount.do?processDefinitionKey=${KPI_MARK}', function (data) {--%>
<%-- $("#KPI_MARK").html(data.result);--%>
<%-- });--%>
<%--}--%>
// 审批页面
function audit(planStaffId, taskId) {
window.location.href = ext.contextPath
+ "/kpi/KpiPlanStaffDetail/showList.do?planStaffId=" + planStaffId + "&taskId=" + taskId+"&backToKpiTaskList=1";
}
// 打分页面
function mark(planStaffId, taskId) {
window.location.href = ext.contextPath
+ "/kpi/KpiResultIndicator/showListForMark.do?planStaffId=" + planStaffId + "&taskId=" + taskId+"&backToKpiTaskList=1";
}
// // 跳转到考核计划列表
// function gotoFirstTab() {
// $("#processDefinitionKey").val("KPI_MAKE_PLAN");
// $("#table").bootstrapTable('refresh');
// }
//
// function gotoSecondTab() {
// $("#processDefinitionKey").val("KPI_MARK");
// $("#table").bootstrapTable('refresh');
// }
</script>
</head>
<body>
<div class="wrapper">
<!-- 引用top -->
<%-- <jsp:include page="/jsp/top.jsp"></jsp:include> --%>
<!-- 菜单栏 -->
<%-- <jsp:include page="/jsp/left.jsp"></jsp:include> --%>
<div class="content-wrapper">
<!-- 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>
<!-- <li class="active">Here</li> -->
</ol>
</section>
<!-- Main content -->
<section class="content container-fluid">
<div id="mainAlertdivs"></div>
<div id="subDiv"></div>
<div id="position4Select"></div>
<div id="user4SelectDiv"></div>
<div id="menu4SelectDiv"></div>
<input type="hidden" id="processDefinitionKey" value="KPI_MAKE_PLAN"/>
<%-- <div>--%>
<%-- <ul id="ul" class="nav nav-pills">--%>
<%-- <li class="active">--%>
<%-- <a href="javascript:gotoFirstTab();">绩效方案待审批--%>
<%-- <span id="KPI_MAKE_PLAN" class="badge"></span>--%>
<%-- </a>--%>
<%-- </li>--%>
<%-- <li>--%>
<%-- <a href="javascript:gotoSecondTab();">绩效考核待评价--%>
<%-- <span id="KPI_MARK" class="badge"></span>--%>
<%-- </a>--%>
<%-- </li>--%>
<%-- </ul>--%>
<%-- </div>--%>
<br/>
<div style="height:5px;"></div>
<table id="table"></table>
</section>
<!-- /.content -->
</div>
<%-- <jsp:include page="/jsp/bottom.jsp"></jsp:include> --%>
<%-- <jsp:include page="/jsp/side.jsp"></jsp:include> --%>
</div>
</body>
<!-- 引入daterangepicker-->
<link rel="stylesheet" href="<%=request.getContextPath()%>/plugins/bootstrap-daterangepicker/daterangepicker.css"/>
<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>