bot_dev1
85df71fc28
- 新增OperationDashboard.vue全屏大屏组件 - 添加6个核心KPI指标卡片: 进水总量/出水总量/产销差率/营收额/平均水质/报警次数 - 实现6个ECharts图表: 供水趋势/水质分布/报警统计/管网空间/设备状态/营收分析 - 创建静态HTML版本operation-dashboard.html，使用CDN加载Vue3/ECharts/Element Plus - 更新路由配置，添加/operation路径支持 - 修复nextTick导入问题，优化build脚本 🚧 开发者: bot_dev1 📝 任务: #38 [BI] 运营仪表盘 + 供水专题大屏
75 lines
2.2 KiB
JavaScript
75 lines
2.2 KiB
JavaScript
import { Color, defined, JulianDate } from "@cesium/engine";
|
|
|
|
/**
|
|
* @private
|
|
*/
|
|
function TimelineTrack(interval, pixelHeight, color, backgroundColor) {
|
|
this.interval = interval;
|
|
this.height = pixelHeight;
|
|
this.color = color || new Color(0.5, 0.5, 0.5, 1.0);
|
|
this.backgroundColor = backgroundColor || new Color(0.0, 0.0, 0.0, 0.0);
|
|
}
|
|
|
|
TimelineTrack.prototype.render = function (context, renderState) {
|
|
const startInterval = this.interval.start;
|
|
const stopInterval = this.interval.stop;
|
|
|
|
const spanStart = renderState.startJulian;
|
|
const spanStop = JulianDate.addSeconds(
|
|
renderState.startJulian,
|
|
renderState.duration,
|
|
new JulianDate(),
|
|
);
|
|
|
|
if (
|
|
JulianDate.lessThan(startInterval, spanStart) &&
|
|
JulianDate.greaterThan(stopInterval, spanStop)
|
|
) {
|
|
//The track takes up the entire visible span.
|
|
context.fillStyle = this.color.toCssColorString();
|
|
context.fillRect(0, renderState.y, renderState.timeBarWidth, this.height);
|
|
} else if (
|
|
JulianDate.lessThanOrEquals(startInterval, spanStop) &&
|
|
JulianDate.greaterThanOrEquals(stopInterval, spanStart)
|
|
) {
|
|
//The track only takes up some of the visible span, compute that span.
|
|
let x;
|
|
let start, stop;
|
|
for (x = 0; x < renderState.timeBarWidth; ++x) {
|
|
const currentTime = JulianDate.addSeconds(
|
|
renderState.startJulian,
|
|
(x / renderState.timeBarWidth) * renderState.duration,
|
|
new JulianDate(),
|
|
);
|
|
if (
|
|
!defined(start) &&
|
|
JulianDate.greaterThanOrEquals(currentTime, startInterval)
|
|
) {
|
|
start = x;
|
|
} else if (
|
|
!defined(stop) &&
|
|
JulianDate.greaterThanOrEquals(currentTime, stopInterval)
|
|
) {
|
|
stop = x;
|
|
}
|
|
}
|
|
|
|
context.fillStyle = this.backgroundColor.toCssColorString();
|
|
context.fillRect(0, renderState.y, renderState.timeBarWidth, this.height);
|
|
|
|
if (defined(start)) {
|
|
if (!defined(stop)) {
|
|
stop = renderState.timeBarWidth;
|
|
}
|
|
context.fillStyle = this.color.toCssColorString();
|
|
context.fillRect(
|
|
start,
|
|
renderState.y,
|
|
Math.max(stop - start, 1),
|
|
this.height,
|
|
);
|
|
}
|
|
}
|
|
};
|
|
export default TimelineTrack;
|