103 lines
		
	
	
		
			2.1 KiB
		
	
	
	
		
			Plaintext
		
	
	
			
		
		
	
	
			103 lines
		
	
	
		
			2.1 KiB
		
	
	
	
		
			Plaintext
		
	
	
| <template>
 | |
|   <div class="research-info">
 | |
|     <el-form :model="researchInfo" class="demo-form-inline" size="small">
 | |
|       <el-form-item label="Field of Research:">
 | |
|         <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="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="Publications:">
 | |
|         <el-input
 | |
|           v-model="researchInfo.Publications"
 | |
|           type="textarea"
 | |
|           autosize
 | |
|           readonly
 | |
|         />
 | |
|       </el-form-item>
 | |
| 
 | |
|       <el-form-item label="Awards & Honors:">
 | |
|         <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 {}
 | |
|       }
 | |
|     },
 | |
|     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>
 |