Browse Source

1.修改模式选择里面的选择事件

2.修改风机内容的定位位置
meizhou
selia-zx 3 weeks ago
parent
commit
99789a5a44
  1. 10
      src/views/aircAndWindc/awSysMonitor/asSysMonitorDetails.vue
  2. 43
      src/views/aircAndWindc/awSysMonitor/components/damperMonitor.vue
  3. 2
      src/views/aircAndWindc/awSysMonitor/components/normalMonitor.vue

10
src/views/aircAndWindc/awSysMonitor/asSysMonitorDetails.vue

@ -342,7 +342,10 @@ export default {
console.log("当前选中节点层级", this.currentLevel); console.log("当前选中节点层级", this.currentLevel);
console.log("当前选中节点名称", this.currentName); console.log("当前选中节点名称", this.currentName);
// ,getWindList() // ,getWindList()
if (this.currentName.includes("新风阀")) { if (
this.currentName.includes("新风阀") ||
this.currentName.includes("AHU")
) {
this.isShowdamper = true; this.isShowdamper = true;
this.$nextTick(() => { this.$nextTick(() => {
this.$refs.damperMonitorRef.getWindList(); this.$refs.damperMonitorRef.getWindList();
@ -440,7 +443,10 @@ export default {
console.log("当前选中节点层级", this.currentLevel); console.log("当前选中节点层级", this.currentLevel);
console.log("当前选中节点名称", this.currentName); console.log("当前选中节点名称", this.currentName);
// ,getWindList() // ,getWindList()
if (this.currentName.includes("新风阀")) { if (
this.currentName.includes("新风阀") ||
this.currentName.includes("AHU")
) {
this.isShowdamper = true; this.isShowdamper = true;
this.$nextTick(() => { this.$nextTick(() => {
this.$refs.damperMonitorRef.getWindList(); this.$refs.damperMonitorRef.getWindList();

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

@ -363,9 +363,7 @@
class="context-li" class="context-li"
v-if="isObjectValid(remoteManualObj) && startStopValue === 0" v-if="isObjectValid(remoteManualObj) && startStopValue === 0"
> >
<div class="wind-text"> <div class="wind-text">远程手动启停:</div>
远程手动启停:
</div>
<el-switch <el-switch
style="display: block" style="display: block"
v-model="remoteManualObj.collectValue" v-model="remoteManualObj.collectValue"
@ -424,9 +422,7 @@
</el-form> </el-form>
</div> </div>
<div class="context-li" v-if="isObjectValid(faultAlarmObj)"> <div class="context-li" v-if="isObjectValid(faultAlarmObj)">
<div class="wind-text"> <div class="wind-text">风机故障状态:</div>
风机故障状态:
</div>
<div class="badStautus" v-if="faultAlarmObj.collectValue">故障</div> <div class="badStautus" v-if="faultAlarmObj.collectValue">故障</div>
<div class="goodStautus" v-else>正常</div> <div class="goodStautus" v-else>正常</div>
</div> </div>
@ -442,8 +438,6 @@
<div class="badStautus" v-if="pressureObj.collectValue">故障</div> <div class="badStautus" v-if="pressureObj.collectValue">故障</div>
<div class="goodStautus" v-else>正常</div> <div class="goodStautus" v-else>正常</div>
</div> </div>
</div>
<div class="fan-satatus1">
<div class="context-li" v-if="isObjectValid(automaticObj)"> <div class="context-li" v-if="isObjectValid(automaticObj)">
<div :class="getTextClass(automaticObj, 'wind-text')"> <div :class="getTextClass(automaticObj, 'wind-text')">
风机手自动状态: 风机手自动状态:
@ -470,6 +464,8 @@
</div> </div>
<div>{{ damperHzBackObj.collectValue }}Hz</div> <div>{{ damperHzBackObj.collectValue }}Hz</div>
</div> </div>
</div>
<div class="fan-satatus1">
<div class="context-li" v-if="isObjectValid(damperHzObj)"> <div class="context-li" v-if="isObjectValid(damperHzObj)">
<div :class="getTextClass(damperHzObj, 'wind-text')"> <div :class="getTextClass(damperHzObj, 'wind-text')">
风机频率调节: 风机频率调节:
@ -742,7 +738,7 @@
!automaticObj.collectValue !automaticObj.collectValue
" "
> >
<div v-if="remoteManualObj.collectValue" class="off-bg on-animation"> <div v-if="remoteManualObj.collectValue" class="off-bg">
运行 运行
</div> </div>
<div v-else class="off-bg">停止</div> <div v-else class="off-bg">停止</div>
@ -1918,16 +1914,12 @@ export default {
// select // select
selectThink2(children) { selectThink2(children) {
const oldValue = children._oldValue; const oldValue = children._oldValue;
let collectText = ""; // value modeOptions label
if (this.modeChangeObj.collectValue === 0) { const selectedOption = this.modeOptions.find(
collectText = "宴会一厅模式"; (item) => item.value === children.collectValue
} else if (this.modeChangeObj.collectValue === 1) { );
collectText = "餐厅模式"; const collectText = selectedOption ? selectedOption.label : "";
} else if (this.modeChangeObj.collectValue === 2) {
collectText = "会议模式";
} else if (this.modeChangeObj.collectValue === 3) {
collectText = "全开模式";
}
this.$confirm( this.$confirm(
`确定要修改"${children.collectName}"的数据为:${collectText}吗?`, `确定要修改"${children.collectName}"的数据为:${collectText}吗?`,
"提示", "提示",
@ -2414,7 +2406,7 @@ export default {
.fan-satatus1 { .fan-satatus1 {
position: absolute; position: absolute;
top: 4.3rem; top: 4.3rem;
left: 6.4rem; left: 6rem;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: flex-start; align-items: flex-start;
@ -2480,7 +2472,7 @@ export default {
} }
.fan-satatus3 { .fan-satatus3 {
position: absolute; position: absolute;
top: 0.8rem; top: 0.1rem;
left: 6.4rem; left: 6.4rem;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -2492,6 +2484,7 @@ export default {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
font-size: 0.18rem;
} }
.wind-text { .wind-text {
color: #00d2ff; color: #00d2ff;
@ -2698,8 +2691,8 @@ export default {
background-image: url(../../../../assets/images/border2.png); background-image: url(../../../../assets/images/border2.png);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
top: 5.5rem; top: 5.6rem;
left: 6.7rem; left: 7rem;
z-index: 10; z-index: 10;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -2855,7 +2848,7 @@ export default {
.windC { .windC {
transform: scale(0.8); transform: scale(0.8);
.fan-satatus3 { .fan-satatus3 {
top: 0.2rem !important; top: -0.3rem !important;
} }
} }
} }
@ -2872,7 +2865,7 @@ export default {
.windC { .windC {
transform: scale(0.86); transform: scale(0.86);
.fan-satatus3 { .fan-satatus3 {
top: 0.6rem !important; top: -0.2rem !important;
} }
} }
.buildingDiv { .buildingDiv {

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

@ -152,7 +152,7 @@
@click="handleOneKeyButton(startControlObj)" @click="handleOneKeyButton(startControlObj)"
v-if="!automaticObj.collectValue" v-if="!automaticObj.collectValue"
> >
<div v-if="startControlObj.collectValue" class="off-bg on-animation"> <div v-if="startControlObj.collectValue" class="off-bg">
运行 运行
</div> </div>
<div v-else class="off-bg">停止</div> <div v-else class="off-bg">停止</div>

Loading…
Cancel
Save