From e361d4b04b3227c98c28583312e102b6467617c7 Mon Sep 17 00:00:00 2001
From: xuhuihui <3548508071@qq.com>
Date: Fri, 1 Apr 2022 10:08:16 +0800
Subject: [PATCH] commit

---
 .../Frontend/src/components/RamanLidar.vue    | 35 ++++++++-----------
 1 file changed, 15 insertions(+), 20 deletions(-)

diff --git a/04.系统编码/Frontend/src/components/RamanLidar.vue b/04.系统编码/Frontend/src/components/RamanLidar.vue
index b98be69..1915dae 100644
--- a/04.系统编码/Frontend/src/components/RamanLidar.vue
+++ b/04.系统编码/Frontend/src/components/RamanLidar.vue
@@ -58,11 +58,11 @@
       </div>
       <div class="picture-view">
         <div class="picture-container raman-picture-container" v-show="currentTab === 'boundary-layer-height'">
-          <div class="picture">
-            <h2 class="title-watervapor">水汽</h2>
+          <div class="picture special-picture">
+            <h2 class="title special-title">水汽</h2>
             <div v-loading="loadingWaterVaporSingleStatus"
                  style="width: 100%;"
-                 custom-class="loading"
+                 custom-class="special-loading"
                  element-loading-text="加载中">
             <canvas id='watervapor_single_chart'></canvas>
             </div>
@@ -165,8 +165,6 @@
             <h2 class="title" style="left: 2.4rem;">水汽</h2>
             <div v-loading="loadingWaterVaporStatus"
                  style="width: 100%"
-                 custom-class="loading"
-
                  element-loading-text="加载中">
             <canvas id='watervapor_chart'></canvas>
             </div>
@@ -519,7 +517,7 @@ export default {
       })
       let interval = ( 24 / prepareData.length );
       let data = [];
-      for (let i = 0 , len = prepareData.length ; i < len ; i++) {
+      for (let i = 0, len = prepareData.length; i < len; i++) {
         data.push([parseFloat((interval * i).toFixed(2)), prepareData[i]])
       }
       return data;
@@ -1095,22 +1093,15 @@ export default {
     .raman-picture-container {
       width: calc(~"100% - 1rem");
       margin: 0 auto;
+      .special-picture {
+        :deep(.el-loading-mask) {
+          top: 64px!important;
+        }
+      }
       .picture {
         position: relative;
         margin-top: 30px;
-        :deep(.loading) {
-          :deep(.el-loading-mask) {
-            top: 39px!important;
-          }
-        }
 
-        .title-watervapor {
-          position: absolute;
-          left: 50%;
-          margin-left: -10px;
-          top: 0px;
-          width: 100%;
-        }
           #watervapor_single_chart {
             transform: scale(0.8,0.4) translateX(50%);
           }
@@ -1118,10 +1109,11 @@ export default {
            transform: scale(0.5,0.8) translateX(-40%);
           }
           #pm2_5_chart {
-            transform: scale(0.5,0.4) translate(-311px, 444px);
+            transform: scale(0.5,0.4) translate(-316px, 415px);
           }
           #pm10_chart {
             transform: scale(0.5,0.4) translate(-314px, -475px);
+
           }
           #backscatter_chart {
             transform: scale(0.6,0.85) translateX(-260px);
@@ -1140,11 +1132,14 @@ export default {
           top: 0.30rem;
           z-index: 100;
         }
-
+        .special-title  {
+          left: 48%;
+        }
         .pblh-image {
           width: 50%;
         }
       }
+
     }
   }
 }