|
|
|
|
@ -7,7 +7,7 @@
|
|
|
|
|
alt="" |
|
|
|
|
/> |
|
|
|
|
<img |
|
|
|
|
class="title-center" |
|
|
|
|
class="title-center" |
|
|
|
|
@click="goSys" |
|
|
|
|
src="../../../assets/images/title-center.png" |
|
|
|
|
alt="" |
|
|
|
|
@ -652,6 +652,151 @@
|
|
|
|
|
</div> |
|
|
|
|
<!-- 供暖区 --> |
|
|
|
|
<div class="hotClass">供暖区</div> |
|
|
|
|
<!-- 采暖锅炉名称 --> |
|
|
|
|
<div |
|
|
|
|
class="steamHeatingBoiler1" |
|
|
|
|
v-if="steamHeatingFire.length > 0 && steamHeatingFire[0].deviceName" |
|
|
|
|
:title="`${steamHeatingFire[0].deviceName}详情`" |
|
|
|
|
@click="goBoilerDetail(steamHeatingFire[0], false)" |
|
|
|
|
> |
|
|
|
|
{{ steamHeatingFire[0].deviceName }} |
|
|
|
|
</div> |
|
|
|
|
<div |
|
|
|
|
class="steamHeatingBoiler2" |
|
|
|
|
v-if="steamHeatingFire.length > 1 && steamHeatingFire[0].deviceName" |
|
|
|
|
:title="`${steamHeatingFire[1].deviceName}详情`" |
|
|
|
|
@click="goBoilerDetail(steamHeatingFire[1], false)" |
|
|
|
|
> |
|
|
|
|
{{ steamHeatingFire[1].deviceName }} |
|
|
|
|
</div> |
|
|
|
|
<!-- 采暖锅炉点击跳转 --> |
|
|
|
|
<div |
|
|
|
|
class="steamHeatingBoiler-main1" |
|
|
|
|
v-if="steamHeatingFire.length > 0 && steamHeatingFire[0].deviceName" |
|
|
|
|
:title="`${steamHeatingFire[0].deviceName}详情`" |
|
|
|
|
@click="goBoilerDetail(steamHeatingFire[0], false)" |
|
|
|
|
></div> |
|
|
|
|
<div |
|
|
|
|
class="steamHeatingBoiler-main2" |
|
|
|
|
v-if="steamHeatingFire.length > 1 && steamHeatingFire[1].deviceName" |
|
|
|
|
:title="`${steamHeatingFire[1].deviceName}详情`" |
|
|
|
|
@click="goBoilerDetail(steamHeatingFire[1], false)" |
|
|
|
|
></div> |
|
|
|
|
<!-- 采暖锅炉运行状态 --> |
|
|
|
|
<img |
|
|
|
|
class="steamHeatingBoiler-img1" |
|
|
|
|
src="../../../assets/images/fan-img.png" |
|
|
|
|
alt="" |
|
|
|
|
v-if="steamHeatingBoilerRunClass(1)" |
|
|
|
|
:class="{ moveClass2: steamHeatingBoilerRunClass(1) }" |
|
|
|
|
/> |
|
|
|
|
<img |
|
|
|
|
class="steamHeatingBoiler-img2" |
|
|
|
|
src="../../../assets/images/fan-img.png" |
|
|
|
|
alt="" |
|
|
|
|
v-if="steamHeatingBoilerRunClass(2)" |
|
|
|
|
:class="{ moveClass2: steamHeatingBoilerRunClass(2) }" |
|
|
|
|
/> |
|
|
|
|
<!-- 采暖泵名称 --> |
|
|
|
|
<div |
|
|
|
|
class="steamHeatingPump1" |
|
|
|
|
v-if=" |
|
|
|
|
steamHeatingHzAndRun.length > 0 && steamHeatingHzAndRun[0].deviceName |
|
|
|
|
" |
|
|
|
|
:title="`${steamHeatingHzAndRun[0].deviceName}详情`" |
|
|
|
|
@click="goPumpDetail(steamHeatingHzAndRun[0], false)" |
|
|
|
|
> |
|
|
|
|
1# |
|
|
|
|
</div> |
|
|
|
|
<div |
|
|
|
|
class="steamHeatingPump2" |
|
|
|
|
v-if=" |
|
|
|
|
steamHeatingHzAndRun.length > 1 && steamHeatingHzAndRun[0].deviceName |
|
|
|
|
" |
|
|
|
|
:title="`${steamHeatingHzAndRun[1].deviceName}详情`" |
|
|
|
|
@click="goPumpDetail(steamHeatingHzAndRun[1], false)" |
|
|
|
|
> |
|
|
|
|
2# |
|
|
|
|
</div> |
|
|
|
|
<div |
|
|
|
|
class="steamHeatingPump3" |
|
|
|
|
v-if=" |
|
|
|
|
steamHeatingHzAndRun.length > 2 && steamHeatingHzAndRun[0].deviceName |
|
|
|
|
" |
|
|
|
|
:title="`${steamHeatingHzAndRun[2].deviceName}详情`" |
|
|
|
|
@click="goPumpDetail(steamHeatingHzAndRun[2], false)" |
|
|
|
|
> |
|
|
|
|
3# |
|
|
|
|
</div> |
|
|
|
|
<!-- 采暖泵点击跳转 --> |
|
|
|
|
<div |
|
|
|
|
class="steamHeatingPump-main1" |
|
|
|
|
v-if=" |
|
|
|
|
steamHeatingHzAndRun.length > 0 && steamHeatingHzAndRun[0].deviceName |
|
|
|
|
" |
|
|
|
|
:title="`${steamHeatingHzAndRun[0].deviceName}详情`" |
|
|
|
|
@click="goPumpDetail(steamHeatingHzAndRun[0], false)" |
|
|
|
|
></div> |
|
|
|
|
<div |
|
|
|
|
class="steamHeatingPump-main2" |
|
|
|
|
v-if=" |
|
|
|
|
steamHeatingHzAndRun.length > 1 && steamHeatingHzAndRun[1].deviceName |
|
|
|
|
" |
|
|
|
|
:title="`${steamHeatingHzAndRun[1].deviceName}详情`" |
|
|
|
|
@click="goPumpDetail(steamHeatingHzAndRun[1], false)" |
|
|
|
|
></div> |
|
|
|
|
<div |
|
|
|
|
class="steamHeatingPump-main3" |
|
|
|
|
v-if=" |
|
|
|
|
steamHeatingHzAndRun.length > 2 && steamHeatingHzAndRun[2].deviceName |
|
|
|
|
" |
|
|
|
|
:title="`${steamHeatingHzAndRun[2].deviceName}详情`" |
|
|
|
|
@click="goPumpDetail(steamHeatingHzAndRun[2], false)" |
|
|
|
|
></div> |
|
|
|
|
<!-- 采暖泵运行状态 --> |
|
|
|
|
<img |
|
|
|
|
class="steamHeatingPump-img1" |
|
|
|
|
src="../../../assets/images/fan-img.png" |
|
|
|
|
alt="" |
|
|
|
|
v-if="steamHeatingPumpRunClass(1)" |
|
|
|
|
:class="{ moveClass2: steamHeatingPumpRunClass(1) }" |
|
|
|
|
/> |
|
|
|
|
<img |
|
|
|
|
class="steamHeatingPump-img2" |
|
|
|
|
src="../../../assets/images/fan-img.png" |
|
|
|
|
alt="" |
|
|
|
|
v-if="steamHeatingPumpRunClass(2)" |
|
|
|
|
:class="{ moveClass2: steamHeatingPumpRunClass(2) }" |
|
|
|
|
/> |
|
|
|
|
<img |
|
|
|
|
class="steamHeatingPump-img3" |
|
|
|
|
src="../../../assets/images/fan-img.png" |
|
|
|
|
alt="" |
|
|
|
|
v-if="steamHeatingPumpRunClass(3)" |
|
|
|
|
:class="{ moveClass2: steamHeatingPumpRunClass(3) }" |
|
|
|
|
/> |
|
|
|
|
<!-- 采暖泵频率反馈 --> |
|
|
|
|
<div |
|
|
|
|
class="steamHeatingPump-hz1" |
|
|
|
|
v-if="steamHeatingPumpHz(1) && steamHeatingPumpRunClass(1)" |
|
|
|
|
> |
|
|
|
|
{{ steamHeatingPumpHz1 }}Hz |
|
|
|
|
</div> |
|
|
|
|
<div |
|
|
|
|
class="steamHeatingPump-hz2" |
|
|
|
|
v-if="steamHeatingPumpHz(2) && steamHeatingPumpRunClass(2)" |
|
|
|
|
> |
|
|
|
|
{{ steamHeatingPumpHz2 }}Hz |
|
|
|
|
</div> |
|
|
|
|
<div |
|
|
|
|
class="steamHeatingPump-hz3" |
|
|
|
|
v-if="steamHeatingPumpHz(3) && steamHeatingPumpRunClass(3)" |
|
|
|
|
> |
|
|
|
|
{{ steamHeatingPumpHz3 }}Hz |
|
|
|
|
</div> |
|
|
|
|
<!-- 热量计供回水温度 --> |
|
|
|
|
<div class="steamHeatingInTem">{{ steamHeatingInTem }}℃</div> |
|
|
|
|
<div class="steamHeatingOutTem">{{ steamHeatingOutTem }}℃</div> |
|
|
|
|
<!-- 供冷区进水阀 --> |
|
|
|
|
<div class="coolingOut-vavle"> |
|
|
|
|
<div class="water-flow-li"> |
|
|
|
|
@ -975,6 +1120,15 @@ export default {
|
|
|
|
|
hotInletBuild: [], //裙楼供暖进水阀 |
|
|
|
|
hotOutletGuest: [], //客房供暖出水阀 |
|
|
|
|
hotInletGuest: [], //客房供暖进水阀 |
|
|
|
|
// 频率反馈 |
|
|
|
|
steamHeatingPumpHz1: "", |
|
|
|
|
steamHeatingPumpHz2: "", |
|
|
|
|
steamHeatingPumpHz3: "", |
|
|
|
|
steamHeatingHzAndRun: [], //运行和频率 |
|
|
|
|
steamHeatingFire: [], //热水锅炉火力 |
|
|
|
|
steamHeatingTem: [], //热量计供回水温度数组 |
|
|
|
|
steamHeatingInTem: "", //回水温度 |
|
|
|
|
steamHeatingOutTem: "", //供水温度 |
|
|
|
|
freezingManifold: [], //冷冻总管 |
|
|
|
|
isShowOn: false, //一键启停,false是Off,true显示On |
|
|
|
|
oneKeyButtonId: "", |
|
|
|
|
@ -1071,6 +1225,7 @@ export default {
|
|
|
|
|
this.getPerformance(); |
|
|
|
|
this.getOneKeyButton(); |
|
|
|
|
this.getMonitorList(); |
|
|
|
|
this.getSteamHeatingData(); |
|
|
|
|
this.getAlarnStatus(); |
|
|
|
|
this.getDayData(); |
|
|
|
|
|
|
|
|
|
@ -1081,6 +1236,7 @@ export default {
|
|
|
|
|
this.getPerformance(); |
|
|
|
|
this.getOneKeyButton(); |
|
|
|
|
this.getMonitorList(); |
|
|
|
|
this.getSteamHeatingData(); |
|
|
|
|
this.getAlarnStatus(); |
|
|
|
|
this.getDayData(); |
|
|
|
|
}, 10000); |
|
|
|
|
@ -1455,6 +1611,54 @@ export default {
|
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
}, |
|
|
|
|
// 获取蒸汽锅炉运行监测数据 |
|
|
|
|
getSteamHeatingData() { |
|
|
|
|
monitorList({ systemType: 3 }).then((res) => { |
|
|
|
|
if (res.code === 200) { |
|
|
|
|
console.log("设备监测列表返回", res); |
|
|
|
|
// 初始化各个设备列表 |
|
|
|
|
this.steamHeatingHzAndRun = []; //频率和运行状态 |
|
|
|
|
this.steamHeatingFire = []; //热水锅炉火力 |
|
|
|
|
this.steamHeatingTem = []; //热量计供回水温度 |
|
|
|
|
res.rows.forEach((row) => { |
|
|
|
|
switch (row.name) { |
|
|
|
|
case "11": |
|
|
|
|
this.steamHeatingHzAndRun = this.processDeviceList(row.values); |
|
|
|
|
console.log( |
|
|
|
|
"裙蒸汽锅炉频率和运行状态", |
|
|
|
|
this.steamHeatingHzAndRun |
|
|
|
|
); |
|
|
|
|
break; |
|
|
|
|
case "25": |
|
|
|
|
this.steamHeatingFire = this.processDeviceList(row.values); |
|
|
|
|
console.log("裙蒸汽锅炉火力", this.steamHeatingFire); |
|
|
|
|
|
|
|
|
|
break; |
|
|
|
|
case "6": |
|
|
|
|
this.steamHeatingTem = row.values; |
|
|
|
|
console.log("裙蒸汽锅炉热量计供回水温度", this.steamHeatingTem); |
|
|
|
|
this.steamHeatingTem.forEach((element) => { |
|
|
|
|
if ( |
|
|
|
|
element.collectName.includes("回水温度") && |
|
|
|
|
element.paramType == "12" |
|
|
|
|
) { |
|
|
|
|
this.steamHeatingInTem = element.collectValue; |
|
|
|
|
} |
|
|
|
|
if ( |
|
|
|
|
element.collectName.includes("供水温度") && |
|
|
|
|
element.paramType == "12" |
|
|
|
|
) { |
|
|
|
|
this.steamHeatingOutTem = element.collectValue; |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
break; |
|
|
|
|
default: |
|
|
|
|
break; |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
}, |
|
|
|
|
// 封装一个通用函数来处理设备列表 |
|
|
|
|
processDeviceList(values) { |
|
|
|
|
const deviceList = []; |
|
|
|
|
@ -2338,6 +2542,163 @@ export default {
|
|
|
|
|
const targetItem = arr.find((item) => item.paramType === targetType); |
|
|
|
|
return targetItem ? targetItem.collectValue : 0; |
|
|
|
|
}, |
|
|
|
|
// 采暖泵运行状态 |
|
|
|
|
steamHeatingPumpRunClass(index) { |
|
|
|
|
// 从 this.steamHeatingHzAndRun 中查找 deviceName 包含与 index 相同数字的对象 |
|
|
|
|
let targetDevice = null; |
|
|
|
|
for (let i = 0; i < this.steamHeatingHzAndRun.length; i++) { |
|
|
|
|
const device = this.steamHeatingHzAndRun[i]; |
|
|
|
|
const indexStr = index.toString(); |
|
|
|
|
const deviceName = device.deviceName.toString(); |
|
|
|
|
for (let j = 0; j < indexStr.length; j++) { |
|
|
|
|
if (deviceName.includes(indexStr[j])) { |
|
|
|
|
targetDevice = device; |
|
|
|
|
break; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
if (targetDevice) { |
|
|
|
|
break; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
// 如果未找到匹配的设备，返回 false |
|
|
|
|
if (!targetDevice) { |
|
|
|
|
return false; |
|
|
|
|
} |
|
|
|
|
// 获取匹配设备的 properties 数组 |
|
|
|
|
const properties = targetDevice.properties; |
|
|
|
|
|
|
|
|
|
// 检查 properties 数组是否存在 |
|
|
|
|
if (!properties || properties.length === 0) { |
|
|
|
|
return false; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
// 遍历 properties 数组，如果当前对象paramType === 1并且item.collectValue !== "0.00"则便是运行状态中的运行 |
|
|
|
|
for (let i = 0; i < properties.length; i++) { |
|
|
|
|
const item = properties[i]; |
|
|
|
|
if (item.paramType === "1" && Number(item.collectValue) == !0) { |
|
|
|
|
return true; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
// 否则代表运行状态中的不运行 |
|
|
|
|
return false; |
|
|
|
|
}, |
|
|
|
|
// 采暖泵频率 |
|
|
|
|
steamHeatingPumpHz(index) { |
|
|
|
|
// 从 this.steamHeatingHzAndRun 中查找 deviceName 包含与 index 相同数字的对象 |
|
|
|
|
let targetDevice = null; |
|
|
|
|
for (let i = 0; i < this.steamHeatingHzAndRun.length; i++) { |
|
|
|
|
const device = this.steamHeatingHzAndRun[i]; |
|
|
|
|
const indexStr = index.toString(); |
|
|
|
|
const deviceName = device.deviceName.toString(); |
|
|
|
|
for (let j = 0; j < indexStr.length; j++) { |
|
|
|
|
if (deviceName.includes(indexStr[j])) { |
|
|
|
|
targetDevice = device; |
|
|
|
|
break; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
if (targetDevice) { |
|
|
|
|
break; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
// 如果未找到匹配的设备，返回 false |
|
|
|
|
if (!targetDevice) { |
|
|
|
|
return false; |
|
|
|
|
} |
|
|
|
|
// 获取匹配设备的 properties 数组 |
|
|
|
|
const properties = targetDevice.properties; |
|
|
|
|
|
|
|
|
|
// 检查 properties 数组是否存在 |
|
|
|
|
if (!properties || properties.length === 0) { |
|
|
|
|
return false; |
|
|
|
|
} |
|
|
|
|
// 遍历 properties 数组，如果当前对象paramType === 4则有频率反馈 |
|
|
|
|
for (let i = 0; i < properties.length; i++) { |
|
|
|
|
const item = properties[i]; |
|
|
|
|
if (item.paramType === "4") { |
|
|
|
|
// 动态构造属性名 |
|
|
|
|
const propertyName = `steamHeatingPumpHz${index}`; |
|
|
|
|
// 使用方括号语法动态设置属性值 |
|
|
|
|
this[propertyName] = item.collectValue; |
|
|
|
|
// this.steamHeatingPumpHz[index] = item.collectValue; |
|
|
|
|
return true; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
// 否则代表运行状态中的不运行 |
|
|
|
|
return false; |
|
|
|
|
}, |
|
|
|
|
// 采暖锅炉运行状态 |
|
|
|
|
steamHeatingBoilerRunClass(index) { |
|
|
|
|
// 从 this.steamHeatingFire 中查找 deviceName 包含与 index 相同数字的对象 |
|
|
|
|
let targetDevice = null; |
|
|
|
|
for (let i = 0; i < this.steamHeatingFire.length; i++) { |
|
|
|
|
const device = this.steamHeatingFire[i]; |
|
|
|
|
const indexStr = index.toString(); |
|
|
|
|
const deviceName = device.deviceName.toString(); |
|
|
|
|
for (let j = 0; j < indexStr.length; j++) { |
|
|
|
|
if (deviceName.includes(indexStr[j])) { |
|
|
|
|
targetDevice = device; |
|
|
|
|
break; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
if (targetDevice) { |
|
|
|
|
break; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
// 如果未找到匹配的设备，返回 false |
|
|
|
|
if (!targetDevice) { |
|
|
|
|
return false; |
|
|
|
|
} |
|
|
|
|
// 获取匹配设备的 properties 数组 |
|
|
|
|
const properties = targetDevice.properties; |
|
|
|
|
|
|
|
|
|
// 检查 properties 数组是否存在 |
|
|
|
|
if (!properties || properties.length === 0) { |
|
|
|
|
return false; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
// console.log("锅炉列表111", properties); |
|
|
|
|
// 遍历 properties 数组，如果当前对象paramType === 45并且item.collectValue !== "0.00"则便是运行状态中的运行 |
|
|
|
|
for (let i = 0; i < properties.length; i++) { |
|
|
|
|
const item = properties[i]; |
|
|
|
|
if ( |
|
|
|
|
item.paramType === "45" && |
|
|
|
|
item.collectName.includes("火力") && |
|
|
|
|
Number(item.collectValue) !== 0 |
|
|
|
|
) { |
|
|
|
|
return true; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
// 否则代表运行状态中的不运行 |
|
|
|
|
return false; |
|
|
|
|
}, |
|
|
|
|
// 采暖锅炉温度 |
|
|
|
|
getTemperature(values, targetName) { |
|
|
|
|
// console.log("values和targetName", values, targetName); |
|
|
|
|
const targetItem = values.find((item) => |
|
|
|
|
item.collectName.includes(targetName) |
|
|
|
|
); |
|
|
|
|
// console.log("得到的targetItem", targetItem.collectValue); |
|
|
|
|
return targetItem ? targetItem.collectValue : ""; |
|
|
|
|
}, |
|
|
|
|
// 采暖锅炉跳转 |
|
|
|
|
goBoilerDetail(item, val) { |
|
|
|
|
// console.log("item", item); |
|
|
|
|
// let hostId = item.properties[0].deviceLedgerId; |
|
|
|
|
this.$router.push({ |
|
|
|
|
path: "/hotWaterBoilerDetails", |
|
|
|
|
// query: { |
|
|
|
|
// hostId: hostId, |
|
|
|
|
// hostName: item.deviceName, |
|
|
|
|
// isMagnetic: val, |
|
|
|
|
// }, |
|
|
|
|
}); |
|
|
|
|
}, |
|
|
|
|
// 采暖泵跳转 |
|
|
|
|
goPumpDetail() { |
|
|
|
|
this.$router.push({ |
|
|
|
|
path: "/heatingPumpDetails", |
|
|
|
|
}); |
|
|
|
|
}, |
|
|
|
|
// 报警列表 |
|
|
|
|
getAlarnStatus() { |
|
|
|
|
let data = { |
|
|
|
|
@ -2936,15 +3297,15 @@ export default {
|
|
|
|
|
z-index: 10; |
|
|
|
|
position: absolute; |
|
|
|
|
top: 4.2rem; |
|
|
|
|
right: 5rem; |
|
|
|
|
right: 5.05rem; |
|
|
|
|
font-size: 0.16rem; |
|
|
|
|
font-weight: bold; |
|
|
|
|
} |
|
|
|
|
.freezingOutWater { |
|
|
|
|
z-index: 10; |
|
|
|
|
position: absolute; |
|
|
|
|
top: 5.4rem; |
|
|
|
|
right: 4.9rem; |
|
|
|
|
top: 5.43rem; |
|
|
|
|
right: 5.1rem; |
|
|
|
|
font-size: 0.16rem; |
|
|
|
|
font-weight: bold; |
|
|
|
|
} |
|
|
|
|
@ -3985,8 +4346,8 @@ export default {
|
|
|
|
|
.hotClass { |
|
|
|
|
z-index: 10; |
|
|
|
|
position: absolute; |
|
|
|
|
top: 4.3rem; |
|
|
|
|
right: 3.7rem; |
|
|
|
|
top: 4.15rem; |
|
|
|
|
right: 3.5rem; |
|
|
|
|
font-size: 0.16rem; |
|
|
|
|
color: #00ffff; |
|
|
|
|
font-weight: bold; |
|
|
|
|
@ -4053,6 +4414,214 @@ export default {
|
|
|
|
|
color: #ffffff; |
|
|
|
|
margin-left: 0.1rem; |
|
|
|
|
} |
|
|
|
|
.steamHeatingBoiler1 { |
|
|
|
|
border-bottom: 1px solid rgba(0, 255, 255, 1); |
|
|
|
|
z-index: 10; |
|
|
|
|
font-size: 0.2rem; |
|
|
|
|
font-weight: bold; |
|
|
|
|
color: aqua; |
|
|
|
|
position: absolute; |
|
|
|
|
cursor: pointer; |
|
|
|
|
top: 4.9rem; |
|
|
|
|
left: 9.4rem; |
|
|
|
|
transform: rotateX(50deg) rotateY(0deg) rotateZ(30deg); /* 分别在 X、Y、Z 轴上旋转 */ |
|
|
|
|
transform-origin: bottom center; /* 设置旋转的基点为底部中心 */ |
|
|
|
|
text-shadow: 0.02rem 0.02rem 0.04rem rgba(0, 0, 0, 0.9); /* 添加文字阴影增强立体感 */ |
|
|
|
|
} |
|
|
|
|
.steamHeatingBoiler2 { |
|
|
|
|
border-bottom: 1px solid rgba(0, 255, 255, 1); |
|
|
|
|
z-index: 10; |
|
|
|
|
font-size: 0.2rem; |
|
|
|
|
font-weight: bold; |
|
|
|
|
color: aqua; |
|
|
|
|
position: absolute; |
|
|
|
|
cursor: pointer; |
|
|
|
|
top: 5.45rem; |
|
|
|
|
left: 10.9rem; |
|
|
|
|
transform: rotateX(50deg) rotateY(0deg) rotateZ(30deg); /* 分别在 X、Y、Z 轴上旋转 */ |
|
|
|
|
transform-origin: bottom center; /* 设置旋转的基点为底部中心 */ |
|
|
|
|
text-shadow: 0.02rem 0.02rem 0.04rem rgba(0, 0, 0, 0.9); /* 添加文字阴影增强立体感 */ |
|
|
|
|
} |
|
|
|
|
.steamHeatingBoiler-main1 { |
|
|
|
|
z-index: 100; |
|
|
|
|
position: absolute; |
|
|
|
|
top: 4.5rem; |
|
|
|
|
left: 10.25rem; |
|
|
|
|
width: 0.6rem; |
|
|
|
|
height: 0.6rem; |
|
|
|
|
// background-color: #007bff; |
|
|
|
|
cursor: pointer; |
|
|
|
|
opacity: 0.4; |
|
|
|
|
transform-style: preserve-3d; |
|
|
|
|
} |
|
|
|
|
.steamHeatingBoiler-main2 { |
|
|
|
|
z-index: 100; |
|
|
|
|
position: absolute; |
|
|
|
|
top: 5rem; |
|
|
|
|
left: 11.6rem; |
|
|
|
|
width: 0.6rem; |
|
|
|
|
height: 0.6rem; |
|
|
|
|
// background-color: #007bff; |
|
|
|
|
cursor: pointer; |
|
|
|
|
opacity: 0.4; |
|
|
|
|
transform-style: preserve-3d; |
|
|
|
|
} |
|
|
|
|
.steamHeatingBoiler-img1 { |
|
|
|
|
z-index: 10; |
|
|
|
|
position: absolute; |
|
|
|
|
top: 4.42rem; |
|
|
|
|
left: 10.6rem; |
|
|
|
|
width: 0.35rem; |
|
|
|
|
height: 0.35rem; |
|
|
|
|
transform-style: preserve-3d; |
|
|
|
|
transform: translateX(-50%) rotateX(60deg) rotateZ(0deg); |
|
|
|
|
} |
|
|
|
|
.steamHeatingBoiler-img2 { |
|
|
|
|
z-index: 10; |
|
|
|
|
position: absolute; |
|
|
|
|
top: 4.88rem; |
|
|
|
|
left: 11.94rem; |
|
|
|
|
width: 0.35rem; |
|
|
|
|
height: 0.35rem; |
|
|
|
|
transform-style: preserve-3d; |
|
|
|
|
transform: translateX(-50%) rotateX(60deg) rotateZ(0deg); |
|
|
|
|
} |
|
|
|
|
.steamHeatingPump1 { |
|
|
|
|
cursor: pointer; |
|
|
|
|
z-index: 10; |
|
|
|
|
font-size: 0.15rem; |
|
|
|
|
font-weight: bold; |
|
|
|
|
color: #46f1e3; |
|
|
|
|
position: absolute; |
|
|
|
|
top: 4.67rem; |
|
|
|
|
left: 11.3rem; |
|
|
|
|
} |
|
|
|
|
.steamHeatingPump2 { |
|
|
|
|
cursor: pointer; |
|
|
|
|
z-index: 10; |
|
|
|
|
font-size: 0.15rem; |
|
|
|
|
font-weight: bold; |
|
|
|
|
color: #46f1e3; |
|
|
|
|
position: absolute; |
|
|
|
|
top: 4.8rem; |
|
|
|
|
left: 11.78rem; |
|
|
|
|
} |
|
|
|
|
.steamHeatingPump3 { |
|
|
|
|
cursor: pointer; |
|
|
|
|
z-index: 10; |
|
|
|
|
font-size: 0.15rem; |
|
|
|
|
font-weight: bold; |
|
|
|
|
color: #46f1e3; |
|
|
|
|
position: absolute; |
|
|
|
|
top: 4.95rem; |
|
|
|
|
left: 12.3rem; |
|
|
|
|
} |
|
|
|
|
.steamHeatingPump-main1 { |
|
|
|
|
z-index: 100; |
|
|
|
|
position: absolute; |
|
|
|
|
top: 4.3rem; |
|
|
|
|
left: 11.25rem; |
|
|
|
|
width: 0.3rem; |
|
|
|
|
height: 0.55rem; |
|
|
|
|
// background-color: #007bff; |
|
|
|
|
cursor: pointer; |
|
|
|
|
opacity: 0.4; |
|
|
|
|
transform-style: preserve-3d; |
|
|
|
|
} |
|
|
|
|
.steamHeatingPump-main2 { |
|
|
|
|
z-index: 100; |
|
|
|
|
position: absolute; |
|
|
|
|
top: 4.39rem; |
|
|
|
|
left: 11.75rem; |
|
|
|
|
width: 0.3rem; |
|
|
|
|
height: 0.55rem; |
|
|
|
|
// background-color: #007bff; |
|
|
|
|
cursor: pointer; |
|
|
|
|
opacity: 0.4; |
|
|
|
|
transform-style: preserve-3d; |
|
|
|
|
} |
|
|
|
|
.steamHeatingPump-main3 { |
|
|
|
|
z-index: 100; |
|
|
|
|
position: absolute; |
|
|
|
|
top: 4.5rem; |
|
|
|
|
left: 12.25rem; |
|
|
|
|
width: 0.3rem; |
|
|
|
|
height: 0.55rem; |
|
|
|
|
// background-color: #007bff; |
|
|
|
|
cursor: pointer; |
|
|
|
|
opacity: 0.4; |
|
|
|
|
transform-style: preserve-3d; |
|
|
|
|
} |
|
|
|
|
.steamHeatingPump-img1 { |
|
|
|
|
z-index: 10; |
|
|
|
|
position: absolute; |
|
|
|
|
top: 4.23rem; |
|
|
|
|
left: 11.4rem; |
|
|
|
|
width: 0.35rem; |
|
|
|
|
height: 0.35rem; |
|
|
|
|
transform-style: preserve-3d; |
|
|
|
|
transform: translateX(-50%) rotateX(60deg) rotateZ(0deg); |
|
|
|
|
} |
|
|
|
|
.steamHeatingPump-img2 { |
|
|
|
|
z-index: 10; |
|
|
|
|
position: absolute; |
|
|
|
|
top: 4.4rem; |
|
|
|
|
left: 11.9rem; |
|
|
|
|
width: 0.35rem; |
|
|
|
|
height: 0.35rem; |
|
|
|
|
transform-style: preserve-3d; |
|
|
|
|
transform: translateX(-50%) rotateX(60deg) rotateZ(0deg); |
|
|
|
|
} |
|
|
|
|
.steamHeatingPump-img3 { |
|
|
|
|
z-index: 10; |
|
|
|
|
position: absolute; |
|
|
|
|
top: 4.55rem; |
|
|
|
|
left: 12.4rem; |
|
|
|
|
width: 0.35rem; |
|
|
|
|
height: 0.35rem; |
|
|
|
|
transform-style: preserve-3d; |
|
|
|
|
transform: translateX(-50%) rotateX(60deg) rotateZ(0deg); |
|
|
|
|
} |
|
|
|
|
.steamHeatingPump-hz1 { |
|
|
|
|
z-index: 10; |
|
|
|
|
position: absolute; |
|
|
|
|
top: 4.18rem; |
|
|
|
|
left: 11.05rem; |
|
|
|
|
font-size: 0.16rem; |
|
|
|
|
font-weight: bold; |
|
|
|
|
} |
|
|
|
|
.steamHeatingPump-hz2 { |
|
|
|
|
z-index: 10; |
|
|
|
|
position: absolute; |
|
|
|
|
top: 4.35rem; |
|
|
|
|
left: 11.62rem; |
|
|
|
|
font-size: 0.16rem; |
|
|
|
|
font-weight: bold; |
|
|
|
|
} |
|
|
|
|
.steamHeatingPump-hz3 { |
|
|
|
|
z-index: 10; |
|
|
|
|
position: absolute; |
|
|
|
|
top: 4.5rem; |
|
|
|
|
left: 12.15rem; |
|
|
|
|
font-size: 0.16rem; |
|
|
|
|
font-weight: bold; |
|
|
|
|
} |
|
|
|
|
.steamHeatingInTem { |
|
|
|
|
z-index: 10; |
|
|
|
|
position: absolute; |
|
|
|
|
top: 4.87rem; |
|
|
|
|
right: 2.35rem; |
|
|
|
|
font-size: 0.16rem; |
|
|
|
|
font-weight: bold; |
|
|
|
|
} |
|
|
|
|
.steamHeatingOutTem { |
|
|
|
|
z-index: 10; |
|
|
|
|
position: absolute; |
|
|
|
|
top: 4.7rem; |
|
|
|
|
right: 2.95rem; |
|
|
|
|
font-size: 0.16rem; |
|
|
|
|
font-weight: bold; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
// @media (min-width: 1240px) and (max-width: 1440px) { |
|
|
|
|
// } |
|
|
|
|
|
