2025.7.23 动态溯源模块封版，发布

riku

2025-07-23 3daf8eebf8c0d5b4561f38e21c50818c8f6768b7

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