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:
+44
@@ -0,0 +1,44 @@
|
||||
import { __extends } from "tslib";
|
||||
import Path from '../Path.js';
|
||||
var ArcShape = (function () {
|
||||
function ArcShape() {
|
||||
this.cx = 0;
|
||||
this.cy = 0;
|
||||
this.r = 0;
|
||||
this.startAngle = 0;
|
||||
this.endAngle = Math.PI * 2;
|
||||
this.clockwise = true;
|
||||
}
|
||||
return ArcShape;
|
||||
}());
|
||||
export { ArcShape };
|
||||
var Arc = (function (_super) {
|
||||
__extends(Arc, _super);
|
||||
function Arc(opts) {
|
||||
return _super.call(this, opts) || this;
|
||||
}
|
||||
Arc.prototype.getDefaultStyle = function () {
|
||||
return {
|
||||
stroke: '#000',
|
||||
fill: null
|
||||
};
|
||||
};
|
||||
Arc.prototype.getDefaultShape = function () {
|
||||
return new ArcShape();
|
||||
};
|
||||
Arc.prototype.buildPath = function (ctx, shape) {
|
||||
var x = shape.cx;
|
||||
var y = shape.cy;
|
||||
var r = Math.max(shape.r, 0);
|
||||
var startAngle = shape.startAngle;
|
||||
var endAngle = shape.endAngle;
|
||||
var clockwise = shape.clockwise;
|
||||
var unitX = Math.cos(startAngle);
|
||||
var unitY = Math.sin(startAngle);
|
||||
ctx.moveTo(unitX * r + x, unitY * r + y);
|
||||
ctx.arc(x, y, r, startAngle, endAngle, !clockwise);
|
||||
};
|
||||
return Arc;
|
||||
}(Path));
|
||||
Arc.prototype.type = 'arc';
|
||||
export default Arc;
|
||||
Reference in New Issue
Block a user