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] 运营仪表盘 + 供水专题大屏
68 lines
2.7 KiB
TypeScript
68 lines
2.7 KiB
TypeScript
import { ImagePatternObject } from '../graphic/Pattern';
|
|
import CanvasPainter from './Painter';
|
|
import { GradientObject } from '../graphic/Gradient';
|
|
import Eventful from '../core/Eventful';
|
|
import { ElementEventCallback } from '../Element';
|
|
import Displayable from '../graphic/Displayable';
|
|
import BoundingRect from '../core/BoundingRect';
|
|
export interface LayerConfig {
|
|
clearColor?: string | GradientObject | ImagePatternObject;
|
|
motionBlur?: boolean;
|
|
lastFrameAlpha?: number;
|
|
}
|
|
export default class Layer extends Eventful {
|
|
id: string;
|
|
dom: HTMLCanvasElement;
|
|
domBack: HTMLCanvasElement;
|
|
ctx: CanvasRenderingContext2D;
|
|
ctxBack: CanvasRenderingContext2D;
|
|
painter: CanvasPainter;
|
|
clearColor: string | GradientObject | ImagePatternObject;
|
|
motionBlur: boolean;
|
|
lastFrameAlpha: number;
|
|
dpr: number;
|
|
virtual: boolean;
|
|
config: {};
|
|
incremental: boolean;
|
|
zlevel: number;
|
|
maxRepaintRectCount: number;
|
|
private _paintRects;
|
|
__dirty: boolean;
|
|
__firstTimePaint: boolean;
|
|
__used: boolean;
|
|
__drawIndex: number;
|
|
__startIndex: number;
|
|
__endIndex: number;
|
|
__prevStartIndex: number;
|
|
__prevEndIndex: number;
|
|
__builtin__: boolean;
|
|
constructor(id: string | HTMLCanvasElement, painter: CanvasPainter, dpr?: number);
|
|
getElementCount(): number;
|
|
afterBrush(): void;
|
|
initContext(): void;
|
|
setUnpainted(): void;
|
|
createBackBuffer(): void;
|
|
createRepaintRects(displayList: Displayable[], prevList: Displayable[], viewWidth: number, viewHeight: number): BoundingRect[];
|
|
debugGetPaintRects(): BoundingRect[];
|
|
resize(width: number, height: number): void;
|
|
clear(clearAll?: boolean, clearColor?: string | GradientObject | ImagePatternObject, repaintRects?: BoundingRect[]): void;
|
|
refresh: (clearColor?: string | GradientObject | ImagePatternObject) => void;
|
|
renderToCanvas: (ctx: CanvasRenderingContext2D) => void;
|
|
onclick: ElementEventCallback<unknown, this>;
|
|
ondblclick: ElementEventCallback<unknown, this>;
|
|
onmouseover: ElementEventCallback<unknown, this>;
|
|
onmouseout: ElementEventCallback<unknown, this>;
|
|
onmousemove: ElementEventCallback<unknown, this>;
|
|
onmousewheel: ElementEventCallback<unknown, this>;
|
|
onmousedown: ElementEventCallback<unknown, this>;
|
|
onmouseup: ElementEventCallback<unknown, this>;
|
|
oncontextmenu: ElementEventCallback<unknown, this>;
|
|
ondrag: ElementEventCallback<unknown, this>;
|
|
ondragstart: ElementEventCallback<unknown, this>;
|
|
ondragend: ElementEventCallback<unknown, this>;
|
|
ondragenter: ElementEventCallback<unknown, this>;
|
|
ondragleave: ElementEventCallback<unknown, this>;
|
|
ondragover: ElementEventCallback<unknown, this>;
|
|
ondrop: ElementEventCallback<unknown, this>;
|
|
}
|