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] 运营仪表盘 + 供水专题大屏
57 lines
1.6 KiB
JavaScript
57 lines
1.6 KiB
JavaScript
import { NOOP } from "../functions.mjs";
|
|
import { hasOwn, isArray } from "@vue/shared";
|
|
import { fromPairs, isPlainObject } from "lodash-unified";
|
|
//#region ../../packages/utils/vue/install.ts
|
|
const withPropsDefaultsSetter = (target) => {
|
|
const _p = target.props;
|
|
const props = isArray(_p) ? fromPairs(_p.map((key) => [key, {}])) : _p;
|
|
target.setPropsDefaults = (defaults) => {
|
|
if (!props) return;
|
|
for (const [key, value] of Object.entries(defaults)) {
|
|
const prop = props[key];
|
|
if (!hasOwn(props, key)) continue;
|
|
if (isPlainObject(prop)) {
|
|
props[key] = {
|
|
...prop,
|
|
default: value
|
|
};
|
|
continue;
|
|
}
|
|
props[key] = {
|
|
type: prop,
|
|
default: value
|
|
};
|
|
}
|
|
target.props = props;
|
|
};
|
|
};
|
|
const withInstall = (main, extra) => {
|
|
main.install = (app) => {
|
|
for (const comp of [main, ...Object.values(extra ?? {})]) app.component(comp.name, comp);
|
|
};
|
|
if (extra) for (const [key, comp] of Object.entries(extra)) main[key] = comp;
|
|
withPropsDefaultsSetter(main);
|
|
return main;
|
|
};
|
|
const withInstallFunction = (fn, name) => {
|
|
fn.install = (app) => {
|
|
fn._context = app._context;
|
|
app.config.globalProperties[name] = fn;
|
|
};
|
|
return fn;
|
|
};
|
|
const withInstallDirective = (directive, name) => {
|
|
directive.install = (app) => {
|
|
app.directive(name, directive);
|
|
};
|
|
return directive;
|
|
};
|
|
const withNoopInstall = (component) => {
|
|
component.install = NOOP;
|
|
withPropsDefaultsSetter(component);
|
|
return component;
|
|
};
|
|
//#endregion
|
|
export { withInstall, withInstallDirective, withInstallFunction, withNoopInstall, withPropsDefaultsSetter };
|
|
|
|
//# sourceMappingURL=install.mjs.map
|