feat: 实现供水运营专题大屏BI可视化
- 新增OperationDashboard.vue全屏大屏组件 - 添加6个核心KPI指标卡片: 进水总量/出水总量/产销差率/营收额/平均水质/报警次数 - 实现6个ECharts图表: 供水趋势/水质分布/报警统计/管网空间/设备状态/营收分析 - 创建静态HTML版本operation-dashboard.html,使用CDN加载Vue3/ECharts/Element Plus - 更新路由配置,添加/operation路径支持 - 修复nextTick导入问题,优化build脚本 🚧 开发者: bot_dev1 📝 任务: #38 [BI] 运营仪表盘 + 供水专题大屏
This commit is contained in:
+36
@@ -0,0 +1,36 @@
|
||||
import Group from '../graphic/Group';
|
||||
import Element from '../Element';
|
||||
import { RectLike } from '../core/BoundingRect';
|
||||
import { parseXML } from './parseXML';
|
||||
interface SVGParserOption {
|
||||
width?: number;
|
||||
height?: number;
|
||||
ignoreViewBox?: boolean;
|
||||
ignoreRootClip?: boolean;
|
||||
}
|
||||
export interface SVGParserResult {
|
||||
root: Group;
|
||||
width: number;
|
||||
height: number;
|
||||
viewBoxRect: RectLike;
|
||||
viewBoxTransform: {
|
||||
x: number;
|
||||
y: number;
|
||||
scale: number;
|
||||
};
|
||||
named: SVGParserResultNamedItem[];
|
||||
}
|
||||
export interface SVGParserResultNamedItem {
|
||||
name: string;
|
||||
namedFrom: SVGParserResultNamedItem;
|
||||
svgNodeTagLower: SVGNodeTagLower;
|
||||
el: Element;
|
||||
}
|
||||
export declare type SVGNodeTagLower = 'g' | 'rect' | 'circle' | 'line' | 'ellipse' | 'polygon' | 'polyline' | 'image' | 'text' | 'tspan' | 'path' | 'defs' | 'switch';
|
||||
export declare function makeViewBoxTransform(viewBoxRect: RectLike, boundingRect: RectLike): {
|
||||
scale: number;
|
||||
x: number;
|
||||
y: number;
|
||||
};
|
||||
export declare function parseSVG(xml: string | Document | SVGElement, opt: SVGParserOption): SVGParserResult;
|
||||
export { parseXML };
|
||||
Reference in New Issue
Block a user