2025.7.4 动态溯源

riku

2025-07-04 d6e6f8b5b31e132e4597eb531168d3e88f3bda72

 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> -->
  <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 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 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: {