From 4b275f2093954cc58bbc23e4fc67e67d6fe81c0b Mon Sep 17 00:00:00 2001
From: Riku <risaku@163.com>
Date: 星期日, 13 七月 2025 22:46:35 +0800
Subject: [PATCH] 2025.7.13 污染动态溯源
---
src/components/monitor/WeatherData.vue | 93 +++++++++++++++++++++++++++++-----------------
1 files changed, 58 insertions(+), 35 deletions(-)
diff --git a/src/components/monitor/WeatherData.vue b/src/components/monitor/WeatherData.vue
index 85d436a..c6614c1 100644
--- a/src/components/monitor/WeatherData.vue
+++ b/src/components/monitor/WeatherData.vue
@@ -1,56 +1,79 @@
<template>
- <el-row class="wrap">
- <el-form :inline="true" class="form">
- <el-form-item label="娓╁害锛�" class="w-tag">
- {{ temprature }}
- </el-form-item>
- <el-form-item label="婀垮害锛�" class="w-tag">
- {{ humidity }}
- </el-form-item>
- </el-form>
- <!-- <div class="w-tag">{{ temprature }}</div>
- <div class="w-tag">{{ humidity }}</div> -->
- </el-row>
- <el-row class="wrap">
- <el-form :inline="true" class="form">
- <el-form-item label="椋庡悜锛�" class="w-tag">
- {{ windDirection }}
- </el-form-item>
- <el-form-item label="椋庨�燂細" class="w-tag">
- {{ windSpeed }}
- </el-form-item>
- </el-form>
- <!-- <div class="w-tag">{{ windDirection }}</div>
- <div class="w-tag">{{ windSpeed }}</div> -->
- </el-row>
+ <div>
+ <el-row justify="space-between">
+ <FactorIconText
+ faIcon="fa-solid fa-temperature-half"
+ label="TEMP"
+ :value="temprature"
+ unit="鈩�"
+ ></FactorIconText>
+ <FactorIconText
+ faIcon="fa-droplet"
+ label="HUM"
+ :value="humidity"
+ unit="%"
+ ></FactorIconText>
+ </el-row>
+ <el-row justify="space-between" class="m-t-4">
+ <FactorIconText
+ img="/src/assets/wdr.svg"
+ label="WDR"
+ :value="_windDir"
+ ></FactorIconText>
+ <FactorIconText
+ faIcon="fa-wind"
+ label="WS"
+ :value="windSpeed"
+ unit="m/s"
+ ></FactorIconText>
+ </el-row>
+ </div>
</template>
<script>
import { FactorDatas } from '@/model/FactorDatas';
+import { windDir } from '@/constant/wind-dir';
+import FactorIconText from './FactorIconText.vue';
export default {
props: {
loading: Boolean,
- factorDatas: FactorDatas
+ factorDatas: FactorDatas,
+ temprature: {
+ type: String,
+ default: '--'
+ },
+ humidity: {
+ type: String,
+ default: '--'
+ },
+ windDirection: {
+ type: String,
+ default: '--'
+ },
+ windSpeed: {
+ type: String,
+ default: '--'
+ }
},
data() {
- return {
- temprature: '--鈩�',
- humidity: '--%',
- windDirection: '--',
- windSpeed: '--m/s'
- };
+ return {};
},
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';
+ // 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: {
+ _windDir() {
+ return windDir(this.windDirection);
+ }
+ },
methods: {
lastOne(factorDatas, key) {
const f = factorDatas.factor[key];
--
Gitblit v1.9.3