root
/
NanJingLamanRadarProject
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

commit

master
xuhuihui 3 years ago
parent
68ed8f5710
commit
6ae8cf68aa
2 changed files with 131 additions and 134 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 242
      04.系统编码/Frontend/src/components/MicrowaveRadiation.vue
  2. 23
      04.系统编码/Frontend/src/components/RamanLidar.vue

242
04.系统编码/Frontend/src/components/MicrowaveRadiation.vue
View File

@ -102,25 +102,18 @@
<!--质控对比--> <!--质控对比-->
<div v-if="currentTab === 'MWR'" class="picture-container contrast-picture-container picture-MWR"> <div v-if="currentTab === 'MWR'" class="picture-container contrast-picture-container picture-MWR">
<div class="picture"> <div class="picture">
<h2 class="title">质控前</h2> <h2 class="title">质控前</h2>
<canvas id='original-data-canvas'></canvas> <canvas id='original-data-canvas'></canvas>
</div> </div>
<!-- <div class="picture">-->
<!-- <div class="picture">--> <!-- <h2 class="title">温度异常值标记</h2>-->
<!-- <h2 class="title">温度异常值标记</h2>--> <!-- <canvas id='abnormal-canvas'></canvas>-->
<!-- <canvas id='abnormal-canvas'></canvas>--> <!-- </div>-->
<!-- </div>--> <div class="picture">
<div class="picture">
<h2 class="title">质控后</h2> <h2 class="title">质控后</h2>
<canvas id='interpolate-canvas'></canvas> <canvas id='interpolate-canvas'></canvas>
</div> </div>
</div> </div>
<!--BP反演产品--> <!--BP反演产品-->
@ -140,17 +133,14 @@
</div> </div>
<div v-if="currentTab === 'kuoxian'" class="verticalProfile"> <div v-if="currentTab === 'kuoxian'" class="verticalProfile">
<div class="verticalProfile-picture"> <div class="verticalProfile-picture">
<h2 class="verticalProfileTitle">温度廓线</h2> <h2 class="verticalProfileTitle">温度廓线</h2>
<div id="verticalProfileTemp" style="width: 400px;height: 400px"></div> <div id="verticalProfileTemp" style="width: 400px;height: 400px"></div>
</div> </div>
<div class="verticalProfile-picture"> <div class="verticalProfile-picture">
<h2 class="verticalProfileTitle">相对湿度廓线</h2> <h2 class="verticalProfileTitle">相对湿度廓线</h2>
<div id="verticalProfileRelativeHumidity" style="width: 400px;height: 400px"></div> <div id="verticalProfileRelativeHumidity" style="width: 400px;height: 400px"></div>
</div> </div>
<div class="verticalProfile-picture"> <div class="verticalProfile-picture">
<h2 class="verticalProfileTitle">水汽密度廓线</h2> <h2 class="verticalProfileTitle">水汽密度廓线</h2>
<div id="verticalProfileVaporDensity" style="width: 400px;height: 400px"></div> <div id="verticalProfileVaporDensity" style="width: 400px;height: 400px"></div>
@ -194,7 +184,7 @@
</div> </div>
<div v-if="currentTab === 'T-logP'" class="picture-container contrast-picture-container"> <div v-if="currentTab === 'T-logP'" class="picture-container contrast-picture-container">
<img src="/images/T-logP.png" style="width: 80%;height: 80%"> <img src="/images/T-logP.png" style="width: 80%;height: 80%">
</div> </div>
</div> </div>
@ -203,13 +193,14 @@
</template> </template>
<script lang="ts"> <script lang="ts">
import { onMounted, reactive, toRefs } from 'vue'; import {onMounted, reactive, toRefs} from 'vue';
import moment from "moment"; import moment from "moment";
import { get } from '../uilts/axios'; import {get} from '../uilts/axios';
import { BoxDrawer, ColorChart, createEmptyCanvas } from "../uilts/box-drawer"; import {BoxDrawer, ColorChart, createEmptyCanvas} from "../uilts/box-drawer";
import { Constant } from "../model/constant"; import {Constant} from "../model/constant";
import { HighChartCreate } from "../model/high-chart-create"; import {HighChartCreate} from "../model/high-chart-create";
import { ElMessage } from 'element-plus' import {ElMessage} from 'element-plus'
export default { export default {
name: 'MicrowaveRadiation', name: 'MicrowaveRadiation',
setup() { setup() {
@ -244,7 +235,7 @@ export default {
let options = reactive({ let options = reactive({
currentTab: 'MWR', currentTab: 'MWR',
currentRegion: 'jiangning', currentRegion: 'jiang-ning',
currentType: 'TEMP', currentType: 'TEMP',
currentElement: 'six-minute', currentElement: 'six-minute',
currentCategory: 'CAPE', currentCategory: 'CAPE',
@ -301,8 +292,7 @@ export default {
verticalProfileTempInit() verticalProfileTempInit()
verticalProfileVaporDensityInit() verticalProfileVaporDensityInit()
verticalProfileRelativeHumidityInit() verticalProfileRelativeHumidityInit()
} } else if (name === 'shixu') {
else if (name === 'shixu') {
convectiveIndexProfileTimeChartInitCAPE() convectiveIndexProfileTimeChartInitCAPE()
convectiveIndexProfileTimeChartInitCIN() convectiveIndexProfileTimeChartInitCIN()
kIndexChartInit() kIndexChartInit()
@ -368,8 +358,8 @@ export default {
const convectiveIndexProfileTimeChartInitCAPE = () => { const convectiveIndexProfileTimeChartInitCAPE = () => {
creates.convectiveIndexProfileTimeChartCAPE = new HighChartCreate('convectiveHighChartCAPE'); creates.convectiveIndexProfileTimeChartCAPE = new HighChartCreate('convectiveHighChartCAPE');
creates.convectiveIndexProfileTimeChartCAPE.setChart(); creates.convectiveIndexProfileTimeChartCAPE.setChart();
creates.convectiveIndexProfileTimeChartCAPE.setXAxis( '时间（时/分）', false); creates.convectiveIndexProfileTimeChartCAPE.setXAxis('时间（时/分）', false);
creates.convectiveIndexProfileTimeChartCAPE.setYAxis('CAPE(J/kg)', 800, 0, 100,9); creates.convectiveIndexProfileTimeChartCAPE.setYAxis('CAPE(J/kg)', 800, 0, 100, 9);
creates.convectiveIndexProfileTimeChartCAPE.setLegend(); creates.convectiveIndexProfileTimeChartCAPE.setLegend();
creates.convectiveIndexProfileTimeChartCAPE.setTooltip('{point.category}: {point.y}(J/kg)'); creates.convectiveIndexProfileTimeChartCAPE.setTooltip('{point.category}: {point.y}(J/kg)');
creates.convectiveIndexProfileTimeChartCAPE.setSeries('CAPE') creates.convectiveIndexProfileTimeChartCAPE.setSeries('CAPE')
@ -379,8 +369,8 @@ export default {
const convectiveIndexProfileTimeChartInitCIN = () => { const convectiveIndexProfileTimeChartInitCIN = () => {
creates.convectiveIndexProfileTimeChartCIN = new HighChartCreate('convectiveHighChartCIN'); creates.convectiveIndexProfileTimeChartCIN = new HighChartCreate('convectiveHighChartCIN');
creates.convectiveIndexProfileTimeChartCIN.setChart(); creates.convectiveIndexProfileTimeChartCIN.setChart();
creates.convectiveIndexProfileTimeChartCIN.setXAxis( '时间（时/分）', false); creates.convectiveIndexProfileTimeChartCIN.setXAxis('时间（时/分）', false);
creates.convectiveIndexProfileTimeChartCIN.setYAxis('CIN(J/kg)', 800, 0, 100,9); creates.convectiveIndexProfileTimeChartCIN.setYAxis('CIN(J/kg)', 800, 0, 100, 9);
creates.convectiveIndexProfileTimeChartCIN.setLegend(); creates.convectiveIndexProfileTimeChartCIN.setLegend();
creates.convectiveIndexProfileTimeChartCIN.setTooltip('{point.category}: {point.y}(J/kg)'); creates.convectiveIndexProfileTimeChartCIN.setTooltip('{point.category}: {point.y}(J/kg)');
creates.convectiveIndexProfileTimeChartCIN.setSeries('CIN') creates.convectiveIndexProfileTimeChartCIN.setSeries('CIN')
@ -391,8 +381,8 @@ export default {
const kIndexChartInit = () => { const kIndexChartInit = () => {
creates.kIndexChart = new HighChartCreate('kIndexChart'); creates.kIndexChart = new HighChartCreate('kIndexChart');
creates.kIndexChart.setChart(); creates.kIndexChart.setChart();
creates.kIndexChart.setXAxis( '时间（时/分）', false); creates.kIndexChart.setXAxis('时间（时/分）', false);
creates.kIndexChart.setYAxis('K（℃）', 40, -40, 10,9); creates.kIndexChart.setYAxis('K（℃）', 40, -40, 10, 9);
creates.kIndexChart.setLegend(); creates.kIndexChart.setLegend();
creates.kIndexChart.setTooltip('{point.category}: {point.y}(℃)'); creates.kIndexChart.setTooltip('{point.category}: {point.y}(℃)');
creates.kIndexChart.setSeries('K指数') creates.kIndexChart.setSeries('K指数')
@ -403,8 +393,8 @@ export default {
const sandIndexInit = () => { const sandIndexInit = () => {
creates.sandIndex = new HighChartCreate('sandIndexChart'); creates.sandIndex = new HighChartCreate('sandIndexChart');
creates.sandIndex.setChart(); creates.sandIndex.setChart();
creates.sandIndex.setXAxis( '时间（时/分）', false); creates.sandIndex.setXAxis('时间（时/分）', false);
creates.sandIndex.setYAxis('SI（℃）', 30, 0, 3,11); creates.sandIndex.setYAxis('SI（℃）', 30, 0, 3, 11);
creates.sandIndex.setLegend(); creates.sandIndex.setLegend();
creates.sandIndex.setTooltip('{point.category}: {point.y}(℃)'); creates.sandIndex.setTooltip('{point.category}: {point.y}(℃)');
creates.sandIndex.setSeries('沙式指数') creates.sandIndex.setSeries('沙式指数')
@ -415,8 +405,8 @@ export default {
const airPressureInit = () => { const airPressureInit = () => {
creates.airPressure = new HighChartCreate('airPressureChart'); creates.airPressure = new HighChartCreate('airPressureChart');
creates.airPressure.setChart(); creates.airPressure.setChart();
creates.airPressure.setXAxis( '时间（时/分）', false); creates.airPressure.setXAxis('时间（时/分）', false);
creates.airPressure.setYAxis('LCL气压（hPa)', 1000, 300, 100,8); creates.airPressure.setYAxis('LCL气压（hPa)', 1000, 300, 100, 8);
creates.airPressure.setLegend(); creates.airPressure.setLegend();
creates.airPressure.setTooltip('{point.category}: {point.y}(hPa)'); creates.airPressure.setTooltip('{point.category}: {point.y}(hPa)');
creates.airPressure.setSeries('LCL气压') creates.airPressure.setSeries('LCL气压')
@ -427,8 +417,8 @@ export default {
const deltaTInit = () => { const deltaTInit = () => {
creates.deltaT = new HighChartCreate('deltaTChart'); creates.deltaT = new HighChartCreate('deltaTChart');
creates.deltaT.setChart(); creates.deltaT.setChart();
creates.deltaT.setXAxis( '时间（时/分）', false); creates.deltaT.setXAxis('时间（时/分）', false);
creates.deltaT.setYAxis('deltaT（℃）', 1000, 300, 100,8); creates.deltaT.setYAxis('deltaT（℃）', 1000, 300, 100, 8);
creates.deltaT.setLegend(); creates.deltaT.setLegend();
creates.deltaT.setTooltip('{point.category}: {point.y}(℃)'); creates.deltaT.setTooltip('{point.category}: {point.y}(℃)');
creates.deltaT.setSeries('deltaT') creates.deltaT.setSeries('deltaT')
@ -439,8 +429,8 @@ export default {
const zeroHeightInit = () => { const zeroHeightInit = () => {
creates.zeroHeight = new HighChartCreate('zeroHeightChart'); creates.zeroHeight = new HighChartCreate('zeroHeightChart');
creates.zeroHeight.setChart(); creates.zeroHeight.setChart();
creates.zeroHeight.setXAxis( '时间（时/分）', false); creates.zeroHeight.setXAxis('时间（时/分）', false);
creates.zeroHeight.setYAxis('hgt_0(m)', 10, 0, 1,11); creates.zeroHeight.setYAxis('hgt_0(m)', 10, 0, 1, 11);
creates.zeroHeight.setLegend(); creates.zeroHeight.setLegend();
creates.zeroHeight.setTooltip('{point.category}: {point.y}(m)'); creates.zeroHeight.setTooltip('{point.category}: {point.y}(m)');
creates.zeroHeight.setSeries('hgt_0') creates.zeroHeight.setSeries('hgt_0')
@ -451,8 +441,8 @@ export default {
const NegativeTwentyHeightInit = () => { const NegativeTwentyHeightInit = () => {
creates.NegativeTwentyHeight = new HighChartCreate('NegativeTwentyHeightChart'); creates.NegativeTwentyHeight = new HighChartCreate('NegativeTwentyHeightChart');
creates.NegativeTwentyHeight.setChart(); creates.NegativeTwentyHeight.setChart();
creates.NegativeTwentyHeight.setXAxis( '时间（时/分）', false); creates.NegativeTwentyHeight.setXAxis('时间（时/分）', false);
creates.NegativeTwentyHeight.setYAxis('hgt_-20(m)', 20, -20, 5,9); creates.NegativeTwentyHeight.setYAxis('hgt_-20(m)', 20, -20, 5, 9);
creates.NegativeTwentyHeight.setLegend(); creates.NegativeTwentyHeight.setLegend();
creates.NegativeTwentyHeight.setTooltip('{point.category}: {point.y}(m)'); creates.NegativeTwentyHeight.setTooltip('{point.category}: {point.y}(m)');
creates.NegativeTwentyHeight.setSeries('hgt_-20') creates.NegativeTwentyHeight.setSeries('hgt_-20')
@ -606,44 +596,44 @@ export default {
const reloadQualityComparison = () => { const reloadQualityComparison = () => {
const startTime = moment(options.currentTime).add(options.apiTimeLength, 'h').add(options.apiTimeInterval, 'm').format('YYYY-MM-DD HH:mm:00'); const startTime = moment(options.currentTime).add(options.apiTimeLength, 'h').add(options.apiTimeInterval, 'm').format('YYYY-MM-DD HH:mm:00');
const params = prepareApiParams(401, startTime, options.titleEndTime); const params = prepareApiParams(401, startTime, options.titleEndTime);
get('/njplatform/radardata/getOriginRangeData', params, Constant.baseUrl).then((response: any) => { get('/njplatform/radardata/getOriginRangeData', params, Constant.baseUrl).then((response: any) => {
clearBoxDrawer(drawers.originalDrawer); clearBoxDrawer(drawers.originalDrawer);
clearBoxDrawer(drawers.abnormalDrawer); clearBoxDrawer(drawers.abnormalDrawer);
if (response.code != 200 || response.data.radar_data.length === 0) { if (response.code != 200 || response.data.radar_data.length === 0) {
createEmptyCanvas('original-data-canvas', 1500, 500); createEmptyCanvas('original-data-canvas', 1500, 500);
// createEmptyCanvas('abnormal-canvas', 1500, 500); // createEmptyCanvas('abnormal-canvas', 1500, 500);
return; return;
} }
drawers.originalDrawer = new BoxDrawer(1500, 500, prepareTmpOriginalColors(), response.data, 'original-data-canvas', '℃'); drawers.originalDrawer = new BoxDrawer(1500, 500, prepareTmpOriginalColors(), response.data, 'original-data-canvas', '℃');
// drawers.abnormalDrawer = new BoxDrawer(1500, 500, prepareTmpOriginalColors(), response.data, 'abnormal-canvas', '℃'); // drawers.abnormalDrawer = new BoxDrawer(1500, 500, prepareTmpOriginalColors(), response.data, 'abnormal-canvas', '℃');
// options.contrast.noQCImgUrl = drawers.originalDrawer.base64Image; // options.contrast.noQCImgUrl = drawers.originalDrawer.base64Image;
// options.contrast.checkImgUrl = drawers.abnormalDrawer.base64Image; // options.contrast.checkImgUrl = drawers.abnormalDrawer.base64Image;
}) })
} }
const reloadQualityInterpolation = () => { const reloadQualityInterpolation = () => {
options.specialStartTime = moment(options.currentTime).add(options.apiTimeLength, 'h').add(options.apiTimeInterval, 'm').format('YYYY-MM-DD HH:mm:00'); options.specialStartTime = moment(options.currentTime).add(options.apiTimeLength, 'h').add(options.apiTimeInterval, 'm').format('YYYY-MM-DD HH:mm:00');
if (options.currentTab==='shixu_BPFY') { if (options.currentTab === 'shixu_BPFY') {
if (options.currentElement === 'six-minute') { if (options.currentElement === 'six-minute') {
options.specialStartTime = moment(options.currentTime).add(-8, 'h').add(options.apiTimeInterval, 'm').format('YYYY-MM-DD HH:mm:00'); options.specialStartTime = moment(options.currentTime).add(-8, 'h').add(options.apiTimeInterval, 'm').format('YYYY-MM-DD HH:mm:00');
} }
} }
const params = prepareApiParams(401, options.specialStartTime, options.titleEndTime); const params = prepareApiParams(401, options.specialStartTime, options.titleEndTime);
get('/njplatform/radardata/getBpRangeData', params, Constant.baseUrl).then((response: any) => { get('/njplatform/radardata/getBpRangeData', params, Constant.baseUrl).then((response: any) => {
clearBoxDrawer(drawers.interpolateDrawer); clearBoxDrawer(drawers.interpolateDrawer);
if (response.code != 200 || response.data.radar_data.length === 0) { if (response.code != 200 || response.data.radar_data.length === 0) {
if (options.currentTab === 'MWR')
createEmptyCanvas('interpolate-canvas', 1500, 500);
else if (options.currentTab === 'shixu_BPFY')
createEmptyCanvas('BP-temp', 1500, 500);
return;
}
if (options.currentTab === 'MWR') if (options.currentTab === 'MWR')
drawers.interpolateDrawer = new BoxDrawer(1500, 500, prepareTmpOriginalColors(), response.data, 'interpolate-canvas', '℃'); createEmptyCanvas('interpolate-canvas', 1500, 500);
else if (options.currentTab === 'shixu_BPFY') else if (options.currentTab === 'shixu_BPFY')
drawers.interpolateDrawer = new BoxDrawer(1500, 500, prepareBPTempColors(), response.data, 'BP-temp', '(degree)'); createEmptyCanvas('BP-temp', 1500, 500);
// options.contrast.fillingImgUrl = drawers.interpolateDrawer.base64Image; return;
}) }
if (options.currentTab === 'MWR')
drawers.interpolateDrawer = new BoxDrawer(1500, 500, prepareTmpOriginalColors(), response.data, 'interpolate-canvas', '℃');
else if (options.currentTab === 'shixu_BPFY')
drawers.interpolateDrawer = new BoxDrawer(1500, 500, prepareBPTempColors(), response.data, 'BP-temp', '(degree)');
// options.contrast.fillingImgUrl = drawers.interpolateDrawer.base64Image;
})
} }
//BP反演相对湿度 //BP反演相对湿度
@ -653,15 +643,15 @@ export default {
options.specialStartTime = moment(options.currentTime).add(-8, 'h').add(options.apiTimeInterval, 'm').format('YYYY-MM-DD HH:mm:00'); options.specialStartTime = moment(options.currentTime).add(-8, 'h').add(options.apiTimeInterval, 'm').format('YYYY-MM-DD HH:mm:00');
} }
const params = prepareApiParams(404, options.specialStartTime, options.titleEndTime); const params = prepareApiParams(404, options.specialStartTime, options.titleEndTime);
get('/njplatform/radardata/getBpRangeData', params, Constant.baseUrl).then((response: any) => { get('/njplatform/radardata/getBpRangeData', params, Constant.baseUrl).then((response: any) => {
clearBoxDrawer(drawers.BPRelativeHumidity); clearBoxDrawer(drawers.BPRelativeHumidity);
if (response.code != 200 || response.data.radar_data.length === 0) { if (response.code != 200 || response.data.radar_data.length === 0) {
createEmptyCanvas('BP-relative-humidity', 1500, 500); createEmptyCanvas('BP-relative-humidity', 1500, 500);
return; return;
} }
drawers.BPRelativeHumidity = new BoxDrawer(1500, 500, prepareBPRelativeHumidityColors(), response.data, 'BP-relative-humidity', '(%)'); drawers.BPRelativeHumidity = new BoxDrawer(1500, 500, prepareBPRelativeHumidityColors(), response.data, 'BP-relative-humidity', '(%)');
// options.contrast.fillingImgUrl = drawers.interpolateDrawer.base64Image; // options.contrast.fillingImgUrl = drawers.interpolateDrawer.base64Image;
}) })
} }
//水汽密度 //水汽密度
@ -671,42 +661,42 @@ export default {
options.specialStartTime = moment(options.currentTime).add(-8, 'h').add(options.apiTimeInterval, 'm').format('YYYY-MM-DD HH:mm:00'); options.specialStartTime = moment(options.currentTime).add(-8, 'h').add(options.apiTimeInterval, 'm').format('YYYY-MM-DD HH:mm:00');
} }
const params = prepareApiParams(402, options.specialStartTime, options.titleEndTime); const params = prepareApiParams(402, options.specialStartTime, options.titleEndTime);
get('/njplatform/radardata/getBpRangeData', params, Constant.baseUrl).then((response: any) => { get('/njplatform/radardata/getBpRangeData', params, Constant.baseUrl).then((response: any) => {
clearBoxDrawer(drawers.BPVaporDensity); clearBoxDrawer(drawers.BPVaporDensity);
if (response.code != 200 || response.data.radar_data.length === 0) { if (response.code != 200 || response.data.radar_data.length === 0) {
createEmptyCanvas('BP-vapor-density', 1500, 500); createEmptyCanvas('BP-vapor-density', 1500, 500);
return; return;
} }
drawers.BPVaporDensity = new BoxDrawer(1500, 500, prepareBPVaporDensityColors(), response.data, 'BP-vapor-density', '(g/kg)'); drawers.BPVaporDensity = new BoxDrawer(1500, 500, prepareBPVaporDensityColors(), response.data, 'BP-vapor-density', '(g/kg)');
// options.contrast.fillingImgUrl = drawers.interpolateDrawer.base64Image; // options.contrast.fillingImgUrl = drawers.interpolateDrawer.base64Image;
}) })
} }
const BPTempData = () => { const BPTempData = () => {
const startTime = moment(options.currentTime).add(options.apiTimeLength, 'h').add(options.apiTimeInterval, 'm').format('YYYY-MM-DD HH:mm:00'); const startTime = moment(options.currentTime).add(options.apiTimeLength, 'h').add(options.apiTimeInterval, 'm').format('YYYY-MM-DD HH:mm:00');
const params = prepareApiParams(401, startTime, options.titleEndTime); const params = prepareApiParams(401, startTime, options.titleEndTime);
get('/njplatform/radardata/getBpRangeData', params, Constant.baseUrl).then((response: any) => { get('/njplatform/radardata/getBpRangeData', params, Constant.baseUrl).then((response: any) => {
// creates.verticalProfile.updateSeries(0, getVerticalProfileResponseData(response)); // creates.verticalProfile.updateSeries(0, getVerticalProfileResponseData(response));
creates.verticalProfileTemp.updateSeries(0,getVerticalProfileResponseData(response)) creates.verticalProfileTemp.updateSeries(0, getVerticalProfileResponseData(response))
}) })
} }
const BPVaporDensityData = () => { const BPVaporDensityData = () => {
const startTime = moment(options.currentTime).add(options.apiTimeLength, 'h').add(options.apiTimeInterval, 'm').format('YYYY-MM-DD HH:mm:00'); const startTime = moment(options.currentTime).add(options.apiTimeLength, 'h').add(options.apiTimeInterval, 'm').format('YYYY-MM-DD HH:mm:00');
const params = prepareApiParams(402, startTime, options.titleEndTime); const params = prepareApiParams(402, startTime, options.titleEndTime);
get('/njplatform/radardata/getBpRangeData', params, Constant.baseUrl).then((response: any) => { get('/njplatform/radardata/getBpRangeData', params, Constant.baseUrl).then((response: any) => {
// creates.verticalProfile.updateSeries(2, getVerticalProfileResponseData(response)); // creates.verticalProfile.updateSeries(2, getVerticalProfileResponseData(response));
creates.verticalProfileVaporDensity.updateSeries(0, getVerticalProfileResponseData(response)); creates.verticalProfileVaporDensity.updateSeries(0, getVerticalProfileResponseData(response));
}) })
} }
const BPRelativeHumidityData = () => { const BPRelativeHumidityData = () => {
const startTime = moment(options.currentTime).add(options.apiTimeLength, 'h').add(options.apiTimeInterval, 'm').format('YYYY-MM-DD HH:mm:00'); const startTime = moment(options.currentTime).add(options.apiTimeLength, 'h').add(options.apiTimeInterval, 'm').format('YYYY-MM-DD HH:mm:00');
const params = prepareApiParams(404, startTime, options.titleEndTime); const params = prepareApiParams(404, startTime, options.titleEndTime);
get('/njplatform/radardata/getBpRangeData', params, Constant.baseUrl).then((response: any) => { get('/njplatform/radardata/getBpRangeData', params, Constant.baseUrl).then((response: any) => {
// creates.verticalProfile.updateSeries(1, getVerticalProfileResponseData(response)); // creates.verticalProfile.updateSeries(1, getVerticalProfileResponseData(response));
creates.verticalProfileRelativeHumidity.updateSeries(0,getVerticalProfileResponseData(response)) creates.verticalProfileRelativeHumidity.updateSeries(0, getVerticalProfileResponseData(response))
}) })
} }
@ -736,21 +726,21 @@ export default {
const convectiveIndexCAPEData = () => { const convectiveIndexCAPEData = () => {
const startTime = moment(options.currentTime).add(options.apiTimeLength, 'h').add(options.apiTimeInterval, 'm').format('YYYY-MM-DD HH:mm:00'); const startTime = moment(options.currentTime).add(options.apiTimeLength, 'h').add(options.apiTimeInterval, 'm').format('YYYY-MM-DD HH:mm:00');
const params = prepareApiParams('cape', startTime, options.titleEndTime); const params = prepareApiParams('cape', startTime, options.titleEndTime);
get('/njplatform/radardata/getBpRangeData', params, Constant.baseUrl).then((response: any) => { get('/njplatform/radardata/getBpRangeData', params, Constant.baseUrl).then((response: any) => {
let data = convectiveIndexResponseData(response); let data = convectiveIndexResponseData(response);
creates.convectiveIndexProfileTimeChartCAPE.updateSeries(0,data[0]) creates.convectiveIndexProfileTimeChartCAPE.updateSeries(0, data[0])
creates.convectiveIndexProfileTimeChartCAPE.updateXAxis(data[1], 0) creates.convectiveIndexProfileTimeChartCAPE.updateXAxis(data[1], 0)
}) })
} }
const convectiveIndexCINData = () => { const convectiveIndexCINData = () => {
const startTime = moment(options.currentTime).add(options.apiTimeLength, 'h').add(options.apiTimeInterval, 'm').format('YYYY-MM-DD HH:mm:00'); const startTime = moment(options.currentTime).add(options.apiTimeLength, 'h').add(options.apiTimeInterval, 'm').format('YYYY-MM-DD HH:mm:00');
const params = prepareApiParams('cin', startTime, options.titleEndTime); const params = prepareApiParams('cin', startTime, options.titleEndTime);
get('/njplatform/radardata/getBpRangeData', params, Constant.baseUrl).then((response: any) => { get('/njplatform/radardata/getBpRangeData', params, Constant.baseUrl).then((response: any) => {
let data = convectiveIndexResponseData(response); let data = convectiveIndexResponseData(response);
creates.convectiveIndexProfileTimeChartCIN.updateSeries(0,data[0]) creates.convectiveIndexProfileTimeChartCIN.updateSeries(0, data[0])
creates.convectiveIndexProfileTimeChartCIN.updateXAxis(data[1], 0) creates.convectiveIndexProfileTimeChartCIN.updateXAxis(data[1], 0)
}) })
} }
//K-index //K-index
const kIndexApi = () => { const kIndexApi = () => {
@ -758,7 +748,7 @@ export default {
const params = prepareApiParams('K', startTime, options.titleEndTime); const params = prepareApiParams('K', startTime, options.titleEndTime);
get('/njplatform/radardata/getBpRangeData', params, Constant.baseUrl).then((response) => { get('/njplatform/radardata/getBpRangeData', params, Constant.baseUrl).then((response) => {
let data = convectiveIndexResponseData(response); let data = convectiveIndexResponseData(response);
creates.kIndexChart.updateSeries(0,data[0]) creates.kIndexChart.updateSeries(0, data[0])
creates.kIndexChart.updateXAxis(data[1], 0) creates.kIndexChart.updateXAxis(data[1], 0)
}) })
} }
@ -769,51 +759,51 @@ export default {
const params = prepareApiParams('SI', startTime, options.titleEndTime); const params = prepareApiParams('SI', startTime, options.titleEndTime);
get('/njplatform/radardata/getBpRangeData', params, Constant.baseUrl).then((response) => { get('/njplatform/radardata/getBpRangeData', params, Constant.baseUrl).then((response) => {
let data = convectiveIndexResponseData(response); let data = convectiveIndexResponseData(response);
creates.sandIndex.updateSeries(0,data[0]) creates.sandIndex.updateSeries(0, data[0])
creates.sandIndex.updateXAxis(data[1], 0) creates.sandIndex.updateXAxis(data[1], 0)
}) })
} }
//LCL气压 //LCL气压
const airPressureApi = () => { const airPressureApi = () => {
const startTime = moment(options.currentTime).add(options.apiTimeLength, 'h').add(options.apiTimeInterval, 'm').format('YYYY-MM-DD HH:mm:00'); const startTime = moment(options.currentTime).add(options.apiTimeLength, 'h').add(options.apiTimeInterval, 'm').format('YYYY-MM-DD HH:mm:00');
const params = prepareApiParams('LCL_pres', startTime, options.titleEndTime); const params = prepareApiParams('LCL_pres', startTime, options.titleEndTime);
get('/njplatform/radardata/getBpRangeData', params, Constant.baseUrl).then((response) => { get('/njplatform/radardata/getBpRangeData', params, Constant.baseUrl).then((response) => {
let data = convectiveIndexResponseData(response); let data = convectiveIndexResponseData(response);
creates.airPressure.updateSeries(0,data[0]) creates.airPressure.updateSeries(0, data[0])
creates.airPressure.updateXAxis(data[1], 0) creates.airPressure.updateXAxis(data[1], 0)
}) })
} }
//850hpa和500hpa温差 //850hpa和500hpa温差
const deltaTApi = () => { const deltaTApi = () => {
const startTime = moment(options.currentTime).add(options.apiTimeLength, 'h').add(options.apiTimeInterval, 'm').format('YYYY-MM-DD HH:mm:00'); const startTime = moment(options.currentTime).add(options.apiTimeLength, 'h').add(options.apiTimeInterval, 'm').format('YYYY-MM-DD HH:mm:00');
const params = prepareApiParams('LCL_pres', startTime, options.titleEndTime); const params = prepareApiParams('LCL_pres', startTime, options.titleEndTime);
get('/njplatform/radardata/getBpRangeData', params, Constant.baseUrl).then((response) => { get('/njplatform/radardata/getBpRangeData', params, Constant.baseUrl).then((response) => {
let data = convectiveIndexResponseData(response); let data = convectiveIndexResponseData(response);
creates.deltaT.updateSeries(0,data[0]) creates.deltaT.updateSeries(0, data[0])
creates.deltaT.updateXAxis(data[1], 0) creates.deltaT.updateXAxis(data[1], 0)
}) })
} }
//绘制0度层高度 //绘制0度层高度
const zeroHeightApi = () => { const zeroHeightApi = () => {
const startTime = moment(options.currentTime).add(options.apiTimeLength, 'h').add(options.apiTimeInterval, 'm').format('YYYY-MM-DD HH:mm:00'); const startTime = moment(options.currentTime).add(options.apiTimeLength, 'h').add(options.apiTimeInterval, 'm').format('YYYY-MM-DD HH:mm:00');
const params = prepareApiParams('hgt_0', startTime, options.titleEndTime); const params = prepareApiParams('hgt_0', startTime, options.titleEndTime);
get('/njplatform/radardata/getBpRangeData', params, Constant.baseUrl).then((response) => { get('/njplatform/radardata/getBpRangeData', params, Constant.baseUrl).then((response) => {
let data = convectiveIndexResponseData(response); let data = convectiveIndexResponseData(response);
creates.zeroHeight.updateSeries(0,data[0]) creates.zeroHeight.updateSeries(0, data[0])
creates.zeroHeight.updateXAxis(data[1], 0) creates.zeroHeight.updateXAxis(data[1], 0)
}) })
} }
//绘制-20度层高度 //绘制-20度层高度
const NegativeTwentyHeightApi = () => { const NegativeTwentyHeightApi = () => {
const startTime = moment(options.currentTime).add(options.apiTimeLength, 'h').add(options.apiTimeInterval, 'm').format('YYYY-MM-DD HH:mm:00'); const startTime = moment(options.currentTime).add(options.apiTimeLength, 'h').add(options.apiTimeInterval, 'm').format('YYYY-MM-DD HH:mm:00');
const params = prepareApiParams('hgt_-20', startTime, options.titleEndTime); const params = prepareApiParams('hgt_-20', startTime, options.titleEndTime);
get('/njplatform/radardata/getBpRangeData', params, Constant.baseUrl).then((response) => { get('/njplatform/radardata/getBpRangeData', params, Constant.baseUrl).then((response) => {
let data = convectiveIndexResponseData(response); let data = convectiveIndexResponseData(response);
creates.NegativeTwentyHeight.updateSeries(0,data[0]) creates.NegativeTwentyHeight.updateSeries(0, data[0])
creates.NegativeTwentyHeight.updateXAxis(data[1], 0) creates.NegativeTwentyHeight.updateXAxis(data[1], 0)
}) })
} }
@ -966,26 +956,32 @@ export default {
z-index: 100; z-index: 100;
} }
} }
.BPPicture { .BPPicture {
width: 65% !important; width: 65% !important;
height: 45%; height: 45%;
position: relative; position: relative;
#BP-temp, #BP-relative-humidity, #BP-vapor-density{
#BP-temp, #BP-relative-humidity, #BP-vapor-density {
transform: scale(0.40, 0.4); transform: scale(0.40, 0.4);
} }
.title { .title {
left: 4.35rem!important; left: 3.85rem !important;
} }
} }
} }
.shiXu { .shiXu {
overflow-y: scroll; overflow-y: scroll;
width: 100% !important; width: 100% !important;
} }
.shiXuBP { .shiXuBP {
flex-flow: column; flex-flow: column;
align-content: space-around !important; align-content: space-around !important;
} }
.picture-MWR { .picture-MWR {
width: 100%; width: 100%;
height: 100%; height: 100%;

23
04.系统编码/Frontend/src/components/RamanLidar.vue
View File

@ -274,6 +274,7 @@ export default {
if (options.currentTab === 'boundary-layer-height') { if (options.currentTab === 'boundary-layer-height') {
} else if (options.currentTab === 'optical-property') { } else if (options.currentTab === 'optical-property') {
extinctionApi()
LidarRatioApi() LidarRatioApi()
} else if (options.currentTab === 'aerosol-product') { } else if (options.currentTab === 'aerosol-product') {
boundaryLayerHeightDate() boundaryLayerHeightDate()
@ -284,7 +285,7 @@ export default {
cloudsHeightApi() cloudsHeightApi()
cloudTopHeightApi() cloudTopHeightApi()
} else if (options.currentTab === 'MWR') { } else if (options.currentTab === 'MWR') {
// waterVapourApi() //waterVapourApi()
} }
} }
@ -628,20 +629,20 @@ export default {
//消光系数 //消光系数
// const extinctionApi = () => { const extinctionApi = () => {
// const time = moment(options.date).format('MM_DD') const time = moment(options.date).format('MM_DD')
// const params = prepareApiParams(time ,'extinction') const params = prepareApiParams(time ,'extinction')
// get('/njqxj/lmlidar', params, ConstantRamanLidar.baseUrl).then((response :any) => { get('/njqxj/lmlidar', params, ConstantRamanLidar.baseUrl).then((response :any) => {
// console.log(response)
// }) })
// } }
//水汽 //水汽
const waterVapourApi = () => { const waterVapourApi = () => {
const time = moment(options.date).format('MM_DD') const time = moment(options.date).format('MM_DD')
const params = prepareApiParams(time,'watervapor') const params = prepareApiParams(time,'watervapor')
get('/njqxj/lmlidar', params, ConstantRamanLidar.baseUrl).then((response :any) => { get('/njqxj/lmlidar', params, ConstantRamanLidar.baseUrl).then((response :any) => {
console.log(response) console.log(response,'水汽')
}) })
} }
@ -651,7 +652,7 @@ export default {
const time = moment(options.date).format('MM_DD') const time = moment(options.date).format('MM_DD')
const params = prepareApiParams(time,'pm10') const params = prepareApiParams(time,'pm10')
get('/njqxj/lmlidar', params, ConstantRamanLidar.baseUrl).then((response :any) => { get('/njqxj/lmlidar', params, ConstantRamanLidar.baseUrl).then((response :any) => {
console.log(response) console.log(response,'气溶胶PM')
}) })
} }
@ -660,7 +661,7 @@ export default {
const time = moment(options.date).format('MM_DD') const time = moment(options.date).format('MM_DD')
const params = prepareApiParams(time,'layertype') const params = prepareApiParams(time,'layertype')
get('/njqxj/lmlidar', params, ConstantRamanLidar.baseUrl).then((response :any) => { get('/njqxj/lmlidar', params, ConstantRamanLidar.baseUrl).then((response :any) => {
console.log(response,'云气溶胶分类')
}) })
} }

Write Preview
Loading…
Cancel
Save