|
@@ -11,10 +11,9 @@
|
|
|
<div class="monitor-item">
|
|
|
<span class="monitor-title">蝶阀开度:</span>
|
|
|
<span class="monitor-val" v-if="!refresh"><span class="val">{{
|
|
|
- monitorData[groupNum - 1]['AirCompressor_ExhaustPre'] ? monitorData[groupNum -
|
|
|
- 1]['AirCompressor_ExhaustPre'] : '-'
|
|
|
+ monitorData[groupNum - 1]['bv_1_open'] ? monitorData[groupNum -
|
|
|
+ 1]['bv_1_open'] : '-'
|
|
|
}}</span>
|
|
|
- <!-- <span class="unit">kPa</span> -->
|
|
|
</span>
|
|
|
</div>
|
|
|
<div class="monitor-item">
|
|
@@ -23,11 +22,11 @@
|
|
|
1]['FluxTotal1'] ? parseFloat(monitorData[groupNum - 1]['FluxTotal1']).toFixed(2) : '-'
|
|
|
}}</span><span class="unit">m³/h</span></span> -->
|
|
|
<div class="monitor-val">
|
|
|
- <span
|
|
|
+ <span v-if="false"
|
|
|
style="display: inline-block; width: 10px;height: 10px;border-radius: 50%;background-color: red;"></span>
|
|
|
- <span
|
|
|
+ <span v-if="true"
|
|
|
style="display: inline-block; width: 10px;height: 10px;border-radius: 50%;background-color: greenyellow;"></span>
|
|
|
- <span
|
|
|
+ <span v-if="false"
|
|
|
style="display: inline-block; width: 10px;height: 10px;border-radius: 50%;background-color: #ccc;"></span>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -39,10 +38,13 @@
|
|
|
<span class="unit">%</span></span> -->
|
|
|
<div class="monitor-val">
|
|
|
<span
|
|
|
+ v-if="false"
|
|
|
style="display: inline-block; width: 10px;height: 10px;border-radius: 50%;background-color: red;"></span>
|
|
|
<span
|
|
|
+ v-if="true"
|
|
|
style="display: inline-block; width: 10px;height: 10px;border-radius: 50%;background-color: greenyellow;"></span>
|
|
|
<span
|
|
|
+ v-if="false"
|
|
|
style="display: inline-block; width: 10px;height: 10px;border-radius: 50%;background-color: #ccc;"></span>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -55,10 +57,13 @@
|
|
|
}}</span><span class="unit">h</span></span> -->
|
|
|
<div class="monitor-val">
|
|
|
<span
|
|
|
+ v-if="false"
|
|
|
style="display: inline-block; width: 10px;height: 10px;border-radius: 50%;background-color: red;"></span>
|
|
|
<span
|
|
|
+ v-if="true"
|
|
|
style="display: inline-block; width: 10px;height: 10px;border-radius: 50%;background-color: greenyellow;"></span>
|
|
|
<span
|
|
|
+ v-if="false"
|
|
|
style="display: inline-block; width: 10px;height: 10px;border-radius: 50%;background-color: #ccc;"></span>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -71,10 +76,13 @@
|
|
|
}}</span><span class="unit">h</span></span> -->
|
|
|
<div class="monitor-val">
|
|
|
<span
|
|
|
+ v-if="false"
|
|
|
style="display: inline-block; width: 10px;height: 10px;border-radius: 50%;background-color: red;"></span>
|
|
|
<span
|
|
|
+ v-if="true"
|
|
|
style="display: inline-block; width: 10px;height: 10px;border-radius: 50%;background-color: greenyellow;"></span>
|
|
|
<span
|
|
|
+ v-if="false"
|
|
|
style="display: inline-block; width: 10px;height: 10px;border-radius: 50%;background-color: #ccc;"></span>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -87,10 +95,13 @@
|
|
|
}}</span><span class="unit">h</span></span> -->
|
|
|
<div class="monitor-val">
|
|
|
<span
|
|
|
+ v-if="false"
|
|
|
style="display: inline-block; width: 10px;height: 10px;border-radius: 50%;background-color: red;"></span>
|
|
|
<span
|
|
|
+ v-if="true"
|
|
|
style="display: inline-block; width: 10px;height: 10px;border-radius: 50%;background-color: greenyellow;"></span>
|
|
|
<span
|
|
|
+ v-if="false"
|
|
|
style="display: inline-block; width: 10px;height: 10px;border-radius: 50%;background-color: #ccc;"></span>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -103,10 +114,13 @@
|
|
|
}}</span><span class="unit">h</span></span> -->
|
|
|
<div class="monitor-val">
|
|
|
<span
|
|
|
+ v-if="false"
|
|
|
style="display: inline-block; width: 10px;height: 10px;border-radius: 50%;background-color: red;"></span>
|
|
|
<span
|
|
|
+ v-if="true"
|
|
|
style="display: inline-block; width: 10px;height: 10px;border-radius: 50%;background-color: greenyellow;"></span>
|
|
|
<span
|
|
|
+ v-if="false"
|
|
|
style="display: inline-block; width: 10px;height: 10px;border-radius: 50%;background-color: #ccc;"></span>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -119,10 +133,13 @@
|
|
|
}}</span><span class="unit">h</span></span> -->
|
|
|
<div class="monitor-val">
|
|
|
<span
|
|
|
+ v-if="false"
|
|
|
style="display: inline-block; width: 10px;height: 10px;border-radius: 50%;background-color: red;"></span>
|
|
|
<span
|
|
|
+ v-if="true"
|
|
|
style="display: inline-block; width: 10px;height: 10px;border-radius: 50%;background-color: greenyellow;"></span>
|
|
|
<span
|
|
|
+ v-if="false"
|
|
|
style="display: inline-block; width: 10px;height: 10px;border-radius: 50%;background-color: #ccc;"></span>
|
|
|
</div>
|
|
|
|
|
@@ -136,10 +153,13 @@
|
|
|
}}</span><span class="unit">h</span></span> -->
|
|
|
<div class="monitor-val">
|
|
|
<span
|
|
|
+ v-if="false"
|
|
|
style="display: inline-block; width: 10px;height: 10px;border-radius: 50%;background-color: red;"></span>
|
|
|
<span
|
|
|
+ v-if="true"
|
|
|
style="display: inline-block; width: 10px;height: 10px;border-radius: 50%;background-color: greenyellow;"></span>
|
|
|
<span
|
|
|
+ v-if="false"
|
|
|
style="display: inline-block; width: 10px;height: 10px;border-radius: 50%;background-color: #ccc;"></span>
|
|
|
</div>
|
|
|
|
|
@@ -279,34 +299,28 @@
|
|
|
<div class="control-item" v-for="(groupNum, index) in monitorDataGroupNum" :key="groupNum">
|
|
|
<div class="control-item-title">{{ monitorData[groupNum - 1]['strname'] }}</div>
|
|
|
<div class="control-item-state">
|
|
|
- <!-- <a-switch
|
|
|
- v-model="airCompressorState[groupNum - 1][`compressRunSigF1`]"
|
|
|
- size="small"
|
|
|
- checked-children="开启"
|
|
|
- un-checked-children="关闭"
|
|
|
- :disabled="airCompressorState[groupNum - 1][`controlModel`]"
|
|
|
- @change="handlerDevice(airCompressorState[groupNum - 1], index)"
|
|
|
- /> -->
|
|
|
+
|
|
|
<a-button v-if="index == 0" size="small" type="text" style="color: #fff;"
|
|
|
- @click="handlerDevice(airCompressorState[groupNum - 1], false)">一键启停</a-button>
|
|
|
+ @click="handlerDevice(airCompressorState[groupNum - 1], false)">主机启动</a-button>
|
|
|
<a-button v-else size="small" type="text" style="color: #fff;"
|
|
|
- @click="handlerDevice(airCompressorState[groupNum - 1], false)">一键启停</a-button>
|
|
|
+ @click="handlerDevice(airCompressorState[groupNum - 1], false)">一键启停11</a-button>
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="control-item" v-for="(groupNum, index) in monitorDataGroupNum" :key="groupNum">
|
|
|
<div class="control-item-title">{{ monitorData[groupNum - 1]['strname'] }}</div>
|
|
|
<div class="control-item-state">
|
|
|
- <!-- <a-switch
|
|
|
- v-model="airCompressorState[groupNum - 1][`compressRunSigF1`]"
|
|
|
- size="small"
|
|
|
- checked-children="开启"
|
|
|
- un-checked-children="关闭"
|
|
|
- :disabled="airCompressorState[groupNum - 1][`controlModel`]"
|
|
|
- @change="handlerDevice(airCompressorState[groupNum - 1], index)"
|
|
|
- /> -->
|
|
|
<a-button v-if="index == 0" size="small" type="text" style="color: #fff;"
|
|
|
+ @click="handlerDevice(airCompressorState[groupNum - 1], true)">主机停止</a-button>
|
|
|
+ <a-button v-else size="small" type="text" style="color: #fff;"
|
|
|
@click="handlerDevice(airCompressorState[groupNum - 1], true)">一键复位</a-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="control-item" v-for="(groupNum, index) in monitorDataGroupNum" :key="groupNum">
|
|
|
+ <div class="control-item-title">{{ monitorData[groupNum - 1]['strname'] }}</div>
|
|
|
+ <div class="control-item-state">
|
|
|
+ <a-button v-if="index == 0" size="small" type="text" style="color: #fff;"
|
|
|
+ @click="handlerDevice(airCompressorState[groupNum - 1], true)">主机进气蝶阀开</a-button>
|
|
|
<a-button v-else size="small" type="text" style="color: #fff;"
|
|
|
@click="handlerDevice(airCompressorState[groupNum - 1], true)">一键复位</a-button>
|
|
|
</div>
|