irc_web/src/views/resumeInfo/components/ResearchPublication.vue

111 lines
2.4 KiB
Vue

<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="Publications">
<el-input
v-model="researchInfo.Publications"
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: {
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>