From 08ffcf9d7ffafaa82d8de7f9b5fcfdb49e9c3688 Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期三, 05 十一月 2025 17:33:54 +0800
Subject: [PATCH] 动态溯源 1. 修复CO因子文本没有正常显示的问题；
---
src/views/realtimemode/component/DashBoard.vue | 83 ++++++++++++++++++++++++++++-------------
1 files changed, 56 insertions(+), 27 deletions(-)
diff --git a/src/views/realtimemode/component/DashBoard.vue b/src/views/realtimemode/component/DashBoard.vue
index 36078e4..00e6ccc 100644
--- a/src/views/realtimemode/component/DashBoard.vue
+++ b/src/views/realtimemode/component/DashBoard.vue
@@ -1,26 +1,42 @@
<template>
- <el-row class="wrap">
- <el-col v-show="show" span="10">
- <BaseCard>
- <template #content>
- <WeatherData
- :factor-datas="factorDatas"
- :temprature="temprature"
- :humidity="humidity"
- :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>
+ <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"
+ :humidity="humidity"
+ :wind-direction="windDirection"
+ :wind-speed="windSpeed"
+ ></WeatherData>
+ </el-col>
+ </el-row>
+ <!-- <el-row justify="center"> -->
+ <!-- </el-row> -->
+ </div>
</template>
<script>
import { FactorDatas } from '@/model/FactorDatas';
@@ -41,13 +57,20 @@
windDirection: '--',
windSpeed: '--',
speed: '0',
- time: '----/--/--'
+ time: '----/--/--',
+ date: '----/--/--',
+ hms: '--:--:--'
};
},
methods: {
getFactorData(factorDatas, index, key, scale = 10) {
- let d = factorDatas.factor[key].datas[index].factorData;
- return Math.round(d * scale) / scale;
+ const _factor = factorDatas.factor[key];
+ if (_factor != undefined) {
+ let d = _factor.datas[index].factorData;
+ return Math.round(d * scale) / scale;
+ } else {
+ return '--';
+ }
},
refresh(factorDatas, index) {
this.temprature = this.getFactorData(factorDatas, index, '8') + '';
@@ -56,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() {
@@ -64,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>
--
Gitblit v1.9.3