fix:修改页面
This commit is contained in:
@@ -12,12 +12,12 @@
|
||||
color: #ffff80;
|
||||
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)">
|
||||
{{ item.deviceInfoName }}
|
||||
</div>
|
||||
<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 v-if="item.temp" style="width: 100%; height: 20px">
|
||||
设定温度: <span style="color: #fff">{{ item.temp }} {{ item.tempUnit }}</span>
|
||||
@@ -39,7 +39,7 @@
|
||||
color: #ffff80;
|
||||
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">
|
||||
出水温度: <span style="color: #fff">{{ item.temp }} {{ item.tempUnit }}</span>
|
||||
</div>
|
||||
@@ -86,7 +86,7 @@
|
||||
color: #ffff80;
|
||||
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">
|
||||
温度: <span style="color: #fff">{{ item.temp }} {{ item.tempUnit }}</span>
|
||||
</div>
|
||||
@@ -110,7 +110,7 @@
|
||||
color: #ffff80;
|
||||
z-index: 2;
|
||||
"
|
||||
:style="{ left: item.style.mLeft, bottom: item.style.mBottom }">
|
||||
:style="{ left: item?.style?.mLeft, bottom: item?.style?.mBottom }">
|
||||
<img
|
||||
style="position: absolute; width: 101.21px; height: 101.21px; left: 42%; top: -80%"
|
||||
:src="item.url" />
|
||||
@@ -118,7 +118,7 @@
|
||||
{{ item.deviceInfoName }}
|
||||
</div>
|
||||
<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 v-if="item.temp" style="width: 100%; height: 20px">
|
||||
设定温度: <span style="color: #fff">{{ item.temp }} {{ item.tempUnit }}</span>
|
||||
@@ -137,7 +137,7 @@
|
||||
color: #ffff80;
|
||||
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%;
|
||||
@@ -166,7 +166,7 @@
|
||||
color: #ffff80;
|
||||
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">
|
||||
{{ item.deviceInfoName }}
|
||||
</div>
|
||||
@@ -191,7 +191,7 @@
|
||||
font-size: 12px;
|
||||
position: absolute;
|
||||
"
|
||||
:style="{ left: item.style.mLeft, bottom: item.style.mBottom }">
|
||||
:style="{ left: item?.style?.mLeft, bottom: item?.style?.mBottom }">
|
||||
<a-switch
|
||||
v-if="item.switchStatus"
|
||||
:checked="item?.switchStatus?.value === 1 ? true : false"
|
||||
@@ -251,7 +251,7 @@
|
||||
color: #ffff80;
|
||||
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">
|
||||
回水温度: <span style="color: #fff">{{ item.temp }} {{ item.tempUnit }}</span>
|
||||
</div>
|
||||
@@ -274,7 +274,7 @@
|
||||
<template v-for="(item, index) in pressureWater" :key="index">
|
||||
<div
|
||||
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" />
|
||||
<div
|
||||
style="
|
||||
@@ -358,16 +358,16 @@
|
||||
font-size: 12px;
|
||||
position: absolute;
|
||||
"
|
||||
:style="{ left: item.style.mLeft, bottom: item.style.mBottom }">
|
||||
:style="{ left: item?.style?.mLeft, bottom: item?.style?.mBottom }">
|
||||
<a-switch
|
||||
v-if="item.switchStatus"
|
||||
:checked="item.switchStatus.value === 1 ? true : false"
|
||||
:checked="item?.switchStatus?.value === 1 ? true : false"
|
||||
size="small"
|
||||
:disabled="true"
|
||||
style="position: absolute; left: 30px; bottom: 0px; z-index: 2"
|
||||
:class="{
|
||||
'blue-background': item.switchStatus.value === 1 ? true : false,
|
||||
'grey-background': item.switchStatus.value === 1 ? false : true,
|
||||
'blue-background': item?.switchStatus?.value === 1 ? true : false,
|
||||
'grey-background': item?.switchStatus?.value === 1 ? false : true,
|
||||
}" />
|
||||
<img
|
||||
style="
|
||||
@@ -434,7 +434,7 @@
|
||||
color: #ffff80;
|
||||
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">
|
||||
供水温度: <span style="color: #fff">{{ item.temp }} {{ item.tempUnit }}</span>
|
||||
</div>
|
||||
@@ -452,9 +452,9 @@
|
||||
style="height: 12px; position: absolute; border-radius: 4px"
|
||||
:style="{
|
||||
'background-image': 'url(' + item.url + ')',
|
||||
left: item.style.mLeft,
|
||||
left: item?.style?.mLeft,
|
||||
width: item.style.width,
|
||||
bottom: item.style.mBottom,
|
||||
bottom: item?.style?.mBottom,
|
||||
transform: item.style.transform,
|
||||
'z-index': item.style.zIndex,
|
||||
}">
|
||||
@@ -465,8 +465,8 @@
|
||||
<div
|
||||
style="width: 50px; height: 20px; position: absolute"
|
||||
:style="{
|
||||
left: item.style.mLeft,
|
||||
bottom: item.style.mBottom,
|
||||
left: item?.style?.mLeft,
|
||||
bottom: item?.style?.mBottom,
|
||||
transform: item.style.transform,
|
||||
}">
|
||||
<img style="width: 50px; height: 20px" :src="item.url" />
|
||||
|
Reference in New Issue
Block a user