projectKpiEdit.vue

<template>
  <div class="font-line-space">
    <a-row>
      <a-col :span="24">
        <div class="main-title">
          <span>项目绩效目标表</span>
        </div>
      </a-col>
    </a-row>
    <table class="tab-content" cellpadding="3" cellspacing="3" style="width: 98%">
      <tr>
        <td colspan="20" class="bg-title">{{ projectKPI.reportYear }}年度</td>
      </tr>
      <tr>
        <td class="bg-title">项目名称</td>
        <td colspan="19">{{ projectKPI.projName }}</td>
      </tr>
      <tr>
        <td class="bg-title">主管处室</td>
        <td colspan="10">
          <a-form-model-item :prop="'projectKPI.managerDept'" :rules="{required: true, message: '*', trigger: 'blur',}">
            <a-input placeholder="主管处室" v-model="projectKPI.managerDept" :maxLength="50" style="width: 80%;" />
          </a-form-model-item>
        </td>
        <td colspan="2" class="bg-title">实施单位</td>
        <td colspan="7">{{ projectKPI.appUnitName }}</td>
      </tr>
      <tr>
        <td class="bg-title">项目属性</td>
        <td colspan="10">
          <a-form-model-item :prop="'projectKPI.projAttribute'" :rules="{required: true, message: '*', trigger: 'blur',}">
            <a-radio-group v-model="projectKPI.projAttribute">
              <a-radio :value="projAttributes[0].id">{{projAttributes[0].name}}</a-radio>
              <a-radio :value="projAttributes[1].id">{{projAttributes[1].name}}</a-radio>
            </a-radio-group>
          </a-form-model-item>
        </td>
        <td colspan="2" class="bg-title">项目期</td>
        <td colspan="7">{{ projectKPI.projDeadline }}</td>
      </tr>
      <tr>
        <td rowspan="3" class="bg-title">项目资金(万元)</td>
        <td colspan="2" class="bg-title">总体资金总额：</td>
        <td colspan="8">{{ !!!projectKPI.totalBudget?0.00:parseFloat(projectKPI.totalBudget).toFixed(2) }}</td>
        <td colspan="2" class="bg-title">年度资金总额：</td>
        <td colspan="7">{{ !!!projectKPI.yearTotal?0.00:parseFloat(projectKPI.yearTotal).toFixed(2) }}</td>
      </tr>
      <tr>
        <td colspan="2" class="bg-title">其中：财政拨款</td>
        <td colspan="8">{{ !!!projectKPI.applyFunds?0.00:parseFloat(projectKPI.applyFunds).toFixed(2) }}</td>
        <td colspan="2" class="bg-title">其中：财政拨款</td>
        <td colspan="7">{{ !!!projectKPI.yearApply?0.00:parseFloat(projectKPI.yearApply).toFixed(2) }}</td>
      </tr>
      <tr>
        <td colspan="2" class="bg-title">其他资金</td>
        <td colspan="8">{{ !!!projectKPI.selfFunds?0.00:parseFloat(projectKPI.selfFunds).toFixed(2) }}</td>
        <td colspan="2" class="bg-title">其他资金</td>
        <td colspan="7">{{ !!!projectKPI.yearSelf?0.00:parseFloat(projectKPI.yearSelf).toFixed(2) }}</td>
      </tr>
      <tr>
        <td rowspan="3" class="bg-title" style="width: 100px;">总体考核目标</td>
        <td colspan="10" class="bg-title">
          总体目标({{ moment(projectKPI.startDate).year() }}年—{{moment(projectKPI.endDate).year()}}年)
        </td>
        <td class="bg-title" colspan="9">分年度指标</td>
      </tr>
      <tr>
        <td colspan="10" rowspan="2">
          <a-form-model-item :prop="'projectKPI.yearTarget'" :rules="{required: true, message: '*', trigger: 'blur',}">
            <a-textarea placeholder="总体目标" v-model="projectKPI.yearTarget" :maxLength="600" style="width: 80%; height: 100px;" />
          </a-form-model-item>
        </td>
        <td class="target-value" colspan="3">{{ moment(projectKPI.startDate).year() }}年</td>
        <td class="target-value" colspan="3">{{ moment(projectKPI.startDate).add(1, 'year').year() }}年</td>
        <td class="target-value" colspan="3">{{ moment(projectKPI.startDate).add(2, 'year').year() }}年</td>
      </tr>
      <tr>
        <td colspan="3" style="margin-top: 10px;">
          <a-form-model-item :prop="'projectKPI.year1Goal'" :rules="{required: true, message: '*', trigger: 'blur',}">
            <a-textarea v-model="projectKPI.year1Goal" :maxLength="200" style="width: 80%; height: 60px;" />
          </a-form-model-item>
        </td>
        <td colspan="3">
          <a-form-model-item :prop="'projectKPI.year2Goal'" :rules="{required: true, message: '*', trigger: 'blur',}">
            <a-textarea v-model="projectKPI.year2Goal" :maxLength="200" style="width: 80%; height: 60px;" />
          </a-form-model-item>
        </td>
        <td colspan="3">
          <a-form-model-item :prop="'projectKPI.year3Goal'" :rules="{required: true, message: '*', trigger: 'blur',}">
            <a-textarea v-model="projectKPI.year3Goal" :maxLength="200" style="width: 80%; height: 60px;" />
          </a-form-model-item>
        </td>
      </tr>
      <tr>
        <td :rowspan="projectKPI.totalRowSpan"></td>
        <td rowspan="2" class="bg-title">一级指标</td>
        <td rowspan="2" class="bg-title">二级指标</td>
        <td rowspan="2" colspan="6" class="bg-title">三级指标</td>
        <td rowspan="2" class="bg-title">指标值</td>
        <td rowspan="2" class="bg-title">绩效标准</td>
        <td rowspan="2" class="bg-title">二级指标</td>
        <td rowspan="2" colspan="5" class="bg-title">三级指标</td>
        <td colspan="3" class="bg-title">指标值</td>
      </tr>
      <tr>
        <td>{{ moment(projectKPI.startDate).year() }}</td>
        <td>{{ moment(projectKPI.startDate).add(1, 'year').year() }}</td>
        <td>{{ moment(projectKPI.startDate).add(2, 'year').year() }}</td>
      </tr>
      <tr v-for="(item, index) in projectKPI.threeLevel" :key="index">
        <td class="bg-title" v-if="item.oneDisplay" :rowspan="item.oneRowSpan">
          {{ item.oneLevelName }}
        </td>
        <td class="bg-title" v-if="item.towDisplay" :rowspan="item.towRowSpan">
          {{ item.towLevelName }}
        </td>
        <td colspan="6">{{ item.kpitName }}</td>
        <td class="target-value">
          <a-form-model-item v-if="!invisibleTargetValue.includes(index)" :prop="'projectKPI.threeLevel.' + index + '.targetValue'" :rules="{required: false, message: '*', trigger: 'blur',}">
            <a-input-number v-model="item.targetValue" @change="TargetValueChange(index)" :min="0" :step="1" style="width: 80%" />
          </a-form-model-item>
          <div v-else>{{ item.targetValue }}</div>
        </td>
        <td class="target-value">
          <a-form-model-item v-if="!invisiblePerformanceStandard.includes(index)" :prop="'projectKPI.threeLevel.' + index + '.performanceStandard'" :rules="{required: false, message: '*', trigger: 'blur',}">
            <a-input-number v-model="item.performanceStandard" @change="PerformanceStandardChange(index)" :min="0" :step="1" style="width: 80%" />
          </a-form-model-item>
          <div v-else>{{ item.performanceStandard }}</div>
        </td>
        <td class="bg-title" v-if="item.towDisplay" :rowspan="item.towRowSpan">
          {{ item.towLevelName }}
        </td>
        <td colspan="5">{{ item.kpitName }}</td>
        <td class="target-value">
          <a-form-model-item v-if="!invisibleYearValue1.includes(index)" :prop="'projectKPI.threeLevel.' + index + '.yearValue1'" :rules="{required: false, message: '*', trigger: 'blur',}">
            <a-input-number v-model="item.yearValue1" @change="YearValue1Change(index)" :min="0" :step="1" style="width: 80%" />
          </a-form-model-item>
          <div v-else>{{ item.yearValue1 }}</div>
        </td>
        <td class="target-value">
          <a-form-model-item v-if="!invisibleYearValue2.includes(index)" :prop="'projectKPI.threeLevel.' + index + '.yearValue2'" :rules="{required: false, message: '*', trigger: 'blur',}">
            <a-input-number v-model="item.yearValue2" @change="YearValue2Change(index)" :min="0" :step="1" style="width: 80%" />
          </a-form-model-item>
          <div v-else>{{ item.yearValue2 }}</div>
        </td>
        <td class="target-value">
          <a-form-model-item v-if="!invisibleYearValue3.includes(index)" :prop="'projectKPI.threeLevel.' + index + '.yearValue3'" :rules="{required: false, message: '*', trigger: 'blur',}">
            <a-input-number v-model="item.yearValue3" @change="YearValue3Change(index)" :min="0" :step="1" style="width: 80%" />
          </a-form-model-item>
          <div v-else>{{ item.yearValue3 }}</div>
        </td>
      </tr>
    </table>
  </div>
</template>
  
<script>
import moment from "moment";

const LockElement = [0, 4, 14, 18, 26, 39, 43, 47, 51, 55, 63, 66]

export default {
  name: "projectKpiEdit",
  props: {
    projectKPI: {
      type: Object,
      default: () => {
        return null;
      },
    },
  },
  data () {
    return {
      projAttributes: [
        { id: "5b9d6509-aece-11ef-b6cb-0c42a1380f01", name: "新增项目" },
        { id: "5b9d6509-aece-11ef-b6cb-0c42a1380f02", name: "延期项目" },
      ],
      invisibleTargetValue: LockElement,
      invisiblePerformanceStandard: LockElement,
      invisibleYearValue1: LockElement,
      invisibleYearValue2: LockElement,
      invisibleYearValue3: LockElement,
    };
  },
  created () {
    //this.getProjectKpitStatistic()
    this.LoadParameterInfo();
  },
  methods: {
    moment,
    LoadParameterInfo () {
      let pars1 = { typeId: 67 };
      this.$api.parameter
        .getParameterListByTypeId(pars1)
        .then(({ data = {} }) => {
          this.projAttributes = data;
          //console.log(this.projAttribute[0].id)
        })
        .catch(() => { });
    },
    getProjectKpitStatistic () {
      this.$api.statistical.getProjectKpitStatistic().then(({ data = {} }) => {
        if (data) {
        }
      });
    },
    TargetValueChange (index) {
      if (index == 1 || index == 2 || index == 3) {
        this.projectKPI.threeLevel[0].targetValue = this.projectKPI.threeLevel[1].targetValue + this.projectKPI.threeLevel[2].targetValue + this.projectKPI.threeLevel[3].targetValue
      } else if (index == 5 || index == 6 || index == 7) {
        this.projectKPI.threeLevel[4].targetValue = this.projectKPI.threeLevel[5].targetValue + this.projectKPI.threeLevel[6].targetValue + this.projectKPI.threeLevel[7].targetValue
      } else if (index == 15 || index == 16) {
        this.projectKPI.threeLevel[14].targetValue = this.projectKPI.threeLevel[15].targetValue + this.projectKPI.threeLevel[16].targetValue
      } else if (index == 19 || index == 20 || index == 21 || index == 22 || index == 23 || index == 24) {
        this.projectKPI.threeLevel[18].targetValue = this.projectKPI.threeLevel[19].targetValue + this.projectKPI.threeLevel[20].targetValue + this.projectKPI.threeLevel[21].targetValue + this.projectKPI.threeLevel[22].targetValue + this.projectKPI.threeLevel[23].targetValue + this.projectKPI.threeLevel[24].targetValue
      } else if (index == 27 || index == 28 || index == 29 || index == 30 || index == 31 || index == 32) {
        this.projectKPI.threeLevel[26].targetValue = this.projectKPI.threeLevel[27].targetValue + this.projectKPI.threeLevel[28].targetValue + this.projectKPI.threeLevel[29].targetValue + this.projectKPI.threeLevel[30].targetValue + this.projectKPI.threeLevel[31].targetValue + this.projectKPI.threeLevel[32].targetValue
      } else if (index == 40 || index == 41 || index == 42) {
        this.projectKPI.threeLevel[39].targetValue = this.projectKPI.threeLevel[40].targetValue + this.projectKPI.threeLevel[41].targetValue + this.projectKPI.threeLevel[42].targetValue
      } else if (index == 44 || index == 45 || index == 46) {
        this.projectKPI.threeLevel[43].targetValue = this.projectKPI.threeLevel[44].targetValue + this.projectKPI.threeLevel[45].targetValue + this.projectKPI.threeLevel[46].targetValue
      } else if (index == 48 || index == 49) {
        this.projectKPI.threeLevel[47].targetValue = this.projectKPI.threeLevel[48].targetValue + this.projectKPI.threeLevel[49].targetValue
      } else if (index == 52 || index == 53 || index == 54) {
        this.projectKPI.threeLevel[51].targetValue = this.projectKPI.threeLevel[52].targetValue + this.projectKPI.threeLevel[53].targetValue + this.projectKPI.threeLevel[54].targetValue
      } else if (index == 56 || index == 57 || index == 58 || index == 59 || index == 60) {
        this.projectKPI.threeLevel[55].targetValue = this.projectKPI.threeLevel[56].targetValue + this.projectKPI.threeLevel[57].targetValue + this.projectKPI.threeLevel[58].targetValue + this.projectKPI.threeLevel[59].targetValue + this.projectKPI.threeLevel[60].targetValue
      } else if (index == 64 || index == 65) {
        this.projectKPI.threeLevel[63].targetValue = this.projectKPI.threeLevel[64].targetValue + this.projectKPI.threeLevel[65].targetValue
      } else if (index == 67 || index == 68) {
        this.projectKPI.threeLevel[66].targetValue = this.projectKPI.threeLevel[67].targetValue + this.projectKPI.threeLevel[68].targetValue
      }
    },
    PerformanceStandardChange (index) {
      if (index == 1 || index == 2 || index == 3) {
        this.projectKPI.threeLevel[0].performanceStandard = this.projectKPI.threeLevel[1].performanceStandard + this.projectKPI.threeLevel[2].performanceStandard + this.projectKPI.threeLevel[3].performanceStandard
      } else if (index == 5 || index == 6 || index == 7) {
        this.projectKPI.threeLevel[4].performanceStandard = this.projectKPI.threeLevel[5].performanceStandard + this.projectKPI.threeLevel[6].performanceStandard + this.projectKPI.threeLevel[7].performanceStandard
      } else if (index == 15 || index == 16) {
        this.projectKPI.threeLevel[14].performanceStandard = this.projectKPI.threeLevel[15].performanceStandard + this.projectKPI.threeLevel[16].performanceStandard
      } else if (index == 19 || index == 20 || index == 21 || index == 22 || index == 23 || index == 24) {
        this.projectKPI.threeLevel[18].performanceStandard = this.projectKPI.threeLevel[19].performanceStandard + this.projectKPI.threeLevel[20].performanceStandard + this.projectKPI.threeLevel[21].performanceStandard + this.projectKPI.threeLevel[22].performanceStandard + this.projectKPI.threeLevel[23].performanceStandard + this.projectKPI.threeLevel[24].performanceStandard
      } else if (index == 27 || index == 28 || index == 29 || index == 30 || index == 31 || index == 32) {
        this.projectKPI.threeLevel[26].performanceStandard = this.projectKPI.threeLevel[27].performanceStandard + this.projectKPI.threeLevel[28].performanceStandard + this.projectKPI.threeLevel[29].performanceStandard + this.projectKPI.threeLevel[30].performanceStandard + this.projectKPI.threeLevel[31].performanceStandard + this.projectKPI.threeLevel[32].performanceStandard
      } else if (index == 40 || index == 41 || index == 42) {
        this.projectKPI.threeLevel[39].performanceStandard = this.projectKPI.threeLevel[40].performanceStandard + this.projectKPI.threeLevel[41].performanceStandard + this.projectKPI.threeLevel[42].performanceStandard
      } else if (index == 44 || index == 45 || index == 46) {
        this.projectKPI.threeLevel[43].performanceStandard = this.projectKPI.threeLevel[44].performanceStandard + this.projectKPI.threeLevel[45].performanceStandard + this.projectKPI.threeLevel[46].performanceStandard
      } else if (index == 48 || index == 49) {
        this.projectKPI.threeLevel[47].performanceStandard = this.projectKPI.threeLevel[48].performanceStandard + this.projectKPI.threeLevel[49].performanceStandard
      } else if (index == 52 || index == 53 || index == 54) {
        this.projectKPI.threeLevel[51].performanceStandard = this.projectKPI.threeLevel[52].performanceStandard + this.projectKPI.threeLevel[53].performanceStandard + this.projectKPI.threeLevel[54].performanceStandard
      } else if (index == 56 || index == 57 || index == 58 || index == 59 || index == 60) {
        this.projectKPI.threeLevel[55].performanceStandard = this.projectKPI.threeLevel[56].performanceStandard + this.projectKPI.threeLevel[57].performanceStandard + this.projectKPI.threeLevel[58].performanceStandard + this.projectKPI.threeLevel[59].performanceStandard + this.projectKPI.threeLevel[60].performanceStandard
      } else if (index == 64 || index == 65) {
        this.projectKPI.threeLevel[63].performanceStandard = this.projectKPI.threeLevel[64].performanceStandard + this.projectKPI.threeLevel[65].performanceStandard
      } else if (index == 67 || index == 68) {
        this.projectKPI.threeLevel[66].performanceStandard = this.projectKPI.threeLevel[67].performanceStandard + this.projectKPI.threeLevel[68].performanceStandard
      }
    },
    YearValue1Change (index) {
      if (index == 1 || index == 2 || index == 3) {
        this.projectKPI.threeLevel[0].yearValue1 = this.projectKPI.threeLevel[1].yearValue1 + this.projectKPI.threeLevel[2].yearValue1 + this.projectKPI.threeLevel[3].yearValue1
      } else if (index == 5 || index == 6 || index == 7) {
        this.projectKPI.threeLevel[4].yearValue1 = this.projectKPI.threeLevel[5].yearValue1 + this.projectKPI.threeLevel[6].yearValue1 + this.projectKPI.threeLevel[7].yearValue1
      } else if (index == 15 || index == 16) {
        this.projectKPI.threeLevel[14].yearValue1 = this.projectKPI.threeLevel[15].yearValue1 + this.projectKPI.threeLevel[16].yearValue1
      } else if (index == 19 || index == 20 || index == 21 || index == 22 || index == 23 || index == 24) {
        this.projectKPI.threeLevel[18].yearValue1 = this.projectKPI.threeLevel[19].yearValue1 + this.projectKPI.threeLevel[20].yearValue1 + this.projectKPI.threeLevel[21].yearValue1 + this.projectKPI.threeLevel[22].yearValue1 + this.projectKPI.threeLevel[23].yearValue1 + this.projectKPI.threeLevel[24].yearValue1
      } else if (index == 27 || index == 28 || index == 29 || index == 30 || index == 31 || index == 32) {
        this.projectKPI.threeLevel[26].yearValue1 = this.projectKPI.threeLevel[27].yearValue1 + this.projectKPI.threeLevel[28].yearValue1 + this.projectKPI.threeLevel[29].yearValue1 + this.projectKPI.threeLevel[30].yearValue1 + this.projectKPI.threeLevel[31].yearValue1 + this.projectKPI.threeLevel[32].yearValue1
      } else if (index == 40 || index == 41 || index == 42) {
        this.projectKPI.threeLevel[39].yearValue1 = this.projectKPI.threeLevel[40].yearValue1 + this.projectKPI.threeLevel[41].yearValue1 + this.projectKPI.threeLevel[42].yearValue1
      } else if (index == 44 || index == 45 || index == 46) {
        this.projectKPI.threeLevel[43].yearValue1 = this.projectKPI.threeLevel[44].yearValue1 + this.projectKPI.threeLevel[45].yearValue1 + this.projectKPI.threeLevel[46].yearValue1
      } else if (index == 48 || index == 49) {
        this.projectKPI.threeLevel[47].yearValue1 = this.projectKPI.threeLevel[48].yearValue1 + this.projectKPI.threeLevel[49].yearValue1
      } else if (index == 52 || index == 53 || index == 54) {
        this.projectKPI.threeLevel[51].yearValue1 = this.projectKPI.threeLevel[52].yearValue1 + this.projectKPI.threeLevel[53].yearValue1 + this.projectKPI.threeLevel[54].yearValue1
      } else if (index == 56 || index == 57 || index == 58 || index == 59 || index == 60) {
        this.projectKPI.threeLevel[55].yearValue1 = this.projectKPI.threeLevel[56].yearValue1 + this.projectKPI.threeLevel[57].yearValue1 + this.projectKPI.threeLevel[58].yearValue1 + this.projectKPI.threeLevel[59].yearValue1 + this.projectKPI.threeLevel[60].yearValue1
      } else if (index == 64 || index == 65) {
        this.projectKPI.threeLevel[63].yearValue1 = this.projectKPI.threeLevel[64].yearValue1 + this.projectKPI.threeLevel[65].yearValue1
      } else if (index == 67 || index == 68) {
        this.projectKPI.threeLevel[66].yearValue1 = this.projectKPI.threeLevel[67].yearValue1 + this.projectKPI.threeLevel[68].yearValue1
      }
    },
    YearValue2Change (index) {
      if (index == 1 || index == 2 || index == 3) {
        this.projectKPI.threeLevel[0].yearValue2 = this.projectKPI.threeLevel[1].yearValue2 + this.projectKPI.threeLevel[2].yearValue2 + this.projectKPI.threeLevel[3].yearValue2
      } else if (index == 5 || index == 6 || index == 7) {
        this.projectKPI.threeLevel[4].yearValue2 = this.projectKPI.threeLevel[5].yearValue2 + this.projectKPI.threeLevel[6].yearValue2 + this.projectKPI.threeLevel[7].yearValue2
      } else if (index == 15 || index == 16) {
        this.projectKPI.threeLevel[14].yearValue2 = this.projectKPI.threeLevel[15].yearValue2 + this.projectKPI.threeLevel[16].yearValue2
      } else if (index == 19 || index == 20 || index == 21 || index == 22 || index == 23 || index == 24) {
        this.projectKPI.threeLevel[18].yearValue2 = this.projectKPI.threeLevel[19].yearValue2 + this.projectKPI.threeLevel[20].yearValue2 + this.projectKPI.threeLevel[21].yearValue2 + this.projectKPI.threeLevel[22].yearValue2 + this.projectKPI.threeLevel[23].yearValue2 + this.projectKPI.threeLevel[24].yearValue2
      } else if (index == 27 || index == 28 || index == 29 || index == 30 || index == 31 || index == 32) {
        this.projectKPI.threeLevel[26].yearValue2 = this.projectKPI.threeLevel[27].yearValue2 + this.projectKPI.threeLevel[28].yearValue2 + this.projectKPI.threeLevel[29].yearValue2 + this.projectKPI.threeLevel[30].yearValue2 + this.projectKPI.threeLevel[31].yearValue2 + this.projectKPI.threeLevel[32].yearValue2
      } else if (index == 40 || index == 41 || index == 42) {
        this.projectKPI.threeLevel[39].yearValue2 = this.projectKPI.threeLevel[40].yearValue2 + this.projectKPI.threeLevel[41].yearValue2 + this.projectKPI.threeLevel[42].yearValue2
      } else if (index == 44 || index == 45 || index == 46) {
        this.projectKPI.threeLevel[43].yearValue2 = this.projectKPI.threeLevel[44].yearValue2 + this.projectKPI.threeLevel[45].yearValue2 + this.projectKPI.threeLevel[46].yearValue2
      } else if (index == 48 || index == 49) {
        this.projectKPI.threeLevel[47].yearValue2 = this.projectKPI.threeLevel[48].yearValue2 + this.projectKPI.threeLevel[49].yearValue2
      } else if (index == 52 || index == 53 || index == 54) {
        this.projectKPI.threeLevel[51].yearValue2 = this.projectKPI.threeLevel[52].yearValue2 + this.projectKPI.threeLevel[53].yearValue2 + this.projectKPI.threeLevel[54].yearValue2
      } else if (index == 56 || index == 57 || index == 58 || index == 59 || index == 60) {
        this.projectKPI.threeLevel[55].yearValue2 = this.projectKPI.threeLevel[56].yearValue2 + this.projectKPI.threeLevel[57].yearValue2 + this.projectKPI.threeLevel[58].yearValue2 + this.projectKPI.threeLevel[59].yearValue2 + this.projectKPI.threeLevel[60].yearValue2
      } else if (index == 64 || index == 65) {
        this.projectKPI.threeLevel[63].yearValue2 = this.projectKPI.threeLevel[64].yearValue2 + this.projectKPI.threeLevel[65].yearValue2
      } else if (index == 67 || index == 68) {
        this.projectKPI.threeLevel[66].yearValue2 = this.projectKPI.threeLevel[67].yearValue2 + this.projectKPI.threeLevel[68].yearValue2
      }
    },
    YearValue3Change (index) {
      if (index == 1 || index == 2 || index == 3) {
        this.projectKPI.threeLevel[0].yearValue3 = this.projectKPI.threeLevel[1].yearValue3 + this.projectKPI.threeLevel[2].yearValue3 + this.projectKPI.threeLevel[3].yearValue3
      } else if (index == 5 || index == 6 || index == 7) {
        this.projectKPI.threeLevel[4].yearValue3 = this.projectKPI.threeLevel[5].yearValue3 + this.projectKPI.threeLevel[6].yearValue3 + this.projectKPI.threeLevel[7].yearValue3
      } else if (index == 15 || index == 16) {
        this.projectKPI.threeLevel[14].yearValue3 = this.projectKPI.threeLevel[15].yearValue3 + this.projectKPI.threeLevel[16].yearValue3
      } else if (index == 19 || index == 20 || index == 21 || index == 22 || index == 23 || index == 24) {
        this.projectKPI.threeLevel[18].yearValue3 = this.projectKPI.threeLevel[19].yearValue3 + this.projectKPI.threeLevel[20].yearValue3 + this.projectKPI.threeLevel[21].yearValue3 + this.projectKPI.threeLevel[22].yearValue3 + this.projectKPI.threeLevel[23].yearValue3 + this.projectKPI.threeLevel[24].yearValue3
      } else if (index == 27 || index == 28 || index == 29 || index == 30 || index == 31 || index == 32) {
        this.projectKPI.threeLevel[26].yearValue3 = this.projectKPI.threeLevel[27].yearValue3 + this.projectKPI.threeLevel[28].yearValue3 + this.projectKPI.threeLevel[29].yearValue3 + this.projectKPI.threeLevel[30].yearValue3 + this.projectKPI.threeLevel[31].yearValue3 + this.projectKPI.threeLevel[32].yearValue3
      } else if (index == 40 || index == 41 || index == 42) {
        this.projectKPI.threeLevel[39].yearValue3 = this.projectKPI.threeLevel[40].yearValue3 + this.projectKPI.threeLevel[41].yearValue3 + this.projectKPI.threeLevel[42].yearValue3
      } else if (index == 44 || index == 45 || index == 46) {
        this.projectKPI.threeLevel[43].yearValue3 = this.projectKPI.threeLevel[44].yearValue3 + this.projectKPI.threeLevel[45].yearValue3 + this.projectKPI.threeLevel[46].yearValue3
      } else if (index == 48 || index == 49) {
        this.projectKPI.threeLevel[47].yearValue3 = this.projectKPI.threeLevel[48].yearValue3 + this.projectKPI.threeLevel[49].yearValue3
      } else if (index == 52 || index == 53 || index == 54) {
        this.projectKPI.threeLevel[51].yearValue3 = this.projectKPI.threeLevel[52].yearValue3 + this.projectKPI.threeLevel[53].yearValue3 + this.projectKPI.threeLevel[54].yearValue3
      } else if (index == 56 || index == 57 || index == 58 || index == 59 || index == 60) {
        this.projectKPI.threeLevel[55].yearValue3 = this.projectKPI.threeLevel[56].yearValue3 + this.projectKPI.threeLevel[57].yearValue3 + this.projectKPI.threeLevel[58].yearValue3 + this.projectKPI.threeLevel[59].yearValue3 + this.projectKPI.threeLevel[60].yearValue3
      } else if (index == 64 || index == 65) {
        this.projectKPI.threeLevel[63].yearValue3 = this.projectKPI.threeLevel[64].yearValue3 + this.projectKPI.threeLevel[65].yearValue3
      } else if (index == 67 || index == 68) {
        this.projectKPI.threeLevel[66].yearValue3 = this.projectKPI.threeLevel[67].yearValue3 + this.projectKPI.threeLevel[68].yearValue3
      }
    }
  },
};
</script>
  
  <style scoped lang="less">
.tab-content {
  ::v-deep .ant-row {
    border: 0 !important;
  }
  ::v-deep .ant-row .ant-col {
    border: 0 !important;
    min-height: 30px !important;
  }
  ::v-deep .ant-form-item-control {
    line-height: 30px !important;
  }
  ::v-deep .ant-form-item {
    margin: 0 !important;
  }
  ::v-deep .ant-input-number {
    height: 30px !important;
  }
  ::v-deep .ant-input-number-input {
    height: 30px !important;
  }
}
table,
tr,
td {
  border: 1px solid #f0f0f0;
  font-size: 10pt;
  text-align: left;
  line-height: 25px;
  height: 25px;
}
.bg-title {
  background-color: #f8fafc;
  font-weight: bold;
  text-align: center;
}
.target-value {
  text-align: center;
}
</style>