实时走航

riku

2024-05-11 e94ea7f723e616a0566ac5c7f9d77435333d9e92

 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>
@@ -18,13 +18,13 @@
  },
  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 +36,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>