U 实时页面 电压柱状图颜色逻辑修改 内阻告警计算基准修改
| | |
| | | label: '平台logo', |
| | | des: '显示平台logo状态', |
| | | fileName: 'gjdw', // gjdw, nfdw, gjdx, qwh, gdnr |
| | | value: true, |
| | | value: false, |
| | | }, |
| | | uKey: { |
| | | label: 'uKey', |
| | |
| | | * 南京测控: 'njck' |
| | | * 云南昆明供电局:'ynkm' |
| | | */ |
| | | // name: '', |
| | | name: 'sxty', // 请查看alarmPopup是否开启,logo是否开启且为gjdw |
| | | name: '', |
| | | // name: 'sxty', // 请查看alarmPopup是否开启,logo是否开启且为gjdw |
| | | // name: 'tydc', |
| | | // name: 'njck', |
| | | // name: 'ynkm', |
| | |
| | | }, |
| | | noFull: { |
| | | type: Boolean, |
| | | default: false |
| | | default: false, |
| | | }, |
| | | showTools: { |
| | | type: Boolean, |
| | |
| | | }, |
| | | maxColor: { |
| | | type: String, |
| | | default: "green", |
| | | // default: "green", |
| | | default: "#8189f5", |
| | | }, |
| | | minColor: { |
| | | type: String, |
| | | default: "red", |
| | | // default: "red", |
| | | default: "#5ac68b", |
| | | }, |
| | | rightMenu: { |
| | | type: Boolean, |
| | |
| | | fullScreenState: false, |
| | | eye: true, |
| | | // 单体数过大 >=50 |
| | | bigLength: false |
| | | bigLength: false, |
| | | }; |
| | | }, |
| | | methods: { |
| | |
| | | if (min == Infinity) { |
| | | return 0; |
| | | } |
| | | if(alarmVol.low !== false && alarmVol.low<min) { |
| | | if (alarmVol.low !== false && alarmVol.low < min) { |
| | | min = alarmVol.low; |
| | | } |
| | | return Number((min - min * 0.2).toFixed(2)); |
| | |
| | | if (max == -Infinity) { |
| | | max = 1; |
| | | } |
| | | if(alarmVol.high !== false && alarmVol.high>max) { |
| | | if (alarmVol.high !== false && alarmVol.high > max) { |
| | | max = alarmVol.high; |
| | | } |
| | | return Number((max + max * 0.2).toFixed(2)); |
| | |
| | | if (opt && opt.series && opt.series.length != 0) { |
| | | let markLine = opt.series[0].markLine; |
| | | if (opt.series && markLine && markLine.data) { |
| | | let markNumbers = markLine.data.map(v=>{ |
| | | let markNumbers = markLine.data.map((v) => { |
| | | return v.yAxis; |
| | | }); |
| | | |
| | |
| | | show: this.showChartLabel && item.data.length < 51, |
| | | position: "top", |
| | | color: "#fff", |
| | | rotate: rotate |
| | | rotate: rotate, |
| | | }; |
| | | // 设置颜色 |
| | | if (item.hColor) { |
| | |
| | | color: item.hColor, |
| | | }; |
| | | } else { |
| | | if(this.$CFG.clientName.name === "cdsh"){//成都石化定制 |
| | | if (this.$CFG.clientName.name === "cdsh") { |
| | | //成都石化定制 |
| | | // 设置背景 |
| | | item.itemStyle = { |
| | | color: function (value) { |
| | | let val = value.value[1]; |
| | | if (val > item.markLine.data[4].yAxis) { |
| | | return maxColor; |
| | | } else{ |
| | | } else { |
| | | return minColor; |
| | | } |
| | | }, |
| | | }; |
| | | }else if(item.markLine && item.markLine.data.length>=4) { // 上限预告警,下限预告警 黄色 上限告警,下限告警 红色 |
| | | } else if (item.markLine && item.markLine.data.length >= 4) { |
| | | // 上限预告警,下限预告警 黄色 上限告警,下限告警 红色 |
| | | // 设置背景 |
| | | item.itemStyle = { |
| | | color: function (value) { |
| | | let val = value.value[1]; |
| | | if ((val <= item.markLine.data[0].yAxis && val > item.markLine.data[1].yAxis) |
| | | || (val >= item.markLine.data[2].yAxis && val < item.markLine.data[3].yAxis)) { |
| | | if ( |
| | | (val <= item.markLine.data[0].yAxis && |
| | | val > item.markLine.data[1].yAxis) || |
| | | (val >= item.markLine.data[2].yAxis && |
| | | val < item.markLine.data[3].yAxis) |
| | | ) { |
| | | return "#f9b253"; |
| | | } else if(val <= item.markLine.data[1].yAxis || val >= item.markLine.data[3].yAxis) { |
| | | } else if ( |
| | | val <= item.markLine.data[1].yAxis || |
| | | val >= item.markLine.data[3].yAxis |
| | | ) { |
| | | return "#f83030"; |
| | | } |
| | | // 如果极值出现在正常区间 则该极值要区分颜色 最大值紫 最小值绿 |
| | | if ( |
| | | val < item.markLine.data[2].yAxis && |
| | | val > item.markLine.data[0].yAxis |
| | | ) { |
| | | if (val == min) { |
| | | return minColor; |
| | | // return '#5ac68b' |
| | | } |
| | | if (val == max) { |
| | | return maxColor; |
| | | // return '#8189f5'; |
| | | // return '#D686FA'; |
| | | } |
| | | } |
| | | }, |
| | | }; |
| | | }else{ |
| | | } else { |
| | | // 设置背景 |
| | | item.itemStyle = { |
| | | color: function (value) { |
| | |
| | | }, |
| | | }; |
| | | } |
| | | |
| | | } |
| | | return item; |
| | | }); |
| | |
| | | }, |
| | | fullScreen() { |
| | | // 判断是否可以全屏 |
| | | if(this.noFull) { |
| | | if (this.noFull) { |
| | | return; |
| | | } |
| | | this.fullScreenState = this.fullScreenState ? false : true; |
| | |
| | | showChartLabel() { |
| | | return this.showLabel && this.eye ? true : false; |
| | | }, |
| | | showTools1 () { |
| | | showTools1() { |
| | | return this.showTools && !this.bigLength; |
| | | } |
| | | }, |
| | | }, |
| | | mounted() { |
| | | let self = this; |
| | |
| | | |
| | | // 根据功能屏蔽右键菜单 |
| | | if (this.rightMenu) { |
| | | document.getElementById(this.id) && (document.getElementById(this.id).oncontextmenu = function () { |
| | | return false; |
| | | }); |
| | | document.getElementById(this.id) && |
| | | (document.getElementById(this.id).oncontextmenu = function () { |
| | | return false; |
| | | }); |
| | | } |
| | | }, |
| | | }; |
| | |
| | | break; |
| | | case "Resistance": |
| | | // 单体电阻 |
| | | let std_mon_res = |
| | | (1 * (batt.monVolStd / 2)) / (batt.monCapStd / 100); |
| | | // 单位内阻告警基准值从电池信息中取标称内阻值来计算 20240428 |
| | | // let std_mon_res = |
| | | // (1 * (batt.monVolStd / 2)) / (batt.monCapStd / 100); |
| | | let std_mon_res = batt.monResStd; |
| | | high = parseFloat(std_mon_res * item.almHighCoe).toHold(RES); |
| | | highHigh = parseFloat(std_mon_res * item.almHighCoeUpper).toHold( |
| | | RES |