- 新增OperationDashboard.vue全屏大屏组件 - 添加6个核心KPI指标卡片: 进水总量/出水总量/产销差率/营收额/平均水质/报警次数 - 实现6个ECharts图表: 供水趋势/水质分布/报警统计/管网空间/设备状态/营收分析 - 创建静态HTML版本operation-dashboard.html,使用CDN加载Vue3/ECharts/Element Plus - 更新路由配置,添加/operation路径支持 - 修复nextTick导入问题,优化build脚本 🚧 开发者: bot_dev1 📝 任务: #38 [BI] 运营仪表盘 + 供水专题大屏
113 lines
4.1 KiB
JavaScript
113 lines
4.1 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.
|
|
*/
|
|
/* global Float32Array */
|
|
import createRenderPlanner from '../helper/createRenderPlanner.js';
|
|
import { error } from '../../util/log.js';
|
|
var linesLayout = {
|
|
seriesType: 'lines',
|
|
plan: createRenderPlanner(),
|
|
reset: function (seriesModel) {
|
|
var coordSys = seriesModel.coordinateSystem;
|
|
if (!coordSys) {
|
|
if (process.env.NODE_ENV !== 'production') {
|
|
error('The lines series must have a coordinate system.');
|
|
}
|
|
return;
|
|
}
|
|
var isPolyline = seriesModel.get('polyline');
|
|
var isLarge = seriesModel.pipelineContext.large;
|
|
return {
|
|
progress: function (params, lineData) {
|
|
var lineCoords = [];
|
|
if (isLarge) {
|
|
var points = void 0;
|
|
var segCount = params.end - params.start;
|
|
if (isPolyline) {
|
|
var totalCoordsCount = 0;
|
|
for (var i = params.start; i < params.end; i++) {
|
|
totalCoordsCount += seriesModel.getLineCoordsCount(i);
|
|
}
|
|
points = new Float32Array(segCount + totalCoordsCount * 2);
|
|
} else {
|
|
points = new Float32Array(segCount * 4);
|
|
}
|
|
var offset = 0;
|
|
var pt = [];
|
|
for (var i = params.start; i < params.end; i++) {
|
|
var len = seriesModel.getLineCoords(i, lineCoords);
|
|
if (isPolyline) {
|
|
points[offset++] = len;
|
|
}
|
|
for (var k = 0; k < len; k++) {
|
|
pt = coordSys.dataToPoint(lineCoords[k], false, pt);
|
|
points[offset++] = pt[0];
|
|
points[offset++] = pt[1];
|
|
}
|
|
}
|
|
lineData.setLayout('linesPoints', points);
|
|
} else {
|
|
for (var i = params.start; i < params.end; i++) {
|
|
var itemModel = lineData.getItemModel(i);
|
|
var len = seriesModel.getLineCoords(i, lineCoords);
|
|
var pts = [];
|
|
if (isPolyline) {
|
|
for (var j = 0; j < len; j++) {
|
|
pts.push(coordSys.dataToPoint(lineCoords[j]));
|
|
}
|
|
} else {
|
|
pts[0] = coordSys.dataToPoint(lineCoords[0]);
|
|
pts[1] = coordSys.dataToPoint(lineCoords[1]);
|
|
var curveness = itemModel.get(['lineStyle', 'curveness']);
|
|
if (+curveness) {
|
|
pts[2] = [(pts[0][0] + pts[1][0]) / 2 - (pts[0][1] - pts[1][1]) * curveness, (pts[0][1] + pts[1][1]) / 2 - (pts[1][0] - pts[0][0]) * curveness];
|
|
}
|
|
}
|
|
lineData.setItemLayout(i, pts);
|
|
}
|
|
}
|
|
}
|
|
};
|
|
}
|
|
};
|
|
export default linesLayout; |