<template>
  <div>
    <table class="tab-content" cellpadding="3" cellspacing="3" style="width: 98%">
      <tr>
        <td class="bg-title">评审指标</td>
        <td class="bg-title">评审指标选项</td>
        <td class="bg-title">专家打分</td>
      </tr>
      <tr v-for="(item, index) in tableData" :key="'data'+index" style="line-height: 25px">
        <td>{{ item.oneLevel }}</td>
        <td>
          {{ item.towLevel1 }}<br />
          {{ item.towLevel2 }}<br />
          {{ item.towLevel3 }}
        </td>
        <td style="text-align: center;">
          <a-form-model-item :prop="'score' + item.order" v-if="item.order==1">
            <a-input-number v-model="value.score1" :min="0" :max="item.score" style="width: 60%" />
          </a-form-model-item>
          <a-form-model-item :prop="'score' + item.order" v-if="item.order==2">
            <a-input-number v-model="value.score2" :min="0" :max="item.score" style="width: 60%" />
          </a-form-model-item>
          <a-form-model-item :prop="'score' + item.order" v-if="item.order==3">
            <a-input-number v-model="value.score3" :min="0" :max="item.score" style="width: 60%" />
          </a-form-model-item>
          <a-form-model-item :prop="'score' + item.order" v-if="item.order==4">
            <a-input-number v-model="value.score4" :min="0" :max="item.score" style="width: 60%" />
          </a-form-model-item>
          <a-form-model-item :prop="'score' + item.order" v-if="item.order==5">
            <a-input-number v-model="value.score5" :min="0" :max="item.score" style="width: 60%" />
          </a-form-model-item>
          <a-form-model-item :prop="'score' + item.order" v-if="item.order==6">
            <a-input-number v-model="value.score6" :min="0" :max="item.score" style="width: 60%" />
          </a-form-model-item>
          <a-form-model-item :prop="'score' + item.order" v-if="item.order==7">
            <a-input-number v-model="value.score7" :min="0" :max="item.score" style="width: 60%" />
          </a-form-model-item>
        </td>
      </tr>
      <tr>
        <td class="bg-title" style="text-align: right;">总分：</td>
        <td colspan="2" style="text-align: left;padding-left: 12px;">{{Count()}}分</td>
      </tr>
      <!-- <tr>
        <td class="bg-title" style="text-align: right;">是否推荐立项支持</td>
        <td colspan="2">
          <a-form-model-item prop="supportState">
            <a-radio-group v-model="value.supportState">
              <a-radio :value="1">是</a-radio>
              <a-radio :value="0">否</a-radio>
            </a-radio-group>
          </a-form-model-item>
        </td>
      </tr> -->
      <tr>
        <td class="bg-title" style="text-align: right;">评审结果</td>
        <td colspan="2">
          <a-form-model-item prop="evaluationType">
            <a-radio-group v-model="value.evaluationType" disabled>
              <a-radio :value="1">{{ evaluationTypeA }}</a-radio>
              <a-radio :value="2">{{ evaluationTypeB }}</a-radio>
              <a-radio :value="3">{{ evaluationTypeC }}</a-radio>
            </a-radio-group>
          </a-form-model-item>
        </td>
      </tr>
      <tr>
        <td class="bg-title" style="text-align: right;">评审意见(是否存在科研被信问题?该项目存在的问题和不足及意见建议)</td>
        <td colspan="2">
          <a-form-model-item prop="remark">
            <a-textarea placeholder="评审意见" v-model="value.remark" :maxLength="1000" style="width: 80%; height: 120px; margin-top: 6px" />
          </a-form-model-item>
        </td>
      </tr>
    </table>
  </div>
</template>

<script>
import { getEvaluationType } from "@/views/utils/common"
export default {
  name: "scoreEdit",
  components: {},
  props: {
    value: {
      type: Object,
      default () {
        return null;
      },
    },
  },
  data () {
    return {
      tableData: [
        { order: 1, oneLevel: "1.特色与创新性、拟研究的科学问题的重要性或潜在应用价值（20分）", towLevel1: "A.好 (20-16)", towLevel2: "B.较好 (15-12)", towLevel3: "C.一般 (11-0)", score: 20, grade: null, },
        { order: 2, oneLevel: "2.立项依据的充分性和研究的科学价值（15分）", towLevel1: "A.好 (15-12) ", towLevel2: "B.较好 (11-9) ", towLevel3: " C.一般 (8-0)", score: 15, grade: null, },
        { order: 3, oneLevel: "3.研究内容的合理性和完整性（15分）", towLevel1: "A.合理完整 (15-12) ", towLevel2: "B.较合理完整 (11-9) ", towLevel3: " C.一般 (8-0)", score: 15, grade: null, },
        { order: 4, oneLevel: "4.预期目标及考核指标（15分）", towLevel1: "A.明确 (15-12) ", towLevel2: " B.较明确 (11-9)  ", towLevel3: "C.一般 (8-0)", score: 15, grade: null, },
        { order: 5, oneLevel: "5.研究方案和技术路线的可行性（15分）", towLevel1: "A.可行 (15-12)", towLevel2: "B.较可行 (11-9)  ", towLevel3: "C.一般 (8-0)", score: 15, grade: null, },
        { order: 6, oneLevel: "6.前期工作基础、支撑条件及主持人的科研能力（15分）", towLevel1: "A.好 (15-12) ", towLevel2: "B.较好 (11-9) ", towLevel3: " C.一般 (8-0)", score: 15, grade: null, },
        { order: 7, oneLevel: "7.组织运行管理与风险分析（5分）", towLevel1: "A.风险小 (5-4) ", towLevel2: "B.有一定风险 (3-2) ", towLevel3: " C.风险较大 (1-0)", score: 5, grade: null, },
      ],
      remark: "",
      supportState: null,
      evaluationType: 0,
      totalScore: 0,
      disabled: true,
    };
  },
  computed: {
    evaluationTypeA () {
      return getEvaluationType(0)
    },
    evaluationTypeB () {
      return getEvaluationType(1)
    },
    evaluationTypeC () {
      return getEvaluationType(2)
    },
  },
  created () {

  },
  methods: {
    Count () {
      var s = 0.0;
      for (var i = 1; i <= 7; i++) {
        if (this.value['score' + i]) {
          s += parseFloat(this.value['score' + i])
        }
      }
      s = s.toFixed(1) * 10 / 10
      this.value.totalScore = s
      this.determineType()
      return s
    },
    determineType () {
      if (this.value.totalScore >= 80)
        this.value.evaluationType = 1
      else if (this.value.totalScore < 80 && this.value.totalScore >= 60)
        this.value.evaluationType = 2
      else
        this.value.evaluationType = 3
    },
  },
};
</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;
  padding: 4px;
}
.bg-title {
  background-color: #f8fafc;
  font-weight: bold;
  text-align: center;
}
.target-value {
  text-align: center;
}
</style>