Browse Source

fix:修改页面

temp
zhaohy 3 weeks ago
parent
commit
52fa3ff491
  1. 40
      hx-ai-intelligent/src/view/equipmentControl/coldAndHeatSources/index.vue

40
hx-ai-intelligent/src/view/equipmentControl/coldAndHeatSources/index.vue

@ -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" />

Loading…
Cancel
Save