<template>
    <div>
      <a-row>
        <a-col :span="24">
          <div class="main-title">
            <span>项目经费预算表 <strong>(金额单位：万元)</strong></span>
          </div>
        </a-col>
      </a-row>
      <a-row type="flex" class="row_center">
        <a-col :span="4" 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="11" class="bg-gray">
          <div class="special-middle">
            <div>备注</div>
          </div>
        </a-col>
      </a-row>
  
      <a-row v-for="(item, index) in budget" :key="index" type="flex" class="row_center">
        <a-col :span="4" style="text-align: left;">
          <div class="special-middle">{{ item.budgetName }}</div>
        </a-col>
        <a-col :span="3">
          <div class="special-middle">{{parseFloat(item.totalBudget).toFixed(2)}}</div>
        </a-col>
        <a-col :span="3">
          <div class="special-middle">{{parseFloat(item.applyFunds).toFixed(2)}}</div>
        </a-col>
        <a-col :span="3">
          <div class="special-middle">{{parseFloat(item.selfFunds).toFixed(2)}}</div>
        </a-col>
        <a-col :span="11">
          <div class="special-middle">{{ item.calculationBasis }}</div>
        </a-col>
      </a-row>
    </div>
  </template>
  <script>
  // 用法 <budget-edit  :budget.sync="formData.budget" />
  export default {
    name: "BudgetInfo",
    data() {
      return {
      };
    },
    props: {
      budget: {
        type: Array,
        default: () => {
          return [];
        },
      },
    },
    created() {},
    methods: {
      
    },
  };
  </script>