[Style 0000] 均压页面样式调整

src/views/vent/monitorManager/balancePressMonitor/components/balancePressHome.vue

@@ -49,18 +49,20 @@
               <div>CO与O2监测</div>
             </template>
             <template #container>
-              <template v-for="monitor in safetyMonitorData" :key="monitor.deviceId">
-                <div class="parameter-title group-parameter-title"
-                  ><SvgIcon class="icon" size="14" name="fiber-title" />
-                  <span>{{ monitor.strinstallpos }}</span>
-                </div>
-                <div class="input-box">
-                  <div v-for="(item, index) in monitorParam" class="input-item" :key="index">
-                    <div class="title">{{ item.title }}</div>
-                    <div class="value" style="width: 50%">{{ get(monitor, item.code, '-') }}</div>
+              <div class="overflow-y-auto max-h-300px">
+                <template v-for="monitor in safetyMonitorData" :key="monitor.deviceId">
+                  <div class="parameter-title group-parameter-title"
+                    ><SvgIcon class="icon" size="14" name="fiber-title" />
+                    <span>{{ monitor.strinstallpos }}</span>
                   </div>
-                </div>
-              </template>
+                  <div class="input-box">
+                    <div v-for="(item, index) in monitorParam" class="input-item" :key="index">
+                      <div class="title">{{ item.title }}</div>
+                      <div class="value" style="width: 50%">{{ get(monitor, item.code, '-') }}</div>
+                    </div>
+                  </div>
+                </template>
+              </div>
             </template>
           </ventBox1>
           <ventBox1 class="vent-margin-t-10">
@@ -68,32 +70,34 @@
               <div>设备监测详情</div>
             </template>
             <template #container>
-              <template v-for="monitor in windowMonitorData" :key="monitor.deviceId">
-                <div class="parameter-title group-parameter-title"
-                  ><SvgIcon class="icon" size="14" name="fiber-title" />
-                  <span>风窗：{{ monitor.strinstallpos }}</span>
-                </div>
-                <div class="input-box">
-                  <div v-for="(item, index) in windowParam" class="input-item" :key="index">
-                    <div class="title">{{ item.title }}</div>
-                    <div class="value">{{ get(monitor, item.code, '-') }}</div>
-                    <div class="unit">{{ item.unit }}</div>
+              <div class="overflow-y-auto max-h-500px">
+                <template v-for="monitor in windowMonitorData" :key="monitor.deviceId">
+                  <div class="parameter-title group-parameter-title"
+                    ><SvgIcon class="icon" size="14" name="fiber-title" />
+                    <span>风窗：{{ monitor.strinstallpos }}</span>
                   </div>
-                </div>
-              </template>
-              <template v-for="monitor in fanlocalMonitorData" :key="monitor.deviceId">
-                <div class="parameter-title group-parameter-title"
-                  ><SvgIcon class="icon" size="14" name="fiber-title" />
-                  <span>局扇：{{ monitor.strinstallpos }}</span>
-                </div>
-                <div class="input-box">
-                  <div v-for="(item, index) in localFanParam" class="input-item" :key="index">
-                    <div class="title">{{ item.title }}</div>
-                    <div class="value">{{ get(monitor, item.code, '-') }}</div>
-                    <div class="unit">{{ item.unit }}</div>
+                  <div class="input-box">
+                    <div v-for="(item, index) in windowParam" class="input-item" :key="index">
+                      <div class="title">{{ item.title }}</div>
+                      <div class="value">{{ get(monitor, item.code, '-') }}</div>
+                      <div class="unit">{{ item.unit }}</div>
+                    </div>
                   </div>
-                </div>
-              </template>
+                </template>
+                <template v-for="monitor in fanlocalMonitorData" :key="monitor.deviceId">
+                  <div class="parameter-title group-parameter-title"
+                    ><SvgIcon class="icon" size="14" name="fiber-title" />
+                    <span>局扇：{{ monitor.strinstallpos }}</span>
+                  </div>
+                  <div class="input-box">
+                    <div v-for="(item, index) in localFanParam" class="input-item" :key="index">
+                      <div class="title">{{ item.title }}</div>
+                      <div class="value">{{ get(monitor, item.code, '-') }}</div>
+                      <div class="unit">{{ item.unit }}</div>
+                    </div>
+                  </div>
+                </template>
+              </div>
             </template>
           </ventBox1>
         </div>