sis_zhfx/src/views/Home/components/power-review.vue

<template>
  <div class="power-review">
    <Row type="flex" justify="center" :align="'middle'">
      <!-- 功率复核 PowerLoad -->
      <Col v-for="item in PowerLoad" :key="item" :span="6">
      <dash-pie-chart :title="item.title" :value="item.value" height="9.722vh" />
      </Col>
    </Row>
  </div>
</template>

<script>
import Col from "@/components/coms/grid/col.vue";
import Row from "../../../components/coms/grid/row.vue";
import DashPieChart from "../../../components/chart/pie/dash-pie-chart.vue";

export default {
  components: {
    Row,
    Col,
    DashPieChart,
  },

  data () {
    return {
      // 功率复核数据
      PowerLoad: [],
    };
  },

  props: {
    data: {
      type: Array,
      default: () => []
    }
  },

  mounted () {
    this.PowerLoad = this.data;
  },

  watch: {
    data (res) {
      this.PowerLoad = res;
    }
  }
};
</script>

<style lang="less" scoped>
.power-review {
  padding: 0;
}
.col + .col {
  margin-left: 0px;
}
</style>