diff --git a/04.系统编码/Frontend/src/components/RamanLidar.vue b/04.系统编码/Frontend/src/components/RamanLidar.vue index 920ccd6..b98be69 100644 --- a/04.系统编码/Frontend/src/components/RamanLidar.vue +++ b/04.系统编码/Frontend/src/components/RamanLidar.vue @@ -62,6 +62,7 @@ <h2 class="title-watervapor">水汽</h2> <div v-loading="loadingWaterVaporSingleStatus" style="width: 100%;" + custom-class="loading" element-loading-text="加载中"> <canvas id='watervapor_single_chart'></canvas> </div> @@ -86,6 +87,7 @@ <h2 class="title">消光系数</h2> <div v-loading="loadingExtinctionOpticsStatus" style="width: 100%;" + custom-class="loading" element-loading-text="加载中"> <canvas id='extinction_optics_chart'></canvas> </div> @@ -101,6 +103,7 @@ <h2 class="title">气溶胶PM</h2> <div v-loading="loadingPmStatus" style="width: 100%;" + custom-class="loading" element-loading-text="加载中"> <canvas id='pm2_5_chart'></canvas> <canvas id='pm10_chart'></canvas> @@ -111,6 +114,7 @@ <h2 class="title">边界层特征值</h2> <div v-loading="loadingBackscatterStatus" style="width: 100%;" + custom-class="loading" element-loading-text="加载中"> <canvas id='backscatter_chart'></canvas> </div> @@ -122,6 +126,7 @@ <h2 class="title">云气溶胶分类</h2> <div v-loading="loadingCloudSolStatus" style="width: 100%;" + custom-class="loading" element-loading-text="加载中"> <canvas id='cloud_sol_chart'></canvas> </div> @@ -142,6 +147,7 @@ <h2 class="title">云的识别</h2> <div v-loading="loadingCloudRecognitionStatus" style="width: 100%;" + custom-class="loading" element-loading-text="加载中"> <canvas id='cloud_recognition_chart'></canvas> </div> @@ -150,6 +156,7 @@ <h2 class="title">消光系数</h2> <div v-loading="loadingExtinctionStatus" style="width: 100%;" + custom-class="loading" element-loading-text="加载中"> <canvas id='extinction_chart'></canvas> </div> @@ -157,7 +164,9 @@ <div class="picture"> <h2 class="title" style="left: 2.4rem;">水汽</h2> <div v-loading="loadingWaterVaporStatus" - style="width: 100%;" + style="width: 100%" + custom-class="loading" + element-loading-text="加载中"> <canvas id='watervapor_chart'></canvas> </div> @@ -1089,6 +1098,12 @@ export default { .picture { position: relative; margin-top: 30px; + :deep(.loading) { + :deep(.el-loading-mask) { + top: 39px!important; + } + } + .title-watervapor { position: absolute; left: 50%;