Merge branch 'master' of http://182.92.126.35:3000/hrx/mky-vent-base

src/views/vent/monitorManager/alarmMonitor/fire/gasPage.vue

@@ -96,21 +96,21 @@
       topAreaListWs.length = 0;
       cardListWs.length = 0;
       if (JSON.stringify(val.common) != '{}') {
-        warnText.value = val.common.pump[0].warnLevel || 0;
+        warnText.value = val.common.pump.length!=0 ? val.common.pump[0].warnLevel : 0;
         val.common.pump.forEach((v) => {
           topAreaListWs.push({
             label: v.strinstallpos || '--',
             list: [
               // { name: '抽采泵流量', val: v.readData.FlowSensor_InputFlux || 0 },
               // { name: '报警状态', val: v.warnLevel || 0 },
-              { name: '输入管道内一氧化碳(ppm)', val: v.readData.coVal == 0 || v.readData.coVal ? v.readData.coVal : '-' },
-              { name: '管路出口处瓦斯(%CH4)', val: v.readData.gas1 == 0 || v.readData.gas1 ? v.readData.gas1 : '-'  }, //v.readData.gas1 
-              { name: '泵站内瓦斯(%CH4)', val: v.readData.gas2 == 0 || v.readData.gas2 ? v.readData.gas2 : '-' }, //v.readData.gas2
-              { name: '输入管道内瓦斯(%CH4)', val: v.readData.gas3 == 0 || v.readData.gas3 ? v.readData.gas3 : '-' }, //v.readData.gas3
-              { name: '管道输出瓦斯(%CH4)', val: v.readData.gas4 == 0 || v.readData.gas4 ? v.readData.gas4 : '-' }, //v.readData.gas4
-              { name: '输入管道内工混流量(m³/min)', val: v.readData.mixedTraffic == 0 || v.readData.mixedTraffic ? v.readData.mixedTraffic : '-' }, //v.readData.mixedTraffic
-              { name: '输入管道内标况流量(m³/min)', val: v.readData.standardTraffic == 0 || v.readData.standardTraffic ? v.readData.standardTraffic : '-' }, //v.readData.standardTraffic
-              { name: '瓦斯抽放量(m³)', val: v.readData.totalGasDrainage == 0 || v.readData.totalGasDrainage ? v.readData.totalGasDrainage : '-' },
+              { name: '输入管道内一氧化碳(ppm)', val: v.readData.coVal && v.readData.coVal!='0' ? v.readData.coVal : '-' },
+              { name: '管路出口处瓦斯(%CH4)', val: v.readData.gas1 && v.readData.gas1 !='0' ? v.readData.gas1 : '-'  }, //v.readData.gas1 
+              { name: '泵站内瓦斯(%CH4)', val:v.readData.gas2 && v.readData.gas2 !='0' ? v.readData.gas2 : '-' }, //v.readData.gas2
+              { name: '输入管道内瓦斯(%CH4)', val: v.readData.gas3 && v.readData.gas3!='0' ? v.readData.gas3 : '-' }, //v.readData.gas3
+              { name: '管道输出瓦斯(%CH4)', val: v.readData.gas4 && v.readData.gas4!='0' ? v.readData.gas4 : '-' }, //v.readData.gas4
+              { name: '输入管道内工混流量(m³/min)', val:  v.readData.mixedTraffic && v.readData.mixedTraffic !='0' ? v.readData.mixedTraffic : '-' }, //v.readData.mixedTraffic
+              { name: '输入管道内标况流量(m³/min)', val: v.readData.standardTraffic && v.readData.standardTraffic !='0' ? v.readData.standardTraffic : '-' }, //v.readData.standardTraffic
+              { name: '瓦斯抽放量(m³)', val: v.readData.totalGasDrainage && v.readData.totalGasDrainage!='0' ? v.readData.totalGasDrainage : '-' },
             ],
           });
         });

src/views/vent/monitorManager/alarmMonitor/index.vue

@@ -1364,7 +1364,7 @@ onUnmounted(() => {
         position: relative;
 
         .top {
-          height: 100px;
+          height: 136px;
           padding-top: 30px;
 
           .value {
@@ -1400,28 +1400,30 @@ onUnmounted(() => {
           position: relative;
           margin: 0 auto;
           width: 184px;
-          height: 270px;
+          height: calc(100% - 136px);
           background: linear-gradient(to bottom, transparent, #00679b77) no-repeat;
           background-size: cover;
           display: flex;
           flex-direction: column;
-          justify-content: space-between;
+          justify-content: flex-start;
           align-items: center;
-          padding: 50px 0 20px 0;
+          overflow-y: auto;
+          // padding: 50px 0 20px 0;
 
           &::after {
             position: absolute;
             content: '';
-            left: -10px;
-            bottom: -8px;
-            width: 205px;
+            left: 0px;
+            bottom: 0px;
+            width: 184px;
             height: 31px;
-            background: url('/@/assets/images/vent/plane1.png') no-repeat;
+            background: url('/@/assets/images/vent/plane1.png') no-repeat center;
+            background-size: 100% 100%;
             background-position: bottom;
           }
 
           .detail-item {
-            width: 147px;
+            width: 100%;
             height: 40px;
             background-image: linear-gradient(to right, #39a3ff66, #39a3ff00);
             // margin: 5px 0;
@@ -1429,6 +1431,7 @@ onUnmounted(() => {
             padding: 0 10px;
             justify-content: space-between;
             align-items: center;
+            margin-bottom: 30px;
 
             .value {
               font-size: 16px;

src/views/vent/monitorManager/compressor/components/nitrogenHome2.vue

@@ -8,14 +8,14 @@
             <div v-for="groupNum in 2" :key="groupNum" class="modal-monitor">
                 <fourBorderBg :class="`kyj${groupNum}`" :id="`nitrogenMonitor${groupNum}`">
                     <div class="title">{{ monitorData[groupNum - 1]['strname'] }} </div>
-                    <div class="monitor-item">
+                    <!-- <div class="monitor-item">
                         <span class="monitor-title">蝶阀开度:</span>
                         <span class="monitor-val" v-if="!refresh"><span class="val">{{
                             monitorData[groupNum - 1]['bv_1_open'] ? monitorData[groupNum -
                             1]['bv_1_open'] : '-'
                         }}</span>
                         </span>
-                    </div>
+                    </div> -->
                     <div class="monitor-item">
                         <span class="monitor-title">检修:</span>
                         <!-- <span class="monitor-val" v-if="!refresh"><span class="val">{{ monitorData[groupNum -
@@ -37,129 +37,210 @@
                             '-' }}</span>
                             <span class="unit">%</span></span> -->
                         <div class="monitor-val">
-                            <span
-                            v-if="false"
+                            <span v-if="false"
                                 style="display: inline-block; width: 10px;height: 10px;border-radius: 50%;background-color: red;"></span>
-                            <span
-                            v-if="true"
+                            <span v-if="true"
                                 style="display: inline-block; width: 10px;height: 10px;border-radius: 50%;background-color: greenyellow;"></span>
-                            <span
-                            v-if="false"
+                            <span v-if="false"
                                 style="display: inline-block; width: 10px;height: 10px;border-radius: 50%;background-color: #ccc;"></span>
                         </div>
                     </div>
                     <div class="monitor-item">
-                        <span class="monitor-title">进气蝶阀远控:</span>
+                        <span class="monitor-title">主机进气蝶阀远控:</span>
                         <!-- <span class="monitor-val" v-if="!refresh"><span class="val">{{
                             monitorData[groupNum - 1]['AirCompressor_RunTime'] ? monitorData[groupNum -
                             1]['AirCompressor_RunTime'] :
                             '-'
                         }}</span><span class="unit">h</span></span> -->
                         <div class="monitor-val">
-                            <span
-                            v-if="false"
+                            <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>
+                    <div class="monitor-item">
+                        <span class="monitor-title">备机进气蝶阀远控:</span>
+                        <!-- <span class="monitor-val" v-if="!refresh"><span class="val">{{
+                            monitorData[groupNum - 1]['AirCompressor_LoadTime'] ? monitorData[groupNum -
+                            1]['AirCompressor_LoadTime']
+                            : '-'
+                        }}</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>
+                    <div class="monitor-item">
+                        <span class="monitor-title">主机进气蝶阀开到位:</span>
+                        <!-- <span class="monitor-val" v-if="!refresh"><span class="val">{{
+                            monitorData[groupNum - 1]['AirCompressor_LoadTime'] ? monitorData[groupNum -
+                            1]['AirCompressor_LoadTime']
+                            : '-'
+                        }}</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>
+                    <div class="monitor-item">
+                        <span class="monitor-title">备机进气蝶阀开到位:</span>
+                        <!-- <span class="monitor-val" v-if="!refresh"><span class="val">{{
+                            monitorData[groupNum - 1]['AirCompressor_LoadTime'] ? monitorData[groupNum -
+                            1]['AirCompressor_LoadTime']
+                            : '-'
+                        }}</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>
+                    <div class="monitor-item">
+                        <span class="monitor-title">主机进气蝶阀关到位:</span>
+                        <!-- <span class="monitor-val" v-if="!refresh"><span class="val">{{
+                            monitorData[groupNum - 1]['AirCompressor_LoadTime'] ? monitorData[groupNum -
+                            1]['AirCompressor_LoadTime']
+                            : '-'
+                        }}</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>
+                    <div class="monitor-item">
+                        <span class="monitor-title">备机进气蝶阀关到位:</span>
+                        <!-- <span class="monitor-val" v-if="!refresh"><span class="val">{{
+                            monitorData[groupNum - 1]['AirCompressor_LoadTime'] ? monitorData[groupNum -
+                            1]['AirCompressor_LoadTime']
+                            : '-'
+                        }}</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>
+                    <div class="monitor-item">
+                        <span class="monitor-title">主机出气蝶阀远控:</span>
+                        <!-- <span class="monitor-val" v-if="!refresh"><span class="val">{{
+                            monitorData[groupNum - 1]['AirCompressor_LoadTime'] ? monitorData[groupNum -
+                            1]['AirCompressor_LoadTime']
+                            : '-'
+                        }}</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"
+                            <span v-if="true"
                                 style="display: inline-block; width: 10px;height: 10px;border-radius: 50%;background-color: greenyellow;"></span>
-                            <span
-                            v-if="false"
+                            <span v-if="false"
                                 style="display: inline-block; width: 10px;height: 10px;border-radius: 50%;background-color: #ccc;"></span>
                         </div>
+
                     </div>
                     <div class="monitor-item">
-                        <span class="monitor-title">进气蝶阀开到位:</span>
+                        <span class="monitor-title">备机出气蝶阀远控:</span>
                         <!-- <span class="monitor-val" v-if="!refresh"><span class="val">{{
                             monitorData[groupNum - 1]['AirCompressor_LoadTime'] ? monitorData[groupNum -
                             1]['AirCompressor_LoadTime']
                             : '-'
                         }}</span><span class="unit">h</span></span> -->
                         <div class="monitor-val">
-                            <span
-                            v-if="false"
+                            <span v-if="false"
                                 style="display: inline-block; width: 10px;height: 10px;border-radius: 50%;background-color: red;"></span>
-                            <span
-                            v-if="true"
+                            <span v-if="true"
                                 style="display: inline-block; width: 10px;height: 10px;border-radius: 50%;background-color: greenyellow;"></span>
-                            <span
-                            v-if="false"
+                            <span v-if="false"
                                 style="display: inline-block; width: 10px;height: 10px;border-radius: 50%;background-color: #ccc;"></span>
                         </div>
+
                     </div>
                     <div class="monitor-item">
-                        <span class="monitor-title">进气蝶阀关到位:</span>
+                        <span class="monitor-title">主机出气蝶阀开到位:</span>
                         <!-- <span class="monitor-val" v-if="!refresh"><span class="val">{{
                             monitorData[groupNum - 1]['AirCompressor_LoadTime'] ? monitorData[groupNum -
                             1]['AirCompressor_LoadTime']
                             : '-'
                         }}</span><span class="unit">h</span></span> -->
                         <div class="monitor-val">
-                            <span
-                            v-if="false"
+                            <span v-if="false"
                                 style="display: inline-block; width: 10px;height: 10px;border-radius: 50%;background-color: red;"></span>
-                            <span
-                            v-if="true"
+                            <span v-if="true"
                                 style="display: inline-block; width: 10px;height: 10px;border-radius: 50%;background-color: greenyellow;"></span>
-                            <span
-                            v-if="false"
+                            <span v-if="false"
                                 style="display: inline-block; width: 10px;height: 10px;border-radius: 50%;background-color: #ccc;"></span>
                         </div>
+
                     </div>
                     <div class="monitor-item">
-                        <span class="monitor-title">出气蝶阀远控:</span>
+                        <span class="monitor-title">备机出气蝶阀开到位:</span>
                         <!-- <span class="monitor-val" v-if="!refresh"><span class="val">{{
                             monitorData[groupNum - 1]['AirCompressor_LoadTime'] ? monitorData[groupNum -
                             1]['AirCompressor_LoadTime']
                             : '-'
                         }}</span><span class="unit">h</span></span> -->
                         <div class="monitor-val">
-                            <span
-                            v-if="false"
+                            <span v-if="false"
                                 style="display: inline-block; width: 10px;height: 10px;border-radius: 50%;background-color: red;"></span>
-                            <span
-                            v-if="true"
+                            <span v-if="true"
                                 style="display: inline-block; width: 10px;height: 10px;border-radius: 50%;background-color: greenyellow;"></span>
-                            <span
-                            v-if="false"
+                            <span v-if="false"
                                 style="display: inline-block; width: 10px;height: 10px;border-radius: 50%;background-color: #ccc;"></span>
                         </div>
+
                     </div>
                     <div class="monitor-item">
-                        <span class="monitor-title">出气蝶阀开到位:</span>
+                        <span class="monitor-title">主机出气蝶阀关到位:</span>
                         <!-- <span class="monitor-val" v-if="!refresh"><span class="val">{{
                             monitorData[groupNum - 1]['AirCompressor_LoadTime'] ? monitorData[groupNum -
                             1]['AirCompressor_LoadTime']
                             : '-'
                         }}</span><span class="unit">h</span></span> -->
                         <div class="monitor-val">
-                            <span
-                            v-if="false"
+                            <span v-if="false"
                                 style="display: inline-block; width: 10px;height: 10px;border-radius: 50%;background-color: red;"></span>
-                            <span
-                            v-if="true"
+                            <span v-if="true"
                                 style="display: inline-block; width: 10px;height: 10px;border-radius: 50%;background-color: greenyellow;"></span>
-                            <span
-                            v-if="false"
+                            <span v-if="false"
                                 style="display: inline-block; width: 10px;height: 10px;border-radius: 50%;background-color: #ccc;"></span>
                         </div>
 
                     </div>
                     <div class="monitor-item">
-                        <span class="monitor-title">出气蝶阀关到位:</span>
+                        <span class="monitor-title">备机出气蝶阀关到位:</span>
                         <!-- <span class="monitor-val" v-if="!refresh"><span class="val">{{
                             monitorData[groupNum - 1]['AirCompressor_LoadTime'] ? monitorData[groupNum -
                             1]['AirCompressor_LoadTime']
                             : '-'
                         }}</span><span class="unit">h</span></span> -->
                         <div class="monitor-val">
-                            <span
-                            v-if="false"
+                            <span v-if="false"
                                 style="display: inline-block; width: 10px;height: 10px;border-radius: 50%;background-color: red;"></span>
-                            <span
-                            v-if="true"
+                            <span v-if="true"
                                 style="display: inline-block; width: 10px;height: 10px;border-radius: 50%;background-color: greenyellow;"></span>
-                            <span
-                            v-if="false"
+                            <span v-if="false"
                                 style="display: inline-block; width: 10px;height: 10px;border-radius: 50%;background-color: #ccc;"></span>
                         </div>
 
@@ -301,29 +382,97 @@
                                     <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;"
+                                        <!-- <a-button v-if="index == 0" size="small" type="text" style="color: #fff;"
                                             @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)">一键启停11</a-button>
-
+                                            @click="handlerDevice(airCompressorState[groupNum - 1], false)">备机启动</a-button> -->
+                                        <a-radio v-if="index == 0" v-model:checked="checked">主机启动</a-radio>
+                                        <a-radio v-else v-model:checked="checked">主机启动</a-radio>
+                                    </div>
+                                    <div class="control-item-state">
+                                        <a-radio v-if="index == 0" v-model:checked="checked">备机启动</a-radio>
+                                        <a-radio v-else v-model:checked="checked">备机启动</a-radio>
                                     </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;"
+                                        <!-- <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>
+                                            @click="handlerDevice(airCompressorState[groupNum - 1], true)">备机停止</a-button> -->
+                                        <a-radio v-if="index == 0" v-model:checked="checked">主机停止</a-radio>
+                                        <a-radio v-else v-model:checked="checked">主机停止</a-radio>
+                                    </div>
+                                    <div class="control-item-state">
+                                        <a-radio v-if="index == 0" v-model:checked="checked">备机停止</a-radio>
+                                        <a-radio v-else v-model:checked="checked">备机停止</a-radio>
                                     </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>
+                                        <a-radio v-if="index == 0" v-model:checked="checked">主机进气蝶阀开</a-radio>
+                                        <a-radio v-else v-model:checked="checked">主机进气蝶阀开</a-radio>
+                                    </div>
+                                    <div class="control-item-state">
+                                        <a-radio v-if="index == 0" v-model:checked="checked">备机进气蝶阀开</a-radio>
+                                        <a-radio v-else v-model:checked="checked">备机进气蝶阀开</a-radio>
+                                    </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-radio v-if="index == 0" v-model:checked="checked">主机进气蝶阀关</a-radio>
+                                        <a-radio v-else v-model:checked="checked">主机进气蝶阀关</a-radio>
+                                    </div>
+                                    <div class="control-item-state">
+                                        <a-radio v-if="index == 0" v-model:checked="checked">备机进气蝶阀关</a-radio>
+                                        <a-radio v-else v-model:checked="checked">备机进气蝶阀关</a-radio>
+                                    </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-radio v-if="index == 0" v-model:checked="checked">主机进气蝶阀停</a-radio>
+                                        <a-radio v-else v-model:checked="checked">主机进气蝶阀停</a-radio>
+                                    </div>
+                                    <div class="control-item-state">
+                                        <a-radio v-if="index == 0" v-model:checked="checked">备机进气蝶阀停</a-radio>
+                                        <a-radio v-else v-model:checked="checked">备机进气蝶阀停</a-radio>
+                                    </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-radio v-if="index == 0" v-model:checked="checked">主机出气蝶阀开</a-radio>
+                                        <a-radio v-else v-model:checked="checked">主机出气蝶阀开</a-radio>
+                                    </div>
+                                    <div class="control-item-state">
+                                        <a-radio v-if="index == 0" v-model:checked="checked">备机出气蝶阀开</a-radio>
+                                        <a-radio v-else v-model:checked="checked">备机出气蝶阀开</a-radio>
+                                    </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-radio v-if="index == 0" v-model:checked="checked">主机出气蝶阀关</a-radio>
+                                        <a-radio v-else v-model:checked="checked">主机出气蝶阀关</a-radio>
+                                    </div>
+                                    <div class="control-item-state">
+                                        <a-radio v-if="index == 0" v-model:checked="checked">备机出气蝶阀关</a-radio>
+                                        <a-radio v-else v-model:checked="checked">备机出气蝶阀关</a-radio>
+                                    </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-radio v-if="index == 0" v-model:checked="checked">主机出气蝶阀停</a-radio>
+                                        <a-radio v-else v-model:checked="checked">主机出气蝶阀停</a-radio>
+                                    </div>
+                                    <div class="control-item-state">
+                                        <a-radio v-if="index == 0" v-model:checked="checked">备机出气蝶阀停</a-radio>
+                                        <a-radio v-else v-model:checked="checked">备机出气蝶阀停</a-radio>
                                     </div>
                                 </div>
                             </div>
@@ -371,6 +520,7 @@ const props = defineProps({
         require: true,
     },
 });
+let checked = ref(false)
 const refresh = ref(false)
 const modalTitle = ref(''); // 模态框标题显示内容，根据设备操作类型决定
 const modalType = ref(''); // 模态框内容显示类型，设备操作类型
@@ -412,23 +562,31 @@ const groupParameterData = [
         single_flow: '单次流量(m³/h)',
         oxygen_concentration: '氧浓度(%)',
     },
+    {
+        bv_1_open: '蝶阀1开度',
+        bv_2_open: '蝶阀2开度',
+    },
+    {
+        bv_3_open: '蝶阀3开度',
+        bv_4_open: '蝶阀4开度',
+    },
 ];
 const deviceParameterData = [
     {
-        bv_1_load_short: '负载短路故障',
-        bv_1_motor_leakage: '电机漏电故障',
+        bv_1_load_short: '蝶阀1负载短路故障',
+        bv_2_load_short: '蝶阀2负载短路故障',
     },
     {
-        bv_1_low_voltage: '电压过低故障',
-        bv_1_high_voltage: '电压过高故障',
+        bv_3_load_short: '蝶阀3负载短路故障',
+        bv_4_load_short: '蝶阀4负载短路故障',
     },
     {
-        bv_1_supply_phase: '电源缺相故障',
-        bv_1_valve_position: '阀位故障',
+        bv_1_low_voltage: '蝶阀1电压过低故障',
+        bv_2_low_voltage: '蝶阀2电压过低故障',
     },
     {
-        bv_1_closing_overtorque: '关向过力矩故障',
-        bv_1_opening_overtorque: '开向过力矩故障',
+        bv_3_low_voltage: '蝶阀3电压过低故障',
+        bv_4_low_voltage: '蝶阀4电压过低故障',
     },
     {
         bv_1_closing_overcurrent: '关向过电流故障',
@@ -908,7 +1066,7 @@ onUnmounted(() => {
                 }
 
                 .monitor-box1 {
-                    height: 140px;
+                    height: 126px;
                 }
 
                 .state-box {
@@ -925,6 +1083,9 @@ onUnmounted(() => {
                     display: flex;
                     // justify-content: space-around;
                     flex-wrap: wrap;
+                    height: 262px;
+                    overflow-y: auto;
+                    overflow-x: hidden;
 
                     .control-item {
                         width: 50%; //lxh
@@ -941,9 +1102,12 @@ onUnmounted(() => {
                         }
 
                         .control-item-state {
-                            width: 94px;
-                            height: 47px;
+                            // width: 94px;
+                            width: 162px;
+                            // height: 47px;
+                            height: 36px;
                             background: url('/@/assets/images/vent/control-switch-bg.png');
+                            background-size: 100% 100%;
                             display: flex;
                             justify-content: center;
                             align-items: center;