From ec763e1cb7dca873caf4afbc0dfde047b51753d3 Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期五, 17 十月 2025 17:26:54 +0800
Subject: [PATCH] 2025.10.17
---
src/components/monitor/VehicleData.vue | 28 +++++++++++++++++++++++-----
1 files changed, 23 insertions(+), 5 deletions(-)
diff --git a/src/components/monitor/VehicleData.vue b/src/components/monitor/VehicleData.vue
index 97d9f5f..cef00bd 100644
--- a/src/components/monitor/VehicleData.vue
+++ b/src/components/monitor/VehicleData.vue
@@ -1,11 +1,25 @@
<template>
- <el-row justify="center" class="wrap">
+ <el-row justify="start" class="wrap">
+ <!-- <el-space direction="vertical" :size="0">
+ <el-icon size="30"><Stopwatch /></el-icon>
+ <el-text class="speed-text">SPD</el-text>
+ </el-space>
+ <div>
+ <el-text class="speed-number">{{ speed }}</el-text>
+ <el-text class="speed-unit"><sub>km/h</sub></el-text>
+ </div> -->
+ <FactorIconText
+ elIcon="Odometer"
+ label="SPD"
+ :value="speed"
+ unit="km/h"
+ ></FactorIconText>
<!-- <el-form :inline="true">
<el-form-item label="杞﹂�燂細" class="tag-2">
{{ speed }}km/h
</el-form-item>
</el-form> -->
- <GaugeChart name="杞﹂��" :value="speed"></GaugeChart>
+ <!-- <GaugeChart name="杞﹂��" :value="speed"></GaugeChart> -->
</el-row>
</template>
<script>
@@ -14,17 +28,21 @@
export default {
props: {
loading: Boolean,
- factorDatas: FactorDatas
+ factorDatas: FactorDatas,
+ speed: {
+ type: Number,
+ default: 0
+ }
},
data() {
return {
- speed: 0
+ // speed: 0
};
},
watch: {
factorDatas: {
handler(nV) {
- this.speed = this.lastOne(nV, '14');
+ // this.speed = this.lastOne(nV, '14');
},
deep: true
}
--
Gitblit v1.9.3