<template>
  <div>
    <a-row>
      <a-col :span="24">
        <div class="tb-title">
          <span>经费预算 <strong>(单位：万元)</strong></span>
        </div>
      </a-col>
    </a-row>
    <a-row type="flex" class="item_inner">
      <a-col :span="4" class="bg-gray">
        <div class="special-middle">
          <div>概算科目名称</div>
        </div>
      </a-col>
      <a-col :span="4" class="bg-gray">
        <div class="special-middle">
          <div class="required">合计</div>
        </div>
      </a-col>
      <a-col :span="4" class="bg-gray">
        <div class="special-middle">
          <div>申请专项经费</div>
        </div>
      </a-col>
      <a-col :span="4" class="bg-gray">
        <div class="special-middle">
          <div>自筹经费</div>
        </div>
      </a-col>
      <a-col :span="8" 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="item_inner">
        <a-col :span="4" style="text-align: left;">
          {{item.budgetName}}
        </a-col>
        <a-col :span="4">
          <a-form-model-item v-if="invisibleTotalBudget.includes(index)" :prop="'budget.' + index + '.totalBudget'" :rules="{required: true, message: '*', trigger: 'blur',}">
            <a-input-number v-model="item.totalBudget" @change="totalNumberChange(index)" :min="0" :step="0.01" style="width: 80%" />
          </a-form-model-item>
          <div class="special-middle" v-else>{{parseFloat(item.totalBudget).toFixed(2)}}</div>
        </a-col>
        <a-col :span="4">
          <a-form-model-item v-if="!invisibleApplyFunds.includes(index)" :prop="'budget.' + index + '.applyFunds'" :rules="{required: true, message: '*', trigger: 'blur',}">
            <a-input-number v-model="item.applyFunds" @change="outNumberChange(index)" :min="0" :step="0.01" style="width: 80%" />
          </a-form-model-item>
          <div class="special-middle" v-else>{{parseFloat(item.applyFunds).toFixed(2)}}</div>
        </a-col>
        <a-col :span="4">
          <a-form-model-item v-if="!invisibleSelfFunds.includes(index)" :prop="'budget.' + index + '.selfFunds'" :rules="{required: true, message: '*', trigger: 'blur',}">
            <a-input-number v-model="item.selfFunds" @change="outNumberChange(index)" :min="0" :step="0.01" style="width: 80%" />
          </a-form-model-item>
          <div class="special-middle" v-else>{{parseFloat(item.selfFunds).toFixed(2)}}</div>
        </a-col>
        <a-col :span="8">
          <a-form-model-item :prop="'budget.' + index + '.calculationBasis'">
            <a-input v-model="item.calculationBasis" :maxLength="100" style="width: 90%;" />
          </a-form-model-item>
        </a-col>
      </a-row>
  </div>
</template>

<script>
// 用法 <budget-edit  :budget.sync="formData.budget" />
const Budget = { id: null, budgetName: null, budgetId: null, objectId: null, totalBudget: null, applyFunds: null, selfFunds: null, calculationBasis: null }

export default {
  name: "BudgetEidt",
  props: {
    budget: {
      type: Array,
      default: () => {
        return [{ ...Budget }];
      },
    },
  },
  created() {
  },
  data() {
    return {
      invisibleTotalBudget: [ 16, 18, 19, 20 ],
      invisibleApplyFunds: [ 0, 1, 10, 15, 16, 17, 18, 19, 20 ],
      invisibleSelfFunds: [ 0, 1, 10, 15, 16, 17, 18, 19, 20 ],
      //一、经费支出
      TotalExpenditure: 0,
      ApplyExpenditure: 0,
      SelfExpenditure: 0,
      //（一）经费支出
      expenditureTotal: 0,
      expenditureApply: 0,
      expenditureSelf: 0,
      //（二）间接经费
      indirectfundTotal: 0,
      indirectfundApply: 0,
      indirectfundSelf: 0,
      //二、经费来源
      TotalSource: 0,
      //（一）申请专项经费
      applySpecialTotal: 0,
      //（二）自筹经费来源
      selfFundsTotal: 0,
      selfFundsApply: 0,
      selfFundsSelf: 0,
    };
  },
  methods: {
    outNumberChange (index) {
      this.budget[index].totalBudget = (parseFloat(this.budget[index].applyFunds) + parseFloat(this.budget[index].selfFunds)).toFixed(2);
      
      this.expenditureCal();
      this.indirectfundCal();
      this.selfFundsCal();
      
      this.budget[0].totalBudget = (parseFloat(this.expenditureTotal) + parseFloat(this.indirectfundTotal)).toFixed(2);
      this.budget[0].applyFunds = (parseFloat(this.expenditureApply) + parseFloat(this.indirectfundApply)).toFixed(2);
      this.budget[0].selfFunds = (parseFloat(this.expenditureSelf) + parseFloat(this.indirectfundSelf)).toFixed(2);
      this.TotalExpenditure = this.budget[0].totalBudget;
      this.ApplyExpenditure = this.budget[0].applyFunds;
      this.SelfExpenditure = this.budget[0].selfFunds;
    },
    //一、经费支出  begin
    //（一）经费支出  begin
    expenditureCal() {
      this.expenditureApplyCal();
      this.expenditureSelfCal();
      this.expenditureTotalCal();
    },
    expenditureApplyCal() {
      this.budget[1].applyFunds = (parseFloat(this.budget[2].applyFunds) + parseFloat(this.budget[3].applyFunds) + parseFloat(this.budget[4].applyFunds)
        + parseFloat(this.budget[5].applyFunds) + parseFloat(this.budget[6].applyFunds) + parseFloat(this.budget[7].applyFunds)
        + parseFloat(this.budget[8].applyFunds) + parseFloat(this.budget[9].applyFunds)).toFixed(2);
      this.expenditureApply = this.budget[1].applyFunds;
    },
    expenditureSelfCal() {
      this.budget[1].selfFunds = (parseFloat(this.budget[2].selfFunds) + parseFloat(this.budget[3].selfFunds) + parseFloat(this.budget[4].selfFunds)
        + parseFloat(this.budget[5].selfFunds) + parseFloat(this.budget[6].selfFunds) + parseFloat(this.budget[7].selfFunds)
        + parseFloat(this.budget[8].selfFunds) + parseFloat(this.budget[9].selfFunds)).toFixed(2);
      this.expenditureSelf = this.budget[1].selfFunds;
    },
    expenditureTotalCal() {
      this.budget[1].totalBudget = (parseFloat(this.budget[2].totalBudget) + parseFloat(this.budget[3].totalBudget) + parseFloat(this.budget[4].totalBudget)
        + parseFloat(this.budget[5].totalBudget) + parseFloat(this.budget[6].totalBudget) + parseFloat(this.budget[7].totalBudget)
        + parseFloat(this.budget[8].totalBudget) + parseFloat(this.budget[9].totalBudget)).toFixed(2);
      this.expenditureTotal = this.budget[1].totalBudget;
    },
    //（一）经费支出  end

    //（二）间接经费  begin
    indirectfundCal() {
      this.indirectfundApplyCal();
      this.indirectfundSelfCal();
      this.indirectfundTotalCal();
    },
    indirectfundApplyCal() {
      this.budget[10].applyFunds = (parseFloat(this.budget[11].applyFunds) + parseFloat(this.budget[12].applyFunds) + parseFloat(this.budget[13].applyFunds)
        + parseFloat(this.budget[14].applyFunds)).toFixed(2);
      this.indirectfundApply = this.budget[10].applyFunds;
    },
    indirectfundSelfCal() {
      this.budget[10].selfFunds = (parseFloat(this.budget[11].selfFunds) + parseFloat(this.budget[12].selfFunds) + parseFloat(this.budget[13].selfFunds)
        + parseFloat(this.budget[14].selfFunds)).toFixed(2);
      this.indirectfundSelf = this.budget[10].selfFunds;
    },
    indirectfundTotalCal() {
      this.budget[10].totalBudget = (parseFloat(this.budget[11].totalBudget) + parseFloat(this.budget[12].totalBudget) + parseFloat(this.budget[13].totalBudget)
        + parseFloat(this.budget[14].totalBudget)).toFixed(2);
      this.indirectfundTotal = this.budget[10].totalBudget;
    },
    //（二）间接经费  end
    //一、经费支出 end

    //二、经费来源  begin
    //（一）申请专项经费  begin
    //（一）申请专项经费  end

    //（二）自筹经费来源 begin
    selfFundsCal() {
      this.selfFundsApplyCal();
      this.selfFundsSelfCal();
      this.selfFundsTotalCal();
    },
    selfFundsApplyCal() {
      this.budget[17].applyFunds = (parseFloat(this.budget[18].applyFunds) + parseFloat(this.budget[19].applyFunds) + parseFloat(this.budget[20].applyFunds)).toFixed(2);
      this.selfFundsApply = this.budget[17].applyFunds;
    },
    selfFundsSelfCal() {
      this.budget[17].selfFunds = (parseFloat(this.budget[18].selfFunds) + parseFloat(this.budget[19].selfFunds) + parseFloat(this.budget[20].selfFunds)).toFixed(2);
      this.selfFundsSelf = this.budget[17].selfFunds;
    },
    selfFundsTotalCal() {
      this.budget[17].totalBudget = (parseFloat(this.budget[18].totalBudget) + parseFloat(this.budget[19].totalBudget) + parseFloat(this.budget[20].totalBudget)).toFixed(2);
      this.selfFundsTotal = this.budget[17].totalBudget;
    },
    //（二）自筹经费来源 end
    //二、经费来源  end

    totalNumberChange() {
      //（一）申请专项经费
      this.applySpecialTotal = this.budget[16].totalBudget;
      //（二）自筹经费来源
      this.selfFundsCal();
      this.budget[15].totalBudget = (parseFloat(this.selfFundsTotal) + parseFloat(this.applySpecialTotal)).toFixed(2);
      this.TotalSource = this.budget[15].totalBudget;
    },
  },
  computed: {

  },
};
</script>