局部通风机模块供风评价功能样式修改

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

@@ -186,7 +186,7 @@
     </div>
     <div class="data-show-box" v-if="!loading">
       <div class="data-item" v-if="leftColumns.length > 0">
-        <div class="item-header">环境监测</div>
+        <div class="item-header">环境监测与评价分析</div>
         <div class="item-container">
           <div class="tab">
             <div class="tab-item" :class="{ 'tab-item-active-r': warningMonitorRowIndex === 0 }" @click="selectDevice('warningMonitorRowIndex', 0)"
@@ -223,7 +223,7 @@
           <div class="container-group" style="max-height: 250px; overflow-y: auto">
             <div class="warning-header">
               <div class="header-item">
-                <div class="header-title">回风流甲烷监测</div>
+                <div class="header-title">评价分析</div>
               </div>
             </div>
             <template v-if="selectData.deviceType">
@@ -241,7 +241,7 @@
       </div>
       <div>
         <div class="data-item" v-if="rightColumns.length > 0">
-          <div class="item-header">设备故障诊断与分析预警</div>
+          <div class="item-header">设备故障诊断与预警</div>
           <div class="item-container">
             <div class="tab">
               <div class="tab-item" :class="{ 'tab-item-active-r': dataMonitorRowIndex == 0 }" @click="selectDevice('dataMonitorRowIndex', 0)"
@@ -277,7 +277,7 @@
                   </div>
                 </template>
               </div>
-              <div class="warning-group" style="max-height: 200px; overflow-y: auto">
+              <div class="warning-group" style="max-height: 250px; overflow-y: auto">
                 <div class="warning-header">
                   <div class="header-item">
                     <div class="header-title">设备报警</div>
@@ -285,67 +285,70 @@
                   </div>
                 </div>
                 <template v-if="deviceType">
-                  <div v-for="(state, index) in rightColumns" :key="index">
-                    <template v-if="state.dataIndex.endsWith('_w')">
-                      <div class="warning-item">
-                        <div class="item-name"> <div class="icon"></div> {{ state.title }} </div>
-                        <div v-if="state.dataIndex.startsWith('Fan')">
-                          <div class="signal-item" v-if="warningMonitorRowIndex == 0">
-                            <div
-                              class="signal-round"
-                              :class="{
-                                'signal-round-run': selectData[state.dataIndex.replace('Fan', 'Fan1')] == '0',
-                                'signal-round-warning':
-                                  selectData[state.dataIndex.replace('Fan', 'Fan1')] !== undefined &&
-                                  selectData[state.dataIndex.replace('Fan', 'Fan1')] == '1',
-                                'signal-round-gry': selectData[state.dataIndex.replace('Fan', 'Fan1')] === undefined,
-                              }"
-                            ></div>
-                            <div class="vent-margin-l-8">{{
-                              selectData[state.dataIndex.replace('Fan', 'Fan1')] === undefined
-                                ? '无状态'
-                                : selectData[state.dataIndex.replace('Fan', 'Fan1')] == '0'
-                                ? '正常'
-                                : '异常'
-                            }}</div>
+                  <div style="height: 100%; text-align: center; color: #fff" v-if="rightColumns.length < 1"> 暂无数据 </div>
+                  <div v-else>
+                    <div v-for="(state, index) in rightColumns" :key="index">
+                      <template v-if="state.dataIndex.endsWith('_w')">
+                        <div class="warning-item">
+                          <div class="item-name"> <div class="icon"></div> {{ state.title }} </div>
+                          <div v-if="state.dataIndex.startsWith('Fan')">
+                            <div class="signal-item" v-if="warningMonitorRowIndex == 0">
+                              <div
+                                class="signal-round"
+                                :class="{
+                                  'signal-round-run': selectData[state.dataIndex.replace('Fan', 'Fan1')] == '0',
+                                  'signal-round-warning':
+                                    selectData[state.dataIndex.replace('Fan', 'Fan1')] !== undefined &&
+                                    selectData[state.dataIndex.replace('Fan', 'Fan1')] == '1',
+                                  'signal-round-gry': selectData[state.dataIndex.replace('Fan', 'Fan1')] === undefined,
+                                }"
+                              ></div>
+                              <div class="vent-margin-l-8">{{
+                                selectData[state.dataIndex.replace('Fan', 'Fan1')] === undefined
+                                  ? '无状态'
+                                  : selectData[state.dataIndex.replace('Fan', 'Fan1')] == '0'
+                                  ? '正常'
+                                  : '异常'
+                              }}</div>
+                            </div>
+                            <div class="signal-item" v-if="warningMonitorRowIndex == 1">
+                              <div
+                                class="signal-round"
+                                :class="{
+                                  'signal-round-run': selectData[state.dataIndex.replace('Fan', 'Fan2')] == '0',
+                                  'signal-round-warning':
+                                    selectData[state.dataIndex.replace('Fan', 'Fan2')] != undefined &&
+                                    selectData[state.dataIndex.replace('Fan', 'Fan2')] == '1',
+                                  'signal-round-gry': selectData[state.dataIndex.replace('Fan', 'Fan2')] == undefined,
+                                }"
+                              ></div>
+                              <div class="vent-margin-l-8">{{
+                                selectData[state.dataIndex.replace('Fan', 'Fan2')] == undefined
+                                  ? '无状态'
+                                  : selectData[state.dataIndex.replace('Fan', 'Fan2')] == '0'
+                                  ? '正常'
+                                  : '异常'
+                              }}</div>
+                            </div>
                           </div>
-                          <div class="signal-item" v-if="warningMonitorRowIndex == 1">
-                            <div
-                              class="signal-round"
-                              :class="{
-                                'signal-round-run': selectData[state.dataIndex.replace('Fan', 'Fan2')] == '0',
-                                'signal-round-warning':
-                                  selectData[state.dataIndex.replace('Fan', 'Fan2')] != undefined &&
-                                  selectData[state.dataIndex.replace('Fan', 'Fan2')] == '1',
-                                'signal-round-gry': selectData[state.dataIndex.replace('Fan', 'Fan2')] == undefined,
-                              }"
-                            ></div>
-                            <div class="vent-margin-l-8">{{
-                              selectData[state.dataIndex.replace('Fan', 'Fan2')] == undefined
-                                ? '无状态'
-                                : selectData[state.dataIndex.replace('Fan', 'Fan2')] == '0'
-                                ? '正常'
-                                : '异常'
-                            }}</div>
+                          <div v-else>
+                            <div class="signal-item">
+                              <div
+                                class="signal-round vent-margin-l-8"
+                                :class="{
+                                  'signal-round-run': selectData[state.dataIndex] == '0',
+                                  'signal-round-warning': selectData[state.dataIndex] !== undefined && selectData[state.dataIndex] == '1',
+                                  'signal-round-gry': selectData[state.dataIndex] === undefined,
+                                }"
+                              ></div>
+                              <div class="vent-margin-l-8">{{
+                                selectData[state.dataIndex] === undefined ? '无状态' : selectData[state.dataIndex] == '0' ? '正常' : '异常'
+                              }}</div>
+                            </div>
                           </div>
                         </div>
-                        <div v-else>
-                          <div class="signal-item">
-                            <div
-                              class="signal-round vent-margin-l-8"
-                              :class="{
-                                'signal-round-run': selectData[state.dataIndex] == '0',
-                                'signal-round-warning': selectData[state.dataIndex] !== undefined && selectData[state.dataIndex] == '1',
-                                'signal-round-gry': selectData[state.dataIndex] === undefined,
-                              }"
-                            ></div>
-                            <div class="vent-margin-l-8">{{
-                              selectData[state.dataIndex] === undefined ? '无状态' : selectData[state.dataIndex] == '0' ? '正常' : '异常'
-                            }}</div>
-                          </div>
-                        </div>
-                      </div>
-                    </template>
+                      </template>
+                    </div>
                   </div>
                 </template>
               </div>