Browse Source

添加回风温度设置、ahu水阀调节

meizhou
v-lijf43 4 weeks ago
parent
commit
277a81df49
  1. 108
      src/views/aircAndWindc/awSysMonitor/components/damperMonitor.vue
  2. 61
      src/views/aircAndWindc/awSysMonitor/components/normalMonitor.vue

108
src/views/aircAndWindc/awSysMonitor/components/damperMonitor.vue

@ -80,6 +80,26 @@
@input="handleInput(backAirObj)" @input="handleInput(backAirObj)"
@blur="handleBlur()" @blur="handleBlur()"
v-model="backAirObj.collectValue" v-model="backAirObj.collectValue"
disabled
size="mini"
>
<svg-icon
slot="prefix"
icon-class="tem_icon"
class="tem-icon"
/>
</el-input> </el-form-item
></el-form>
</div>
<div class="wind-tem1-set" v-if="isObjectValid(backAirObjSet)">
<div class="wind-text">回风温度设置</div>
<el-form @submit.native.prevent>
<el-form-item>
<el-input
@keyup.enter.native="handleEnter(backAirObjSet, $event, '℃')"
@input="handleInput(backAirObjSet)"
@blur="handleBlur()"
v-model="backAirObjSet.collectValue"
size="mini" size="mini"
> >
<svg-icon <svg-icon
@ -218,7 +238,7 @@
v-if="isObjectValid(openingBackObj)" v-if="isObjectValid(openingBackObj)"
style="width: 2.4rem" style="width: 2.4rem"
> >
<div class="wind-text">风阀开度反馈:</div> <div class="wind-text">风阀开度设置:</div>
<el-form @submit.native.prevent> <el-form @submit.native.prevent>
<el-form-item> <el-form-item>
<el-input <el-input
@ -279,7 +299,7 @@
</div> </div>
<div class="fan-satatus2"> <div class="fan-satatus2">
<div class="context-li" v-if="isObjectValid(waterValveObj)"> <div class="context-li" v-if="isObjectValid(waterValveObj)">
<div class="wind-text">水阀调节</div> <div class="wind-text">水阀反馈</div>
<el-form @submit.native.prevent> <el-form @submit.native.prevent>
<el-form-item> <el-form-item>
<el-input <el-input
@ -287,6 +307,29 @@
@input="handleInput(waterValveObj)" @input="handleInput(waterValveObj)"
@blur="handleBlur()" @blur="handleBlur()"
v-model="waterValveObj.collectValue" v-model="waterValveObj.collectValue"
disabled
size="mini"
>
<svg-icon
slot="prefix"
icon-class="percentage-icon"
class="percentage-icon"
/>
</el-input>
</el-form-item>
</el-form>
</div>
</div>
<div class="fan-satatus2-set">
<div class="context-li" v-if="isObjectValid(waterValveObjSet)">
<div class="wind-text">水阀调节</div>
<el-form @submit.native.prevent>
<el-form-item>
<el-input
@keyup.enter.native="handleEnter(waterValveObjSet, $event, '%')"
@input="handleInput(waterValveObjSet)"
@blur="handleBlur()"
v-model="waterValveObjSet.collectValue"
size="mini" size="mini"
> >
<svg-icon <svg-icon
@ -529,6 +572,7 @@ export default {
loading: false, loading: false,
backwaterObj: {}, // backwaterObj: {}, //
waterValveObj: {}, // waterValveObj: {}, //
waterValveObjSet: {}, //
startControlObj: {}, // startControlObj: {}, //
runStatusObj: {}, // runStatusObj: {}, //
damperOneObj: {}, //1 damperOneObj: {}, //1
@ -550,11 +594,13 @@ export default {
pressureObj: {}, // pressureObj: {}, //
automaticObj: {}, // automaticObj: {}, //
backAirObj: {}, // backAirObj: {}, //
backAirObjSet: {}, //
faultAlarmObj: {}, // faultAlarmObj: {}, //
waterSupplyObj: {}, // waterSupplyObj: {}, //
tableData: [], // tableData: [], //
temValue: "℃", // temValue: "℃", //
temValueSet: "℃", //
valvePercent: "%", // valvePercent: "%", //
runStatus: false, // runStatus: false, //
autoStatus: false, // autoStatus: false, //
@ -680,7 +726,8 @@ export default {
if (res.code == 200 && res.rows.length > 0) { if (res.code == 200 && res.rows.length > 0) {
let data = res.rows[0].values; let data = res.rows[0].values;
this.backwaterObj = {}; // this.backwaterObj = {}; //
this.waterValveObj = {}; // this.waterValveObj = {}; //
this.waterValveObjSet = {}; //
this.startControlObj = {}; // this.startControlObj = {}; //
this.runStatusObj = {}; // this.runStatusObj = {}; //
this.airSupplyObj = {}; // this.airSupplyObj = {}; //
@ -713,12 +760,19 @@ export default {
) { ) {
this.backwaterObj = item; this.backwaterObj = item;
} }
//
else if (
item.paramType === "4" &&
item.collectName.includes("水阀反馈")
) {
this.waterValveObj = item;
}
// //
else if ( else if (
item.paramType === "3" && item.paramType === "3" &&
item.collectName.includes("水阀调节") item.collectName.includes("水阀调节")
) { ) {
this.waterValveObj = item; this.waterValveObjSet = item;
} }
// // 01 // // 01
// else if (item.paramType === "2") { // else if (item.paramType === "2") {
@ -758,6 +812,13 @@ export default {
) { ) {
this.backAirObj = item; this.backAirObj = item;
} }
//
else if (
item.paramType === "14" &&
item.collectName.includes("回风")
) {
this.backAirObjSet = item;
}
//1 //1
else if ( else if (
item.paramType === "3" && item.paramType === "3" &&
@ -1539,7 +1600,22 @@ export default {
z-index: 10; z-index: 10;
width: 1.3rem; width: 1.3rem;
position: absolute; position: absolute;
top: 0.4rem; top: 0rem;
left: 4.7rem;
display: flex;
flex-direction: column;
align-items: center;
.wind-text {
color: #00d2ff;
font-size: 0.18rem;
margin-bottom: 0.15rem;
}
}
.wind-tem1-set {
z-index: 10;
width: 1.3rem;
position: absolute;
top: 1rem;
left: 4.7rem; left: 4.7rem;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -1667,6 +1743,28 @@ export default {
white-space: nowrap; white-space: nowrap;
} }
} }
.fan-satatus2-set {
position: absolute;
top: 5.8rem;
left: 3.5rem;
display: flex;
flex-direction: column;
align-items: flex-start;
.context-li {
z-index: 10;
width: 2rem;
margin-bottom: 0.1rem;
display: flex;
flex-direction: row;
align-items: center;
}
.wind-text {
color: #00d2ff;
font-size: 0.18rem;
margin-right: 0.15rem;
white-space: nowrap;
}
}
.fan-satatus3 { .fan-satatus3 {
position: absolute; position: absolute;
top: 0.9rem; top: 0.9rem;

61
src/views/aircAndWindc/awSysMonitor/components/normalMonitor.vue

@ -72,7 +72,7 @@
/> />
</div> </div>
<div class="wind-tem1" v-if="isObjectValid(airSupplyObj)"> <div class="wind-tem1" v-if="isObjectValid(airSupplyObj)">
<div class="wind-text">回风温度</div> <div class="wind-text">实际回风温度</div>
<el-form @submit.native.prevent> <el-form @submit.native.prevent>
<el-form-item> <el-form-item>
<el-input <el-input
@ -80,6 +80,26 @@
@input="handleInput(backAirObj)" @input="handleInput(backAirObj)"
@blur="handleBlur()" @blur="handleBlur()"
v-model="backAirObj.collectValue" v-model="backAirObj.collectValue"
disabled
size="mini"
>
<svg-icon
slot="prefix"
icon-class="tem_icon"
class="tem-icon"
/>
</el-input> </el-form-item
></el-form>
</div>
<div class="wind-tem1-set" v-if="isObjectValid(airSupplyObj)">
<div class="wind-text">回风温度设置</div>
<el-form @submit.native.prevent>
<el-form-item>
<el-input
@keyup.enter.native="handleEnter(backAirObjSet, $event, '℃')"
@input="handleInput(backAirObjSet)"
@blur="handleBlur()"
v-model="backAirObjSet.collectValue"
size="mini" size="mini"
> >
<svg-icon <svg-icon
@ -133,8 +153,8 @@
@change="handleAutomaticText(automaticObj)" @change="handleAutomaticText(automaticObj)"
> >
</el-switch> --> </el-switch> -->
<div class="goodStautus" v-if="automaticObj.collectValue">手动</div> <div class="noneStautus" v-if="automaticObj.collectValue">手动</div>
<div class="noneStautus" v-else>自动</div> <div class="goodStautus" v-else>自动</div>
</div> </div>
<div class="context-li" v-if="isObjectValid(startControlObj)"> <div class="context-li" v-if="isObjectValid(startControlObj)">
<div class="wind-text">风机启停控制</div> <div class="wind-text">风机启停控制</div>
@ -351,11 +371,13 @@ export default {
pressureObj: {}, // pressureObj: {}, //
automaticObj: {}, // automaticObj: {}, //
backAirObj: {}, // backAirObj: {}, //
backAirObjSet: {}, //
faultAlarmObj: {}, // faultAlarmObj: {}, //
waterSupplyObj: {}, // waterSupplyObj: {}, //
tableData: [], // tableData: [], //
temValue: "℃", // temValue: "℃", //
temValueSet: "℃", //
valvePercent: "%", // valvePercent: "%", //
runStatus: false, // runStatus: false, //
autoStatus: false, // autoStatus: false, //
@ -453,6 +475,7 @@ export default {
this.pressureObj = {}; // this.pressureObj = {}; //
this.automaticObj = {}; // this.automaticObj = {}; //
this.backAirObj = {}; // this.backAirObj = {}; //
this.backAirObjSet = {}; //
this.faultAlarmObj = {}; // this.faultAlarmObj = {}; //
this.waterSupplyObj = {}; // this.waterSupplyObj = {}; //
data.forEach((item) => { data.forEach((item) => {
@ -522,6 +545,13 @@ export default {
) { ) {
this.backAirObj = item; this.backAirObj = item;
} }
//
else if (
item.paramType === "14" &&
item.collectName.includes("回风")
) {
this.backAirObjSet = item;
}
// 0 1 // 0 1
else if (item.paramType === "5") { else if (item.paramType === "5") {
this.faultAlarmObj = item; this.faultAlarmObj = item;
@ -1019,17 +1049,34 @@ export default {
} }
.wind-tem1 { .wind-tem1 {
z-index: 10; z-index: 10;
width: 1.3rem; width: 2.5rem;
position: absolute; position: absolute;
top: 0.3rem; top: 0.3rem;
left: 7.3rem; left: 7.3rem;
display: flex; display: flex;
flex-direction: column; flex-direction: row; /* Changed from column to row */
align-items: center; align-items: center; /* Align items vertically centered */
.wind-text { .wind-text {
color: #00d2ff; color: #00d2ff;
font-size: 0.18rem; font-size: 0.18rem;
margin-bottom: 0.15rem; margin-right: 0.15rem; /* Add some spacing between text and input */
white-space: nowrap;
}
}
.wind-tem1-set {
z-index: 10;
width: 2.5rem;
position: absolute;
top: 1rem;
left: 7.3rem;
display: flex;
flex-direction: row; /* Changed from column to row */
align-items: center; /* Align items vertically centered */
.wind-text {
color: #00d2ff;
font-size: 0.18rem;
margin-right: 0.15rem; /* Add some spacing between text and input */
white-space: nowrap;
} }
} }
.wind-tem2 { .wind-tem2 {

Loading…
Cancel
Save