Web/admin-sjzx
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

修改限值显示问题

Browse Source
This commit is contained in:
guanj
2026-07-06 10:41:33 +08:00
parent 2445cfbff3
commit 1ca8e536dd
1 changed files with 89 additions and 83 deletions
Download Patch File Download Diff File Expand all files Collapse all files

172
src/views/pqs/harmonicMonitoring/monitoringPoint/online/wentaishujufenxi/index.vue
View File

@@ -10,30 +10,53 @@
<DatePicker ref="datePickerRef" :theCurrentTime="true"></DatePicker>
</el-form-item>
<el-form-item label="指标类型:">
<el-select v-model="formData.condition" multiple collapse-tags :multiple-limit="checked ? 1 : 3"
filterable placeholder="请选择指标" @change="conditionChange">
<el-select
v-model="formData.condition"
multiple
collapse-tags
:multiple-limit="checked ? 1 : 3"
filterable
placeholder="请选择指标"
@change="conditionChange"
>
<el-option-group v-for="group in indexOptions" :key="group.label" :label="group.label">
<el-option v-for="item in group.options" :key="item.value" :label="item.label"
:value="item.value"></el-option>
<el-option
v-for="item in group.options"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-option-group>
</el-select>
</el-form-item>
<el-form-item label="数值类型:">
<el-select style="width: 100%" v-model="formData.valueType" placeholder="请选择类型">
<el-option v-for="item in typeOptions" :key="item.value" :label="item.label"
:value="item.value"></el-option>
<el-option
v-for="item in typeOptions"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="谐波次数:" v-show="showXieBoCiShu">
<el-select style="width: 100%" v-model="formData.harmonic" placeholder="请选择谐波">
<el-option v-for="item in harmonicOptions" :key="item.value" :label="item.label"
:value="item.value"></el-option>
<el-option
v-for="item in harmonicOptions"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
</el-form-item>
<el-form-item v-show="showJianXieBoCiShu" label="间谐波次数:">
<el-select style="width: 100%" v-model="formData.inHarmonic" placeholder="请选择间谐波">
<el-option v-for="item in inharmonicOptions" :key="item.value" :label="item.label"
:value="item.value"></el-option>
<el-option
v-for="item in inharmonicOptions"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
</el-form-item>
</template>
@@ -44,10 +67,21 @@
<!-- <el-form :inline="true">
</el-form> -->
<div id="canvas" class="mt10" :style="height1" style="overflow-y: auto; overflow-x: hidden"
v-loading="loading">
<my-echart :options="item.option" v-for="item in list" style="min-height: 190px" :style="height"
@triggerPoint="triggerPoint" @group="group" />
<div
id="canvas"
class="mt10"
:style="height1"
style="overflow-y: auto; overflow-x: hidden"
v-loading="loading"
>
<my-echart
:options="item.option"
v-for="item in list"
style="min-height: 190px"
:style="height"
@triggerPoint="triggerPoint"
@group="group"
/>
</div>
</div>
<div :style="{ height: pageHeight.height }" style="padding: 10px; overflow: hidden" v-if="!view">
@@ -72,7 +106,7 @@ import html2canvas from 'html2canvas'
import { ElMessage } from 'element-plus'
import { yMethod, completeTimeSeries } from '@/utils/echartMethod'
import * as echarts from 'echarts' // 全引入
import { min } from 'xe-utils'
const datePickerRef = ref()
const monitoringPoint = useMonitoringPoint()
const checked = ref(monitoringPoint.state.showCheckBox)
@@ -198,8 +232,8 @@ const shujuchuli = (res: any) => {
let cvalue = []
let topLimit = []
let lowerLimit = []
item.maxValue = (item.topLimit > item.maxValue ? item.topLimit : item.maxValue)
item.minValue = (item.lowerLimit < item.minValue ? item.lowerLimit : item.minValue)
item.maxValue = item.topLimit > item.maxValue ? item.topLimit : item.maxValue
item.minValue = item.lowerLimit < item.minValue ? item.lowerLimit : item.minValue
//判断数据是否存在
if (item.value !== null) {
for (let j = 0; j < item.value.length; j++) {
@@ -234,12 +268,7 @@ const shujuchuli = (res: any) => {
//不存在一个暂降点或1个 //处理暂降点
if (item.eventDetail.length > 0) {
for (let k = 0; k < item.eventDetail.length; k++) {
chufa.push([
item.eventDetail[k].time,
(0).toFixed(3),
item.eventDetail[k].id,
99
])
chufa.push([item.eventDetail[k].time, (0).toFixed(3), item.eventDetail[k].id, 99])
}
}
let shuju = {
@@ -267,8 +296,8 @@ const shujuchuli = (res: any) => {
let gvalue = []
let topLimit = []
let lowerLimit = []
item.maxValue = (item.topLimit > item.maxValue ? item.topLimit : item.maxValue)
item.minValue = (item.lowerLimit < item.minValue ? item.lowerLimit : item.minValue)
item.maxValue = item.topLimit > item.maxValue ? item.topLimit : item.maxValue
item.minValue = item.lowerLimit < item.minValue ? item.lowerLimit : item.minValue
//判断数据是否存在
if (item.value !== null) {
for (let j = 0; j < item.value.length; j++) {
@@ -289,12 +318,7 @@ const shujuchuli = (res: any) => {
//不存在一个暂降点或1个 //处理暂降点
if (item.eventDetail.length > 0) {
for (let k = 0; k < item.eventDetail.length; k++) {
chufa.push([
item.eventDetail[k].time,
(0).toFixed(3),
item.eventDetail[k].id,
99
])
chufa.push([item.eventDetail[k].time, (0).toFixed(3), item.eventDetail[k].id, 99])
}
}
let shuju = {
@@ -345,7 +369,7 @@ const shujuchuli = (res: any) => {
let bvalue = []
let cvalue = []
let topLimit = []
item.maxValue = (item.topLimit > item.maxValue ? item.topLimit : item.maxValue)
item.maxValue = item.topLimit > item.maxValue ? item.topLimit : item.maxValue
//判断数据是否存在
if (item.value !== null) {
for (let j = 0; j < item.value.length; j++) {
@@ -379,12 +403,7 @@ const shujuchuli = (res: any) => {
//不存在一个暂降点或1个 //处理暂降点
if (item.eventDetail.length > 0) {
for (let k = 0; k < item.eventDetail.length; k++) {
chufa.push([
item.eventDetail[k].time,
(0).toFixed(3),
item.eventDetail[k].id,
99
])
chufa.push([item.eventDetail[k].time, (0).toFixed(3), item.eventDetail[k].id, 99])
}
}
let shuju = {
@@ -409,7 +428,7 @@ const shujuchuli = (res: any) => {
if (item.phaiscType.length == 3) {
let gvalue = []
let topLimit = []
item.maxValue = (item.topLimit > item.maxValue ? item.topLimit : item.maxValue)
item.maxValue = item.topLimit > item.maxValue ? item.topLimit : item.maxValue
//判断数据是否存在
if (item.value !== null) {
for (let j = 0; j < item.value.length; j++) {
@@ -479,7 +498,7 @@ const shujuchuli = (res: any) => {
let bvalue = []
let cvalue = []
let lowerLimit = []
item.minValue = (item.lowerLimit < item.minValue ? item.lowerLimit : item.minValue)
item.minValue = item.lowerLimit < item.minValue ? item.lowerLimit : item.minValue
//判断数据是否存在
if (item.value !== null) {
for (let j = 0; j < item.value.length; j++) {
@@ -538,7 +557,7 @@ const shujuchuli = (res: any) => {
if (item.phaiscType.length == 3) {
let gvalue = []
let lowerLimit = []
item.minValue = (item.lowerLimit < item.minValue ? item.lowerLimit : item.minValue)
item.minValue = item.lowerLimit < item.minValue ? item.lowerLimit : item.minValue
//判断数据是否存在
if (item.value !== null) {
for (let j = 0; j < item.value.length; j++) {
@@ -599,7 +618,6 @@ const shujuchuli = (res: any) => {
}
//无限值
if (item.topLimit == 0 && item.lowerLimit == 0) {
if (item.minValue !== null && item.maxValue !== null) {
//最小值等于下限值
//图列为A,B,C,暂降
@@ -638,12 +656,7 @@ const shujuchuli = (res: any) => {
//不存在一个暂降点或1个 //处理暂降点
if (item.eventDetail.length > 0) {
for (let k = 0; k < item.eventDetail.length; k++) {
chufa.push([
item.eventDetail[k].time,
(0).toFixed(3),
item.eventDetail[k].id,
99
])
chufa.push([item.eventDetail[k].time, (0).toFixed(3), item.eventDetail[k].id, 99])
}
}
let shuju = {
@@ -683,12 +696,7 @@ const shujuchuli = (res: any) => {
//不存在一个暂降点或1个 //处理暂降点
if (item.eventDetail.length > 0) {
for (let k = 0; k < item.eventDetail.length; k++) {
chufa.push([
item.eventDetail[k].time,
(0).toFixed(3),
item.eventDetail[k].id,
99
])
chufa.push([item.eventDetail[k].time, (0).toFixed(3), item.eventDetail[k].id, 99])
}
}
let shuju = {
@@ -740,8 +748,8 @@ const shujuchuli = (res: any) => {
let cvalue = []
let topLimit = []
let lowerLimit = []
item.maxValue = (item.topLimit > item.maxValue ? item.topLimit : item.maxValue)
item.minValue = (item.lowerLimit < item.minValue ? item.lowerLimit : item.minValue)
item.maxValue = item.topLimit > item.maxValue ? item.topLimit : item.maxValue
item.minValue = item.lowerLimit < item.minValue ? item.lowerLimit : item.minValue
//判断数据是否存在
if (item.value !== null) {
for (let j = 0; j < item.value.length; j++) {
@@ -796,8 +804,8 @@ const shujuchuli = (res: any) => {
let gvalue = []
let topLimit = []
let lowerLimit = []
item.maxValue = (item.topLimit > item.maxValue ? item.topLimit : item.maxValue)
item.minValue = (item.lowerLimit < item.minValue ? item.lowerLimit : item.minValue)
item.maxValue = item.topLimit > item.maxValue ? item.topLimit : item.maxValue
item.minValue = item.lowerLimit < item.minValue ? item.lowerLimit : item.minValue
//判断数据是否存在
if (item.value !== null) {
for (let j = 0; j < item.value.length; j++) {
@@ -863,7 +871,7 @@ const shujuchuli = (res: any) => {
let bvalue = []
let cvalue = []
let topLimit = []
item.maxValue = (item.topLimit > item.maxValue ? item.topLimit : item.maxValue)
item.maxValue = item.topLimit > item.maxValue ? item.topLimit : item.maxValue
// item.minValue=item.lowerLimit
//判断数据是否存在
if (item.value !== null) {
@@ -916,7 +924,7 @@ const shujuchuli = (res: any) => {
if (item.phaiscType.length == 2) {
let gvalue = []
let topLimit = []
item.maxValue = (item.topLimit > item.maxValue ? item.topLimit : item.maxValue)
item.maxValue = item.topLimit > item.maxValue ? item.topLimit : item.maxValue
// item.minValue=item.lowerLimit
//判断数据是否存在
if (item.value !== null) {
@@ -981,7 +989,7 @@ const shujuchuli = (res: any) => {
let cvalue = []
let lowerLimit = []
// item.maxValue=item.topLimit
item.minValue = (item.lowerLimit < item.minValue ? item.lowerLimit : item.minValue)
item.minValue = item.lowerLimit < item.minValue ? item.lowerLimit : item.minValue
//判断数据是否存在
if (item.value !== null) {
for (let j = 0; j < item.value.length; j++) {
@@ -1034,7 +1042,7 @@ const shujuchuli = (res: any) => {
let gvalue = []
let lowerLimit = []
// item.maxValue=item.topLimit
item.minValue = (item.lowerLimit < item.minValue ? item.lowerLimit : item.minValue)
item.minValue = item.lowerLimit < item.minValue ? item.lowerLimit : item.minValue
//判断数据是否存在
if (item.value !== null) {
for (let j = 0; j < item.value.length; j++) {
@@ -1202,6 +1210,7 @@ const getSeriesDataValues = (data: any[]) => {
.filter((v): v is number => v != null && !Number.isNaN(v))
}
const buildItemYAxis = (item: any) => {
console.log('🚀 ~ buildItemYAxis ~ item:', item)
if (item.useDualAxis && item.serise?.length) {
const uniqueUnits = [...new Set(item.units.filter((u: string) => u != null && u !== ''))] as string[]
const valuesByUnit: Record<string, number[]> = {}
@@ -1214,8 +1223,8 @@ const buildItemYAxis = (item: any) => {
if (unit) valuesByUnit[unit].push(...getSeriesDataValues(s.data))
})
return uniqueUnits.map((unit, index) => {
const [min, max] = yMethod(valuesByUnit[unit].length ? valuesByUnit[unit] : [0])
return {
type: 'value',
min,
@@ -1232,7 +1241,14 @@ const buildItemYAxis = (item: any) => {
})
}
const values = item.value?.length ? item.value.map((k: any) => k[1]) : [0]
const [min, max] = yMethod([item.maxValue, item.minValue, ...values])
const [min, max] = yMethod([
item.maxValue,
item.minValue,
...values,
item.topLimit?.[0]?.[1] || null,
item.lowerLimit?.[0]?.[1] || null
])
return [
{
type: 'value',
@@ -1281,10 +1297,7 @@ const rendering = () => {
let opitonserise: any[] = []
item.legend.forEach((item2: any) => {
if (
item.avalue !== undefined &&
(item2 == 'A相' || item2 == 'AB相' || item2.startsWith('零序电压'))
) {
if (item.avalue !== undefined && (item2 == 'A相' || item2 == 'AB相' || item2.startsWith('零序电压'))) {
let data = {
name: item2,
symbol: 'none',
@@ -1592,10 +1605,7 @@ const getEcharts = () => {
let tips = ''
tips += '时刻:' + params[0].data[0] + '</br/>'
for (let i = 0; i < params.length; i++) {
if (params[i].seriesName == '暂态触发点') {
tips += ''
return tips
@@ -1605,29 +1615,29 @@ const getEcharts = () => {
params[i].marker + params[i].value[1] > 0
? 'A相谐波电流方向:流入<br/>'
: params[i].value[1] == 0
? 'A相谐波电流方向:无<br/>'
: 'A相谐波电流方向:流出<br/>'
? 'A相谐波电流方向:无<br/>'
: 'A相谐波电流方向:流出<br/>'
} else if (params[i].seriesName == 'B相谐波电流方向') {
tips +=
params[i].marker + params[i].value[1] > 0
? 'B相谐波电流方向:流入<br/>'
: params[i].value[1] == 0
? 'B相谐波电流方向:无<br/>'
: 'B相谐波电流方向:流出<br/>'
? 'B相谐波电流方向:无<br/>'
: 'B相谐波电流方向:流出<br/>'
} else if (params[i].seriesName == 'C相谐波电流方向') {
tips +=
params[i].marker + params[i].value[1] > 0
? 'C相谐波电流方向:流入<br/>'
: params[i].value[1] == 0
? 'C相谐波电流方向:无<br/>'
: 'C相谐波电流方向:流出<br/>'
? 'C相谐波电流方向:无<br/>'
: 'C相谐波电流方向:流出<br/>'
} else if (params[i].seriesName == '总谐波电流方向') {
tips +=
params[i].marker + params[i].value[1] > 0
? '总谐波电流方向:流入<br/>'
: params[i].value[1] == 0
? '总谐波电流方向:无<br/>'
: '总谐波电流方向:流出<br/>'
? '总谐波电流方向:无<br/>'
: '总谐波电流方向:流出<br/>'
} else if (params[i].seriesName.includes('正序电压')) {
let str = (params[i].value[1] * 1).toString()
let reg = str.indexOf('.') > -1 ? /(\d)(?=(\d{3})+\.)/g : /(\d)(?=(?:\d{3})+$)/g
@@ -1699,8 +1709,6 @@ const getEcharts = () => {
':' +
(Number.isNaN(Number(str2)) ? '/' : str2) +
'<br/>'
}
}
@@ -1908,7 +1916,6 @@ const getEcharts = () => {
echarts.connect('group')
}
const conditionChange = () => {
//判断一个指标时
if (formData.condition.length == 1) {
if (
@@ -2045,7 +2052,6 @@ const conditionChange = () => {
}
setTimeout(() => {
//console.log('🚀 ~ setTimeout ~ tableHeaderRef.value:', tableHeaderRef.value)
//tableHeaderRef.value && tableHeaderRef.value?.computedSearchRow()
}, 100)
}