- 新增OperationDashboard.vue全屏大屏组件 - 添加6个核心KPI指标卡片: 进水总量/出水总量/产销差率/营收额/平均水质/报警次数 - 实现6个ECharts图表: 供水趋势/水质分布/报警统计/管网空间/设备状态/营收分析 - 创建静态HTML版本operation-dashboard.html,使用CDN加载Vue3/ECharts/Element Plus - 更新路由配置,添加/operation路径支持 - 修复nextTick导入问题,优化build脚本 🚧 开发者: bot_dev1 📝 任务: #38 [BI] 运营仪表盘 + 供水专题大屏
35 lines
1.0 KiB
TypeScript
35 lines
1.0 KiB
TypeScript
import * as _$vue from "vue";
|
|
import { MaybeRef, ShallowRef } from "vue";
|
|
|
|
//#region ../../packages/hooks/use-focus-controller/index.d.ts
|
|
interface UseFocusControllerOptions {
|
|
disabled?: MaybeRef<boolean>;
|
|
/**
|
|
* return true to cancel focus
|
|
* @param event FocusEvent
|
|
*/
|
|
beforeFocus?: (event: FocusEvent) => boolean | undefined;
|
|
afterFocus?: () => void;
|
|
/**
|
|
* return true to cancel blur
|
|
* @param event FocusEvent
|
|
*/
|
|
beforeBlur?: (event: FocusEvent) => boolean | undefined;
|
|
afterBlur?: () => void;
|
|
}
|
|
declare function useFocusController<T extends {
|
|
focus: () => void;
|
|
}>(target: ShallowRef<T | undefined>, {
|
|
disabled,
|
|
beforeFocus,
|
|
afterFocus,
|
|
beforeBlur,
|
|
afterBlur
|
|
}?: UseFocusControllerOptions): {
|
|
isFocused: _$vue.Ref<boolean, boolean>; /** Avoid using wrapperRef and handleFocus/handleBlur together */
|
|
wrapperRef: ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
|
|
handleFocus: (event: FocusEvent) => void;
|
|
handleBlur: (event: FocusEvent) => void;
|
|
};
|
|
//#endregion
|
|
export { useFocusController }; |