|
|
|
|
@ -90,7 +90,14 @@
|
|
|
|
|
alt="" |
|
|
|
|
/> |
|
|
|
|
<!-- 启停状态 --> |
|
|
|
|
<div class="startClass" v-if="hostListClass('2')"></div> |
|
|
|
|
<div |
|
|
|
|
class="startClass" |
|
|
|
|
:class="{ |
|
|
|
|
startClass1: isMagnetic === 'true', |
|
|
|
|
startClass2: isMagnetic === 'false', |
|
|
|
|
}" |
|
|
|
|
v-if="hostListClass('2')" |
|
|
|
|
></div> |
|
|
|
|
<!-- 冷冻冷却水流信号 --> |
|
|
|
|
<div class="water-flow3"> |
|
|
|
|
<div class="water-flow-li"> |
|
|
|
|
@ -122,18 +129,33 @@
|
|
|
|
|
</div> |
|
|
|
|
<div class="detail-bottom"> |
|
|
|
|
<div class="hostStatus"> |
|
|
|
|
<div class="hostStatus-li"> |
|
|
|
|
<span style="">冷冻供水温度:</span> |
|
|
|
|
<div class="hostStatus-li" v-if="isMagnetic === 'false'"> |
|
|
|
|
<span style="">远程开关机:</span> |
|
|
|
|
<el-switch |
|
|
|
|
style="display: block" |
|
|
|
|
v-model="remoteSwitch" |
|
|
|
|
active-color="#13ce66" |
|
|
|
|
inactive-color="#ff4949" |
|
|
|
|
active-text="开机" |
|
|
|
|
inactive-text="关机" |
|
|
|
|
@change=" |
|
|
|
|
handleControlText(remoteSwitch, remoteSwitchId, '开机', '关机') |
|
|
|
|
" |
|
|
|
|
> |
|
|
|
|
</el-switch> |
|
|
|
|
</div> |
|
|
|
|
<div class="hostStatus-li" v-if="isMagnetic === 'false'"> |
|
|
|
|
<span style="">冷冻水设定值:</span> |
|
|
|
|
<el-input |
|
|
|
|
size="mini" |
|
|
|
|
style="width: 40%" |
|
|
|
|
v-model="frozenupply" |
|
|
|
|
@keyup.enter.native=" |
|
|
|
|
handleEnter( |
|
|
|
|
'冷冻供水温度', |
|
|
|
|
'冷冻水设定值', |
|
|
|
|
'℃', |
|
|
|
|
frozenupply, |
|
|
|
|
frozenupplIdy, |
|
|
|
|
frozenupplyId, |
|
|
|
|
$event |
|
|
|
|
) |
|
|
|
|
" |
|
|
|
|
@ -142,14 +164,20 @@
|
|
|
|
|
></el-input> |
|
|
|
|
<span>℃</span> |
|
|
|
|
</div> |
|
|
|
|
<div class="hostStatus-li"> |
|
|
|
|
<span>需求设定值:</span> |
|
|
|
|
<div class="hostStatus-li" v-if="isMagnetic === 'false'"> |
|
|
|
|
<span>电流负载限制值:</span> |
|
|
|
|
<el-input |
|
|
|
|
size="mini" |
|
|
|
|
style="width: 40%" |
|
|
|
|
v-model="requireSet" |
|
|
|
|
v-model="electLoadSet" |
|
|
|
|
@keyup.enter.native=" |
|
|
|
|
handleEnter('需求设定值', '%', requireSet, requireSetId, $event) |
|
|
|
|
handleEnter( |
|
|
|
|
'电流负载限制值', |
|
|
|
|
'%', |
|
|
|
|
electLoadSet, |
|
|
|
|
electLoadSetId, |
|
|
|
|
$event |
|
|
|
|
) |
|
|
|
|
" |
|
|
|
|
@input="handleInput(children)" |
|
|
|
|
@blur="handleBlur()" |
|
|
|
|
@ -252,10 +280,12 @@ export default {
|
|
|
|
|
condenserPre: "", //冷凝器压力 |
|
|
|
|
evaporatorPre: "", //蒸发器压力 |
|
|
|
|
rightHostData: [], //右 |
|
|
|
|
frozenupply: "", //冷冻供水温度 |
|
|
|
|
remoteSwitch: false, //远程开关机 |
|
|
|
|
remoteSwitchId: "", |
|
|
|
|
frozenupply: "", //冷冻水设定值 |
|
|
|
|
frozenupplyId: "", |
|
|
|
|
requireSet: "", //需求设定值 |
|
|
|
|
requireSetId: "", |
|
|
|
|
electLoadSet: "", //电流负载限制值 |
|
|
|
|
electLoadSetId: "", |
|
|
|
|
automaticObj: {}, //手自动状态 |
|
|
|
|
localObj: {}, //本地远程状态 |
|
|
|
|
badObj: {}, //故障状态 |
|
|
|
|
@ -447,19 +477,27 @@ export default {
|
|
|
|
|
item.showValue = item.curValue; |
|
|
|
|
this.timeObj = item; |
|
|
|
|
} else if ( |
|
|
|
|
item.paramType === "12" && |
|
|
|
|
item.otherName.includes("冷冻供水温度") |
|
|
|
|
item.paramType === "2" && |
|
|
|
|
item.otherName.includes("远程开关机") |
|
|
|
|
) { |
|
|
|
|
// 冷冻供水温度 |
|
|
|
|
// 远程开关机 |
|
|
|
|
this.remoteSwitch = |
|
|
|
|
Number(item.curValue) === 1 ? true : false; |
|
|
|
|
this.remoteSwitchId = item.id; |
|
|
|
|
} else if ( |
|
|
|
|
item.paramType === "14" && |
|
|
|
|
item.otherName.includes("冷冻出水温度设定值") |
|
|
|
|
) { |
|
|
|
|
// 冷冻水设定值 |
|
|
|
|
this.frozenupply = item.curValue; |
|
|
|
|
this.frozenupplyId = item.id; |
|
|
|
|
} else if ( |
|
|
|
|
item.paramType === "0" && |
|
|
|
|
item.otherName.includes("需求设定值") |
|
|
|
|
item.paramType === "32" && |
|
|
|
|
item.otherName.includes("电流限制设定值") |
|
|
|
|
) { |
|
|
|
|
// 需求设定值 |
|
|
|
|
this.requireSet = item.curValue; |
|
|
|
|
this.requireSetId = id; |
|
|
|
|
// 电流负载限制值 |
|
|
|
|
this.electLoadSet = item.curValue; |
|
|
|
|
this.electLoadSetId = item.id; |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
@ -609,37 +647,67 @@ export default {
|
|
|
|
|
// this.getOperationList(); |
|
|
|
|
}); |
|
|
|
|
}, |
|
|
|
|
//启停控制/手动控制 |
|
|
|
|
handleControlText(item, itemId, name1, name2) { |
|
|
|
|
this.$confirm( |
|
|
|
|
`确定要切换远程开关机的状态为:${item ? name1 : name2}吗?`, |
|
|
|
|
"提示", |
|
|
|
|
{ |
|
|
|
|
confirmButtonText: "确定", |
|
|
|
|
cancelButtonText: "取消", |
|
|
|
|
type: "warning", |
|
|
|
|
} |
|
|
|
|
) |
|
|
|
|
.then(() => { |
|
|
|
|
let param = null; |
|
|
|
|
if (item) { |
|
|
|
|
param = 1; |
|
|
|
|
} else { |
|
|
|
|
param = 0; |
|
|
|
|
} |
|
|
|
|
this.hadleOperationConrol(itemId, param); |
|
|
|
|
}) |
|
|
|
|
.catch(() => { |
|
|
|
|
// 用户取消操作，恢复开关状态 |
|
|
|
|
console.log("item后", item); |
|
|
|
|
item = !item; |
|
|
|
|
console.log("item原始", item); |
|
|
|
|
this.remoteSwitch = item; |
|
|
|
|
console.log("this.remoteSwitch", this.remoteSwitch); |
|
|
|
|
console.log("不请求后台"); |
|
|
|
|
}); |
|
|
|
|
}, |
|
|
|
|
hadleOperationConrol(id, param) { |
|
|
|
|
let data = { |
|
|
|
|
id: id, |
|
|
|
|
param: param, |
|
|
|
|
}; |
|
|
|
|
console.log("操作参数", data); |
|
|
|
|
operationConrol([data]) |
|
|
|
|
.then((res) => { |
|
|
|
|
if (res.code == 200) { |
|
|
|
|
this.$modal.msgSuccess("指令下发成功!"); |
|
|
|
|
// 开启 loading 效果 |
|
|
|
|
this.loading = true; |
|
|
|
|
// 更新所有设备状态; |
|
|
|
|
setTimeout(() => { |
|
|
|
|
this.getPolicyList().finally(() => { |
|
|
|
|
// 关闭 loading 效果 |
|
|
|
|
this.loading = false; |
|
|
|
|
}); |
|
|
|
|
}, 5000); |
|
|
|
|
} else { |
|
|
|
|
// this.$modal.msgError("操作失败"); |
|
|
|
|
console.log("应该更新状态的"); |
|
|
|
|
// 更新所有设备状态; |
|
|
|
|
this.getPolicyList(); |
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
.catch((error) => { |
|
|
|
|
console.log("请求发生错误，更新设备状态", error); |
|
|
|
|
// 更新所有设备状态; |
|
|
|
|
this.getPolicyList(); |
|
|
|
|
}); |
|
|
|
|
// operationConrol([data]) |
|
|
|
|
// .then((res) => { |
|
|
|
|
// if (res.code == 200) { |
|
|
|
|
// this.$modal.msgSuccess("指令下发成功!"); |
|
|
|
|
// // 开启 loading 效果 |
|
|
|
|
// this.loading = true; |
|
|
|
|
// // 更新所有设备状态; |
|
|
|
|
// setTimeout(() => { |
|
|
|
|
// this.getPolicyList().finally(() => { |
|
|
|
|
// // 关闭 loading 效果 |
|
|
|
|
// this.loading = false; |
|
|
|
|
// }); |
|
|
|
|
// }, 5000); |
|
|
|
|
// } else { |
|
|
|
|
// // this.$modal.msgError("操作失败"); |
|
|
|
|
// console.log("应该更新状态的"); |
|
|
|
|
// // 更新所有设备状态; |
|
|
|
|
// this.getPolicyList(); |
|
|
|
|
// } |
|
|
|
|
// }) |
|
|
|
|
// .catch((error) => { |
|
|
|
|
// console.log("请求发生错误，更新设备状态", error); |
|
|
|
|
// // 更新所有设备状态; |
|
|
|
|
// this.getPolicyList(); |
|
|
|
|
// }); |
|
|
|
|
}, |
|
|
|
|
}, |
|
|
|
|
}; |
|
|
|
|
@ -837,14 +905,20 @@ export default {
|
|
|
|
|
.startClass { |
|
|
|
|
z-index: 10; |
|
|
|
|
position: absolute; |
|
|
|
|
top: 2.9rem; |
|
|
|
|
left: 3.4rem; |
|
|
|
|
width: 0.18rem; |
|
|
|
|
height: 0.18rem; |
|
|
|
|
border-radius: 50%; |
|
|
|
|
animation: blink 1s infinite; |
|
|
|
|
background-color: #38fc52 !important; |
|
|
|
|
} |
|
|
|
|
.startClass1 { |
|
|
|
|
top: 2.9rem; |
|
|
|
|
left: 3.4rem; |
|
|
|
|
} |
|
|
|
|
.startClass2 { |
|
|
|
|
top: 2.3rem; |
|
|
|
|
left: 3.2rem; |
|
|
|
|
} |
|
|
|
|
.water-flow3 { |
|
|
|
|
z-index: 10; |
|
|
|
|
position: absolute; |
|
|
|
|
@ -1195,3 +1269,48 @@ export default {
|
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
</style> |
|
|
|
|
<style scoped> |
|
|
|
|
@media (min-width: 0px) and (max-width: 1430px) { |
|
|
|
|
.hostStatus-li >>> .el-input--mini .el-input__inner { |
|
|
|
|
height: 0.28rem !important; |
|
|
|
|
line-height: 0.28rem !important; |
|
|
|
|
padding: 0.1rem !important; |
|
|
|
|
} |
|
|
|
|
.hostStatus-li >>> .el-switch { |
|
|
|
|
height: 0.2rem !important; |
|
|
|
|
line-height: 0.2rem !important; |
|
|
|
|
font-size: 0.18rem !important; |
|
|
|
|
} |
|
|
|
|
.hostStatus-li >>> .el-switch__label { |
|
|
|
|
height: 0.2rem !important; |
|
|
|
|
line-height: 0.2rem !important; |
|
|
|
|
font-size: 0.18rem !important; |
|
|
|
|
} |
|
|
|
|
.hostStatus-li >>> .el-switch__label * { |
|
|
|
|
font-size: 0.18rem !important; |
|
|
|
|
} |
|
|
|
|
.hostStatus-li >>> .el-switch__core { |
|
|
|
|
width: 0.4rem !important; |
|
|
|
|
height: 0.2rem !important; |
|
|
|
|
border-radius: 0.1rem !important; |
|
|
|
|
} |
|
|
|
|
.hostStatus-li >>> .el-switch__core:after { |
|
|
|
|
width: 0.16rem !important; |
|
|
|
|
height: 0.16rem !important; |
|
|
|
|
top: 0.01rem !important; |
|
|
|
|
} |
|
|
|
|
.hostStatus-li >>> .el-switch.is-checked .el-switch__core::after { |
|
|
|
|
margin-left: -0.17rem !important; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.hostStatus-li >>> .el-input--mini { |
|
|
|
|
font-size: 0.14rem !important; |
|
|
|
|
} |
|
|
|
|
.hostStatus-li >>> .el-input--mini .el-input__icon { |
|
|
|
|
line-height: 0.28rem !important; |
|
|
|
|
} |
|
|
|
|
.hostStatus-li >>> .el-input__icon { |
|
|
|
|
width: 0.25rem !important; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
</style> |
|
|
|
|
|
