|
|
@ -9,15 +9,15 @@
|
|
|
|
<h2>{{ t('web.RealTimePosition') }}</h2>
|
|
|
|
<h2>{{ t('web.RealTimePosition') }}</h2>
|
|
|
|
<div id="container" class="container1"></div>
|
|
|
|
<div id="container" class="container1"></div>
|
|
|
|
<div style="display: inline-block">
|
|
|
|
<div style="display: inline-block">
|
|
|
|
<div style="display: inline-block;width: 12px;height: 12px;background-color: rgb(248,213,104);margin: 0 6px"></div>
|
|
|
|
<div style="display: inline-block;width: 12px;height: 12px;background-color: rgb(248,216,36);margin: 0 6px"></div>
|
|
|
|
<span>高温</span>
|
|
|
|
<span>高温</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div style="display: inline-block">
|
|
|
|
<div style="display: inline-block">
|
|
|
|
<div style="display: inline-block;width: 12px;height: 12px;background-color: rgb(136, 8, 8);margin: 0 6px"></div>
|
|
|
|
<div style="display: inline-block;width: 12px;height: 12px;background-color: rgb(255,0,0);margin: 0 6px"></div>
|
|
|
|
<span>高压</span>
|
|
|
|
<span>高压</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div style="display: inline-block">
|
|
|
|
<div style="display: inline-block">
|
|
|
|
<div style="display: inline-block;width: 12px;height: 12px;background-color: rgb(170, 255, 0);margin: 0 6px"></div>
|
|
|
|
<div style="display: inline-block;width: 12px;height: 12px;background-color: rgb(255,0,0);margin: 0 6px"></div>
|
|
|
|
<span>低压</span>
|
|
|
|
<span>低压</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- <div style="width: 25%;text-align: center;margin-top: 14px">-->
|
|
|
|
<!-- <div style="width: 25%;text-align: center;margin-top: 14px">-->
|
|
|
@ -299,21 +299,21 @@ const childrenList = ref([])
|
|
|
|
const setBg = (index, e) => {
|
|
|
|
const setBg = (index, e) => {
|
|
|
|
if (!e) return
|
|
|
|
if (!e) return
|
|
|
|
if(parseFloat(e.temperature)>e.temperature_high){
|
|
|
|
if(parseFloat(e.temperature)>e.temperature_high){
|
|
|
|
return 'rgb(248,213,104)'
|
|
|
|
return 'rgb(248,216,36)'
|
|
|
|
}
|
|
|
|
}
|
|
|
|
if (index === 1) {
|
|
|
|
if (index === 1) {
|
|
|
|
if(parseFloat(e.pressure)>e.z1_pressure_high){
|
|
|
|
if(parseFloat(e.pressure)>e.z1_pressure_high){
|
|
|
|
return 'rgb(136, 8, 8)'
|
|
|
|
return 'rgb(255,0,0)'
|
|
|
|
}
|
|
|
|
}
|
|
|
|
if(parseFloat(e.pressure)<e.z1_pressure_low){
|
|
|
|
if(parseFloat(e.pressure)<e.z1_pressure_low){
|
|
|
|
return 'rgb(170, 255, 0)'
|
|
|
|
return 'rgb(255,0,0)'
|
|
|
|
}
|
|
|
|
}
|
|
|
|
} else {
|
|
|
|
} else {
|
|
|
|
if(parseFloat(e.pressure)>e.z_pressure_high){
|
|
|
|
if(parseFloat(e.pressure)>e.z_pressure_high){
|
|
|
|
return 'rgb(136, 8, 8)'
|
|
|
|
return 'rgb(255,0,0)'
|
|
|
|
}
|
|
|
|
}
|
|
|
|
if(parseFloat(e.pressure)<e.z_pressure_low){
|
|
|
|
if(parseFloat(e.pressure)<e.z_pressure_low){
|
|
|
|
return 'rgb(170, 255, 0)'
|
|
|
|
return 'rgb(255,0,0)'
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|