<template>
  <div class="research-info">
    <el-form :model="researchInfo" class="demo-form-inline" size="small">
      <el-form-item :label="$t('resumeInfo:label:FieldofResearch')" prop="FieldofResearch">
        <el-input
          v-if="isEnglish"
          v-model="researchInfo.Research"
          type="textarea"
          autosize
          readonly
        />
        <el-input
          v-else
          v-model="researchInfo.ResearchCN"
          type="textarea"
          autosize
          readonly
        />
      </el-form-item>

      <el-form-item :label="$t('resumeInfo:label:Grants')"  prop="Grants">
        <el-input
          v-if="isEnglish"
          v-model="researchInfo.Grants"
          type="textarea"
          autosize
          readonly
        />
        <el-input
          v-else
          v-model="researchInfo.GrantsCN"
          type="textarea"
          autosize
          readonly
        />
      </el-form-item>

      <el-form-item :label="$t('resumeInfo:label:Publications')" prop="BlindPublications">
        <el-input
          v-model="auditView.BlindPublications"
          type="textarea"
          autosize
          readonly
        />
      </el-form-item>

      <el-form-item :label="$t('resumeInfo:label:Awards&Honors')" prop="AwardsHonors">
        <el-input
          v-if="isEnglish"
          v-model="researchInfo.AwardsHonors"
          type="textarea"
          autosize
          readonly
        />
        <el-input
          v-else
          v-model="researchInfo.AwardsHonorsCN"
          type="textarea"
          autosize
          readonly
        />
      </el-form-item>
    </el-form>
  </div>
</template>
<script>

export default {
  props: {
    auditView: {
      type: Object,
      default() {
        return {}
      }
    },
    researchInfo: {
      type: Object,
      default() {
        return {
          Research: null,
          ResearchCN: null,
          Grants: null,
          GrantsCN: null,
          Publications: null,
          AwardsHonors: null,
          AwardsHonorsCN: null
        }
      }
    },
    isEnglish: {
      type: Boolean
    }
  }
}
</script>

<style lang="scss">
.research-info{
  padding:5px 15px;
  font-size:13px;
  .el-form-item--mini.el-form-item{
    margin-bottom: 0px;
  }
  .el-form-item--small.el-form-item{
    margin-bottom: 0px;
  }
  .el-form-item__content{
    font-size: 13px;
  }
  .el-form-item__label{
    font-size: 13px;
    color: #303133;
    font-weight: bold;
  }
}
</style>
