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

commit

master
xuhuihui 3 years ago
parent
dad2e0aaa4 4a8980b0c5
commit
42f276fcf9
3 changed files with 72 additions and 53 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 92
      04.系统编码/Frontend/src/components/RamanLidar.vue
  2. 9
      04.系统编码/Frontend/src/model/heat-map-drawer.ts
  3. 24
      04.系统编码/Frontend/src/uilts/box-drawer.ts

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

@ -80,7 +80,7 @@
<div class="picture">
<h2 class="title">光学厚度</h2>
<div id="opticalThickness"
style="width: 650px;height: 450px"
style="width: 500px;height: 450px"
v-loading="loadingOpticalThicknessStatus"
custom-class="loading"
element-loading-text="加载中">
@ -123,14 +123,14 @@
<div class="picture ">
<h2 class="title">边界层高度</h2>
<div id="BoundaryLayerHeight" style="width: 650px;height: 450px"
<div id="BoundaryLayerHeight" style="width: 500px;height: 450px"
v-loading="loadingBoundaryLayerHeightStatus" custom-class="loading" element-loading-text="加载中"></div>
</div>
<div class="picture">
<h2 class="title">激光雷达比</h2>
<div id="LidarRatio"
style="width: 650px;height: 450px"
style="width: 500px;height: 450px"
v-loading="loadingLidarRatioStatus"
custom-class="loading"
element-loading-text="加载中">
@ -150,14 +150,14 @@
</div>
<div class="picture">
<h2 class="title">云层高度</h2>
<div id="cloudsHeight" style="width: 650px;height: 450px" v-loading="loadingCloudsHeightStatus"
<div id="cloudsHeight" style="width: 500px;height: 450px" v-loading="loadingCloudsHeightStatus"
custom-class="loading" element-loading-text="加载中"></div>
</div>
<div class="picture">
<h2 class="title">
云顶高度</h2>
<div id="cloudTopHeight" style="width: 650px;height: 450px" v-loading="loadingCloudTopHeightStatus"
<div id="cloudTopHeight" style="width: 500px;height: 450px" v-loading="loadingCloudTopHeightStatus"
custom-class="loading" element-loading-text="加载中"></div>
</div>
</div>
@ -247,12 +247,11 @@ export default {
}
let options = reactive({
currentTab: 'MWR',
currentRegion: 'pk',
// currentRegion: 'jn',
currentRegion: 'jn',
currentElement: 'PBLH',
currentType: '边界层高度',
date: moment('2022-04-01 12:00:00').format('YYYY-MM-DD HH:mm:ss'),
// date: moment().format('YYYY-MM-DD HH:mm:ss'),
// date: moment('2022-04-01 12:00:00').format('YYYY-MM-DD HH:mm:ss'),
date: moment().format('YYYY-MM-DD HH:mm:ss'),
times: [],
currentTime: null,
downloadImgUrl: '/images/default-picture.png',
@ -339,9 +338,7 @@ export default {
creates.LidarRatio.setYAxis('高度(米)', 3000, 0, 500, 7);
creates.LidarRatio.setLegend();
creates.LidarRatio.setTooltip('高度: {point.y}');
for (let i = 0; i < 24; i++) {
creates.LidarRatio.setSeries(`${i}时`, 0, null, null, '#BDBDBD')
}
creates.LidarRatio.setSeries('激光雷达比')
creates.LidarRatio.init();
}
@ -362,10 +359,12 @@ export default {
const onTabClick = (name) => {
// initTimeLine()
options.currentTab = name;
setTimeout(() => {
initEcharts(name)
reloadChangeData()
}, 500)
// setTimeout(() => {
// initEcharts(name)
// reloadChangeData()
// }, 500)
initEcharts(name)
reloadChangeData()
}
const reloadChangeData = () => {
@ -379,11 +378,10 @@ export default {
reloadChartsRecognition('icot', drawIceCloudsCharts);
reloadChartsRecognition('wcot', drawWaterCloud);
} else if (options.currentTab === 'aerosol-product') {
// reloadChartsRecognition('lidarratio', drawLidarRatioCharts);
reloadChartLidarratio('lidarratio', drawLidarRatioCharts)
// reloadChartsRecognition('pblh', drawBoundaryLayerCharts);
// reloadCloudRecognition('pm2_5', 201, 'pm2_5', drawPm2Point5);
// reloadCloudRecognition('pm2_5', 201, 'pm10', drawPm10);
reloadChartsRecognition('pblh', drawBoundaryLayerCharts);
reloadCloudRecognition('pm2_5', 201, 'pm2_5', drawPm2Point5);
reloadCloudRecognition('pm2_5', 201, 'pm10', drawPm10);
} else if (options.currentTab === 'BingoCloud') {
reloadChartsRecognition('cloudbaseheight', drawCloudsHeightCharts);
reloadChartsRecognition('cloudtopheight', drawCloudTopHeightCharts);
@ -539,11 +537,9 @@ export default {
}
const drawLidarRatioCharts = (result: CustomeArray<any>) => {
// if (result.length != 24) return;
// const data = LidarRatioPrepareChartData(result);
// for (let i = 0; i < 24; i++) {
// creates.LidarRatio.updateSeries(i, data[i]);
// }
if (result.length <= 0) return;
const data = LidarRatioPrepareChartData(result);
creates.LidarRatio.updateSeries(0, data);
options.loadingLidarRatioStatus = false
}
@ -609,25 +605,14 @@ export default {
const LidarRatioPrepareChartData = (result) => {
let prepareData = []
result.sort((x, y) => moment(x.time, 'M_D_H').isBefore(moment(y.time, 'M_D_H')) ? -1 : 1);
result.forEach(item => {
if (item.data == null) {
let temp = [];
for (let i = 0; i < 201; i++) {
temp.push([NaN])
}
item.data = temp
}
let newData = item.data.slice(0,201)
newData.forEach((item, index) => {
prepareData.push([item[0], index * 15])
if (result[0].data == null) return;
result[0].data.forEach((item) => {
item.forEach((item, index) => {
if (item == null) item = NaN
prepareData.push([item, index * 15])
})
})
let results = [];
for (let i = 0; i < prepareData.length; i+= 201) {
results.push(prepareData.slice(i, i + 201))
}
return results;
return prepareData;
}
const preparePmColors = () => {
@ -664,6 +649,7 @@ export default {
creates.opticsExtinctionDrawer.setAxis(new CoordinateScale(options.timeArray), new CoordinateScale([0, 2000, 4000, 6000, 8000, 10000, 12000], true, true));
creates.opticsExtinctionDrawer.setColorChart(prepareExtinctionnColors());
creates.opticsExtinctionDrawer.draw();
}
const drawSingleWatervapor = (result: CustomeArray<any>) => {
@ -751,8 +737,8 @@ export default {
const reloadChartLidarratio = (element: string, callback: any) => {
preprocessingCharts(element)
let result = new CustomeArray(callback);
let time = moment(options.date)
reloadSingleChartsRecognition(time.format('M_D_H'), element, result);
let time = moment(options.date);
reloadSingleChartsRecognition(time.format('M_D_H'), element, result);
}
const drawCloudRecognition = (result: CustomeArray<any>) => {
@ -795,8 +781,19 @@ export default {
return;
}
const interval = Math.round(11 / r.data[0].length);
for (let h = 0, len = r.data.length; h < len; h++) {
for (let h = 0, len = capacity; h < len; h++) {
let tempIndex = parseInt(index + "");
if (r.data[h] == null){
for(let i = 0; i < 11; i++){
tempIndex++;
if (matrix[tempIndex] == null) {
matrix[tempIndex] = new Array<Box>(capacity);
}
matrix[tempIndex][h] = new Box(tempIndex, h, 0, 0, NaN, h * 15, time, "米");
}
continue;
}
r.data[h] = r.data[h].slice(0, 11);
for (let i = 0, len = r.data[h].length; i < len; i++) {
for (let _i = 0; _i < interval; _i++) {
@ -820,6 +817,7 @@ export default {
return matrix;
}
const reloadSingleCloudRecognition = (capacity: number, time: string, elementCode, result: CustomeArray<any>) => {
const params = prepareApiParams(time, elementCode)
get('/njqxj/lmlidar', params, ConstantRamanLidar.baseUrl).then((response: any) => {
@ -832,13 +830,15 @@ export default {
}).catch(error => {
setCloudRecognitionResult(capacity, time, error.message, null, result);
})
// .catch(error => {
// setCloudRecognitionResult(capacity, time, error.message, null, result);
// })
}
//
const reloadSingleChartsRecognition = (time: string, elementCode, result: CustomeArray<any>) => {
const params = prepareApiParams(time, elementCode)
get('/njqxj/lmlidar', params, ConstantRamanLidar.baseUrl).then((response: any) => {
console.log(response)
if (response.state != 0) {
setChartsRecognitionResult(time, response.message, null, result);
return;

9
04.系统编码/Frontend/src/model/heat-map-drawer.ts
View File

@ -41,7 +41,9 @@ export class HeatMapDrawer{
private unit: string;
private name: string;
constructor(width: number, height: number, values: any, id: string, unit: string = '', name: string = '') {
if (id == null) return;
if (id == null) {
throw new Error("heat map drawer id not allow null");
}
this.id = id;
this.width = width;
@ -127,7 +129,9 @@ export class HeatMapDrawer{
for(let dataIndex = 0, len = this.values.length, lastDataLen = len - 1; dataIndex < len; dataIndex++){
let value = this.values[dataIndex];
for(let lastInfoLen = this.values[0].length - 1, infoIndex = lastInfoLen; infoIndex >= 0; infoIndex--){
for(let lastInfoLen = value.length - 1, infoIndex = lastInfoLen; infoIndex >= 0; infoIndex--){
// if (value[infoIndex] == null) continue;
let x = startX + dataIndex * this.verticalScaleIntervalLength;
let y = startY + (this.borderHeight - infoIndex * this.horizontalScaleIntervalLength);
let width = this.verticalScaleIntervalLength;
@ -158,7 +162,6 @@ export class HeatMapDrawer{
this.values[dataIndex] = this.values[dataIndex].reverse();
}
this.createCalc(this.values);
}

24
04.系统编码/Frontend/src/uilts/box-drawer.ts
View File

@ -579,8 +579,8 @@ export class Calc{
private readonly paddingRight: number;
private readonly paddingBottom: number;
private readonly boxWidth: number;
private readonly boxHeight: number;
private boxWidth: number;
private boxHeight: number;
private xMax: number = null;
private yMax: number = null;
@ -601,10 +601,25 @@ export class Calc{
this.boxes = boxes;
this.boxWidth = this.boxes[1][1].width;
this.boxHeight = this.boxes[1][1].height;
// this.setWidthAndHeight();
this.init();
}
private setWidthAndHeight() : void{
for(let row = 0, rowLen = this.boxes.length; row < rowLen; row++){
for(let col = 0, colLen = this.boxes[row].length; col < colLen; col++){
let box = this.boxes[row][col];
if (box == null) continue;
console.log(box)
this.boxWidth = box.width;
this.boxHeight = box.height;
return;
}
}
}
private init(): void{
this.xMax = this.width - this.paddingRight;
this.yMax = this.height - this.paddingBottom;
@ -619,7 +634,8 @@ export class Calc{
}
const indexX = parseInt(((x - this.startX) * 1.0 / this.boxWidth).toString());
const indexY = parseInt(((y - this.startY) * 1.0 / this.boxHeight).toString())
const indexY = parseInt(((y - this.startY) * 1.0 / this.boxHeight).toString());
return this.boxes[indexX][indexY];
}
}
Write Preview
Loading…
Cancel
Save