From a96e571b174fa30697f3aa6fdb22b3cf93d21b71 Mon Sep 17 00:00:00 2001 From: riku <risaku@163.com> Date: 星期三, 14 五月 2025 17:32:06 +0800 Subject: [PATCH] 动态溯源 1. 添加websocket逻辑 --- 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