From 66e48ee8e286533a9614efa34d42297213c1da4b Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期三, 04 六月 2025 17:34:11 +0800
Subject: [PATCH] 动态溯源（待完成）
---
src/components/monitor/VehicleData.vue | 28 +++++++++++++++++++---------
1 files changed, 19 insertions(+), 9 deletions(-)
diff --git a/src/components/monitor/VehicleData.vue b/src/components/monitor/VehicleData.vue
index 6121556..7f7ff70 100644
--- a/src/components/monitor/VehicleData.vue
+++ b/src/components/monitor/VehicleData.vue
@@ -1,11 +1,11 @@
<template>
- <el-row class="wrap">
- <el-form :inline="true">
+ <el-row justify="center" class="wrap">
+ <!-- <el-form :inline="true">
<el-form-item label="杞﹂�燂細" class="tag-2">
- {{ speed }}
+ {{ speed }}km/h
</el-form-item>
- </el-form>
- <GaugeChart name="杞﹂��" :speed="speed"></GaugeChart>
+ </el-form> -->
+ <GaugeChart name="杞﹂��" :value="speed"></GaugeChart>
</el-row>
</template>
<script>
@@ -14,17 +14,21 @@
export default {
props: {
loading: Boolean,
- factorDatas: FactorDatas
+ factorDatas: FactorDatas,
+ speed: {
+ type: Number,
+ default: 0
+ }
},
data() {
return {
- speed: '--km/h'
+ // speed: 0
};
},
watch: {
factorDatas: {
handler(nV) {
- this.speed = this.lastOne(nV, '14') + 'km/h';
+ // this.speed = this.lastOne(nV, '14');
},
deep: true
}
@@ -36,9 +40,15 @@
const lastIndex = f.datas.length - 1;
return factorDatas.factor[key].datas[lastIndex].factorData;
} else {
- return '--';
+ return 0;
}
}
}
};
</script>
+<style scoped>
+.wrap {
+ /* flex-direction: column; */
+ /* background-color: antiquewhite; */
+}
+</style>
--
Gitblit v1.9.3