Browse Source

fix:修改页面

temp
zhaohy 3 months 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; 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" />

Loading…
Cancel
Save