|
|
|
|
@ -516,10 +516,10 @@
|
|
|
|
|
:class="{ startClass: towerValveInControlClass(0) }" |
|
|
|
|
></div> |
|
|
|
|
<!-- 冷冻蝶阀数据定位 --> |
|
|
|
|
<div |
|
|
|
|
<!-- <div |
|
|
|
|
class="frozenValve1" |
|
|
|
|
:class="{ startClass: frozenValveControlClass(0) }" |
|
|
|
|
></div> |
|
|
|
|
></div> --> |
|
|
|
|
<div |
|
|
|
|
class="frozenValve2" |
|
|
|
|
:class="{ startClass: frozenValveControlClass(1) }" |
|
|
|
|
@ -529,10 +529,10 @@
|
|
|
|
|
:class="{ startClass: frozenValveControlClass(2) }" |
|
|
|
|
></div> |
|
|
|
|
<!-- 冷却蝶阀数据定位 --> |
|
|
|
|
<div |
|
|
|
|
<!-- <div |
|
|
|
|
class="coolingValue1" |
|
|
|
|
:class="{ startClass: coolingValueControlClass(0) }" |
|
|
|
|
></div> |
|
|
|
|
></div> --> |
|
|
|
|
<div |
|
|
|
|
class="coolingValue2" |
|
|
|
|
:class="{ startClass: coolingValueControlClass(1) }" |
|
|
|
|
@ -554,8 +554,8 @@
|
|
|
|
|
<!-- 冷冻水流 --> |
|
|
|
|
<div class="freezingOutWater">{{ freezingOutWater }}m³/h</div> |
|
|
|
|
<!-- 冷冻进出水压力 --> |
|
|
|
|
<div class="freezingInPre">{{ freezingInPre }}kpa</div> |
|
|
|
|
<div class="freezingOutPre">{{ freezingOutPre }}kpa</div> |
|
|
|
|
<!-- <div class="freezingInPre">{{ freezingInPre }}kpa</div> |
|
|
|
|
<div class="freezingOutPre">{{ freezingOutPre }}kpa</div> --> |
|
|
|
|
<!-- 冷却进出水温度 --> |
|
|
|
|
<div class="coolingInTem">{{ coolingInTem }}℃</div> |
|
|
|
|
<div class="coolingOutTem">{{ coolingOutTem }}℃</div> |
|
|
|
|
@ -592,6 +592,9 @@
|
|
|
|
|
connect: hostAndCoolingControlClass(this.coolingInletBuild), |
|
|
|
|
}" |
|
|
|
|
></span> |
|
|
|
|
<div class="outInre"> |
|
|
|
|
{{ getValueByType(this.coolingInletBuild, "13") }}bar |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="water-flow-li"> |
|
|
|
|
<span>客房供冷进水阀:</span> |
|
|
|
|
@ -601,13 +604,16 @@
|
|
|
|
|
connect: hostAndCoolingControlClass(this.coolingInletGuest), |
|
|
|
|
}" |
|
|
|
|
></span> |
|
|
|
|
<div class="outInre"> |
|
|
|
|
{{ getValueByType(this.coolingInletGuest, "13") }}bar |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<line-children |
|
|
|
|
:angle1="-110" |
|
|
|
|
:angle2="0" |
|
|
|
|
:lineWidth1="230" |
|
|
|
|
:lineWidth2="170" |
|
|
|
|
:lineWidth2="240" |
|
|
|
|
class="coolingOut-line" |
|
|
|
|
></line-children> |
|
|
|
|
<!-- 供冷区出水阀 --> |
|
|
|
|
@ -620,6 +626,9 @@
|
|
|
|
|
connect: hostAndCoolingControlClass(this.coolingOutletBuild), |
|
|
|
|
}" |
|
|
|
|
></span> |
|
|
|
|
<div class="outInre"> |
|
|
|
|
{{ getValueByType(this.coolingOutletBuild, "13") }}bar |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="water-flow-li"> |
|
|
|
|
<span>客房供冷出水阀:</span> |
|
|
|
|
@ -629,13 +638,16 @@
|
|
|
|
|
connect: hostAndCoolingControlClass(this.coolingOutletGuest), |
|
|
|
|
}" |
|
|
|
|
></span> |
|
|
|
|
<div class="outInre"> |
|
|
|
|
{{ getValueByType(this.coolingOutletGuest, "13") }}bar |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<line-children |
|
|
|
|
:angle1="-110" |
|
|
|
|
:angle2="0" |
|
|
|
|
:lineWidth1="170" |
|
|
|
|
:lineWidth2="170" |
|
|
|
|
:lineWidth2="240" |
|
|
|
|
class="coolingIn-line" |
|
|
|
|
></line-children> |
|
|
|
|
<!--供暖区进水阀 --> |
|
|
|
|
@ -646,6 +658,9 @@
|
|
|
|
|
class="break" |
|
|
|
|
:class="{ connect: hostAndCoolingControlClass(this.hotInletBuild) }" |
|
|
|
|
></span> |
|
|
|
|
<div class="outInre"> |
|
|
|
|
{{ getValueByType(this.hotInletBuild, "13") }}bar |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="water-flow-li"> |
|
|
|
|
<span>客房供暖进水阀:</span> |
|
|
|
|
@ -653,13 +668,16 @@
|
|
|
|
|
class="break" |
|
|
|
|
:class="{ connect: hostAndCoolingControlClass(this.hotInletGuest) }" |
|
|
|
|
></span> |
|
|
|
|
<div class="outInre"> |
|
|
|
|
{{ getValueByType(this.hotInletGuest, "13") }}bar |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<line-children |
|
|
|
|
:angle1="-20" |
|
|
|
|
:angle1="-45" |
|
|
|
|
:angle2="0" |
|
|
|
|
:lineWidth1="140" |
|
|
|
|
:lineWidth2="170" |
|
|
|
|
:lineWidth1="90" |
|
|
|
|
:lineWidth2="240" |
|
|
|
|
class="hotOut-line" |
|
|
|
|
></line-children> |
|
|
|
|
<!--供暖区出水阀 --> |
|
|
|
|
@ -672,6 +690,9 @@
|
|
|
|
|
connect: hostAndCoolingControlClass(this.hotOutletBuild), |
|
|
|
|
}" |
|
|
|
|
></span> |
|
|
|
|
<div class="outInre"> |
|
|
|
|
{{ getValueByType(this.hotOutletBuild, "13") }}bar |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="water-flow-li"> |
|
|
|
|
<span>客房供暖出水阀:</span> |
|
|
|
|
@ -681,13 +702,16 @@
|
|
|
|
|
connect: hostAndCoolingControlClass(this.hotOutletGuest), |
|
|
|
|
}" |
|
|
|
|
></span> |
|
|
|
|
<div class="outInre"> |
|
|
|
|
{{ getValueByType(this.hotOutletGuest, "13") }}bar |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<line-children |
|
|
|
|
:angle1="-30" |
|
|
|
|
:angle1="-45" |
|
|
|
|
:angle2="0" |
|
|
|
|
:lineWidth1="210" |
|
|
|
|
:lineWidth2="170" |
|
|
|
|
:lineWidth1="170" |
|
|
|
|
:lineWidth2="240" |
|
|
|
|
class="hotIn-line" |
|
|
|
|
></line-children> |
|
|
|
|
</div> |
|
|
|
|
@ -1123,19 +1147,6 @@ export default {
|
|
|
|
|
this.freezingManifoldData(); |
|
|
|
|
break; |
|
|
|
|
case "18": |
|
|
|
|
let buildOutData = row.values; |
|
|
|
|
buildOutData.forEach((item) => { |
|
|
|
|
if (item.deviceName.includes("供冷")) { |
|
|
|
|
this.coolingOutletBuild.push(item); |
|
|
|
|
} |
|
|
|
|
if (item.deviceName.includes("供暖")) { |
|
|
|
|
this.hotOutletBuild.push(item); |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
console.log("裙楼供冷出水阀", this.coolingOutletBuild); |
|
|
|
|
console.log("裙楼供暖出水阀", this.hotOutletBuild); |
|
|
|
|
break; |
|
|
|
|
case "19": |
|
|
|
|
let buildInData = row.values; |
|
|
|
|
buildInData.forEach((item) => { |
|
|
|
|
if (item.deviceName.includes("供冷")) { |
|
|
|
|
@ -1148,20 +1159,20 @@ export default {
|
|
|
|
|
console.log("裙楼供冷进水阀", this.coolingInletBuild); |
|
|
|
|
console.log("裙楼供暖进水阀", this.hotInletBuild); |
|
|
|
|
break; |
|
|
|
|
case "20": |
|
|
|
|
let guestOutData = row.values; |
|
|
|
|
guestOutData.forEach((item) => { |
|
|
|
|
case "19": |
|
|
|
|
let buildOutData = row.values; |
|
|
|
|
buildOutData.forEach((item) => { |
|
|
|
|
if (item.deviceName.includes("供冷")) { |
|
|
|
|
this.coolingOutletGuest.push(item); |
|
|
|
|
this.coolingOutletBuild.push(item); |
|
|
|
|
} |
|
|
|
|
if (item.deviceName.includes("供暖")) { |
|
|
|
|
this.hotOutletGuest.push(item); |
|
|
|
|
this.hotOutletBuild.push(item); |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
console.log("客房供冷出水阀", this.coolingOutletGuest); |
|
|
|
|
console.log("客房供暖出水阀", this.hotOutletGuest); |
|
|
|
|
console.log("裙楼供冷出水阀", this.coolingOutletBuild); |
|
|
|
|
console.log("裙楼供暖出水阀", this.hotOutletBuild); |
|
|
|
|
break; |
|
|
|
|
case "21": |
|
|
|
|
case "20": |
|
|
|
|
let guestInData = row.values; |
|
|
|
|
guestInData.forEach((item) => { |
|
|
|
|
if (item.deviceName.includes("供冷")) { |
|
|
|
|
@ -1174,6 +1185,19 @@ export default {
|
|
|
|
|
console.log("客房供冷进水阀", this.coolingInletGuest); |
|
|
|
|
console.log("客房供暖进水阀", this.hotInletGuest); |
|
|
|
|
break; |
|
|
|
|
case "21": |
|
|
|
|
let guestOutData = row.values; |
|
|
|
|
guestOutData.forEach((item) => { |
|
|
|
|
if (item.deviceName.includes("供冷")) { |
|
|
|
|
this.coolingOutletGuest.push(item); |
|
|
|
|
} |
|
|
|
|
if (item.deviceName.includes("供暖")) { |
|
|
|
|
this.hotOutletGuest.push(item); |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
console.log("客房供冷出水阀", this.coolingOutletGuest); |
|
|
|
|
console.log("客房供暖出水阀", this.hotOutletGuest); |
|
|
|
|
break; |
|
|
|
|
default: |
|
|
|
|
break; |
|
|
|
|
} |
|
|
|
|
@ -1445,8 +1469,10 @@ export default {
|
|
|
|
|
// console.log("targetPropertyName",targetPropertyName) |
|
|
|
|
// 在新数组中查找与目标名称匹配的对象，并检查其 collectValue 是否不为 "0.00" |
|
|
|
|
for (let i = 0; i < filteredProperties.length; i++) { |
|
|
|
|
const collectName = filteredProperties[i].collectName; |
|
|
|
|
if ( |
|
|
|
|
filteredProperties[i].collectName === targetPropertyName && |
|
|
|
|
collectName.includes(`${towerNumber}号冷却塔风机${item}`) && |
|
|
|
|
collectName.includes("运行") && |
|
|
|
|
Number(filteredProperties[i].collectValue) !== 0 |
|
|
|
|
) { |
|
|
|
|
if (index === 0 && item === 1) { |
|
|
|
|
@ -1500,9 +1526,13 @@ export default {
|
|
|
|
|
// console.log("targetPropertyName",targetPropertyName) |
|
|
|
|
// 在新数组中查找与目标名称匹配的对象，并检查其 collectValue 是否不为 "0.00" |
|
|
|
|
for (let i = 0; i < filteredProperties.length; i++) { |
|
|
|
|
if (filteredProperties[i].collectName === targetPropertyName) { |
|
|
|
|
const collectName = filteredProperties[i].collectName; |
|
|
|
|
if ( |
|
|
|
|
collectName.includes(`${towerNumber}号冷却塔风机${item}`) && |
|
|
|
|
collectName.includes("频率反馈") |
|
|
|
|
) { |
|
|
|
|
// 动态构造 coolingTowerHz 相关属性名 |
|
|
|
|
const coolingTowerHzPropertyName = `coolingTowerHz${towerNumber}${item}`; |
|
|
|
|
const coolingTowerHzPropertyName = `coolingTowerHz${towerNumber}`; |
|
|
|
|
// console.log( |
|
|
|
|
// "coolingTowerHzPropertyName---", |
|
|
|
|
// coolingTowerHzPropertyName |
|
|
|
|
@ -1511,6 +1541,10 @@ export default {
|
|
|
|
|
const value = Number(filteredProperties[i].collectValue); |
|
|
|
|
// 使用方括号语法动态设置属性值 |
|
|
|
|
this[coolingTowerHzPropertyName] = value; |
|
|
|
|
// console.log( |
|
|
|
|
// "coolingTowerHzPropertyName])", |
|
|
|
|
// coolingTowerHzPropertyName |
|
|
|
|
// ); |
|
|
|
|
// console.log("Number(filteredProperties[i].collectValue)", value); |
|
|
|
|
return true; |
|
|
|
|
} |
|
|
|
|
@ -1542,14 +1576,14 @@ export default {
|
|
|
|
|
// console.log("item.collectValue", item.collectValue); |
|
|
|
|
// 阀开到位是开启 |
|
|
|
|
if ( |
|
|
|
|
item.collectName.includes("阀开到位") && |
|
|
|
|
item.collectName.includes("开到位") && |
|
|
|
|
Number(item.collectValue) == 1 |
|
|
|
|
) { |
|
|
|
|
valveOpenFeedbackFound = true; |
|
|
|
|
} |
|
|
|
|
// 阀关到位是关闭 |
|
|
|
|
if ( |
|
|
|
|
item.collectName.includes("阀关到位") && |
|
|
|
|
item.collectName.includes("关到位") && |
|
|
|
|
Number(item.collectValue) == 0 |
|
|
|
|
) { |
|
|
|
|
valveCloseFeedbackFound = true; |
|
|
|
|
@ -1583,14 +1617,14 @@ export default {
|
|
|
|
|
// console.log("item.collectValue", item.collectValue); |
|
|
|
|
// 阀开到位是开启 |
|
|
|
|
if ( |
|
|
|
|
item.collectName.includes("阀开到位") && |
|
|
|
|
item.collectName.includes("开到位") && |
|
|
|
|
Number(item.collectValue) == 1 |
|
|
|
|
) { |
|
|
|
|
valveOpenFeedbackFound = true; |
|
|
|
|
} |
|
|
|
|
// 阀关到位是关闭 |
|
|
|
|
if ( |
|
|
|
|
item.collectName.includes("阀关到位") && |
|
|
|
|
item.collectName.includes("关到位") && |
|
|
|
|
Number(item.collectValue) == 0 |
|
|
|
|
) { |
|
|
|
|
valveCloseFeedbackFound = true; |
|
|
|
|
@ -1623,14 +1657,14 @@ export default {
|
|
|
|
|
if (item.paramType === "7") { |
|
|
|
|
// 阀开到位是开启 |
|
|
|
|
if ( |
|
|
|
|
item.collectName.includes("阀开到位") && |
|
|
|
|
item.collectName.includes("开到位") && |
|
|
|
|
Number(item.collectValue) !== 0 |
|
|
|
|
) { |
|
|
|
|
valveOpenFeedbackFound = true; |
|
|
|
|
} |
|
|
|
|
// 阀关到位是关闭 |
|
|
|
|
if ( |
|
|
|
|
item.collectName.includes("阀关到位") && |
|
|
|
|
item.collectName.includes("关到位") && |
|
|
|
|
Number(item.collectValue) === 0 |
|
|
|
|
) { |
|
|
|
|
valveCloseFeedbackFound = true; |
|
|
|
|
@ -1663,14 +1697,14 @@ export default {
|
|
|
|
|
if (item.paramType === "7") { |
|
|
|
|
// 阀开到位是开启 |
|
|
|
|
if ( |
|
|
|
|
item.collectName.includes("阀开到位") && |
|
|
|
|
item.collectName.includes("开到位") && |
|
|
|
|
Number(item.collectValue) !== 0 |
|
|
|
|
) { |
|
|
|
|
valveOpenFeedbackFound = true; |
|
|
|
|
} |
|
|
|
|
// 阀关到位是关闭 |
|
|
|
|
if ( |
|
|
|
|
item.collectName.includes("阀关到位") && |
|
|
|
|
item.collectName.includes("关到位") && |
|
|
|
|
Number(item.collectValue) === 0 |
|
|
|
|
) { |
|
|
|
|
valveCloseFeedbackFound = true; |
|
|
|
|
@ -1739,6 +1773,11 @@ export default {
|
|
|
|
|
} |
|
|
|
|
return false; |
|
|
|
|
}, |
|
|
|
|
// 裙楼、客房的进出水压力 |
|
|
|
|
getValueByType(arr, targetType) { |
|
|
|
|
const targetItem = arr.find((item) => item.paramType === targetType); |
|
|
|
|
return targetItem ? targetItem.collectValue : 0; |
|
|
|
|
}, |
|
|
|
|
// 报警列表 |
|
|
|
|
getAlarnStatus() { |
|
|
|
|
let data = { |
|
|
|
|
@ -2642,7 +2681,7 @@ export default {
|
|
|
|
|
color: #ffffff; |
|
|
|
|
position: absolute; |
|
|
|
|
top: 0.95rem; |
|
|
|
|
left: 7.16rem; |
|
|
|
|
left: 7.22rem; |
|
|
|
|
font-weight: bold; |
|
|
|
|
transform: rotateX(20deg) rotateY(-25deg) rotateZ(-2deg); |
|
|
|
|
} |
|
|
|
|
@ -2807,7 +2846,7 @@ export default {
|
|
|
|
|
font-size: 0.2rem; |
|
|
|
|
// color: rgb(18, 155, 209); |
|
|
|
|
// color: rgb(147, 204, 236); |
|
|
|
|
color: rgb(144, 167, 197); |
|
|
|
|
color: #ffffff; |
|
|
|
|
background-image: url(../../../assets/images/border1.png); |
|
|
|
|
background-size: 100% 100%; |
|
|
|
|
background-repeat: no-repeat; |
|
|
|
|
@ -2851,7 +2890,7 @@ export default {
|
|
|
|
|
align-items: flex-start; |
|
|
|
|
justify-content: flex-start; |
|
|
|
|
font-size: 0.2rem; |
|
|
|
|
color: rgb(144, 167, 197); |
|
|
|
|
color: #ffffff; |
|
|
|
|
background-image: url(../../../assets/images/border4.png); |
|
|
|
|
background-size: 100% 100%; |
|
|
|
|
background-repeat: no-repeat; |
|
|
|
|
@ -2870,7 +2909,7 @@ export default {
|
|
|
|
|
font-style: italic; |
|
|
|
|
font-weight: bold; |
|
|
|
|
line-height: 0.6rem; |
|
|
|
|
color: rgba(209, 214, 223, 1); |
|
|
|
|
color: #ffffff; |
|
|
|
|
padding-left: 0.5rem; |
|
|
|
|
margin-bottom: 0.01rem; |
|
|
|
|
margin-left: 0.4rem; |
|
|
|
|
@ -3056,7 +3095,7 @@ export default {
|
|
|
|
|
z-index: 10; |
|
|
|
|
position: absolute; |
|
|
|
|
top: 1.2rem; |
|
|
|
|
right: 4.5rem; |
|
|
|
|
right: 3.8rem; |
|
|
|
|
font-size: 0.16rem; |
|
|
|
|
} |
|
|
|
|
.coolingIn-line { |
|
|
|
|
@ -3069,15 +3108,15 @@ export default {
|
|
|
|
|
.coolingIn-vavle { |
|
|
|
|
z-index: 10; |
|
|
|
|
position: absolute; |
|
|
|
|
top: 2.0rem; |
|
|
|
|
right: 3.6rem; |
|
|
|
|
top: 2rem; |
|
|
|
|
right: 2.8rem; |
|
|
|
|
font-size: 0.16rem; |
|
|
|
|
} |
|
|
|
|
.hotIn-vavle { |
|
|
|
|
z-index: 10; |
|
|
|
|
position: absolute; |
|
|
|
|
top: 3.1rem; |
|
|
|
|
right: -0.5rem; |
|
|
|
|
top: 2.93rem; |
|
|
|
|
right: -0.65rem; |
|
|
|
|
font-size: 0.16rem; |
|
|
|
|
} |
|
|
|
|
.hotIn-line { |
|
|
|
|
@ -3090,8 +3129,8 @@ export default {
|
|
|
|
|
.hotOut-vavle { |
|
|
|
|
z-index: 10; |
|
|
|
|
position: absolute; |
|
|
|
|
top: 3.96rem; |
|
|
|
|
right: -0.8rem; |
|
|
|
|
top: 3.77rem; |
|
|
|
|
right: -0.9rem; |
|
|
|
|
font-size: 0.16rem; |
|
|
|
|
} |
|
|
|
|
.hotOut-line { |
|
|
|
|
@ -3101,6 +3140,12 @@ export default {
|
|
|
|
|
right: 3.1rem; |
|
|
|
|
font-size: 0.16rem; |
|
|
|
|
} |
|
|
|
|
.outInre { |
|
|
|
|
font-size: 0.16rem; |
|
|
|
|
font-weight: bold; |
|
|
|
|
color: #ffffff; |
|
|
|
|
margin-left: 0.1rem; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
// @media (min-width: 1240px) and (max-width: 1440px) { |
|
|
|
|
// } |
|
|
|
|
|
