|
|
@ -133,22 +133,6 @@ |
|
|
|
v-if="operatorStore.disinfectStatus != 0 || binLocal" |
|
|
|
></div> |
|
|
|
</div> |
|
|
|
<!-- <div class="single_wrap"> |
|
|
|
<p class="title">环境1</p> |
|
|
|
<div |
|
|
|
class="echarts_box" |
|
|
|
id="envir1" |
|
|
|
v-if="operatorStore.disinfectStatus != 0 || envir1Local" |
|
|
|
></div> |
|
|
|
</div> --> |
|
|
|
<!-- <div class="single_wrap"> |
|
|
|
<p class="title">环境2</p> |
|
|
|
<div |
|
|
|
class="echarts_box" |
|
|
|
id="envir2" |
|
|
|
v-if="operatorStore.disinfectStatus != 0 || envir2Local" |
|
|
|
></div> |
|
|
|
</div> --> |
|
|
|
</div> |
|
|
|
<div class="detail_wrap"> |
|
|
|
<div class="tip_info">警报信息</div> |
|
|
@ -248,14 +232,6 @@ const binLocal = computed(() => { |
|
|
|
return echartsStore?.binCharts || localStorage.getItem('bin') |
|
|
|
}) |
|
|
|
|
|
|
|
const envir1Local = computed(() => { |
|
|
|
return echartsStore?.envir1Charts || localStorage.getItem('envir1') |
|
|
|
}) |
|
|
|
|
|
|
|
const envir2Local = computed(() => { |
|
|
|
return echartsStore?.envir2Charts || localStorage.getItem('envir2') |
|
|
|
}) |
|
|
|
|
|
|
|
const binOption = ref({ |
|
|
|
tooltip: { |
|
|
|
trigger: 'axis', |
|
|
@ -304,102 +280,6 @@ const binOption = ref({ |
|
|
|
}, |
|
|
|
], |
|
|
|
}) |
|
|
|
const envir1Option = ref({ |
|
|
|
tooltip: { |
|
|
|
trigger: 'axis', |
|
|
|
}, |
|
|
|
legend: { |
|
|
|
data: ['温度', '湿度', 'H2O2浓度', 'H2O2饱和度'], |
|
|
|
}, |
|
|
|
grid: { |
|
|
|
left: '3%', |
|
|
|
right: '4%', |
|
|
|
bottom: '3%', |
|
|
|
containLabel: true, |
|
|
|
}, |
|
|
|
xAxis: { |
|
|
|
type: 'category', |
|
|
|
boundaryGap: false, |
|
|
|
data: echartsStore.abscissaFormater, |
|
|
|
}, |
|
|
|
yAxis: { |
|
|
|
type: 'value', |
|
|
|
}, |
|
|
|
series: [ |
|
|
|
{ |
|
|
|
name: '温度', |
|
|
|
type: 'line', |
|
|
|
stack: '1', |
|
|
|
data: [], |
|
|
|
}, |
|
|
|
{ |
|
|
|
name: '湿度', |
|
|
|
type: 'line', |
|
|
|
stack: '2', |
|
|
|
data: [], |
|
|
|
}, |
|
|
|
{ |
|
|
|
name: 'H2O2浓度', |
|
|
|
type: 'line', |
|
|
|
stack: '3', |
|
|
|
data: [], |
|
|
|
}, |
|
|
|
{ |
|
|
|
name: 'H2O2饱和度', |
|
|
|
type: 'line', |
|
|
|
stack: '4', |
|
|
|
data: [], |
|
|
|
}, |
|
|
|
], |
|
|
|
}) |
|
|
|
const envir2Option = ref({ |
|
|
|
tooltip: { |
|
|
|
trigger: 'axis', |
|
|
|
}, |
|
|
|
legend: { |
|
|
|
data: ['温度', '湿度', 'H2O2浓度', 'H2O2饱和度'], |
|
|
|
}, |
|
|
|
grid: { |
|
|
|
left: '3%', |
|
|
|
right: '4%', |
|
|
|
bottom: '3%', |
|
|
|
containLabel: true, |
|
|
|
}, |
|
|
|
xAxis: { |
|
|
|
type: 'category', |
|
|
|
boundaryGap: false, |
|
|
|
data: echartsStore.abscissaFormater, |
|
|
|
}, |
|
|
|
yAxis: { |
|
|
|
type: 'value', |
|
|
|
}, |
|
|
|
series: [ |
|
|
|
{ |
|
|
|
name: '温度', |
|
|
|
type: 'line', |
|
|
|
stack: '1', |
|
|
|
data: [], |
|
|
|
}, |
|
|
|
{ |
|
|
|
name: '湿度', |
|
|
|
type: 'line', |
|
|
|
stack: '2', |
|
|
|
data: [], |
|
|
|
}, |
|
|
|
{ |
|
|
|
name: 'H2O2浓度', |
|
|
|
type: 'line', |
|
|
|
stack: '3', |
|
|
|
data: [], |
|
|
|
}, |
|
|
|
{ |
|
|
|
name: 'H2O2饱和度', |
|
|
|
type: 'line', |
|
|
|
stack: '4', |
|
|
|
data: [], |
|
|
|
}, |
|
|
|
], |
|
|
|
}) |
|
|
|
|
|
|
|
const operatorStore = useOperatorStore() |
|
|
|
const webSocketStore = useWebSocketStore() |
|
|
@ -415,8 +295,6 @@ const showDetail = () => { |
|
|
|
const timer = ref(null) |
|
|
|
|
|
|
|
const binCharts = ref(null) |
|
|
|
const envir1Charts = ref(null) |
|
|
|
const envir2Charts = ref(null) |
|
|
|
|
|
|
|
const time1 = ref(null) |
|
|
|
const time2 = ref(null) |
|
|
@ -429,16 +307,6 @@ onMounted(() => { |
|
|
|
binCharts.value = echarts.init(document.getElementById('bin')) |
|
|
|
binCharts.value.setOption(binOption.value) |
|
|
|
} |
|
|
|
let b = echarts.getInstanceByDom(document.getElementById('envir1')) |
|
|
|
if (b == undefined) { |
|
|
|
envir1Charts.value = echarts.init(document.getElementById('envir1')) |
|
|
|
envir1Charts.value.setOption(envir1Option.value) |
|
|
|
} |
|
|
|
let c = echarts.getInstanceByDom(document.getElementById('envir2')) |
|
|
|
if (c == undefined) { |
|
|
|
envir2Charts.value = echarts.init(document.getElementById('envir2')) |
|
|
|
envir2Charts.value.setOption(envir2Option.value) |
|
|
|
} |
|
|
|
|
|
|
|
time1.value = setInterval(() => { |
|
|
|
binCharts.value?.setOption({ |
|
|
@ -489,102 +357,6 @@ onMounted(() => { |
|
|
|
}, |
|
|
|
], |
|
|
|
}) |
|
|
|
envir1Charts.value?.setOption({ |
|
|
|
tooltip: { |
|
|
|
trigger: 'axis', |
|
|
|
}, |
|
|
|
legend: { |
|
|
|
data: ['温度', '湿度', 'H2O2浓度', 'H2O2饱和度'], |
|
|
|
}, |
|
|
|
grid: { |
|
|
|
left: '3%', |
|
|
|
right: '4%', |
|
|
|
bottom: '3%', |
|
|
|
containLabel: true, |
|
|
|
}, |
|
|
|
xAxis: { |
|
|
|
type: 'category', |
|
|
|
boundaryGap: false, |
|
|
|
data: echartsStore.abscissaFormater, |
|
|
|
}, |
|
|
|
yAxis: { |
|
|
|
type: 'value', |
|
|
|
}, |
|
|
|
series: [ |
|
|
|
{ |
|
|
|
name: '温度', |
|
|
|
type: 'line', |
|
|
|
stack: '1', |
|
|
|
data: [], |
|
|
|
}, |
|
|
|
{ |
|
|
|
name: '湿度', |
|
|
|
type: 'line', |
|
|
|
stack: '2', |
|
|
|
data: [], |
|
|
|
}, |
|
|
|
{ |
|
|
|
name: 'H2O2浓度', |
|
|
|
type: 'line', |
|
|
|
stack: '3', |
|
|
|
data: [], |
|
|
|
}, |
|
|
|
{ |
|
|
|
name: 'H2O2饱和度', |
|
|
|
type: 'line', |
|
|
|
stack: '4', |
|
|
|
data: [], |
|
|
|
}, |
|
|
|
], |
|
|
|
}) |
|
|
|
envir2Charts.value?.setOption({ |
|
|
|
tooltip: { |
|
|
|
trigger: 'axis', |
|
|
|
}, |
|
|
|
legend: { |
|
|
|
data: ['温度', '湿度', 'H2O2浓度', 'H2O2饱和度'], |
|
|
|
}, |
|
|
|
grid: { |
|
|
|
left: '3%', |
|
|
|
right: '4%', |
|
|
|
bottom: '3%', |
|
|
|
containLabel: true, |
|
|
|
}, |
|
|
|
xAxis: { |
|
|
|
type: 'category', |
|
|
|
boundaryGap: false, |
|
|
|
data: echartsStore.abscissaFormater, |
|
|
|
}, |
|
|
|
yAxis: { |
|
|
|
type: 'value', |
|
|
|
}, |
|
|
|
series: [ |
|
|
|
{ |
|
|
|
name: '温度', |
|
|
|
type: 'line', |
|
|
|
stack: '1', |
|
|
|
data: [], |
|
|
|
}, |
|
|
|
{ |
|
|
|
name: '湿度', |
|
|
|
type: 'line', |
|
|
|
stack: '2', |
|
|
|
data: [], |
|
|
|
}, |
|
|
|
{ |
|
|
|
name: 'H2O2浓度', |
|
|
|
type: 'line', |
|
|
|
stack: '3', |
|
|
|
data: [], |
|
|
|
}, |
|
|
|
{ |
|
|
|
name: 'H2O2饱和度', |
|
|
|
type: 'line', |
|
|
|
stack: '4', |
|
|
|
data: [], |
|
|
|
}, |
|
|
|
], |
|
|
|
}) |
|
|
|
}, 1000 * 20) |
|
|
|
|
|
|
|
time1.value = setInterval(() => { |
|
|
@ -636,102 +408,6 @@ onMounted(() => { |
|
|
|
}, |
|
|
|
], |
|
|
|
}) |
|
|
|
envir1Charts.value?.setOption({ |
|
|
|
tooltip: { |
|
|
|
trigger: 'axis', |
|
|
|
}, |
|
|
|
legend: { |
|
|
|
data: ['温度', '湿度', 'H2O2浓度', 'H2O2饱和度'], |
|
|
|
}, |
|
|
|
grid: { |
|
|
|
left: '3%', |
|
|
|
right: '4%', |
|
|
|
bottom: '3%', |
|
|
|
containLabel: true, |
|
|
|
}, |
|
|
|
xAxis: { |
|
|
|
type: 'category', |
|
|
|
boundaryGap: false, |
|
|
|
data: echartsStore.abscissaFormater, |
|
|
|
}, |
|
|
|
yAxis: { |
|
|
|
type: 'value', |
|
|
|
}, |
|
|
|
series: [ |
|
|
|
{ |
|
|
|
name: '温度', |
|
|
|
type: 'line', |
|
|
|
stack: '1', |
|
|
|
data: [], |
|
|
|
}, |
|
|
|
{ |
|
|
|
name: '湿度', |
|
|
|
type: 'line', |
|
|
|
stack: '2', |
|
|
|
data: [], |
|
|
|
}, |
|
|
|
{ |
|
|
|
name: 'H2O2浓度', |
|
|
|
type: 'line', |
|
|
|
stack: '3', |
|
|
|
data: [], |
|
|
|
}, |
|
|
|
{ |
|
|
|
name: 'H2O2饱和度', |
|
|
|
type: 'line', |
|
|
|
stack: '4', |
|
|
|
data: [], |
|
|
|
}, |
|
|
|
], |
|
|
|
}) |
|
|
|
envir2Charts.value?.setOption({ |
|
|
|
tooltip: { |
|
|
|
trigger: 'axis', |
|
|
|
}, |
|
|
|
legend: { |
|
|
|
data: ['温度', '湿度', 'H2O2浓度', 'H2O2饱和度'], |
|
|
|
}, |
|
|
|
grid: { |
|
|
|
left: '3%', |
|
|
|
right: '4%', |
|
|
|
bottom: '3%', |
|
|
|
containLabel: true, |
|
|
|
}, |
|
|
|
xAxis: { |
|
|
|
type: 'category', |
|
|
|
boundaryGap: false, |
|
|
|
data: echartsStore.abscissaFormater, |
|
|
|
}, |
|
|
|
yAxis: { |
|
|
|
type: 'value', |
|
|
|
}, |
|
|
|
series: [ |
|
|
|
{ |
|
|
|
name: '温度', |
|
|
|
type: 'line', |
|
|
|
stack: '1', |
|
|
|
data: [], |
|
|
|
}, |
|
|
|
{ |
|
|
|
name: '湿度', |
|
|
|
type: 'line', |
|
|
|
stack: '2', |
|
|
|
data: [], |
|
|
|
}, |
|
|
|
{ |
|
|
|
name: 'H2O2浓度', |
|
|
|
type: 'line', |
|
|
|
stack: '3', |
|
|
|
data: [], |
|
|
|
}, |
|
|
|
{ |
|
|
|
name: 'H2O2饱和度', |
|
|
|
type: 'line', |
|
|
|
stack: '4', |
|
|
|
data: [], |
|
|
|
}, |
|
|
|
], |
|
|
|
}) |
|
|
|
}, 1000) |
|
|
|
}) |
|
|
|
|
|
|
|