2025.7.4 动态溯源

riku

2025-07-04 d6e6f8b5b31e132e4597eb531168d3e88f3bda72

 src/views/realtimemode/component/DashBoard.vue

@@ -1,8 +1,30 @@
<template>
  <el-row class="wrap">
    <el-col v-show="show" span="10">
      <BaseCard>
        <template #content>
  <div>
    <!-- <el-row justify="end">
      <el-text class="tag-time" size="default">
        <el-icon><Timer /></el-icon>
        {{ time }}
      </el-text>
    </el-row> -->
    <el-row class="dash-wrap">
      <el-col :span="8">
        <FactorIconText
          elIcon="Timer"
          label="TIME"
          :value="hms"
          :des="date"
        ></FactorIconText>
        <VehicleData
          :factor-datas="factorDatas"
          :speed="speed"
          class="m-t-4"
        ></VehicleData>
        <!-- <el-text class="tag-time" size="default">
          <el-icon><Timer /></el-icon>
          {{ time }}
        </el-text> -->
      </el-col>
      <el-col :span="16">
          <WeatherData
            :factor-datas="factorDatas"
            :temprature="temprature"
@@ -10,17 +32,11 @@
            :wind-direction="windDirection"
            :wind-speed="windSpeed"
          ></WeatherData>
          <VehicleData :factor-datas="factorDatas" :speed="speed"></VehicleData>
          <el-row justify="center">
            <div class="tag-time">时间：{{ time }}</div>
          </el-row>
        </template>
      </BaseCard>
    </el-col>
    <el-col span="2">
      <CardButton name="实时监测" @click="() => (show = !show)"></CardButton>
    </el-col>
  </el-row>
    <!-- <el-row justify="center"> -->
    <!-- </el-row> -->
  </div>
</template>
<script>
import { FactorDatas } from '@/model/FactorDatas';
@@ -41,7 +57,9 @@
      windDirection: '--',
      windSpeed: '--',
      speed: '0',
      time: '----/--/--'
      time: '----/--/--',
      date: '----/--/--',
      hms: '--:--:--'
    };
  },
  methods: {
@@ -61,6 +79,8 @@
      this.windSpeed = this.getFactorData(factorDatas, index, '16') + '';
      this.speed = this.getFactorData(factorDatas, index, '14', 1);
      this.time = factorDatas.times[index];
      this.date = this.time.split(' ')[0];
      this.hms = this.time.split(' ')[1];
    }
  },
  mounted() {
@@ -69,10 +89,14 @@
};
</script>
<style scoped>
.dash-wrap {
  border-bottom: 1px solid rgba(255, 255, 255, 0.445);
}
.tag-time {
  color: rgba(255, 255, 255, 0.815);
  padding: 2px 4px;
  border: 1px solid white;
  /* border: 1px solid white;
  border-radius: 2px;
  -moz-border-radius: 25px;
  -moz-border-radius: 25px; */
}
</style>