实时走航模式完成

riku

2024-05-12 fb876cbc3b21035125668f2db6ee84e47efb544f

 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>