318 lines
12 KiB
Vue
318 lines
12 KiB
Vue
<template>
|
||
<div class="research_bs_content">
|
||
<el-form ref="researchBSForm" label-position="left" :model="form" :rules="rules">
|
||
<div class="basic_content form-label-width">
|
||
<el-form-item :label="$t('trials:researchForm:title:researchSurveyStatus')">
|
||
<el-tag>{{ $fd('ResearchRecord', state) }}</el-tag>
|
||
</el-form-item>
|
||
<!-- 项目编号 -->
|
||
<el-form-item :label="$t('trials:researchForm:form:trialId')">
|
||
<span>{{ form.TrialCode }}</span>
|
||
</el-form-item>
|
||
<!-- 试验方案号 -->
|
||
<el-form-item :label="$t('trials:researchForm:form:researchNo')">
|
||
<span>{{ form.ResearchProgramNo }}</span>
|
||
</el-form-item>
|
||
<!-- 试验名称 -->
|
||
<el-form-item :label="$t('trials:researchForm:form:researchName')">
|
||
<span>{{ form.ExperimentName }}</span>
|
||
</el-form-item>
|
||
<!-- 适应症类型 -->
|
||
<el-form-item :label="$t('trials:researchForm:form:decleareType')">
|
||
<span>{{ form.IndicationType }}</span>
|
||
</el-form-item>
|
||
</div>
|
||
<div class="login_content">
|
||
<div class="form-label-width">
|
||
<el-form-item :label="$t('trials:researchForm:form:siteName')" prop="TrialSiteId">
|
||
<el-select
|
||
v-model="form.TrialSiteId"
|
||
filterable
|
||
style="width:100%;"
|
||
:disabled="!(state === 0 && userTypeEnumInt === 0) || isHistory"
|
||
@change="handleSiteChange"
|
||
>
|
||
<el-option
|
||
v-for="(item,index) of siteOptions"
|
||
:key="index"
|
||
:label="item.TrialSiteAliasName"
|
||
:value="item.TrialSiteId"
|
||
/>
|
||
</el-select>
|
||
</el-form-item>
|
||
<!-- 中心编号 -->
|
||
<el-form-item v-if="form.TrialSiteId" :label="$t('trials:researchForm:form:siteId')">
|
||
<el-input v-model="form.TrialSiteCode" disabled />
|
||
</el-form-item>
|
||
<!-- 联系人 -->
|
||
<el-form-item :label="$t('trials:researchForm:form:contactor')" prop="UserName">
|
||
<el-input v-model="form.UserName" :disabled="!(state === 0 && userTypeEnumInt === 0) || isHistory" />
|
||
</el-form-item>
|
||
<!-- 联系电话 -->
|
||
<el-form-item
|
||
:label="$t('trials:researchForm:form:contactorPhone')"
|
||
prop="Phone"
|
||
>
|
||
<el-input v-model="form.Phone" :disabled="!(state === 0 && userTypeEnumInt === 0) || isHistory" />
|
||
</el-form-item>
|
||
<!-- 联系邮箱 -->
|
||
<el-form-item :label="$t('trials:researchForm:form:contactorEmail')">
|
||
<el-input v-model="form.Email" disabled />
|
||
</el-form-item>
|
||
<!-- 平均刻盘周期（天） -->
|
||
<el-form-item v-if="!notShowFieldList.includes('AverageEngravingCycle')" :label="$t('trials:researchForm:form:engravingCycle')">
|
||
<el-input-number v-model="form.AverageEngravingCycle" :disabled="!(state === 0 && userTypeEnumInt === 0) || isHistory" controls-position="right" :min="0" style="width:100%;" />
|
||
</el-form-item>
|
||
</div>
|
||
<!-- 请确认参与本项目影像采集的影像技师具备对应的资质（如：“技师证”，对应设备的“大型设备上岗证”） -->
|
||
<el-form-item v-if="!notShowFieldList.includes('IsConfirmImagingTechnologist')" :label="$t('trials:researchForm:form:isQualified')">
|
||
<el-radio-group v-model="form.IsConfirmImagingTechnologist" :disabled="!(state === 0 && userTypeEnumInt === 0) || isHistory">
|
||
<el-radio
|
||
v-for="item of $d.YesOrNo"
|
||
:key="`IsConfirmImagingTechnologist${item.value}`"
|
||
:label="item.value"
|
||
>{{ item.label }}</el-radio>
|
||
</el-radio-group>
|
||
</el-form-item>
|
||
<!-- 原因 -->
|
||
<el-form-item
|
||
v-if="!notShowFieldList.includes('NotConfirmReson') && form.IsConfirmImagingTechnologist === false"
|
||
:label="$t('trials:researchForm:form:notQualifiedReason')"
|
||
>
|
||
<el-input
|
||
v-model="form.NotConfirmReson"
|
||
type="textarea"
|
||
:autosize="{ minRows: 2, maxRows: 4}"
|
||
:disabled="!(state === 0 && userTypeEnumInt === 0) || isHistory"
|
||
/>
|
||
</el-form-item>
|
||
<!-- 研究单位疗效评估人员类型 -->
|
||
<el-form-item v-if="!notShowFieldList.includes('EfficacyEvaluatorType')" :label="$t('trials:researchForm:form:staffType')">
|
||
<el-radio-group v-model="form.EfficacyEvaluatorType" :disabled="!(state === 0 && userTypeEnumInt === 0)|| isHistory">
|
||
<el-radio v-for="item of $d.EfficacyEvaluatorType" :key="`EfficacyEvaluatorType${item.value}`" :label="item.value">{{ item.label }}</el-radio>
|
||
</el-radio-group>
|
||
</el-form-item>
|
||
<!-- 是否严格按照研究单位影像手册参数完成图像采集 -->
|
||
<el-form-item v-if="!notShowFieldList.includes('IsFollowStudyParameters')">
|
||
<span slot="label" v-html="$t('trials:researchForm:form:isFollowStudyParam')" />
|
||
<el-radio-group v-model="form.IsFollowStudyParameters" :disabled="!(state === 0 && userTypeEnumInt === 0) || isHistory">
|
||
<el-radio v-for="item of $d.YesOrNo" :key="`IsFollowStudyParameters${item.value}`" :label="item.value">{{ item.label }}</el-radio>
|
||
</el-radio-group>
|
||
</el-form-item>
|
||
<!-- 不能严格按照研究单位影像手册参数采集图像原因 -->
|
||
<el-form-item
|
||
v-if="!notShowFieldList.includes('NotFollowReson') && !form.IsFollowStudyParameters"
|
||
>
|
||
<span slot="label" v-html="$t('trials:researchForm:form:notFollowStudyParam')" />
|
||
<el-input
|
||
v-model="form.NotFollowReson"
|
||
type="textarea"
|
||
:autosize="{ minRows: 2, maxRows: 4}"
|
||
:disabled="!(state === 0 && userTypeEnumInt === 0) || isHistory"
|
||
/>
|
||
</el-form-item>
|
||
</div>
|
||
</el-form>
|
||
</div>
|
||
</template>
|
||
<script>
|
||
import { getTrialSiteSelect } from '@/api/trials'
|
||
import { addOrUpdateTrialSiteSurvey } from '@/api/research'
|
||
export default {
|
||
name: 'ResearchBasicInfo',
|
||
props: {
|
||
isHistory: {
|
||
type: Boolean,
|
||
default: false
|
||
}
|
||
},
|
||
data() {
|
||
var checkPhone = (rule, value, callback) => {
|
||
const phoneReg = /^[0-9]+$/
|
||
if (!value) {
|
||
callback(new Error(this.$t('trials:researchForm:formRule:specify')))
|
||
} else {
|
||
setTimeout(() => {
|
||
if (phoneReg.test(value)) {
|
||
callback()
|
||
} else {
|
||
callback(new Error(this.$t('trials:researchForm:formRule:phone')))
|
||
}
|
||
}, 100)
|
||
}
|
||
}
|
||
return {
|
||
form: {
|
||
Id: '',
|
||
Sponsor: '', // 申办方
|
||
ResearchProgramNo: '', // 方案号
|
||
ExperimentName: '',
|
||
TrialCode: '', // 项目编号
|
||
TrialSiteCode: '',
|
||
TrialSiteAliasName: '',
|
||
IndicationType: '', // 适应症
|
||
TrialSiteId: '', // 研究单位名称
|
||
UserName: '', // 联系人
|
||
Phone: '', // 联系人电话
|
||
Email: '', // 联系人邮箱
|
||
AverageEngravingCycle: '',
|
||
IsConfirmImagingTechnologist: '',
|
||
NotConfirmReson: '',
|
||
EfficacyEvaluatorType: '',
|
||
IsFollowStudyParameters: '',
|
||
NotFollowReson: ''
|
||
},
|
||
rules: {
|
||
TrialSiteId: [
|
||
{ required: true, message: this.$t('trials:researchForm:formRule:specify'), trigger: 'blur' }
|
||
],
|
||
UserName: [
|
||
{ required: true, validator: (rule, value, callback) => { !value ? callback(new Error(this.$t('trials:researchForm:formRule:specify'))) : callback() }, trigger: 'blur' },
|
||
{ min: 0, max: 50, message: this.$t('trials:researchForm:formRule:maxLength'), trigger: ['blur', 'change'] }
|
||
],
|
||
Phone: [
|
||
{ required: true, validator: checkPhone, trigger: 'blur' }
|
||
],
|
||
Email: [
|
||
{
|
||
pattern: new RegExp(this.$reg().EmailRegexStr),
|
||
message: 'Please input the correct email address',
|
||
trigger: 'blur,change',
|
||
}
|
||
]
|
||
},
|
||
siteOptions: [],
|
||
loading: false,
|
||
state: null,
|
||
userTypeEnumInt: zzSessionStorage.getItem('userTypeEnumInt') * 1,
|
||
isShow: false,
|
||
notShowFieldList: []
|
||
}
|
||
},
|
||
methods: {
|
||
// 保存基本信息
|
||
handleSave(isAutoCommit) {
|
||
return new Promise(async(resolve) => {
|
||
try {
|
||
const valid = await this.$refs['researchBSForm'].validate()
|
||
if (valid) {
|
||
this.loading = true
|
||
const param = {
|
||
id: this.form.Id,
|
||
trialId: this.$route.query.trialId,
|
||
trialSiteId: this.form.TrialSiteId,
|
||
userName: this.form.UserName,
|
||
phone: this.form.Phone,
|
||
email: this.form.Email,
|
||
averageEngravingCycle: this.form.AverageEngravingCycle,
|
||
isConfirmImagingTechnologist: this.form.IsConfirmImagingTechnologist,
|
||
notConfirmReson: this.form.NotConfirmReson,
|
||
efficacyEvaluatorType: this.form.EfficacyEvaluatorType,
|
||
isFollowStudyParameters: this.form.IsFollowStudyParameters,
|
||
notFollowReson: this.form.NotFollowReson
|
||
}
|
||
const res = await addOrUpdateTrialSiteSurvey(param)
|
||
this.loading = false
|
||
if (res.IsSuccess && !isAutoCommit) {
|
||
this.$message.success(this.$t('common:message:savedSuccessfully'))
|
||
}
|
||
resolve(true)
|
||
} else {
|
||
if (isAutoCommit) {
|
||
this.$message.error(this.$t('trials:researchForm:button:msg1'))
|
||
}
|
||
resolve(false)
|
||
}
|
||
} catch (e) {
|
||
console.log(e)
|
||
resolve(false)
|
||
}
|
||
})
|
||
},
|
||
// 初始化
|
||
async initForm(trialInfo, trialSiteSurvey, notShowFieldList) {
|
||
// 获取项目下的site
|
||
const { Result } = await getTrialSiteSelect(this.$route.query.trialId)
|
||
this.siteOptions = Result
|
||
this.form.Id = trialSiteSurvey.Id
|
||
this.form.Sponsor = trialInfo.Sponsor // 申办方
|
||
this.form.ResearchProgramNo = trialInfo.ResearchProgramNo // 方案号
|
||
this.form.ExperimentName = trialInfo.ExperimentName
|
||
this.form.TrialCode = trialInfo.TrialCode // 项目编号
|
||
this.form.TrialSiteCode = trialSiteSurvey.TrialSiteCode
|
||
this.form.TrialSiteAliasName = trialSiteSurvey.TrialSiteAliasName // 项目别称
|
||
this.form.IndicationType = trialInfo.IndicationType // 适应症
|
||
this.form.TrialSiteId = trialSiteSurvey.TrialSiteId
|
||
this.form.UserName = trialSiteSurvey.UserName // 联系人
|
||
this.form.Phone = trialSiteSurvey.Phone // 联系人电话
|
||
this.form.Email = trialSiteSurvey.Email // 联系人邮箱
|
||
this.form.AverageEngravingCycle = trialSiteSurvey.AverageEngravingCycle
|
||
this.form.IsConfirmImagingTechnologist = trialSiteSurvey.IsConfirmImagingTechnologist
|
||
this.form.NotConfirmReson = trialSiteSurvey.NotConfirmReson
|
||
this.form.EfficacyEvaluatorType = trialSiteSurvey.EfficacyEvaluatorType
|
||
this.form.IsFollowStudyParameters = trialSiteSurvey.IsFollowStudyParameters
|
||
this.form.NotFollowReson = trialSiteSurvey.NotFollowReson
|
||
this.state = trialSiteSurvey.State
|
||
this.isShow = true
|
||
if (!notShowFieldList) return
|
||
this.notShowFieldList = notShowFieldList
|
||
},
|
||
handleSiteChange(val) {
|
||
var selected = this.siteOptions.find(item => item.TrialSiteId === val)
|
||
if (selected) {
|
||
this.form.TrialSiteCode = selected.TrialSiteCode
|
||
}
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
<style lang="scss" scoped>
|
||
.research_bs_content{
|
||
|
||
.basic_content{
|
||
padding: 0 20px;
|
||
background: #fff;
|
||
|
||
}
|
||
.login_content{
|
||
padding: 5px 20px;
|
||
margin-top: 5px;
|
||
background: #fff;
|
||
::v-deep.el-form-item {
|
||
padding-bottom: 20px;
|
||
|
||
}
|
||
}
|
||
.code_content{
|
||
display:flex;
|
||
flex-direction: row;
|
||
justify-content: flex-start;
|
||
.el-input{
|
||
margin-right: 10px;
|
||
}
|
||
}
|
||
.form-label-width{
|
||
::v-deep.el-form-item__label{
|
||
width: 140px;
|
||
}
|
||
::v-deep.el-form-item__content{
|
||
margin-left: 140px;
|
||
}
|
||
}
|
||
.submit_content{
|
||
margin-top: 20px;
|
||
text-align: center;
|
||
}
|
||
|
||
::v-deep.el-form-item {
|
||
margin-bottom: 0px;
|
||
padding-top: 5px;
|
||
border-bottom: 1px solid #f5f7fa;
|
||
.el-form-item__content{
|
||
color: #82848a;
|
||
}
|
||
}
|
||
|
||
}
|
||
</style>
|