邓洁: 优化界面

src/components/content/windPressure/WindPressureList.vue

@@ -1,7 +1,10 @@
 <template>
   <div id="wind-pressure">
     <div class="name">风压</div>
-    <div class="list">
+    <div v-if="wpList==null||wpList.length===0" class="showNull">
+      暂无数据~
+    </div>
+    <div v-else class="list">
       <wind-pressure-item v-for="(item,index) in wpList" :key="item.equipmentId" :wp="item"
                           @click="handleOpenChart(item)"/>
     </div>
@@ -206,21 +209,20 @@ const initChart = (type, values) => {
 #wind-pressure {
   width: 830px;
   //height: 779px;
-  position: absolute;
-  top: 185px;
-  right: 68px;
+  //position: absolute;
+  min-height: 350px;
+  //top: 185px;
+  //right: 68px;
   background-image: url(../../../assets/images/windPressure/bg.png);
-  padding: 22px 17px 0 23px;
+  padding: 22px 17px 1px 23px;
 
   .name {
-    width: 64px;
-    height: 42px;
-    font-size: 32px;
+    font-size: 38px;
     font-family: MicrosoftYaHei, MicrosoftYaHei;
     font-weight: bold;
     color: #38cafb;
     line-height: 42px;
-    margin-left: 62px;
+    margin-left: 50px;
     margin-bottom: 38px;
   }
 }