From b2392458ebf42594b9fc5390fda40d7a0a12f923 Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期三, 03 九月 2025 17:40:52 +0800
Subject: [PATCH] 调试自动生成网格融合图片功能（待完成）
---
src/components/monitor/WeatherData.vue | 59 ++++++++++++++++++++++++++++++++++-------------------------
1 files changed, 34 insertions(+), 25 deletions(-)
diff --git a/src/components/monitor/WeatherData.vue b/src/components/monitor/WeatherData.vue
index af32269..d40328e 100644
--- a/src/components/monitor/WeatherData.vue
+++ b/src/components/monitor/WeatherData.vue
@@ -1,32 +1,39 @@
<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="wdrSvg"
+ 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';
+import wdrSvg from '@/assets/wdr.svg';
export default {
props: {
@@ -50,7 +57,9 @@
}
},
data() {
- return {};
+ return {
+ wdrSvg: wdrSvg
+ };
},
watch: {
factorDatas: {
--
Gitblit v1.9.3