From d6e6f8b5b31e132e4597eb531168d3e88f3bda72 Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期五, 04 七月 2025 17:26:49 +0800
Subject: [PATCH] 2025.7.4 动态溯源
---
src/components/monitor/WeatherData.vue | 54 ++++++++++++++++++++++++++++++------------------------
1 files changed, 30 insertions(+), 24 deletions(-)
diff --git a/src/components/monitor/WeatherData.vue b/src/components/monitor/WeatherData.vue
index af32269..c6614c1 100644
--- a/src/components/monitor/WeatherData.vue
+++ b/src/components/monitor/WeatherData.vue
@@ -1,32 +1,38 @@
<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">
- {{ _windDir }}
- </el-form-item>
- <el-form-item label="椋庨�燂細" class="w-tag">
- {{ windSpeed }}m/s
- </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: {
--
Gitblit v1.9.3