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:
+45
@@ -0,0 +1,45 @@
|
||||
import { __extends } from "tslib";
|
||||
import Path from '../Path.js';
|
||||
var PI = Math.PI;
|
||||
var sin = Math.sin;
|
||||
var cos = Math.cos;
|
||||
var IsogonShape = (function () {
|
||||
function IsogonShape() {
|
||||
this.x = 0;
|
||||
this.y = 0;
|
||||
this.r = 0;
|
||||
this.n = 0;
|
||||
}
|
||||
return IsogonShape;
|
||||
}());
|
||||
export { IsogonShape };
|
||||
var Isogon = (function (_super) {
|
||||
__extends(Isogon, _super);
|
||||
function Isogon(opts) {
|
||||
return _super.call(this, opts) || this;
|
||||
}
|
||||
Isogon.prototype.getDefaultShape = function () {
|
||||
return new IsogonShape();
|
||||
};
|
||||
Isogon.prototype.buildPath = function (ctx, shape) {
|
||||
var n = shape.n;
|
||||
if (!n || n < 2) {
|
||||
return;
|
||||
}
|
||||
var x = shape.x;
|
||||
var y = shape.y;
|
||||
var r = shape.r;
|
||||
var dStep = 2 * PI / n;
|
||||
var deg = -PI / 2;
|
||||
ctx.moveTo(x + r * cos(deg), y + r * sin(deg));
|
||||
for (var i = 0, end = n - 1; i < end; i++) {
|
||||
deg += dStep;
|
||||
ctx.lineTo(x + r * cos(deg), y + r * sin(deg));
|
||||
}
|
||||
ctx.closePath();
|
||||
return;
|
||||
};
|
||||
return Isogon;
|
||||
}(Path));
|
||||
Isogon.prototype.type = 'isogon';
|
||||
export default Isogon;
|
||||
Reference in New Issue
Block a user