|
|
|
@ -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%; |
|
|
|
|
