|
|
@ -71,13 +71,12 @@ |
|
|
|
<div class="picture-container raman-picture-container" v-show="currentTab === 'optical-property'"> |
|
|
|
<div class="picture"> |
|
|
|
<h2 class="title">激光雷达比</h2> |
|
|
|
<!-- <div v-loading="loadingLidarRatioStatus"--> |
|
|
|
<!-- style="width: 100%;"--> |
|
|
|
<!-- custom-class="loading"--> |
|
|
|
<!-- element-loading-text="加载中">--> |
|
|
|
<div id="LidarRatio" style="width: 650px;height: 450px"></div> |
|
|
|
<!-- </div>--> |
|
|
|
|
|
|
|
<div id="LidarRatio" |
|
|
|
style="width: 650px;height: 450px" |
|
|
|
v-loading="loadingLidarRatioStatus" |
|
|
|
custom-class="loading" |
|
|
|
element-loading-text="加载中"> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="picture"> |
|
|
|
<h2 class="title">光学厚度</h2> |
|
|
@ -96,12 +95,7 @@ |
|
|
|
<div class="picture-container raman-picture-container" v-show="currentTab === 'aerosol-product'"> |
|
|
|
<div class="picture"> |
|
|
|
<h2 class="title">边界层高度</h2> |
|
|
|
<!-- <div v-loading="loadingBoundaryLayerHeightStatus"--> |
|
|
|
<!-- style="width: 100%;"--> |
|
|
|
<!-- custom-class="loading"--> |
|
|
|
<!-- element-loading-text="加载中">--> |
|
|
|
<div id="BoundaryLayerHeight" style="width: 650px;height: 450px"></div> |
|
|
|
<!-- </div>--> |
|
|
|
<div id="BoundaryLayerHeight" style="width: 650px;height: 450px" v-loading="loadingBoundaryLayerHeightStatus" custom-class="loading" element-loading-text="加载中"></div> |
|
|
|
</div> |
|
|
|
<div class="picture"> |
|
|
|
<h2 class="title">气溶胶PM</h2> |
|
|
@ -134,19 +128,12 @@ |
|
|
|
</div> |
|
|
|
<div class="picture"> |
|
|
|
<h2 class="title">云层高度</h2> |
|
|
|
<!-- <div v-loading="loadingCloudsHeightStatus"--> |
|
|
|
<!-- style="width: 100%;"--> |
|
|
|
<!-- element-loading-text="加载中">--> |
|
|
|
<div id="cloudsHeight" style="width: 650px;height: 450px"></div> |
|
|
|
<!-- </div>--> |
|
|
|
<div id="cloudsHeight" style="width: 650px;height: 450px" v-loading="loadingCloudsHeightStatus" custom-class="loading" element-loading-text="加载中"></div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="picture"> |
|
|
|
<h2 class="title">云顶高度</h2> |
|
|
|
<!-- <div v-loading="loadingCloudTopHeightStatus"--> |
|
|
|
<!-- style="width: 100%;"--> |
|
|
|
<!-- element-loading-text="加载中">--> |
|
|
|
<div id="cloudTopHeight" style="width: 650px;height: 450px"></div> |
|
|
|
<!-- </div>--> |
|
|
|
<div id="cloudTopHeight" style="width: 650px;height: 450px" v-loading="loadingCloudTopHeightStatus" custom-class="loading" element-loading-text="加载中"></div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
@ -260,7 +247,7 @@ export default { |
|
|
|
loadingExtinctionStatus: false, |
|
|
|
loadingWaterVaporStatus: false, |
|
|
|
loadingBackscatterStatus: false, |
|
|
|
loadingLidarRatioStatus: true, |
|
|
|
loadingLidarRatioStatus: false, |
|
|
|
loadingBoundaryLayerHeightStatus: false, |
|
|
|
loadingCloudsHeightStatus: false, |
|
|
|
loadingCloudTopHeightStatus: false |
|
|
@ -281,7 +268,7 @@ export default { |
|
|
|
creates.boundaryLayerHeight.setSpecialXAxis('时间(小时)', 24,0,2); |
|
|
|
creates.boundaryLayerHeight.setYAxis('边界层高度(米)', 3000, 0, 500, 7); |
|
|
|
creates.boundaryLayerHeight.setLegend(); |
|
|
|
creates.boundaryLayerHeight.setTooltip('{point.category}: {point.y}(m)'); |
|
|
|
creates.boundaryLayerHeight.setTooltip(''); |
|
|
|
creates.boundaryLayerHeight.setSeries('边界层高度') |
|
|
|
creates.boundaryLayerHeight.init(); |
|
|
|
} |
|
|
@ -293,7 +280,7 @@ export default { |
|
|
|
creates.cloudsHeight.setSpecialXAxis('时间(小时)', 24,0,2); |
|
|
|
creates.cloudsHeight.setYAxis('高度(米)', 14000, 0, 2000, 8); |
|
|
|
creates.cloudsHeight.setLegend(); |
|
|
|
creates.cloudsHeight.setTooltip('{point.category}: {point.y}(m)'); |
|
|
|
creates.cloudsHeight.setTooltip(''); |
|
|
|
creates.cloudsHeight.setSeries('云层高度') |
|
|
|
creates.cloudsHeight.init(); |
|
|
|
} |
|
|
@ -304,7 +291,7 @@ export default { |
|
|
|
creates.cloudTopHeight.setSpecialXAxis('时间(小时)', 24,0,2); |
|
|
|
creates.cloudTopHeight.setYAxis('高度(米)', 14000, 0, 2000, 8); |
|
|
|
creates.cloudTopHeight.setLegend(); |
|
|
|
creates.cloudTopHeight.setTooltip('{point.category}: {point.y}(m)'); |
|
|
|
creates.cloudTopHeight.setTooltip(''); |
|
|
|
creates.cloudTopHeight.setSeries('云顶高度') |
|
|
|
creates.cloudTopHeight.init(); |
|
|
|
} |
|
|
@ -316,7 +303,7 @@ export default { |
|
|
|
creates.LidarRatio.setSpecialXAxis('时间(小时)', 24,0,2); |
|
|
|
creates.LidarRatio.setYAxis('高度(米)', 500, 0, 50, 7); |
|
|
|
creates.LidarRatio.setLegend(); |
|
|
|
creates.LidarRatio.setTooltip('{point.category}: {point.y}(m)'); |
|
|
|
creates.LidarRatio.setTooltip(''); |
|
|
|
creates.LidarRatio.setSeries('激光雷达比') |
|
|
|
creates.LidarRatio.init(); |
|
|
|
} |
|
|
|