<template>
  <div>
    <a-row type="flex" class="row_center">
      <a-col :span="6" class="bg-gray">
        <div class="special-middle" style="text-align: right;">
          <div>三、分年度用款计划</div>
        </div>
      </a-col>
      <a-col :span="18" class="bg-gray">
        <div class="special-middle">
          <div></div>
        </div>
      </a-col>
    </a-row>
    <a-row type="flex" class="row_center">
      <a-col :span="6" class="bg-gray">
        <div class="special-middle" style="text-align: right;">
          <div>年度</div>
        </div>
      </a-col>
      <a-col :span="3" class="bg-gray">
        <div class="special-middle">
          <div>第一年</div>
        </div>
      </a-col>
      <a-col :span="3" class="bg-gray">
        <div class="special-middle">
          <div>第二年</div>
        </div>
      </a-col>
      <a-col :span="3" class="bg-gray">
        <div class="special-middle">
          <div>第三年</div>
        </div>
      </a-col>
      <a-col :span="3" class="bg-gray">
        <div class="special-middle">
          <div>第四年</div>
        </div>
      </a-col>
      <a-col :span="3" class="bg-gray">
        <div class="special-middle">
          <div>第五年</div>
        </div>
      </a-col>
      <a-col :span="3" class="bg-gray">
        <div class="special-middle">
          <div>合计</div>
        </div>
      </a-col>
    </a-row>

    <a-row v-for="(item, index) in fundPlan" :key="index" type="flex" class="row_center">
      <a-col :span="6" style="text-align: right;">
        <div class="special-middle">{{ item.fundName }}</div>
      </a-col>
      <a-col :span="3">
        <div class="special-middle">{{parseFloat(item.yearValue1).toFixed(2)}}</div>
      </a-col>
      <a-col :span="3">
        <div class="special-middle">{{parseFloat(item.yearValue2).toFixed(2)}}</div>
      </a-col>
      <a-col :span="3">
        <div class="special-middle">{{parseFloat(item.yearValue3).toFixed(2)}}</div>
      </a-col>
      <a-col :span="3">
        <div class="special-middle">{{parseFloat(item.yearValue4).toFixed(2)}}</div>
      </a-col>
      <a-col :span="3">
        <div class="special-middle">{{parseFloat(item.yearValue5).toFixed(2)}}</div>
      </a-col>
      <a-col :span="3">
        <div class="special-middle">{{parseFloat(item.totalAmount).toFixed(2)}}</div>
      </a-col>
    </a-row>
  </div>
</template>
  
<script>
export default {
  name: "FundPlanInfo",
  data() {
    return {};
  },
  props: {
    fundPlan: {
      type: Array,
      default: () => {
        return [];
      },
    },
  },
  created() {},
  methods: {},
};
</script>