137 lines
		
	
	
		
			5.2 KiB
		
	
	
	
		
			Plaintext
		
	
	
			
		
		
	
	
			137 lines
		
	
	
		
			5.2 KiB
		
	
	
	
		
			Plaintext
		
	
	
<template>
 | 
						|
  <div class="trial-information">
 | 
						|
    <el-descriptions :column="2" border style="width:1000px;">
 | 
						|
      <el-descriptions-item :label="$t('trials:trials-list:form:trialId')">
 | 
						|
        {{trialInfo.TrialCode}}
 | 
						|
        <el-tag v-show="trialInfo.TrialStatusStr" size="small" style="margin-left:10px;">
 | 
						|
        ( {{ $fd('TrialStatusEnum',trialInfo.TrialStatusStr) }} )
 | 
						|
        </el-tag>
 | 
						|
      </el-descriptions-item>
 | 
						|
      <el-descriptions-item :label="$t('trials:trials-list:form:trialType')">
 | 
						|
        {{ $fd('TrialType', trialInfo.TrialType) }}
 | 
						|
      </el-descriptions-item>
 | 
						|
 | 
						|
      <el-descriptions-item :label="$t('trials:trials-list:form:experimentName')">
 | 
						|
        {{trialInfo.ExperimentName}}
 | 
						|
      </el-descriptions-item>
 | 
						|
      <el-descriptions-item :label="$t('trials:trials-list:form:researchNumber')">
 | 
						|
        {{ trialInfo.ResearchProgramNo }}
 | 
						|
      </el-descriptions-item>
 | 
						|
 | 
						|
      <el-descriptions-item :label="$t('trials:trials-list:form:researchUnit')">
 | 
						|
        {{trialInfo.MainResearchUnit}}
 | 
						|
      </el-descriptions-item>
 | 
						|
      <el-descriptions-item :label="$t('trials:trials-list:form:pi')">
 | 
						|
        {{ trialInfo.HeadPI }}
 | 
						|
      </el-descriptions-item>
 | 
						|
 | 
						|
      <el-descriptions-item :label="$t('trials:trials-list:form:sponsor')">
 | 
						|
        {{trialInfo.Sponsor}}
 | 
						|
      </el-descriptions-item>
 | 
						|
      <el-descriptions-item :label="$t('trials:trials-list:form:cro')">
 | 
						|
        {{ trialInfo.CRO }}
 | 
						|
      </el-descriptions-item>
 | 
						|
 | 
						|
      <el-descriptions-item :label="$t('trials:trials-list:form:declarationType')">
 | 
						|
        {{trialInfo.DeclarationTypeEnumList.map(v => $fd('DeclarationType', v)).toString()}}
 | 
						|
      </el-descriptions-item>
 | 
						|
      <el-descriptions-item :label="$t('trials:trials-list:form:phase')">
 | 
						|
        {{ trialInfo.Phase }}
 | 
						|
      </el-descriptions-item>
 | 
						|
 | 
						|
      <el-descriptions-item :label="$t('trials:trials-list:form:indicationType')">
 | 
						|
        {{$fd('IndicationType', trialInfo.IndicationTypeId, 'id')}}
 | 
						|
      </el-descriptions-item>
 | 
						|
      <el-descriptions-item :label="$t('trials:trials-list:form:indication')">
 | 
						|
        {{$fd('Indication', trialInfo.IndicationEnum)}}{{trialInfo.Indication}}
 | 
						|
      </el-descriptions-item>
 | 
						|
      <el-descriptions-item :label="$t('trials:trials-list:form:modality')">
 | 
						|
        {{trialInfo.ModalityList}}
 | 
						|
      </el-descriptions-item>
 | 
						|
      <el-descriptions-item :label="$t('trials:trials-list:form:siteCount')">
 | 
						|
        {{ trialInfo.PlanSiteCount }}
 | 
						|
      </el-descriptions-item>
 | 
						|
 | 
						|
      <el-descriptions-item :label="$t('trials:trials-list:form:patientsNum')">
 | 
						|
        {{trialInfo.ExpectedPatients}}
 | 
						|
      </el-descriptions-item>
 | 
						|
      <el-descriptions-item :label="$t('trials:trials-list:form:timePointsPerPatient')">
 | 
						|
        {{ trialInfo.TimePointsPerPatient }}
 | 
						|
      </el-descriptions-item>
 | 
						|
 | 
						|
      <el-descriptions-item :span="2" :label="$t('trials:trials-list:form:visitCount')">
 | 
						|
        {{trialInfo.PlanVisitCount}}
 | 
						|
      </el-descriptions-item>
 | 
						|
 | 
						|
 | 
						|
      <el-descriptions-item :span="2" :label="$t('trials:trials-list:form:criterion')">
 | 
						|
        {{ trialInfo.Criterion }}
 | 
						|
      </el-descriptions-item>
 | 
						|
<!--      <el-descriptions-item :label="$t('trials:trials-list:form:reviewMode')">-->
 | 
						|
<!--        <span>{{$fd('ReadingType', trialInfo.ReadingType)}}</span>-->
 | 
						|
<!--      </el-descriptions-item>-->
 | 
						|
 | 
						|
      <el-descriptions-item :label="$t('trials:trials-list:form:expedited')">
 | 
						|
        {{$fd('YesOrNoForInt', trialInfo.Expedited)}}
 | 
						|
      </el-descriptions-item>
 | 
						|
      <el-descriptions-item :label="$t('trials:trials-list:form:projectCycle')">
 | 
						|
        {{ trialInfo.ProjectCycle }}
 | 
						|
      </el-descriptions-item>
 | 
						|
 | 
						|
      <el-descriptions-item :label="$t('trials:trials-list:form:totalReviewers')">
 | 
						|
        {{trialInfo.TotalReviewers}}
 | 
						|
      </el-descriptions-item>
 | 
						|
      <el-descriptions-item :label="$t('trials:trials-list:form:typeofReviewers')">
 | 
						|
        {{trialInfo.AttendedReviewerTypeEnumList.map(v => $fd('AttendedReviewerType', v)).toString()}}
 | 
						|
      </el-descriptions-item>
 | 
						|
 | 
						|
    </el-descriptions>
 | 
						|
 | 
						|
 | 
						|
  </div>
 | 
						|
</template>
 | 
						|
<script>
 | 
						|
import { getTrialInfo } from '@/api/trials'
 | 
						|
export default {
 | 
						|
  data() {
 | 
						|
    return {
 | 
						|
      trialInfo: {},
 | 
						|
      trialId: '',
 | 
						|
      trialStatus: '',
 | 
						|
      formLoading: false
 | 
						|
    }
 | 
						|
  },
 | 
						|
  mounted() {
 | 
						|
    this.trialId = this.$route.query.trialId
 | 
						|
    this.initForm()
 | 
						|
  },
 | 
						|
  methods: {
 | 
						|
    initForm() {
 | 
						|
      this.formLoading = true
 | 
						|
      getTrialInfo(this.trialId).then(res => {
 | 
						|
        this.formLoading = false
 | 
						|
        this.trialInfo = res.Result
 | 
						|
        this.trialInfo.ReviewTypeList = this.trialInfo.ReviewTypeList.length > 0 ? this.trialInfo.ReviewTypeList.join(', ') : ''
 | 
						|
        var modalityArr = []
 | 
						|
        res.Result.ModalityIds.map(i=>{
 | 
						|
          modalityArr.push(this.$fd('Modality',i,'id'))
 | 
						|
        })
 | 
						|
        this.trialInfo.ModalityList = modalityArr.join(', ')
 | 
						|
        this.trialInfo.Criterion = res.Result.CriterionList && res.Result.CriterionList.length > 0
 | 
						|
          ? res.Result.CriterionList.join(', ')
 | 
						|
          : ''
 | 
						|
        // this.trialInfo.Expedited = this.$fd('Trial_BasicInfo', res.Result.Expedited)
 | 
						|
        // this.trialInfo.AttendedReviewerType = this.$fd('Trial_BasicInfo', res.Result.AttendedReviewerType)
 | 
						|
      }).catch(() => { this.formLoading = false })
 | 
						|
    }
 | 
						|
  }
 | 
						|
}
 | 
						|
</script>
 | 
						|
<style lang="scss">
 | 
						|
  .trial-information{
 | 
						|
    height: 100%;
 | 
						|
    padding: 10px 0 0 10px;
 | 
						|
    background: #fff;
 | 
						|
  }
 | 
						|
</style>
 |