bot_dev1
85df71fc28
- 新增OperationDashboard.vue全屏大屏组件 - 添加6个核心KPI指标卡片: 进水总量/出水总量/产销差率/营收额/平均水质/报警次数 - 实现6个ECharts图表: 供水趋势/水质分布/报警统计/管网空间/设备状态/营收分析 - 创建静态HTML版本operation-dashboard.html，使用CDN加载Vue3/ECharts/Element Plus - 更新路由配置，添加/operation路径支持 - 修复nextTick导入问题，优化build脚本 🚧 开发者: bot_dev1 📝 任务: #38 [BI] 运营仪表盘 + 供水专题大屏
65 lines
2.0 KiB
JavaScript
65 lines
2.0 KiB
JavaScript
import easingFuncs from './easing.js';
|
|
import { isFunction, noop } from '../core/util.js';
|
|
import { createCubicEasingFunc } from './cubicEasing.js';
|
|
var Clip = (function () {
|
|
function Clip(opts) {
|
|
this._inited = false;
|
|
this._startTime = 0;
|
|
this._pausedTime = 0;
|
|
this._paused = false;
|
|
this._life = opts.life || 1000;
|
|
this._delay = opts.delay || 0;
|
|
this.loop = opts.loop || false;
|
|
this.onframe = opts.onframe || noop;
|
|
this.ondestroy = opts.ondestroy || noop;
|
|
this.onrestart = opts.onrestart || noop;
|
|
opts.easing && this.setEasing(opts.easing);
|
|
}
|
|
Clip.prototype.step = function (globalTime, deltaTime) {
|
|
if (!this._inited) {
|
|
this._startTime = globalTime + this._delay;
|
|
this._inited = true;
|
|
}
|
|
if (this._paused) {
|
|
this._pausedTime += deltaTime;
|
|
return;
|
|
}
|
|
var life = this._life;
|
|
var elapsedTime = globalTime - this._startTime - this._pausedTime;
|
|
var percent = elapsedTime / life;
|
|
if (percent < 0) {
|
|
percent = 0;
|
|
}
|
|
percent = Math.min(percent, 1);
|
|
var easingFunc = this.easingFunc;
|
|
var schedule = easingFunc ? easingFunc(percent) : percent;
|
|
this.onframe(schedule);
|
|
if (percent === 1) {
|
|
if (this.loop) {
|
|
var remainder = elapsedTime % life;
|
|
this._startTime = globalTime - remainder;
|
|
this._pausedTime = 0;
|
|
this.onrestart();
|
|
}
|
|
else {
|
|
return true;
|
|
}
|
|
}
|
|
return false;
|
|
};
|
|
Clip.prototype.pause = function () {
|
|
this._paused = true;
|
|
};
|
|
Clip.prototype.resume = function () {
|
|
this._paused = false;
|
|
};
|
|
Clip.prototype.setEasing = function (easing) {
|
|
this.easing = easing;
|
|
this.easingFunc = isFunction(easing)
|
|
? easing
|
|
: easingFuncs[easing] || createCubicEasingFunc(easing);
|
|
};
|
|
return Clip;
|
|
}());
|
|
export default Clip;
|