From 7272158c8e133afcdf752ca09a70c0bd969d7393 Mon Sep 17 00:00:00 2001
From: Junjie <fallin.jie@qq.com>
Date: 星期三, 25 三月 2026 19:57:26 +0800
Subject: [PATCH] #
---
src/main/webapp/static/js/wrkAnalysis/wrkAnalysis.js | 66 ++++++++++++++++++++++++++++++--
1 files changed, 61 insertions(+), 5 deletions(-)
diff --git a/src/main/webapp/static/js/wrkAnalysis/wrkAnalysis.js b/src/main/webapp/static/js/wrkAnalysis/wrkAnalysis.js
index fb70615..4ea91bf 100644
--- a/src/main/webapp/static/js/wrkAnalysis/wrkAnalysis.js
+++ b/src/main/webapp/static/js/wrkAnalysis/wrkAnalysis.js
@@ -34,6 +34,7 @@
taskEndTime: null,
taskEndTime$: "",
taskDurationMs: null,
+ avgTaskBeatDurationMs: null,
avgTotalDurationMs: null,
avgStationDurationMs: null,
avgCraneDurationMs: null,
@@ -315,10 +316,15 @@
window.html2canvas(visualRoot, this.buildCaptureOptions(visualRoot)),
window.html2canvas(detailRoot, this.buildCaptureOptions(detailRoot))
]).then(function (results) {
+ var visualAvoidSplitBounds = self.collectAvoidSplitBounds(visualRoot, results[0], [
+ ".quality-banner",
+ ".chart-card"
+ ]);
self.appendCanvasSlicesToPdf(pdf, results[0], {
margin: 8,
startY: 8,
- addNewPage: false
+ addNewPage: false,
+ avoidSplitBounds: visualAvoidSplitBounds
});
self.appendDetailTableToPdf(pdf, results[1], detailRoot, detailTable, 8);
pdf.save(self.buildPdfFileName());
@@ -359,6 +365,7 @@
while (renderedHeight < canvas.height) {
var currentPageHeightPx = Math.max(1, Math.floor((pageHeight - margin - currentY) * pxPerMm));
var sliceHeight = Math.min(currentPageHeightPx, canvas.height - renderedHeight);
+ sliceHeight = this.resolveSliceHeight(renderedHeight, sliceHeight, settings.avoidSplitBounds);
pageCanvas.width = canvas.width;
pageCanvas.height = sliceHeight;
pageContext.fillStyle = "#ffffff";
@@ -393,6 +400,51 @@
renderedHeight += sliceHeight;
currentY = margin;
}
+ },
+ collectAvoidSplitBounds: function (rootElement, rootCanvas, selectors) {
+ if (!rootElement || !rootCanvas || !selectors || !selectors.length) {
+ return [];
+ }
+ var rootRect = rootElement.getBoundingClientRect();
+ if (!rootRect.width) {
+ return [];
+ }
+ var scale = rootCanvas.width / rootRect.width;
+ var elements = [];
+ selectors.forEach(function (selector) {
+ Array.prototype.push.apply(elements, Array.prototype.slice.call(rootElement.querySelectorAll(selector)));
+ });
+ return elements.map(function (element) {
+ var rect = element.getBoundingClientRect();
+ return {
+ top: Math.max(0, Math.round((rect.top - rootRect.top) * scale)),
+ bottom: Math.max(0, Math.round((rect.bottom - rootRect.top) * scale))
+ };
+ }).filter(function (item) {
+ return item.bottom > item.top;
+ }).sort(function (a, b) {
+ return a.top - b.top;
+ });
+ },
+ resolveSliceHeight: function (renderedHeight, desiredHeight, avoidSplitBounds) {
+ if (!avoidSplitBounds || !avoidSplitBounds.length) {
+ return desiredHeight;
+ }
+ var sliceEnd = renderedHeight + desiredHeight;
+ var adjustedHeight = desiredHeight;
+ avoidSplitBounds.forEach(function (bound) {
+ if (bound.top <= renderedHeight) {
+ return;
+ }
+ if (bound.top >= sliceEnd || bound.bottom <= sliceEnd) {
+ return;
+ }
+ var candidateHeight = bound.top - renderedHeight;
+ if (candidateHeight > 0 && candidateHeight < adjustedHeight) {
+ adjustedHeight = candidateHeight;
+ }
+ });
+ return adjustedHeight > 0 ? adjustedHeight : desiredHeight;
},
appendDetailTableToPdf: function (pdf, rootCanvas, detailRoot, detailTable, margin) {
var tbody = detailTable && detailTable.tBodies && detailTable.tBodies[0];
@@ -562,7 +614,7 @@
}
},
legend: { data: ["绔欑偣鑰楁椂", "鍫嗗灈鏈鸿�楁椂", "鎬昏�楁椂"] },
- grid: { left: 50, right: 20, top: 40, bottom: 70 },
+ grid: { left: 88, right: 20, top: 40, bottom: 70, containLabel: true },
xAxis: {
type: "category",
data: rows.map(function (item) { return String(item.wrkNo); }),
@@ -604,7 +656,7 @@
}
},
legend: { data: ["骞冲潎鎬昏�楁椂", "骞冲潎绔欑偣鑰楁椂", "骞冲潎鍫嗗灈鏈鸿�楁椂"] },
- grid: { left: 50, right: 20, top: 40, bottom: 70 },
+ grid: { left: 88, right: 20, top: 40, bottom: 70, containLabel: true },
xAxis: {
type: "category",
data: rows.map(function (item) { return item.bucketLabel; }),
@@ -661,10 +713,14 @@
return lines.join("<br>");
}
},
- grid: { left: 50, right: 20, top: 20, bottom: 40 },
+ grid: { left: 88, right: 20, top: 20, bottom: 68, containLabel: true },
xAxis: {
type: "category",
- data: rows.map(function (item) { return item.name; })
+ data: rows.map(function (item) { return item.name; }),
+ axisLabel: {
+ interval: 0,
+ rotate: rows.length > 6 ? 30 : 0
+ }
},
yAxis: {
type: "value",
--
Gitblit v1.9.1