- 新增OperationDashboard.vue全屏大屏组件 - 添加6个核心KPI指标卡片: 进水总量/出水总量/产销差率/营收额/平均水质/报警次数 - 实现6个ECharts图表: 供水趋势/水质分布/报警统计/管网空间/设备状态/营收分析 - 创建静态HTML版本operation-dashboard.html,使用CDN加载Vue3/ECharts/Element Plus - 更新路由配置,添加/operation路径支持 - 修复nextTick导入问题,优化build脚本 🚧 开发者: bot_dev1 📝 任务: #38 [BI] 运营仪表盘 + 供水专题大屏
65 lines
1.7 KiB
JavaScript
65 lines
1.7 KiB
JavaScript
import { defined, DeveloperError, Event } from "@cesium/engine";
|
|
import knockout from "./ThirdParty/knockout.js";
|
|
|
|
/**
|
|
* Create a Command from a given function, for use with ViewModels.
|
|
*
|
|
* A Command is a function with an extra <code>canExecute</code> observable property to determine
|
|
* whether the command can be executed. When executed, a Command function will check the
|
|
* value of <code>canExecute</code> and throw if false. It also provides events for when
|
|
* a command has been or is about to be executed.
|
|
*
|
|
* @function
|
|
*
|
|
* @param {Function} func The function to execute.
|
|
* @param {boolean} [canExecute=true] A boolean indicating whether the function can currently be executed.
|
|
*/
|
|
function createCommand(func, canExecute) {
|
|
//>>includeStart('debug', pragmas.debug);
|
|
if (!defined(func)) {
|
|
throw new DeveloperError("func is required.");
|
|
}
|
|
//>>includeEnd('debug');
|
|
|
|
canExecute = canExecute ?? true;
|
|
|
|
const beforeExecute = new Event();
|
|
const afterExecute = new Event();
|
|
|
|
function command() {
|
|
//>>includeStart('debug', pragmas.debug);
|
|
if (!command.canExecute) {
|
|
throw new DeveloperError("Cannot execute command, canExecute is false.");
|
|
}
|
|
//>>includeEnd('debug');
|
|
|
|
const commandInfo = {
|
|
args: arguments,
|
|
cancel: false,
|
|
};
|
|
|
|
let result;
|
|
beforeExecute.raiseEvent(commandInfo);
|
|
if (!commandInfo.cancel) {
|
|
result = func.apply(null, arguments);
|
|
afterExecute.raiseEvent(result);
|
|
}
|
|
return result;
|
|
}
|
|
|
|
command.canExecute = canExecute;
|
|
knockout.track(command, ["canExecute"]);
|
|
|
|
Object.defineProperties(command, {
|
|
beforeExecute: {
|
|
value: beforeExecute,
|
|
},
|
|
afterExecute: {
|
|
value: afterExecute,
|
|
},
|
|
});
|
|
|
|
return command;
|
|
}
|
|
export default createCommand;
|