<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: [
        {
          title: "风速",
          value: 12.3,
        },
        {
          title: "保证功率",
          value: 22,
        },
        {
          title: "应发功率",
          value: 33,
        },
        {
          title: "实发功率",
          value: 44,
        },
      ],
    };
  },
};
</script>

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