<template>
|
<el-row class="wrap">
|
<el-form :inline="true">
|
<el-form-item label="温度：" class="tag-2">
|
{{ temprature }}
|
</el-form-item>
|
<el-form-item label="湿度：" class="tag-2">
|
{{ humidity }}
|
</el-form-item>
|
</el-form>
|
<!-- <div class="tag-2">{{ temprature }}</div>
|
<div class="tag-2">{{ humidity }}</div> -->
|
</el-row>
|
<el-row class="wrap">
|
<el-form :inline="true">
|
<el-form-item label="风向：" class="tag-2">
|
{{ windDirection }}
|
</el-form-item>
|
<el-form-item label="风速：" class="tag-2">
|
{{ windSpeed }}
|
</el-form-item>
|
</el-form>
|
<!-- <div class="tag-2">{{ windDirection }}</div>
|
<div class="tag-2">{{ windSpeed }}</div> -->
|
</el-row>
|
</template>
|
<script>
|
import { FactorDatas } from '@/model/FactorDatas';
|
|
export default {
|
props: {
|
loading: Boolean,
|
factorDatas: FactorDatas
|
},
|
data() {
|
return {
|
temprature: '--℃',
|
humidity: '--%',
|
windDirection: '--',
|
windSpeed: '--m/s'
|
};
|
},
|
watch: {
|
factorDatas: {
|
handler(nV) {
|
this.temprature = this.lastOne(nV, '8') + '℃';
|
this.humidity = this.lastOne(nV, '9') + '%';
|
this.windDirection = this.lastOne(nV, '17');
|
this.windSpeed = this.lastOne(nV, '16') + 'm/s';
|
},
|
deep: true
|
}
|
},
|
// computed: {
|
// temprature() {
|
// return `${this.lastOne('TEMPERATURE')}℃`;
|
// },
|
// humidity() {
|
// return `${this.lastOne('HUMIDITY')}%`;
|
// },
|
// windDirection() {
|
// return `${this.lastOne('WIND_DIRECTION')}`;
|
// },
|
// windSpeed() {
|
// return `${this.lastOne('WIND_SPEED')}m/s`;
|
// }
|
// },
|
methods: {
|
lastOne(factorDatas, key) {
|
const f = factorDatas.factor[key];
|
if (f) {
|
const lastIndex = f.datas.length - 1;
|
return factorDatas.factor[key].datas[lastIndex].factorData;
|
} else {
|
return '--';
|
}
|
}
|
}
|
};
|
</script>
|
