Files
bot_dev1 85df71fc28 feat: 实现供水运营专题大屏BI可视化
- 新增OperationDashboard.vue全屏大屏组件
- 添加6个核心KPI指标卡片: 进水总量/出水总量/产销差率/营收额/平均水质/报警次数
- 实现6个ECharts图表: 供水趋势/水质分布/报警统计/管网空间/设备状态/营收分析
- 创建静态HTML版本operation-dashboard.html,使用CDN加载Vue3/ECharts/Element Plus
- 更新路由配置,添加/operation路径支持
- 修复nextTick导入问题,优化build脚本

🚧 开发者: bot_dev1
📝 任务: #38 [BI] 运营仪表盘 + 供水专题大屏
2026-06-15 09:06:11 +08:00

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;