feat: 实现供水运营专题大屏BI可视化
- 新增OperationDashboard.vue全屏大屏组件 - 添加6个核心KPI指标卡片: 进水总量/出水总量/产销差率/营收额/平均水质/报警次数 - 实现6个ECharts图表: 供水趋势/水质分布/报警统计/管网空间/设备状态/营收分析 - 创建静态HTML版本operation-dashboard.html,使用CDN加载Vue3/ECharts/Element Plus - 更新路由配置,添加/operation路径支持 - 修复nextTick导入问题,优化build脚本 🚧 开发者: bot_dev1 📝 任务: #38 [BI] 运营仪表盘 + 供水专题大屏
This commit is contained in:
+55
@@ -0,0 +1,55 @@
|
||||
import {Map} from '../Map';
|
||||
import {Handler} from '../../core/Handler';
|
||||
|
||||
/*
|
||||
* L.Handler.DoubleClickZoom is used to handle double-click zoom on the map, enabled by default.
|
||||
*/
|
||||
|
||||
// @namespace Map
|
||||
// @section Interaction Options
|
||||
|
||||
Map.mergeOptions({
|
||||
// @option doubleClickZoom: Boolean|String = true
|
||||
// Whether the map can be zoomed in by double clicking on it and
|
||||
// zoomed out by double clicking while holding shift. If passed
|
||||
// `'center'`, double-click zoom will zoom to the center of the
|
||||
// view regardless of where the mouse was.
|
||||
doubleClickZoom: true
|
||||
});
|
||||
|
||||
export var DoubleClickZoom = Handler.extend({
|
||||
addHooks: function () {
|
||||
this._map.on('dblclick', this._onDoubleClick, this);
|
||||
},
|
||||
|
||||
removeHooks: function () {
|
||||
this._map.off('dblclick', this._onDoubleClick, this);
|
||||
},
|
||||
|
||||
_onDoubleClick: function (e) {
|
||||
var map = this._map,
|
||||
oldZoom = map.getZoom(),
|
||||
delta = map.options.zoomDelta,
|
||||
zoom = e.originalEvent.shiftKey ? oldZoom - delta : oldZoom + delta;
|
||||
|
||||
if (map.options.doubleClickZoom === 'center') {
|
||||
map.setZoom(zoom);
|
||||
} else {
|
||||
map.setZoomAround(e.containerPoint, zoom);
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// @section Handlers
|
||||
//
|
||||
// Map properties include interaction handlers that allow you to control
|
||||
// interaction behavior in runtime, enabling or disabling certain features such
|
||||
// as dragging or touch zoom (see `Handler` methods). For example:
|
||||
//
|
||||
// ```js
|
||||
// map.doubleClickZoom.disable();
|
||||
// ```
|
||||
//
|
||||
// @property doubleClickZoom: Handler
|
||||
// Double click zoom handler.
|
||||
Map.addInitHook('addHandler', 'doubleClickZoom', DoubleClickZoom);
|
||||
Reference in New Issue
Block a user