layui.use(['table', 'ax', 'laydate'], function () {
|
var $ = layui.$;
|
var table = layui.table;
|
var laydate = layui.laydate;
|
var $ax = layui.ax;
|
|
/**
|
* 管理
|
*/
|
var Procinst = {
|
tableId: "procinstTable"
|
};
|
|
/**
|
* 初始化表格的列
|
*/
|
Procinst.initColumn = function () {
|
return [[
|
{type: 'checkbox'},
|
{field: 'id_', hide: true, title: ''},
|
{field: 'proc_inst_id_', hide: true, sort: true, title: ''},
|
{field: 'dgrm_resource_name_', hide: true, sort: true, title: ''},
|
{field: 'deployment_id_', hide: true, sort: true, title: ''},
|
{field: 'pname_', sort: true, title: '流程名称'},
|
{field: 'initator', sort: true, title: '申请人'},
|
{field: 'version_', sort: true, title: '流程版本'},
|
{field: 'start_time_', sort: true, title: '开始时间'},
|
{field: 'end_time_', sort: true, title: '结束时间'},
|
{field: 'ztime', sort: true, title: '用时'},
|
{
|
field: 'delete_reason_', sort: true, title: '状态', templet: function (d) {
|
if (d.delete_reason_ === null) {
|
return "<span style='color: #87B87F;'>正常完成</span>";
|
} else {
|
return "<span style='color: red;'>作废</span>";
|
}
|
}
|
},
|
{align: 'center', toolbar: '#tableBar', title: '操作'}
|
]];
|
};
|
|
//渲染时间选择框
|
laydate.render({
|
elem: '#lastStart',
|
range: false,
|
max: Feng.currentDate()
|
});
|
|
//渲染时间选择框
|
laydate.render({
|
elem: '#lastEnd',
|
range: false,
|
max: Feng.currentDate()
|
});
|
|
/**
|
* 点击查询按钮
|
*/
|
Procinst.search = function () {
|
var queryData = {};
|
queryData['keywords'] = $("#keywords").val();
|
queryData['lastStart'] = $("#lastStart").val();
|
queryData['lastEnd'] = $("#lastEnd").val();
|
table.reload(Procinst.tableId, {
|
where: queryData, page: {curr: 1}
|
});
|
};
|
|
/**
|
* 点击流程信息
|
*
|
* @param data 点击按钮时候的行数据
|
*/
|
Procinst.openDetailDlg = function (data) {
|
layer.open({
|
type: 2,
|
title: '流程信息',
|
area: ['900px', '500px'],
|
content: Feng.ctxPath + '/taskHistory/processInfo?ID_=' + data.id_ + "&DGRM_RESOURCE_NAME_=" + data.dgrm_resource_name_ + "&PROC_INST_ID_=" + data.proc_inst_id_,
|
end: function () {
|
Procinst.search();
|
}
|
});
|
};
|
|
/**
|
* 点击删除
|
*
|
* @param data 点击按钮时候的行数据
|
*/
|
Procinst.onDeleteItem = function (data) {
|
var operation = function () {
|
var ajax = new $ax(Feng.ctxPath + "/historyProc/delete", function (data) {
|
Feng.success("删除成功!");
|
table.reload(Procinst.tableId);
|
}, function (data) {
|
Feng.error("删除失败!" + data.responseJSON.message + "!");
|
});
|
ajax.set("procinstId", data.proc_inst_id_);
|
ajax.start();
|
};
|
Feng.confirm("是否删除?", operation);
|
};
|
|
// 渲染表格
|
var tableResult = table.render({
|
elem: '#' + Procinst.tableId,
|
url: Feng.ctxPath + '/historyProc/list',
|
page: true,
|
height: "full-158",
|
cellMinWidth: 100,
|
cols: Procinst.initColumn()
|
});
|
|
// 搜索按钮点击事件
|
$('#btnSearch').click(function () {
|
Procinst.search();
|
});
|
|
// 工具条点击事件
|
table.on('tool(' + Procinst.tableId + ')', function (obj) {
|
var data = obj.data;
|
var layEvent = obj.event;
|
|
if (layEvent === 'detail') {
|
Procinst.openDetailDlg(data);
|
} else if (layEvent === 'delete') {
|
Procinst.onDeleteItem(data);
|
}
|
});
|
});
|
