Browse Source

commit

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

24
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>
@ -210,6 +200,7 @@ 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()
@ -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%;

21
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()
@ -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