Browse Source

commit

master
xuhuihui 3 years ago
parent
commit
6ae8cf68aa
  1. 242
      04.系统编码/Frontend/src/components/MicrowaveRadiation.vue
  2. 23
      04.系统编码/Frontend/src/components/RamanLidar.vue

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

@ -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)
}) })
} }
//850hpa500hpa //850hpa500hpa
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

@ -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,'云气溶胶分类')
}) })
} }

Loading…
Cancel
Save