421 lines
9.6 KiB
JavaScript
421 lines
9.6 KiB
JavaScript
/**
|
||
* 请假流程任务办理
|
||
*/
|
||
$(function() {
|
||
|
||
// 签收
|
||
$('.claim').button({
|
||
icons: {
|
||
primary: 'ui-icon-person'
|
||
}
|
||
});
|
||
|
||
// 办理
|
||
$('.handle').button({
|
||
icons: {
|
||
primary: 'ui-icon-comment'
|
||
}
|
||
}).click(handle);
|
||
|
||
// 跟踪
|
||
$('.trace').click(graphTrace);
|
||
|
||
});
|
||
|
||
|
||
// 用于保存加载的详细信息
|
||
var detail = {};
|
||
|
||
/**
|
||
* 加载详细信息
|
||
* @param {Object} id
|
||
*/
|
||
function loadDetail(id, withVars, callback) {
|
||
var dialog = this;
|
||
$.getJSON(ctx + '/oa/leave/detail/' + id, function(data) {
|
||
detail = data;
|
||
$.each(data, function(k, v) {
|
||
|
||
// 格式化日期
|
||
if (k == 'applyTime' || k == 'startTime' || k == 'endTime') {
|
||
$('.view-info td[name=' + k + ']', dialog).text(new Date(v).format('yyyy-MM-dd hh:mm'));
|
||
} else {
|
||
$('.view-info td[name=' + k + ']', dialog).text(v);
|
||
}
|
||
|
||
});
|
||
if ($.isFunction(callback)) {
|
||
callback(data);
|
||
}
|
||
});
|
||
}
|
||
|
||
/**
|
||
* 加载详细信息，同时读取流程任务变量
|
||
* @param {Object} id
|
||
*/
|
||
function loadDetailWithTaskVars(leaveId, taskId, callback) {
|
||
var dialog = this;
|
||
$.getJSON(ctx + '/oa/leave/detail-with-vars/' + leaveId + "/" + taskId, function(data) {
|
||
detail = data;
|
||
$.each(data, function(k, v) {
|
||
// 格式化日期
|
||
if (k == 'applyTime' || k == 'startTime' || k == 'endTime') {
|
||
$('.view-info td[name=' + k + ']', dialog).text(new Date(v).format('yyyy-MM-dd hh:mm'));
|
||
} else {
|
||
$('.view-info td[name=' + k + ']', dialog).text(v);
|
||
}
|
||
});
|
||
if ($.isFunction(callback)) {
|
||
callback(data);
|
||
}
|
||
});
|
||
}
|
||
|
||
/**
|
||
* 完成任务
|
||
* @param {Object} taskId
|
||
*/
|
||
function complete(taskId, variables) {
|
||
var dialog = this;
|
||
|
||
// 转换JSON为字符串
|
||
var keys = "", values = "", types = "";
|
||
if (variables) {
|
||
$.each(variables, function() {
|
||
if (keys != "") {
|
||
keys += ",";
|
||
values += ",";
|
||
types += ",";
|
||
}
|
||
keys += this.key;
|
||
values += this.value;
|
||
types += this.type;
|
||
});
|
||
}
|
||
|
||
$.blockUI({
|
||
message: '<h2><img src="' + ctx + '/images/ajax/loading.gif" align="absmiddle"/>正在提交请求……</h2>'
|
||
});
|
||
|
||
// 发送任务完成请求
|
||
$.post(ctx + '/oa/leave/complete/' + taskId, {
|
||
keys: keys,
|
||
values: values,
|
||
types: types
|
||
}, function(resp) {
|
||
$.unblockUI();
|
||
if (resp == 'success') {
|
||
alert('任务完成');
|
||
location.reload();
|
||
} else {
|
||
alert('操作失败!');
|
||
}
|
||
});
|
||
}
|
||
|
||
|
||
/*
|
||
* 使用json方式定义每个节点的按钮
|
||
* 以及按钮的功能
|
||
*
|
||
* open:打开对话框的时候需要处理的任务
|
||
* btns:对话框显示的按钮
|
||
*/
|
||
var handleOpts = {
|
||
deptLeaderAudit: {
|
||
width: 300,
|
||
height: 300,
|
||
open: function(id) {
|
||
|
||
// 打开对话框的时候读取请假内容
|
||
loadDetail.call(this, id);
|
||
},
|
||
btns: [{
|
||
text: '同意',
|
||
click: function() {
|
||
var taskId = $(this).data('taskId');
|
||
|
||
// 设置流程变量
|
||
complete(taskId, [{
|
||
key: 'deptLeaderPass',
|
||
value: true,
|
||
type: 'B'
|
||
}]);
|
||
}
|
||
}, {
|
||
text: '驳回',
|
||
click: function() {
|
||
var taskId = $(this).data('taskId');
|
||
|
||
$('<div/>', {
|
||
title: '填写驳回理由',
|
||
html: "<textarea id='leaderBackReason' style='width: 250px; height: 60px;'></textarea>"
|
||
}).dialog({
|
||
modal: true,
|
||
open: function() {
|
||
|
||
},
|
||
buttons: [{
|
||
text: '驳回',
|
||
click: function() {
|
||
var leaderBackReason = $('#leaderBackReason').val();
|
||
if (leaderBackReason == '') {
|
||
alert('请输入驳回理由！');
|
||
return;
|
||
}
|
||
|
||
// 设置流程变量
|
||
complete(taskId, [{
|
||
key: 'deptLeaderPass',
|
||
value: false,
|
||
type: 'B'
|
||
}, {
|
||
key: 'leaderBackReason',
|
||
value: leaderBackReason,
|
||
type: 'S'
|
||
}]);
|
||
}
|
||
}, {
|
||
text: '取消',
|
||
click: function() {
|
||
$(this).dialog('close');
|
||
$('#deptLeaderAudit').dialog('close');
|
||
}
|
||
}]
|
||
});
|
||
}
|
||
}, {
|
||
text: '取消',
|
||
click: function() {
|
||
$(this).dialog('close');
|
||
}
|
||
}]
|
||
},
|
||
hrAudit: {
|
||
width: 300,
|
||
height: 300,
|
||
open: function(id) {
|
||
// 打开对话框的时候读取请假内容
|
||
loadDetail.call(this, id);
|
||
},
|
||
btns: [{
|
||
text: '同意',
|
||
click: function() {
|
||
var taskId = $(this).data('taskId');
|
||
|
||
// 设置流程变量
|
||
complete(taskId, [{
|
||
key: 'hrPass',
|
||
value: true,
|
||
type: 'B'
|
||
}]);
|
||
}
|
||
}, {
|
||
text: '驳回',
|
||
click: function() {
|
||
var taskId = $(this).data('taskId');
|
||
|
||
$('<div/>', {
|
||
title: '填写驳回理由',
|
||
html: "<textarea id='hrBackReason' style='width: 250px; height: 60px;'></textarea>"
|
||
}).dialog({
|
||
modal: true,
|
||
buttons: [{
|
||
text: '驳回',
|
||
click: function() {
|
||
var hrBackReason = $('#hrBackReason').val();
|
||
if (hrBackReason == '') {
|
||
alert('请输入驳回理由！');
|
||
return;
|
||
}
|
||
|
||
// 设置流程变量
|
||
complete(taskId, [{
|
||
key: 'hrPass',
|
||
value: false,
|
||
type: 'B'
|
||
}, {
|
||
key: 'hrBackReason',
|
||
value: hrBackReason,
|
||
type: 'S'
|
||
}]);
|
||
}
|
||
}, {
|
||
text: '取消',
|
||
click: function() {
|
||
$(this).dialog('close');
|
||
$('#deptLeaderAudit').dialog('close');
|
||
}
|
||
}]
|
||
});
|
||
}
|
||
}, {
|
||
text: '取消',
|
||
click: function() {
|
||
$(this).dialog('close');
|
||
}
|
||
}]
|
||
},
|
||
modifyApply: {
|
||
width: 500,
|
||
height: 470,
|
||
open: function(id, taskId) {
|
||
var dialog = this;
|
||
|
||
$('#startTime,#endTime', this).datetimepicker({
|
||
stepMinute: 5
|
||
});
|
||
|
||
// 打开对话框的时候读取请假内容
|
||
loadDetailWithTaskVars.call(this, id, taskId, function(data) {
|
||
// 显示驳回理由
|
||
$('.info').show().html("<b>领导：</b>" + (data.variables.leaderBackReason || "") + "<br/><b>HR：</b>" + (data.variables.hrBackReason || ""));
|
||
|
||
// 读取原请假信息
|
||
$('#modifyApplyContent #leaveType option[value=' + data.leaveType + ']').attr('selected', true);
|
||
$('#modifyApplyContent #startTime').val(new Date(data.startTime).format('yyyy-MM-dd hh:mm'));
|
||
$('#modifyApplyContent #endTime').val(new Date(data.endTime).format('yyyy-MM-dd hh:mm'));
|
||
$('#modifyApplyContent #reason').val(data.reason);
|
||
});
|
||
|
||
// 切换状态
|
||
$("#radio").buttonset().change(function(){
|
||
var type = $(':radio[name=reApply]:checked').val();
|
||
if (type == 'true') {
|
||
$('#modifyApplyContent').show();
|
||
} else {
|
||
$('#modifyApplyContent').hide();
|
||
}
|
||
});
|
||
},
|
||
btns: [{
|
||
text: '提交',
|
||
click: function() {
|
||
var taskId = $(this).data('taskId');
|
||
var reApply = $(':radio[name=reApply]:checked').val();
|
||
|
||
// 提交的时候把变量
|
||
complete(taskId, [{
|
||
key: 'reApply',
|
||
value: reApply,
|
||
type: 'B'
|
||
}, {
|
||
key: 'leaveType',
|
||
value: $('#modifyApplyContent #leaveType').val(),
|
||
type: 'S'
|
||
}, {
|
||
key: 'startTime',
|
||
value: $('#modifyApplyContent #startTime').val(),
|
||
type: 'D'
|
||
}, {
|
||
key: 'endTime',
|
||
value: $('#modifyApplyContent #endTime').val(),
|
||
type: 'D'
|
||
}, {
|
||
key: 'reason',
|
||
value: $('#modifyApplyContent #reason').val(),
|
||
type: 'S'
|
||
}]);
|
||
}
|
||
},{
|
||
text: '取消',
|
||
click: function() {
|
||
$(this).dialog('close');
|
||
}
|
||
}]
|
||
},
|
||
reportBack: {
|
||
width: 400,
|
||
height: 400,
|
||
open: function(id, taskId) {
|
||
// 打开对话框的时候读取请假内容
|
||
loadDetail.call(this, id, taskId);
|
||
$('#realityStartTime,#realityEndTime').datetimepicker({
|
||
stepMinute: 5
|
||
});
|
||
},
|
||
btns: [{
|
||
text: '提交',
|
||
click: function() {
|
||
var realityStartTime = $('#realityStartTime').val();
|
||
var realityEndTime = $('#realityEndTime').val();
|
||
|
||
if (realityStartTime == '') {
|
||
alert('请选择实际开始时间！');
|
||
return;
|
||
}
|
||
|
||
if (realityEndTime == '') {
|
||
alert('请选择实际结束时间！');
|
||
return;
|
||
}
|
||
|
||
var taskId = $(this).data('taskId');
|
||
complete(taskId, [{
|
||
key: 'realityStartTime',
|
||
value: realityStartTime,
|
||
type: 'D'
|
||
}, {
|
||
key: 'realityEndTime',
|
||
value: realityEndTime,
|
||
type: 'D'
|
||
}]);
|
||
}
|
||
},{
|
||
text: '取消',
|
||
click: function() {
|
||
$(this).dialog('close');
|
||
}
|
||
}]
|
||
}
|
||
};
|
||
|
||
/**
|
||
* 办理流程
|
||
*/
|
||
function handle() {
|
||
// 当前节点的英文名称
|
||
var tkey = $(this).attr('tkey');
|
||
|
||
// 当前节点的中文名称
|
||
var tname = $(this).attr('tname');
|
||
|
||
// 请假记录ID
|
||
var rowId = $(this).parents('tr').attr('id');
|
||
|
||
// 任务ID
|
||
var taskId = $(this).parents('tr').attr('tid');
|
||
|
||
// 使用对应的模板
|
||
$('#' + tkey).data({
|
||
taskId: taskId
|
||
}).dialog({
|
||
title: '流程办理[' + tname + ']',
|
||
modal: true,
|
||
width: handleOpts[tkey].width,
|
||
height: handleOpts[tkey].height,
|
||
open: function() {
|
||
handleOpts[tkey].open.call(this, rowId, taskId);
|
||
},
|
||
buttons: handleOpts[tkey].btns
|
||
});
|
||
}
|
||
|
||
Date.prototype.format = function(format) {
|
||
var o = {
|
||
"M+": this.getMonth() + 1, //month
|
||
"d+": this.getDate(), //day
|
||
"h+": this.getHours(), //hour
|
||
"m+": this.getMinutes(), //minute
|
||
"s+": this.getSeconds(), //second
|
||
"q+": Math.floor((this.getMonth() + 3) / 3), //quarter
|
||
"S": this.getMilliseconds() //millisecond
|
||
}
|
||
if (/(y+)/.test(format))
|
||
format = format.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
|
||
for (var k in o)
|
||
if (new RegExp("(" + k + ")").test(format))
|
||
format = format.replace(RegExp.$1, RegExp.$1.length == 1 ? o[k] : ("00" + o[k]).substr(("" + o[k]).length));
|
||
return format;
|
||
} |