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] 运营仪表盘 + 供水专题大屏
80 lines
2.9 KiB
JavaScript
80 lines
2.9 KiB
JavaScript
|
|
/*
|
|
* Licensed to the Apache Software Foundation (ASF) under one
|
|
* or more contributor license agreements. See the NOTICE file
|
|
* distributed with this work for additional information
|
|
* regarding copyright ownership. The ASF licenses this file
|
|
* to you under the Apache License, Version 2.0 (the
|
|
* "License"); you may not use this file except in compliance
|
|
* with the License. You may obtain a copy of the License at
|
|
*
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing,
|
|
* software distributed under the License is distributed on an
|
|
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
|
|
* KIND, either express or implied. See the License for the
|
|
* specific language governing permissions and limitations
|
|
* under the License.
|
|
*/
|
|
|
|
|
|
/**
|
|
* AUTO-GENERATED FILE. DO NOT MODIFY.
|
|
*/
|
|
|
|
/*
|
|
* Licensed to the Apache Software Foundation (ASF) under one
|
|
* or more contributor license agreements. See the NOTICE file
|
|
* distributed with this work for additional information
|
|
* regarding copyright ownership. The ASF licenses this file
|
|
* to you under the Apache License, Version 2.0 (the
|
|
* "License"); you may not use this file except in compliance
|
|
* with the License. You may obtain a copy of the License at
|
|
*
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing,
|
|
* software distributed under the License is distributed on an
|
|
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
|
|
* KIND, either express or implied. See the License for the
|
|
* specific language governing permissions and limitations
|
|
* under the License.
|
|
*/
|
|
function getCenterCoord(view, point) {
|
|
// Use projected coord as center because it's linear.
|
|
return view.pointToProjected ? view.pointToProjected(point) : view.pointToData(point);
|
|
}
|
|
export function updateCenterAndZoom(view, payload, zoomLimit, api) {
|
|
var previousZoom = view.getZoom();
|
|
var center = view.getCenter();
|
|
var zoom = payload.zoom;
|
|
var point = view.projectedToPoint ? view.projectedToPoint(center) : view.dataToPoint(center);
|
|
if (payload.dx != null && payload.dy != null) {
|
|
point[0] -= payload.dx;
|
|
point[1] -= payload.dy;
|
|
view.setCenter(getCenterCoord(view, point), api);
|
|
}
|
|
if (zoom != null) {
|
|
if (zoomLimit) {
|
|
var zoomMin = zoomLimit.min || 0;
|
|
var zoomMax = zoomLimit.max || Infinity;
|
|
zoom = Math.max(Math.min(previousZoom * zoom, zoomMax), zoomMin) / previousZoom;
|
|
}
|
|
// Zoom on given point(originX, originY)
|
|
view.scaleX *= zoom;
|
|
view.scaleY *= zoom;
|
|
var fixX = (payload.originX - view.x) * (zoom - 1);
|
|
var fixY = (payload.originY - view.y) * (zoom - 1);
|
|
view.x -= fixX;
|
|
view.y -= fixY;
|
|
view.updateTransform();
|
|
// Get the new center
|
|
view.setCenter(getCenterCoord(view, point), api);
|
|
view.setZoom(zoom * previousZoom);
|
|
}
|
|
return {
|
|
center: view.getCenter(),
|
|
zoom: view.getZoom()
|
|
};
|
|
} |