irc_web/.svn/pristine/08/08d1b1548d9dab01fff0642f35a...

136 lines
4.9 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.DeclarationType}}
</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')">
{{trialInfo.IndicationType}}
</el-descriptions-item>
<el-descriptions-item :label="$t('trials:trials-list:form:indication')">
{{ 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 :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')">
{{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.AttendedReviewerType }}
</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(', ') : ''
this.trialInfo.ModalityList = res.Result.ModalityList && res.Result.ModalityList.length > 0
? res.Result.ModalityList.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>