lxh 1 rok temu
rodzic
commit
71c37e91ba

+ 175 - 228
src/views/vent/monitorManager/compressor/components/nitrogenHome2.vue

@@ -5,7 +5,7 @@
         style="width: 100%; height: 100%; position: absolute; pointer-events: none; overflow: hidden; z-index: 2; top: 0px; left: 0px">
         <a-spin :spinning="loading" />
         <template>
-            <div v-for="groupNum in 2" :key="groupNum" class="modal-monitor">
+            <div v-for="groupNum in 1" :key="groupNum" class="modal-monitor">
                 <fourBorderBg :class="`kyj${groupNum}`" :id="`nitrogenMonitor${groupNum}`">
                     <div class="title">{{ monitorData[0]['strname'] }} </div>
 
@@ -13,7 +13,7 @@
                     <div class="monitor-item">
                         <span class="monitor-title">流量:</span>
                         <span class="monitor-val" v-if="!refresh"><span class="val">{{
-                            monitorData[0]['flow'] ? monitorData[0]['flow'] : '-'}}</span>
+                            monitorData[0]['flow'] ? monitorData[0]['flow'] : '-' }}</span>
                             <span class="unit">m³/min</span></span>
                     </div>
 
@@ -60,16 +60,16 @@
                     <div class="top-right">
                         <div class="control-type">
                             <div class="control-title">运行状态:</div>
-                            <a-radio-group  v-model:value="monitorData[0]['overhaul_run']">
-                                <a-radio :value="`0`">检修</a-radio>
-                                <a-radio :value="`1`">运行</a-radio>
+                            <a-radio-group v-model:value="monitorData[0]['overhaul_run']">
+                                <a-radio :value="`0`" disabled>检修</a-radio>
+                                <a-radio :value="`1`" disabled>运行</a-radio>
                             </a-radio-group>
                         </div>
                         <div class="control-type">
                             <div class="control-title">控制模式:</div>
-                            <a-radio-group  v-model:value="monitorData[0]['remote_local']">
-                                <a-radio :value="`0`">就地</a-radio>
-                                <a-radio :value="`1`">远程</a-radio>
+                            <a-radio-group v-model:value="monitorData[0]['remote_local']">
+                                <a-radio :value="`0`" disabled>就地</a-radio>
+                                <a-radio :value="`1`" disabled>远程</a-radio>
                             </a-radio-group>
                         </div>
 
@@ -79,23 +79,25 @@
                 <div class="footer-item-box">
                     <div class="device-detail">
                         <div class="device-title">&nbsp</div>
-                        <div class="device-val">主机故障</div>
-                        <div class="device-val">备机故障</div>
+                        <div class="device-val">主机进气蝶阀</div>
+                        <div class="device-val">主机出气蝶阀</div>
+                        <div class="device-val">备机进气蝶阀</div>
+                        <div class="device-val">备机出气蝶阀</div>
                         <!-- <div class="device-val">故障</div> -->
                     </div>
                     <div v-for="(device, key) in deviceMonitorList" class="device-detail" :key="key">
                         <div class="device-title">{{ device.title }}</div>
                         <div v-for="(detailItem, index) in device.dataList" :key="detailItem.code" class="device-val">
-                            <span v-if="index == 0"
+                            <span :style="{ color: monitorData[0][detailItem.code] != '1' ? '#BFBFBF' : '#10BC79' }">{{
+                                monitorData[0][detailItem.code] == '0' ? '正常' : monitorData[0][detailItem.code] == '1' ?
+                                '故障' :
+                                '-'
+                            }}</span>
+                            <!-- <span v-if="index == 1"
                                 :style="{ color: monitorData[0][detailItem.code] != '1' ? '#BFBFBF' : '#10BC79' }">{{
                                     monitorData[0][detailItem.code] == '0' ? '正常' : monitorData[0][detailItem.code] == '1' ? '故障' :
                                     '-'
-                                }}</span>
-                            <span v-if="index == 1"
-                                :style="{ color: monitorData[0][detailItem.code] != '1' ? '#BFBFBF' : '#10BC79' }">{{
-                                    monitorData[0][detailItem.code] == '0' ? '正常' : monitorData[0][detailItem.code] == '1' ? '故障' :
-                                    '-'
-                                }}</span>
+                                }}</span> -->
                         </div>
                     </div>
                 </div>
@@ -106,13 +108,13 @@
                         <ventBox1>
                             <template #title>
                                 <!-- <div>{{ monitorData[groupNum - 1]['strname'] }}</div>   -->
-                                <div v-if="ind==0">{{ `${monitorData[0]['strname']}-主`  }}</div>
-                                <div v-else>{{ `${monitorData[0]['strname']}-备`  }}</div>
+                                <div v-if="ind == 0">{{ `${monitorData[0]['strname']}-主` }}</div>
+                                <div v-else>{{ `${monitorData[0]['strname']}-备` }}</div>
                             </template>
                             <template #container>
                                 <div class="monitor-box">
                                     <div class="parameter-title group-parameter-title">
-                                        <SvgIcon class="icon" size="38" name="device-group-paramer" /><span>进气阀参数</span>
+                                        <SvgIcon class="icon" size="38" name="device-group-paramer" /><span>进气阀参数</span>
                                     </div>
 
                                     <div v-if="ind == 0">
@@ -192,7 +194,7 @@
                                 </div>
                                 <div class="monitor-box monitor-box1 ">
                                     <div class="parameter-title device-parameter-title">
-                                        <SvgIcon class="icon" size="32" name="device-paramer" /><span>出气阀参数</span>
+                                        <SvgIcon class="icon" size="32" name="device-paramer" /><span>出气阀参数</span>
                                     </div>
                                     <div class="state-box">
                                         <div v-if="ind == 0">
@@ -211,8 +213,7 @@
                                                     <span class="state-val" v-else>
                                                         <span v-if="monitorData[0][Object.keys(data)[0]] == '0'"
                                                             style="display: inline-block; width: 10px;height: 10px;border-radius: 50%;background-color: blue;"></span>
-                                                        <span
-                                                            v-else-if="monitorData[0][Object.keys(data)[0]] == '1'"
+                                                        <span v-else-if="monitorData[0][Object.keys(data)[0]] == '1'"
                                                             style="display: inline-block; width: 10px;height: 10px;border-radius: 50%;background-color: greenyellow;"></span>
                                                         <span v-else
                                                             style="display: inline-block; width: 10px;height: 10px;border-radius: 50%;background-color: #ccc;"></span>
@@ -223,8 +224,7 @@
                                                     <span class="state-val1">
                                                         <span v-if="monitorData[0][Object.keys(data)[1]] == '0'"
                                                             style="display: inline-block; width: 10px;height: 10px;border-radius: 50%;background-color: blue;"></span>
-                                                        <span
-                                                            v-else-if="monitorData[0][Object.keys(data)[1]] == '1'"
+                                                        <span v-else-if="monitorData[0][Object.keys(data)[1]] == '1'"
                                                             style="display: inline-block; width: 10px;height: 10px;border-radius: 50%;background-color: greenyellow;"></span>
                                                         <span v-else
                                                             style="display: inline-block; width: 10px;height: 10px;border-radius: 50%;background-color: #ccc;"></span>
@@ -248,8 +248,7 @@
                                                     <span class="state-val" v-else>
                                                         <span v-if="monitorData[0][Object.keys(data)[0]] == '0'"
                                                             style="display: inline-block; width: 10px;height: 10px;border-radius: 50%;background-color: blue;"></span>
-                                                        <span
-                                                            v-else-if="monitorData[0][Object.keys(data)[0]] == '1'"
+                                                        <span v-else-if="monitorData[0][Object.keys(data)[0]] == '1'"
                                                             style="display: inline-block; width: 10px;height: 10px;border-radius: 50%;background-color: greenyellow;"></span>
                                                         <span v-else
                                                             style="display: inline-block; width: 10px;height: 10px;border-radius: 50%;background-color: #ccc;"></span>
@@ -261,8 +260,7 @@
                                                     <span class="state-val1">
                                                         <span v-if="monitorData[0][Object.keys(data)[1]] == '0'"
                                                             style="display: inline-block; width: 10px;height: 10px;border-radius: 50%;background-color: blue;"></span>
-                                                        <span
-                                                            v-else-if="monitorData[0][Object.keys(data)[1]] == '1'"
+                                                        <span v-else-if="monitorData[0][Object.keys(data)[1]] == '1'"
                                                             style="display: inline-block; width: 10px;height: 10px;border-radius: 50%;background-color: greenyellow;"></span>
                                                         <span v-else
                                                             style="display: inline-block; width: 10px;height: 10px;border-radius: 50%;background-color: #ccc;"></span>
@@ -277,11 +275,11 @@
                             </template>
                         </ventBox1>
                     </div>
-                   
+
                 </div>
                 <!-- 右边控制状态 -->
                 <div class="lr-box right-box">
-                
+
                     <ventBox1 class="vent-margin-t-10">
                         <template #title>
                             <div>设备实时监测曲线</div>
@@ -341,8 +339,8 @@ const flvURL1 = () => {
 const colors = ['#FDB146', '#EE6666', '#9BCB75', '#03C2EC', '#DA3914', '#9C83D9']
 const echatsOption = {
     grid: {
-        top: '35%',
-        left: '-20px',
+        top: '20%',
+        left: '0px',
         right: '10px',
         bottom: '3%',
         containLabel: true
@@ -358,415 +356,361 @@ let airCompressorState = reactive<any[]>([]);
 //主机进气
 const groupParameterData = [
     {
-        m_in_open: '进气阀开度',
-        m_bv_in_remote: '进气阀远控',
+        m_in_open: '开度',
+        m_bv_in_remote: '远控',
     },
     {
-        m_bv_in_open: '进气阀开到位',
-        m_bv_in_close: '进气阀关到位',
+        m_bv_in_open: '开到位',
+        m_bv_in_close: '关到位',
     },
 
 ];
 //备机进气
 const groupParameterData1 = [
     {
-        b_in_open: '进气阀开度',
-        b_bv_in_remote: '进气阀远控',
+        b_in_open: '开度',
+        b_bv_in_remote: '远控',
     },
     {
-        b_bv_in_open: '进气阀开到位',
-        b_bv_in_close: '进气阀关到位',
+        b_bv_in_open: '开到位',
+        b_bv_in_close: '关到位',
     },
 
 ];
 //主机出气
 const deviceParameterData = [
     {
-        m_out_open: '出气阀开度',
-        m_bv_out_remote: '出气阀远控',
+        m_out_open: '开度',
+        m_bv_out_remote: '远控',
     },
     {
-        m_bv_out_open: '出气阀开到位',
-        m_bv_out_close: '出气阀关到位',
+        m_bv_out_open: '开到位',
+        m_bv_out_close: '关到位',
     },
 ];
 //备机出气
 const deviceParameterData1 = [
     {
-        b_out_open: '出气阀开度',
-        b_bv_out_remote: '出气阀远控',
+        b_out_open: '开度',
+        b_bv_out_remote: '远控',
     },
     {
-        b_bv_out_open: '出气阀开到位',
-        b_bv_out_close: '出气阀关到位',
+        b_bv_out_open: '开到位',
+        b_bv_out_close: '关到位',
     },
 ];
 
 
 const deviceMonitorList = reactive([
     {
-        title: '进-负载短路',
+        title: '负载短路故障',
         dataList: [
             {
-                title: '主机',
+                title: '主机-进',
                 code: 'm_in_load_short',
             },
             {
-                title: '备机',
-                code: 'b_in_load_short',
+                title: '主机-出',
+                code: 'm_out_load_short',
             },
-        ],
-    },
-    {
-        title: '出-负载短路',
-        dataList: [
             {
-                title: '主机',
-                code: 'm_out_load_short',
+                title: '备机-进',
+                code: 'b_in_load_short',
             },
             {
-                title: '备机',
+                title: '备机-出',
                 code: 'b_out_load_short',
             },
-
         ],
     },
+
     {
-        title: '进-电压过低',
+        title: '电压过低故障',
         dataList: [
             {
-                title: '主机',
+                title: '主机-进',
                 code: 'm_in_low_voltage',
             },
             {
-                title: '备机',
-                code: 'b_in_low_voltage',
+                title: '主机-出',
+                code: 'm_out_low_voltage',
             },
-
-        ],
-    },
-    {
-        title: '出-电压过低',
-        dataList: [
             {
-                title: '主机',
-                code: 'm_out_low_voltage',
+                title: '备机-进',
+                code: 'b_in_low_voltage',
             },
+
             {
-                title: '备机',
+                title: '备机-出',
                 code: 'b_out_low_voltage',
             },
 
         ],
     },
+
     {
-        title: '进-电压过高',
+        title: '电压过高故障',
         dataList: [
             {
-                title: '主机',
+                title: '主机-进',
                 code: 'm_in_high_voltage',
             },
             {
-                title: '备机',
-                code: 'b_in_high_voltage',
+                title: '主机-出',
+                code: 'm_out_high_voltage',
             },
-
-        ],
-    },
-    {
-        title: '出-电压过高',
-        dataList: [
             {
-                title: '主机',
-                code: 'm_out_high_voltage',
+                title: '备机-进',
+                code: 'b_in_high_voltage',
             },
+
             {
-                title: '备机',
+                title: '备机-出',
                 code: 'b_out_high_voltage',
             },
 
         ],
     },
+
     {
-        title: '进-电机漏电',
+        title: '电机漏电故障',
         dataList: [
             {
-                title: '主机',
+                title: '主机-进',
                 code: 'm_in_motor_leakage',
             },
             {
-                title: '备机',
-                code: 'b_in_motor_leakage',
+                title: '主机-出',
+                code: 'm_out_motor_leakage',
             },
-
-        ],
-    },
-    {
-        title: '出-电机漏电',
-        dataList: [
             {
-                title: '主机',
-                code: 'm_out_motor_leakage',
+                title: '备机-进',
+                code: 'b_in_motor_leakage',
             },
+
             {
-                title: '备机',
+                title: '备机-出',
                 code: 'b_out_motor_leakage',
             },
 
         ],
     },
+
     {
-        title: '进-电源缺相',
+        title: '电源缺相故障',
         dataList: [
             {
-                title: '主机',
+                title: '主机-进',
                 code: 'm_in_supply_phase',
             },
             {
-                title: '备机',
-                code: 'b_in_supply_phase',
+                title: '主机-出',
+                code: 'm_out_supply_phase',
             },
-
-        ],
-    },
-    {
-        title: '出-电源缺相',
-        dataList: [
             {
-                title: '主机',
-                code: 'm_out_supply_phase',
+                title: '备机-进',
+                code: 'b_in_supply_phase',
             },
+
             {
-                title: '备机',
+                title: '备机-出',
                 code: 'b_out_supply_phase',
             },
-
         ],
     },
+
     {
-        title: '进-关向过力矩',
+        title: '关向过力矩故障',
         dataList: [
             {
-                title: '主机',
+                title: '主机-进',
                 code: 'm_in_closing_overtorque',
             },
             {
-                title: '备机',
-                code: 'b_in_closing_overtorque',
+                title: '主机-出',
+                code: 'm_out_closing_overtorque',
             },
-
-        ],
-    },
-    {
-        title: '出-关向过力矩',
-        dataList: [
             {
-                title: '主机',
-                code: 'm_out_closing_overtorque',
+                title: '备机-进',
+                code: 'b_in_closing_overtorque',
             },
+
             {
-                title: '备机',
+                title: '备机-出',
                 code: 'b_out_closing_overtorque',
             },
 
         ],
     },
+
     {
-        title: '进-开向过力矩',
+        title: '开向过力矩故障',
         dataList: [
             {
-                title: '主机',
+                title: '主机-进',
                 code: 'm_in_opening_overtorque',
             },
             {
-                title: '备机',
-                code: 'b_in_opening_overtorque',
+                title: '主机-出',
+                code: 'm_out_opening_overtorque',
             },
-
-        ],
-    },
-    {
-        title: '出-开向过力矩',
-        dataList: [
             {
-                title: '主机',
-                code: 'm_out_opening_overtorque',
+                title: '备机-进',
+                code: 'b_in_opening_overtorque',
             },
+
             {
-                title: '备机',
+                title: '备机-出',
                 code: 'b_out_opening_overtorque',
             },
 
         ],
     },
+
     {
-        title: '进-关向过电流',
+        title: '关向过电流故障',
         dataList: [
             {
-                title: '主机',
+                title: '主机-进',
                 code: 'm_in_closing_overcurrent',
             },
             {
-                title: '备机',
-                code: 'b_in_closing_overcurrent',
+                title: '主机-出',
+                code: 'm_out_closing_overcurrent',
             },
-
-        ],
-    },
-    {
-        title: '出-关向过电流',
-        dataList: [
             {
-                title: '主机',
-                code: 'm_out_closing_overcurrent',
+                title: '备机-进',
+                code: 'b_in_closing_overcurrent',
             },
+
             {
-                title: '备机',
+                title: '备机',
                 code: 'b_out_closing_overcurrent',
             },
 
         ],
     },
+
     {
-        title: '进-开向过电流',
+        title: '开向过电流故障',
         dataList: [
             {
-                title: '主机',
+                title: '主机-进',
                 code: 'm_in_opening_overcurrent',
             },
             {
-                title: '备机',
-                code: 'b_in_opening_overcurrent',
+                title: '主机-出',
+                code: 'm_out_opening_overcurrent',
             },
-
-        ],
-    },
-    {
-        title: '出-开向过电流',
-        dataList: [
             {
-                title: '主机',
-                code: 'm_out_opening_overcurrent',
+                title: '备机-进',
+                code: 'b_in_opening_overcurrent',
             },
+
             {
-                title: '备机',
+                title: '备机-出',
                 code: 'b_out_opening_overcurrent',
             },
 
         ],
     },
+
     {
-        title: '进-关向超时',
+        title: '关向超时故障',
         dataList: [
             {
-                title: '主机',
+                title: '主机-进',
                 code: 'm_in_closing_timeout',
             },
             {
-                title: '备机',
-                code: 'b_in_closing_timeout',
+                title: '主机-出',
+                code: 'm_out_closing_timeout',
             },
-
-        ],
-    },
-    {
-        title: '出-关向超时',
-        dataList: [
             {
-                title: '主机',
-                code: 'm_out_closing_timeout',
+                title: '备机-进',
+                code: 'b_in_closing_timeout',
             },
+
             {
-                title: '备机',
+                title: '备机-出',
                 code: 'b_out_closing_timeout',
             },
 
         ],
     },
+
     {
-        title: '进-开向超时',
+        title: '开向超时故障',
         dataList: [
             {
-                title: '主机',
+                title: '主机-进',
                 code: 'm_in_opening_timeout',
             },
             {
-                title: '备机',
-                code: 'b_in_opening_timeout',
+                title: '主机-出',
+                code: 'm_out_opening_timeout',
             },
-
-        ],
-    },
-    {
-        title: '出-开向超时',
-        dataList: [
             {
-                title: '主机',
-                code: 'm_out_opening_timeout',
+                title: '备机-进',
+                code: 'b_in_opening_timeout',
             },
+
             {
-                title: '备机',
+                title: '备机-出',
                 code: 'b_out_opening_timeout',
             },
 
         ],
     },
+
     {
-        title: '进-阀位故障',
+        title: '阀位故障',
         dataList: [
             {
-                title: '主机',
+                title: '主机-进',
                 code: 'm_in_valve_position',
             },
             {
-                title: '备机',
-                code: 'b_in_valve_position',
+                title: '主机-出',
+                code: 'm_out_valve_position',
             },
-
-        ],
-    },
-    {
-        title: '出-阀位故障',
-        dataList: [
             {
-                title: '主机',
-                code: 'm_out_valve_position',
+                title: '备机-进',
+                code: 'b_in_valve_position',
             },
+
             {
-                title: '备机',
+                title: '备机-出',
                 code: 'b_out_valve_position',
             },
 
         ],
     },
+
     {
-        title: '进-热过载',
+        title: '热过载故障',
         dataList: [
             {
-                title: '主机',
+                title: '主机-进',
                 code: 'm_in_thermal_overload',
             },
             {
-                title: '备机',
-                code: 'b_in_thermal_overload',
+                title: '主机-出',
+                code: 'm_out_thermal_overload',
             },
-
-        ],
-    },
-    {
-        title: '出-热过载',
-        dataList: [
             {
-                title: '主机',
-                code: 'm_out_thermal_overload',
+                title: '备机-进',
+                code: 'b_in_thermal_overload',
             },
+
             {
-                title: '备机',
+                title: '备机-出',
                 code: 'b_out_thermal_overload',
             },
 
         ],
     },
+
 ])
 
 
@@ -777,7 +721,7 @@ watch(monitorDataGroupNum, () => {
     const arr = <any[]>[]
     const item = {
         legend: '单次流量',
-        seriesName: '(m³/h)',
+        seriesName: '(m³/min)',
         ymax: 100,
         yname: 'm³/h',
         linetype: 'line',
@@ -788,7 +732,8 @@ watch(monitorDataGroupNum, () => {
         dataIndex: 'single_flow',
     }
     const propTypeList = []
-    for (let i = 1; i <= monitorDataGroupNum.value; i++) {
+    let echartLend=1
+    for (let i = 1; i <= echartLend; i++) {
         const lineType = lodash.cloneDeep(item)
         lineType.legend = `制氮机${i}单次流量`;
         lineType.dataIndex = `single_flow${i}`
@@ -860,12 +805,12 @@ async function getDataSource(systemID) {
                         netStatus = 1
                     }
                     airCompressorState.push({
-                        id: data.deviceID ,
-                        deviceType: data.deviceType ,
+                        id: data.deviceID,
+                        deviceType: data.deviceType,
                         m_start: readData.m_start,
-                        m_stop: readData.m_stop ,
-                        b_start: readData.b_start ,
-                        b_stop: readData.b_stop ,
+                        m_stop: readData.m_stop,
+                        b_start: readData.b_start,
+                        b_stop: readData.b_stop,
                     });
                     return Object.assign(data, readData);
                 });
@@ -1130,10 +1075,9 @@ onUnmounted(() => {
                 bottom: 30px;
                 transform: translate(-50%);
                 display: flex;
-                justify-content: flex-start;
+                justify-content: center;
                 color: #fff;
                 // box-shadow: 0 0 30px rgb(0, 153, 184) inset;
-                overflow-x: auto;
                 pointer-events: auto;
 
                 .device-detail {
@@ -1566,5 +1510,8 @@ onUnmounted(() => {
 :deep(.zxm-radio-group .zxm-radio-wrapper) {
     color: #fff !important;
 }
+:deep(.zxm-radio-disabled + span){
+    color: #fff;
+}
 </style>