|
@ -12,12 +12,12 @@ |
|
|
color: #ffff80; |
|
|
color: #ffff80; |
|
|
z-index: 2; |
|
|
z-index: 2; |
|
|
" |
|
|
" |
|
|
:style="{ left: item.style.mLeft, bottom: item.style.mBottom }"> |
|
|
:style="{ left: item?.style?.mLeft, bottom: item?.style?.mBottom }"> |
|
|
<div style="width: 100%; height: 20px; color: rgb(128, 255, 255)"> |
|
|
<div style="width: 100%; height: 20px; color: rgb(128, 255, 255)"> |
|
|
{{ item.deviceInfoName }} |
|
|
{{ item.deviceInfoName }} |
|
|
</div> |
|
|
</div> |
|
|
<div v-if="item.autoStatus" style="width: 100%; height: 20px"> |
|
|
<div v-if="item.autoStatus" style="width: 100%; height: 20px"> |
|
|
模式: <span style="color: #fff">{{ item.autoStatus.label }}</span> |
|
|
模式: <span style="color: #fff">{{ item?.autoStatus?.label }}</span> |
|
|
</div> |
|
|
</div> |
|
|
<div v-if="item.temp" style="width: 100%; height: 20px"> |
|
|
<div v-if="item.temp" style="width: 100%; height: 20px"> |
|
|
设定温度: <span style="color: #fff">{{ item.temp }} {{ item.tempUnit }}</span> |
|
|
设定温度: <span style="color: #fff">{{ item.temp }} {{ item.tempUnit }}</span> |
|
@ -39,7 +39,7 @@ |
|
|
color: #ffff80; |
|
|
color: #ffff80; |
|
|
z-index: 2; |
|
|
z-index: 2; |
|
|
" |
|
|
" |
|
|
:style="{ left: item.style.mLeft, bottom: item.style.mBottom }"> |
|
|
:style="{ left: item?.style?.mLeft, bottom: item?.style?.mBottom }"> |
|
|
<div style="width: 100%; height: 20px"> |
|
|
<div style="width: 100%; height: 20px"> |
|
|
出水温度: <span style="color: #fff">{{ item.temp }} {{ item.tempUnit }}</span> |
|
|
出水温度: <span style="color: #fff">{{ item.temp }} {{ item.tempUnit }}</span> |
|
|
</div> |
|
|
</div> |
|
@ -86,7 +86,7 @@ |
|
|
color: #ffff80; |
|
|
color: #ffff80; |
|
|
z-index: 2; |
|
|
z-index: 2; |
|
|
" |
|
|
" |
|
|
:style="{ left: item.style.mLeft, bottom: item.style.mBottom }"> |
|
|
:style="{ left: item?.style.mLeft, bottom: item?.style.mBottom }"> |
|
|
<div style="width: 100%; height: 20px"> |
|
|
<div style="width: 100%; height: 20px"> |
|
|
温度: <span style="color: #fff">{{ item.temp }} {{ item.tempUnit }}</span> |
|
|
温度: <span style="color: #fff">{{ item.temp }} {{ item.tempUnit }}</span> |
|
|
</div> |
|
|
</div> |
|
@ -110,7 +110,7 @@ |
|
|
color: #ffff80; |
|
|
color: #ffff80; |
|
|
z-index: 2; |
|
|
z-index: 2; |
|
|
" |
|
|
" |
|
|
:style="{ left: item.style.mLeft, bottom: item.style.mBottom }"> |
|
|
:style="{ left: item?.style?.mLeft, bottom: item?.style?.mBottom }"> |
|
|
<img |
|
|
<img |
|
|
style="position: absolute; width: 101.21px; height: 101.21px; left: 42%; top: -80%" |
|
|
style="position: absolute; width: 101.21px; height: 101.21px; left: 42%; top: -80%" |
|
|
:src="item.url" /> |
|
|
:src="item.url" /> |
|
@ -118,7 +118,7 @@ |
|
|
{{ item.deviceInfoName }} |
|
|
{{ item.deviceInfoName }} |
|
|
</div> |
|
|
</div> |
|
|
<div v-if="item.autoStatus" style="width: 100%; height: 20px"> |
|
|
<div v-if="item.autoStatus" style="width: 100%; height: 20px"> |
|
|
模式: <span style="color: #fff">{{ item.autoStatus.label }}</span> |
|
|
模式: <span style="color: #fff">{{ item?.autoStatus?.label }}</span> |
|
|
</div> |
|
|
</div> |
|
|
<div v-if="item.temp" style="width: 100%; height: 20px"> |
|
|
<div v-if="item.temp" style="width: 100%; height: 20px"> |
|
|
设定温度: <span style="color: #fff">{{ item.temp }} {{ item.tempUnit }}</span> |
|
|
设定温度: <span style="color: #fff">{{ item.temp }} {{ item.tempUnit }}</span> |
|
@ -137,7 +137,7 @@ |
|
|
color: #ffff80; |
|
|
color: #ffff80; |
|
|
z-index: 2; |
|
|
z-index: 2; |
|
|
" |
|
|
" |
|
|
:style="{ left: item.style.mLeft, bottom: item.style.mBottom }"> |
|
|
:style="{ left: item?.style?.mLeft, bottom: item?.style?.mBottom }"> |
|
|
<div |
|
|
<div |
|
|
style=" |
|
|
style=" |
|
|
width: 100%; |
|
|
width: 100%; |
|
@ -166,7 +166,7 @@ |
|
|
color: #ffff80; |
|
|
color: #ffff80; |
|
|
z-index: 2; |
|
|
z-index: 2; |
|
|
" |
|
|
" |
|
|
:style="{ left: item.style.mLeft, bottom: item.style.mBottom }"> |
|
|
:style="{ left: item?.style?.mLeft, bottom: item?.style?.mBottom }"> |
|
|
<div style="width: 100%; height: 20px; color: rgb(128, 255, 255); margin-top: 20px"> |
|
|
<div style="width: 100%; height: 20px; color: rgb(128, 255, 255); margin-top: 20px"> |
|
|
{{ item.deviceInfoName }} |
|
|
{{ item.deviceInfoName }} |
|
|
</div> |
|
|
</div> |
|
@ -191,7 +191,7 @@ |
|
|
font-size: 12px; |
|
|
font-size: 12px; |
|
|
position: absolute; |
|
|
position: absolute; |
|
|
" |
|
|
" |
|
|
:style="{ left: item.style.mLeft, bottom: item.style.mBottom }"> |
|
|
:style="{ left: item?.style?.mLeft, bottom: item?.style?.mBottom }"> |
|
|
<a-switch |
|
|
<a-switch |
|
|
v-if="item.switchStatus" |
|
|
v-if="item.switchStatus" |
|
|
:checked="item?.switchStatus?.value === 1 ? true : false" |
|
|
:checked="item?.switchStatus?.value === 1 ? true : false" |
|
@ -251,7 +251,7 @@ |
|
|
color: #ffff80; |
|
|
color: #ffff80; |
|
|
z-index: 2; |
|
|
z-index: 2; |
|
|
" |
|
|
" |
|
|
:style="{ left: item.style.mLeft, bottom: item.style.mBottom }"> |
|
|
:style="{ left: item?.style?.mLeft, bottom: item?.style?.mBottom }"> |
|
|
<div style="width: 100%; height: 20px"> |
|
|
<div style="width: 100%; height: 20px"> |
|
|
回水温度: <span style="color: #fff">{{ item.temp }} {{ item.tempUnit }}</span> |
|
|
回水温度: <span style="color: #fff">{{ item.temp }} {{ item.tempUnit }}</span> |
|
|
</div> |
|
|
</div> |
|
@ -274,7 +274,7 @@ |
|
|
<template v-for="(item, index) in pressureWater" :key="index"> |
|
|
<template v-for="(item, index) in pressureWater" :key="index"> |
|
|
<div |
|
|
<div |
|
|
style="width: 137px; height: 137px; position: relative; position: absolute; z-index: 2" |
|
|
style="width: 137px; height: 137px; position: relative; position: absolute; z-index: 2" |
|
|
:style="{ left: item.style.mLeft, bottom: item.style.mBottom }"> |
|
|
:style="{ left: item?.style?.mLeft, bottom: item?.style?.mBottom }"> |
|
|
<img style="width: 137px; height: 127px; transform: rotateY(157deg)" :src="item.url" /> |
|
|
<img style="width: 137px; height: 127px; transform: rotateY(157deg)" :src="item.url" /> |
|
|
<div |
|
|
<div |
|
|
style=" |
|
|
style=" |
|
@ -358,16 +358,16 @@ |
|
|
font-size: 12px; |
|
|
font-size: 12px; |
|
|
position: absolute; |
|
|
position: absolute; |
|
|
" |
|
|
" |
|
|
:style="{ left: item.style.mLeft, bottom: item.style.mBottom }"> |
|
|
:style="{ left: item?.style?.mLeft, bottom: item?.style?.mBottom }"> |
|
|
<a-switch |
|
|
<a-switch |
|
|
v-if="item.switchStatus" |
|
|
v-if="item.switchStatus" |
|
|
:checked="item.switchStatus.value === 1 ? true : false" |
|
|
:checked="item?.switchStatus?.value === 1 ? true : false" |
|
|
size="small" |
|
|
size="small" |
|
|
:disabled="true" |
|
|
:disabled="true" |
|
|
style="position: absolute; left: 30px; bottom: 0px; z-index: 2" |
|
|
style="position: absolute; left: 30px; bottom: 0px; z-index: 2" |
|
|
:class="{ |
|
|
:class="{ |
|
|
'blue-background': item.switchStatus.value === 1 ? true : false, |
|
|
'blue-background': item?.switchStatus?.value === 1 ? true : false, |
|
|
'grey-background': item.switchStatus.value === 1 ? false : true, |
|
|
'grey-background': item?.switchStatus?.value === 1 ? false : true, |
|
|
}" /> |
|
|
}" /> |
|
|
<img |
|
|
<img |
|
|
style=" |
|
|
style=" |
|
@ -434,7 +434,7 @@ |
|
|
color: #ffff80; |
|
|
color: #ffff80; |
|
|
z-index: 2; |
|
|
z-index: 2; |
|
|
" |
|
|
" |
|
|
:style="{ left: item.style.mLeft, bottom: item.style.mBottom }"> |
|
|
:style="{ left: item?.style?.mLeft, bottom: item?.style?.mBottom }"> |
|
|
<div style="width: 100%; height: 20px"> |
|
|
<div style="width: 100%; height: 20px"> |
|
|
供水温度: <span style="color: #fff">{{ item.temp }} {{ item.tempUnit }}</span> |
|
|
供水温度: <span style="color: #fff">{{ item.temp }} {{ item.tempUnit }}</span> |
|
|
</div> |
|
|
</div> |
|
@ -452,9 +452,9 @@ |
|
|
style="height: 12px; position: absolute; border-radius: 4px" |
|
|
style="height: 12px; position: absolute; border-radius: 4px" |
|
|
:style="{ |
|
|
:style="{ |
|
|
'background-image': 'url(' + item.url + ')', |
|
|
'background-image': 'url(' + item.url + ')', |
|
|
left: item.style.mLeft, |
|
|
left: item?.style?.mLeft, |
|
|
width: item.style.width, |
|
|
width: item.style.width, |
|
|
bottom: item.style.mBottom, |
|
|
bottom: item?.style?.mBottom, |
|
|
transform: item.style.transform, |
|
|
transform: item.style.transform, |
|
|
'z-index': item.style.zIndex, |
|
|
'z-index': item.style.zIndex, |
|
|
}"> |
|
|
}"> |
|
@ -465,8 +465,8 @@ |
|
|
<div |
|
|
<div |
|
|
style="width: 50px; height: 20px; position: absolute" |
|
|
style="width: 50px; height: 20px; position: absolute" |
|
|
:style="{ |
|
|
:style="{ |
|
|
left: item.style.mLeft, |
|
|
left: item?.style?.mLeft, |
|
|
bottom: item.style.mBottom, |
|
|
bottom: item?.style?.mBottom, |
|
|
transform: item.style.transform, |
|
|
transform: item.style.transform, |
|
|
}"> |
|
|
}"> |
|
|
<img style="width: 50px; height: 20px" :src="item.url" /> |
|
|
<img style="width: 50px; height: 20px" :src="item.url" /> |
|
|