- 新增OperationDashboard.vue全屏大屏组件 - 添加6个核心KPI指标卡片: 进水总量/出水总量/产销差率/营收额/平均水质/报警次数 - 实现6个ECharts图表: 供水趋势/水质分布/报警统计/管网空间/设备状态/营收分析 - 创建静态HTML版本operation-dashboard.html,使用CDN加载Vue3/ECharts/Element Plus - 更新路由配置,添加/operation路径支持 - 修复nextTick导入问题,优化build脚本 🚧 开发者: bot_dev1 📝 任务: #38 [BI] 运营仪表盘 + 供水专题大屏
32 lines
1.1 KiB
TypeScript
32 lines
1.1 KiB
TypeScript
import Displayable, { DisplayableProps, DisplayableStatePropNames } from './Displayable';
|
|
import BoundingRect from '../core/BoundingRect';
|
|
import { PathStyleProps } from './Path';
|
|
import { FontStyle, FontWeight } from '../core/types';
|
|
export interface TSpanStyleProps extends PathStyleProps {
|
|
x?: number;
|
|
y?: number;
|
|
text?: string;
|
|
font?: string;
|
|
fontSize?: number;
|
|
fontWeight?: FontWeight;
|
|
fontStyle?: FontStyle;
|
|
fontFamily?: string;
|
|
textAlign?: CanvasTextAlign;
|
|
textBaseline?: CanvasTextBaseline;
|
|
}
|
|
export declare const DEFAULT_TSPAN_STYLE: TSpanStyleProps;
|
|
export interface TSpanProps extends DisplayableProps {
|
|
style?: TSpanStyleProps;
|
|
}
|
|
export declare type TSpanState = Pick<TSpanProps, DisplayableStatePropNames>;
|
|
declare class TSpan extends Displayable<TSpanProps> {
|
|
style: TSpanStyleProps;
|
|
hasStroke(): boolean;
|
|
hasFill(): boolean;
|
|
createStyle(obj?: TSpanStyleProps): TSpanStyleProps;
|
|
setBoundingRect(rect: BoundingRect): void;
|
|
getBoundingRect(): BoundingRect;
|
|
protected static initDefaultProps: void;
|
|
}
|
|
export default TSpan;
|