- 新增OperationDashboard.vue全屏大屏组件 - 添加6个核心KPI指标卡片: 进水总量/出水总量/产销差率/营收额/平均水质/报警次数 - 实现6个ECharts图表: 供水趋势/水质分布/报警统计/管网空间/设备状态/营收分析 - 创建静态HTML版本operation-dashboard.html,使用CDN加载Vue3/ECharts/Element Plus - 更新路由配置,添加/operation路径支持 - 修复nextTick导入问题,优化build脚本 🚧 开发者: bot_dev1 📝 任务: #38 [BI] 运营仪表盘 + 供水专题大屏
36 lines
1.3 KiB
TypeScript
36 lines
1.3 KiB
TypeScript
import Displayable, { DisplayableProps, CommonStyleProps, DisplayableStatePropNames } from './Displayable';
|
|
import BoundingRect from '../core/BoundingRect';
|
|
import { ImageLike, MapToType } from '../core/types';
|
|
import { ElementCommonState } from '../Element';
|
|
export interface ImageStyleProps extends CommonStyleProps {
|
|
image?: string | ImageLike;
|
|
x?: number;
|
|
y?: number;
|
|
width?: number;
|
|
height?: number;
|
|
sx?: number;
|
|
sy?: number;
|
|
sWidth?: number;
|
|
sHeight?: number;
|
|
}
|
|
export declare const DEFAULT_IMAGE_STYLE: CommonStyleProps;
|
|
export declare const DEFAULT_IMAGE_ANIMATION_PROPS: MapToType<ImageProps, boolean>;
|
|
export interface ImageProps extends DisplayableProps {
|
|
style?: ImageStyleProps;
|
|
onload?: (image: ImageLike) => void;
|
|
}
|
|
export declare type ImageState = Pick<ImageProps, DisplayableStatePropNames> & ElementCommonState;
|
|
declare class ZRImage extends Displayable<ImageProps> {
|
|
style: ImageStyleProps;
|
|
__image: ImageLike;
|
|
__imageSrc: string;
|
|
onload: (image: ImageLike) => void;
|
|
createStyle(obj?: ImageStyleProps): ImageStyleProps;
|
|
private _getSize;
|
|
getWidth(): number;
|
|
getHeight(): number;
|
|
getAnimationStyleProps(): MapToType<ImageProps, boolean>;
|
|
getBoundingRect(): BoundingRect;
|
|
}
|
|
export default ZRImage;
|