434 lines
16 KiB
JavaScript
434 lines
16 KiB
JavaScript
|
/**
|
|||
|
|
* 报表生成
|
|||
|
|
* @param id
|
|||
|
|
* @param layerType
|
|||
|
|
*/
|
|||
|
|
function onlineExcel4minio(id, layerType) {
|
|||
|
|
var sheetName = '';
|
|||
|
|
//获取该excel的所有sheet 默认加载第一个sheet
|
|||
|
|
$.post(ext.contextPath + '/report/rptCreate/getSheet.do', {id: id}, function (data) {
|
|||
|
|
var datastr = eval('(' + data + ')');
|
|||
|
|
if (datastr.code == 1) {
|
|||
|
|
var msg = datastr.msg;
|
|||
|
|
var arr = msg.split(",");
|
|||
|
|
|
|||
|
|
var sheetstr = '<div class="btn-group">';
|
|||
|
|
var btnClass = "";
|
|||
|
|
var sheetName = "";
|
|||
|
|
//循环sheet
|
|||
|
|
for (var i = 0; i < arr.length - 1; i++) {
|
|||
|
|
if (i == 0) {
|
|||
|
|
btnClass = "btn-primary";
|
|||
|
|
} else {
|
|||
|
|
btnClass = "btn-default";
|
|||
|
|
}
|
|||
|
|
if (arr[i] != null && arr[i] != '') {
|
|||
|
|
sheetName = arr[i];
|
|||
|
|
} else {
|
|||
|
|
sheetName = "sheet" + i;
|
|||
|
|
}
|
|||
|
|
sheetstr += '<div class="btn ' + btnClass + '" onclick="viewFile(\'' + id + '\',\'' + sheetName + '\',\'' + layerType + '\',this);">' + sheetName + '</div>';
|
|||
|
|
}
|
|||
|
|
sheetstr += '</div>';
|
|||
|
|
$('#viewFile_top').html(sheetstr);
|
|||
|
|
|
|||
|
|
// console.log(arr);
|
|||
|
|
//获取excel数据，前端渲染
|
|||
|
|
sheetName = arr[0];
|
|||
|
|
viewFile_open(id, sheetName, layerType);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//赋值并打开页面
|
|||
|
|
function viewFile_open(id, sheetName, layerType) {
|
|||
|
|
//先清空excel div
|
|||
|
|
$('#viewFile_bottom').html('');
|
|||
|
|
//等待
|
|||
|
|
top.layer.load(1);
|
|||
|
|
//sheet赋值
|
|||
|
|
$('#sheet').val(sheetName);
|
|||
|
|
//creatId赋值
|
|||
|
|
$('#creatId').val(id);
|
|||
|
|
$.post(ext.contextPath + '/report/rptCreate/viewFile.do', {
|
|||
|
|
id: id,
|
|||
|
|
sheetName: sheetName,
|
|||
|
|
layerType: layerType
|
|||
|
|
}, function (data) {
|
|||
|
|
var end = data;
|
|||
|
|
$('#viewFile_bottom').html(end);
|
|||
|
|
$('#viewFile_bottom td').addClass("viewFile-td");
|
|||
|
|
//获取并加载日志
|
|||
|
|
getLog('cal');
|
|||
|
|
//关闭等待
|
|||
|
|
top.layer.closeAll('loading');
|
|||
|
|
//前端后端 XY转化
|
|||
|
|
setCellsInfo();
|
|||
|
|
});
|
|||
|
|
layer.open({
|
|||
|
|
type: 1,
|
|||
|
|
title: '报表预览',
|
|||
|
|
area: '95%',
|
|||
|
|
skin: 'bgfff', //没有背景色
|
|||
|
|
maxmin: true,
|
|||
|
|
shadeClose: true,
|
|||
|
|
closeBtn: '1',
|
|||
|
|
content: $('#viewFile'),
|
|||
|
|
success: function (layero, index) { //弹出层加载成功后执行
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//仅赋值---切换sheet
|
|||
|
|
function viewFile(id, sheetName, layerType, ele) {
|
|||
|
|
if (ele != null && ele != undefined) {
|
|||
|
|
$(ele).siblings().removeClass("btn-primary");
|
|||
|
|
$(ele).siblings().removeClass("btn-default");
|
|||
|
|
$(ele).siblings().addClass("btn-default");
|
|||
|
|
$(ele).removeClass("btn-default");
|
|||
|
|
$(ele).addClass("btn-primary");
|
|||
|
|
}
|
|||
|
|
//先清空excel div
|
|||
|
|
$('#viewFile_bottom').html('');
|
|||
|
|
//等待
|
|||
|
|
top.layer.load(1);
|
|||
|
|
//给sheet赋值
|
|||
|
|
$('#sheet').val(sheetName);
|
|||
|
|
$.post(ext.contextPath + '/report/rptCreate/viewFile.do', {
|
|||
|
|
id: id,
|
|||
|
|
sheetName: sheetName,
|
|||
|
|
layerType: layerType
|
|||
|
|
}, function (data) {
|
|||
|
|
var end = data;
|
|||
|
|
$('#viewFile_bottom').html(end);
|
|||
|
|
$('#viewFile_bottom td').addClass("viewFile-td");
|
|||
|
|
//获取并加载日志
|
|||
|
|
getLog('cal');
|
|||
|
|
//关闭等待
|
|||
|
|
top.layer.closeAll('loading');
|
|||
|
|
//前端后端 XY转化
|
|||
|
|
setCellsInfo();
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//渲染后的table 右键事件
|
|||
|
|
function tabClickRight() {
|
|||
|
|
var td = event.srcElement; // 通过event.srcElement 获取激活事件的对象 td
|
|||
|
|
if (td.parentElement.rowIndex != 'undefined' && td.parentElement.rowIndex != undefined && td.cellIndex != 'undefined' && td.cellIndex != undefined) {
|
|||
|
|
// var posx = td.cellIndex;
|
|||
|
|
// var posy = td.parentElement.rowIndex;
|
|||
|
|
var posx = td.cellIndex;
|
|||
|
|
var posy = td.parentElement.rowIndex;
|
|||
|
|
// alert(posx + '------' + posy);
|
|||
|
|
|
|||
|
|
$('#tableLog').bootstrapTable('destroy');
|
|||
|
|
$("#tableLog").bootstrapTable({ // 对应table标签的id
|
|||
|
|
url: ext.contextPath + '/report/rptLog/getList.do', // 获取表格数据的url
|
|||
|
|
cache: false, // 设置为 false 禁用 AJAX 数据缓存， 默认为true
|
|||
|
|
striped: true, //表格显示条纹，默认为false
|
|||
|
|
pagination: true, // 在表格底部显示分页组件，默认false
|
|||
|
|
pageList: [200], // 设置页面可以显示的数据条数
|
|||
|
|
pageSize: 200, // 页面数据条数
|
|||
|
|
pageNumber: 1, // 首页页码
|
|||
|
|
paginationDetailHAlign: ' hidden',//去除分页的显示
|
|||
|
|
sidePagination: 'server', // 设置为服务器端分页
|
|||
|
|
queryParams: function (params) { // 请求服务器数据时发送的参数，可以在这里添加额外的查询参数，返回false则终止请求
|
|||
|
|
return {
|
|||
|
|
rows: params.limit, // 每页要显示的数据条数
|
|||
|
|
page: params.offset / params.limit + 1, // 每页显示数据的开始页码
|
|||
|
|
sort: params.sort, // 要排序的字段
|
|||
|
|
order: params.order,
|
|||
|
|
createId: $('#creatId').val(),
|
|||
|
|
posx: posx,
|
|||
|
|
posy: posy
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
sortName: 'insdt', // 要排序的字段
|
|||
|
|
sortOrder: 'desc', // 排序规则
|
|||
|
|
columns: [
|
|||
|
|
{
|
|||
|
|
field: '', // 返回json数据中的name
|
|||
|
|
title: '修订前值', // 表格表头显示文字
|
|||
|
|
align: 'center', // 左右居中
|
|||
|
|
valign: 'middle', // 上下居中
|
|||
|
|
width: '25%',
|
|||
|
|
formatter: function (value, row, index) {
|
|||
|
|
return row.beforeValue;
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
field: '', // 返回json数据中的name
|
|||
|
|
title: '修订值', // 表格表头显示文字
|
|||
|
|
align: 'center', // 左右居中
|
|||
|
|
valign: 'middle', // 上下居中
|
|||
|
|
width: '25%',
|
|||
|
|
formatter: function (value, row, index) {
|
|||
|
|
return row.afterValue;
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
field: '', // 返回json数据中的name
|
|||
|
|
title: '修订人', // 表格表头显示文字
|
|||
|
|
align: 'center', // 左右居中
|
|||
|
|
valign: 'middle', // 上下居中
|
|||
|
|
width: '25%',
|
|||
|
|
formatter: function (value, row, index) {
|
|||
|
|
if (row.user != null && row.user != '') {
|
|||
|
|
return row.user.caption;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
field: '', // 返回json数据中的name
|
|||
|
|
title: '修订时间', // 表格表头显示文字
|
|||
|
|
align: 'center', // 左右居中
|
|||
|
|
valign: 'middle', // 上下居中
|
|||
|
|
width: '25%',
|
|||
|
|
formatter: function (value, row, index) {
|
|||
|
|
return row.insdt.substring(0, 19);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
],
|
|||
|
|
onLoadSuccess: function (data) { //加载成功时执行
|
|||
|
|
adjustBootstrapTableView("tableLog");
|
|||
|
|
if (data.total > 0) {
|
|||
|
|
layer.open({
|
|||
|
|
type: 1,
|
|||
|
|
title: false,
|
|||
|
|
area: '50%',
|
|||
|
|
skin: 'bgfff', //没有背景色
|
|||
|
|
maxmin: false,
|
|||
|
|
content: $('#viewHis'),
|
|||
|
|
cancel: function () {//获取右上角关闭事件
|
|||
|
|
//无
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
onLoadError: function () { //加载失败时执行
|
|||
|
|
console.info("加载数据失败");
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 转换前端和excel XY公式
|
|||
|
|
*/
|
|||
|
|
function setCellsInfo() {
|
|||
|
|
var rowSpanAll = [];
|
|||
|
|
var objTab = document.getElementById('t1')
|
|||
|
|
// 遍历表格
|
|||
|
|
for (var i = 0; i < objTab.rows.length; i++) {
|
|||
|
|
var posTempX = 1
|
|||
|
|
// var rowSpanAll_row =[]
|
|||
|
|
for (var j = 0; j < objTab.rows[i].cells.length; j++) {
|
|||
|
|
var cellItem = objTab.rows[i].cells[j]
|
|||
|
|
cellItem.id = 'cell-' + Math.floor(Math.random() * 1000000)
|
|||
|
|
if (j > 0) {
|
|||
|
|
posTempX += objTab.rows[i].cells[j - 1].colSpan
|
|||
|
|
}
|
|||
|
|
var realRow = i + 1 // 行
|
|||
|
|
var realCol = posTempX
|
|||
|
|
// console.log("默认第"+realRow+"行初始列", realCol)
|
|||
|
|
if (rowSpanAll.length > 0) {
|
|||
|
|
rowSpanAll.forEach(function (rowSpanObj) {
|
|||
|
|
if (rowSpanObj.row < realRow && rowSpanObj.rowSpanNum > 0 && realCol >= rowSpanObj.col) {
|
|||
|
|
// console.log("默认第"+realRow+"行加", rowSpanObj)
|
|||
|
|
realCol += rowSpanObj.colSpanNum
|
|||
|
|
}
|
|||
|
|
// else{
|
|||
|
|
// console.log("默认第"+realRow+"行未加", rowSpanObj)
|
|||
|
|
// }
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
cellItem.setAttribute('posx', realCol)
|
|||
|
|
cellItem.setAttribute('posy', realRow)
|
|||
|
|
if (cellItem.rowSpan > 1) {
|
|||
|
|
var obj = {}
|
|||
|
|
obj['rowSpanNum'] = cellItem.rowSpan
|
|||
|
|
obj['colSpanNum'] = cellItem.colSpan
|
|||
|
|
obj['row'] = realRow
|
|||
|
|
obj['col'] = realCol
|
|||
|
|
rowSpanAll.push(obj)
|
|||
|
|
rowSpanAll.sort(function (a, b) {
|
|||
|
|
return a.col - b.col
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
// rowSpanAll= rowSpanAll_row.concat(rowSpanAll)
|
|||
|
|
if (rowSpanAll.length > 0) {
|
|||
|
|
rowSpanAll.forEach(function (rowSpanObj) {
|
|||
|
|
rowSpanObj.rowSpanNum--
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//渲染后的table 左键事件
|
|||
|
|
function tabClickLeft(type, cellId) {
|
|||
|
|
var box = document.getElementById(cellId);
|
|||
|
|
//excel中的X
|
|||
|
|
var posx_e = box.getAttribute("posx");
|
|||
|
|
//excel中的Y
|
|||
|
|
var posy_e = box.getAttribute("posy");
|
|||
|
|
|
|||
|
|
var td = event.srcElement; // 通过event.srcElement 获取激活事件的对象 td
|
|||
|
|
if (td.parentElement.rowIndex != 'undefined' && td.parentElement.rowIndex != undefined && td.cellIndex != 'undefined' && td.cellIndex != undefined) {
|
|||
|
|
var str = td.innerHTML;
|
|||
|
|
var reg = RegExp(/button/);
|
|||
|
|
//如果包含button则为有事件的单元格 不参与修改值
|
|||
|
|
if (str.match(reg)) {
|
|||
|
|
//if (str.match('确认区域')) {
|
|||
|
|
layer.confirm("是否确认该时间段内数据?", {icon: 3, title: '提示'},
|
|||
|
|
function (index) {//确认
|
|||
|
|
var sheet = $('#sheet').val();
|
|||
|
|
var creatId = $('#creatId').val();
|
|||
|
|
// var type = type;
|
|||
|
|
var posx = td.cellIndex;
|
|||
|
|
var posy = td.parentElement.rowIndex;
|
|||
|
|
var userId = '${userId}';
|
|||
|
|
$.post(ext.contextPath + '/report/rptLog/doupdate.do', {
|
|||
|
|
sheet: sheet,
|
|||
|
|
creatId: creatId,
|
|||
|
|
type: type,
|
|||
|
|
posx: posx,
|
|||
|
|
posy: posy,
|
|||
|
|
userId: userId,
|
|||
|
|
val: 0
|
|||
|
|
}, function (data) {
|
|||
|
|
//
|
|||
|
|
});
|
|||
|
|
td.innerHTML = '${userName}';
|
|||
|
|
layer.close(index);
|
|||
|
|
},
|
|||
|
|
function (index) {//取消
|
|||
|
|
layer.close(index);
|
|||
|
|
});
|
|||
|
|
} else {
|
|||
|
|
layer.prompt({value: str},
|
|||
|
|
function (val, index) {
|
|||
|
|
td.innerHTML = val;//设置单击单元格的值
|
|||
|
|
var sheet = $('#sheet').val();
|
|||
|
|
var creatId = $('#creatId').val();
|
|||
|
|
// var type = type;
|
|||
|
|
var posx = td.cellIndex;
|
|||
|
|
var posy = td.parentElement.rowIndex;
|
|||
|
|
|
|||
|
|
if (str == null || str == '' || str == ' ') {
|
|||
|
|
str = 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//去除输入过程中的空格 不然无法识别
|
|||
|
|
val = val.replace(/\s*/g, "");
|
|||
|
|
|
|||
|
|
if (val != null && val != '') {
|
|||
|
|
//正常的
|
|||
|
|
$.post(ext.contextPath + '/report/rptLog/dosave.do', {
|
|||
|
|
sheet: sheet,
|
|||
|
|
creatId: creatId,
|
|||
|
|
type: type,
|
|||
|
|
posx: posx,//table中的x
|
|||
|
|
posy: posy,//table中的y
|
|||
|
|
posx_e: posx_e,//excel中的x
|
|||
|
|
posy_e: posy_e,//excel中的y
|
|||
|
|
beforeValue: str,//修改前的值
|
|||
|
|
afterValue: val //修改后的值
|
|||
|
|
}, function (data) {
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
} else {
|
|||
|
|
//空格
|
|||
|
|
$.post(ext.contextPath + '/report/rptLog/dosave4Space.do', {
|
|||
|
|
sheet: sheet,
|
|||
|
|
creatId: creatId,
|
|||
|
|
type: type,
|
|||
|
|
posx: posx,//table中的x
|
|||
|
|
posy: posy,//table中的y
|
|||
|
|
posx_e: posx_e,//excel中的x
|
|||
|
|
posy_e: posy_e,//excel中的y
|
|||
|
|
beforeValue: str,//修改前的值
|
|||
|
|
afterValue: '' //修改后的值
|
|||
|
|
}, function (data) {
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
layer.close(index);
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//获取数据修改日志
|
|||
|
|
function getLog(type) {
|
|||
|
|
var sheet = $('#sheet').val();
|
|||
|
|
var creatId = $('#creatId').val();
|
|||
|
|
|
|||
|
|
$.post(ext.contextPath + '/report/rptCreate/getCreateById.do', {
|
|||
|
|
id: creatId
|
|||
|
|
}, function (data) {
|
|||
|
|
var create_json = $.parseJSON(data);
|
|||
|
|
|
|||
|
|
$.post(ext.contextPath + '/report/rptLog/getJson.do', {
|
|||
|
|
sheet: sheet,
|
|||
|
|
creatId: creatId,
|
|||
|
|
type: type
|
|||
|
|
}, function (data) {
|
|||
|
|
var json = $.parseJSON(data);
|
|||
|
|
if (json != null && json.length > 0) {
|
|||
|
|
for (let i = 0; i < json.length; i++) {
|
|||
|
|
if (json[i].type == 'cal') {
|
|||
|
|
var y = parseInt(json[i].posy);
|
|||
|
|
var x = $("tr:eq(" + y + ")");
|
|||
|
|
if (json[i].afterValue != null && json[i].afterValue != '') {
|
|||
|
|
x.find("td").eq(json[i].posx).text(json[i].afterValue);//afterValue
|
|||
|
|
|
|||
|
|
if (create_json.status != 'finish') {
|
|||
|
|
x.find("td").eq(json[i].posx).css('background-color', '#33CCCC');
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
// x.find("td").eq(json[i].posx).text('');//afterValue
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//确认数据方法
|
|||
|
|
function confirmData() {
|
|||
|
|
var td = event.srcElement; // 通过event.srcElement 获取激活事件的对象 td
|
|||
|
|
layer.confirm("是否确认该时间段内数据?", {icon: 3, title: '提示'},
|
|||
|
|
function (index) {//确认
|
|||
|
|
|
|||
|
|
var sheet = $('#sheet').val();
|
|||
|
|
var creatId = $('#creatId').val();
|
|||
|
|
var type = '${RptSpSet_Type_Confirm}';
|
|||
|
|
var posx = td.cellIndex;
|
|||
|
|
var posy = td.parentElement.rowIndex;
|
|||
|
|
var userId = '${userId}';
|
|||
|
|
$.post(ext.contextPath + '/report/rptLog/doupdate.do', {
|
|||
|
|
sheet: sheet,
|
|||
|
|
creatId: creatId,
|
|||
|
|
type: type,
|
|||
|
|
posx: posx,
|
|||
|
|
posy: posy,
|
|||
|
|
beforeValue: '',//修改前的值
|
|||
|
|
afterValue: '' //修改后的值
|
|||
|
|
}, function (data) {
|
|||
|
|
//
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
td.innerHTML = '${userName}';
|
|||
|
|
layer.close(index);
|
|||
|
|
},
|
|||
|
|
function (index) {//取消
|
|||
|
|
layer.close(index);
|
|||
|
|
});
|
|||
|
|
}
|