irc_web/.svn/pristine/ec/ecda513182c26092fbca4ec3f70...

315 lines
9.8 KiB
Plaintext

<template>
<el-form
ref="feedBackForm"
v-loading="loading"
:model="form"
label-width="150px"
size="small"
:rules="rules"
>
<el-form-item
label="是否认可医学反馈"
prop="DoctorUserIdeaEnum"
>
<el-radio-group
v-model="form.DoctorUserIdeaEnum"
>
<el-radio
v-for="item of $d.MedicalReviewDoctorUserIdea"
:key="item.id"
:label="item.value"
>
{{ item.label }}
</el-radio>
</el-radio-group>
</el-form-item>
<!-- 类型 -->
<el-form-item
v-if="form.DoctorUserIdeaEnum===2"
label="原因"
prop="DisagreeReason"
>
<el-input
v-model="form.DisagreeReason"
/>
</el-form-item>
<!-- 是否申请重阅 -->
<el-form-item
v-if="form.DoctorUserIdeaEnum===1"
label="是否申请重阅"
prop="IsApplyHeavyReading"
>
<el-radio-group
v-model="form.IsApplyHeavyReading"
>
<el-radio
v-for="item of $d.YesOrNo"
:key="`IsApplyHeavyReading${item.value}`"
:label="item.value"
>
{{ item.label }}
</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item
v-if="form.IsApplyHeavyReading"
label="申请原因"
prop="ReReadingReason"
:rules="[
{ required: true, message: $t('common:ruleMessage:select')},
]"
>
<el-radio-group v-model="form.ReReadingReason">
<el-radio label="阅片记录错误" />
<el-radio label="其他" />
</el-radio-group>
</el-form-item>
<!-- 原因 -->
<el-form-item
v-if="form.ReReadingReason === '其他'"
label="备注"
prop="OtherReason"
:rules="[
{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
{ max: 500, message: `${this.$t('common:ruleMessage:maxLength')} 500` }
]"
>
<el-input
v-model="form.OtherReason"
type="textarea"
:autosize="{ minRows: 2, maxRows: 4}"
:placeholder="$t('common:ruleMessage:specify')"
maxlength="500"
show-word-limit
/>
</el-form-item>
<el-form-item
v-if="form.IsApplyHeavyReading"
label="是否复制阅片表单"
prop="IsCopyOrigenalForms"
:rules="[
{ required: true, message: $t('common:ruleMessage:select')},
]"
>
<el-radio-group v-model="form.IsCopyOrigenalForms">
<el-radio
v-for="item of $d.YesOrNo"
:key="'IsCopyOrigenalForms' + item.value"
:label="item.value"
>
{{ item.label }}
</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item
v-if="form.IsCopyOrigenalForms && form.IsApplyHeavyReading"
label="是否复制后续表单"
prop="IsCopyFollowForms"
:rules="[
{ required: true, message: $t('common:ruleMessage:select')},
]"
>
<el-radio-group v-model="form.IsCopyFollowForms">
<!-- 问题已解决 -->
<el-radio :label="true">是</el-radio>
<!-- 问题无法解决强制关闭质疑 -->、
<el-radio :label="false">否</el-radio>
</el-radio-group>
</el-form-item>
<div class="base-dialog-body" v-if="form.IsApplyHeavyReading">
<el-table
v-loading="loading"
:data="InfluenceTaskList"
stripe
height="100"
style="min-height: 400px;"
>
<el-table-column
prop="TaskCode"
label="任务编号"
min-width="100"
show-overflow-tooltip
/>
<el-table-column
prop="TrialSiteCode"
label="中心编号"
min-width="100"
show-overflow-tooltip
/>
<el-table-column
prop="SubjectCode"
label="受试者编号"
min-width="120"
show-overflow-tooltip
/>
<el-table-column
prop="TaskBlindName"
label="访视盲态名称"
min-width="140"
show-overflow-tooltip
/>
<el-table-column
prop="TaskState"
label="任务状态"
min-width="100"
show-overflow-tooltip
>
<template slot-scope="scope">
<el-tag v-if="scope.row.TaskState === 0" type="primary">{{ $fd('TaskState', scope.row.TaskState) }}</el-tag>
<el-tag v-if="scope.row.TaskState === 1" type="info">{{ $fd('TaskState', scope.row.TaskState) }}</el-tag>
<el-tag v-if="scope.row.TaskState === 3" type="danger">{{ $fd('TaskState', scope.row.TaskState) }}</el-tag>
<el-tag v-if="scope.row.TaskState === 4" type="warning">{{ $fd('TaskState', scope.row.TaskState) }}</el-tag>
</template>
</el-table-column>
<el-table-column
prop="ReadingCategory"
min-width="100"
label="任务类型"
show-overflow-tooltip
>
<template slot-scope="scope">
<el-tag v-if="scope.row.ReadingCategory === 1" type="primary">{{ $fd('ReadingCategory', scope.row.ReadingCategory) }}</el-tag>
<el-tag v-if="scope.row.ReadingCategory === 2" type="info">{{ $fd('ReadingCategory', scope.row.ReadingCategory) }}</el-tag>
<el-tag v-if="scope.row.ReadingCategory === 4" type="danger">{{ $fd('ReadingCategory', scope.row.ReadingCategory) }}</el-tag>
<el-tag v-if="scope.row.ReadingCategory === 5" type="warning">{{ $fd('ReadingCategory', scope.row.ReadingCategory) }}</el-tag>
</template>
</el-table-column>
<el-table-column
prop="ReadingTaskState"
label="阅片状态"
min-width="100"
show-overflow-tooltip
>
<template slot-scope="scope">
<el-tag v-if="scope.row.ReadingTaskState === 2" type="primary">{{ $fd('ReadingTaskState', scope.row.ReadingTaskState) }}</el-tag>
<el-tag v-else type="danger">{{ $fd('ReadingTaskState', scope.row.ReadingTaskState) }}</el-tag>
</template>
</el-table-column>
<el-table-column
prop="OptType"
label="生效后影响"
min-width="160"
show-overflow-tooltip
>
<template slot-scope="scope">
<el-tag v-if="scope.row.OptType === 0" type="primary">{{ $fd('ReReadingOrBackOptType', scope.row.OptType) }}</el-tag>
<el-tag v-if="scope.row.OptType === 1" type="danger">{{ $fd('ReReadingOrBackOptType', scope.row.OptType) }}</el-tag>
<el-tag v-if="scope.row.OptType === 2" type="warning">{{ $fd('ReReadingOrBackOptType', scope.row.OptType) }}</el-tag>
</template>
</el-table-column>
<el-table-column
prop="UserName"
label="阅片人"
min-width="160"
show-overflow-tooltip
>
<template v-if="scope.row.DoctorUser" slot-scope="scope">
{{ scope.row.DoctorUser.UserName }}({{ scope.row.DoctorUser.FullName }})
</template>
</el-table-column>
</el-table>
</div>
<div class="base-dialog-footer" style="text-align:right;margin-top:10px;">
<el-form-item style="text-align:right;">
<!-- 取消 -->
<el-button
size="small"
type="primary"
@click="handleClose"
>
{{ $t('common:button:cancel') }}
</el-button>
<!-- Save -->
<el-button
size="small"
type="primary"
@click="handleSave"
>
发送
</el-button>
</el-form-item>
</div>
</el-form>
</template>
<script>
import { iRSendMedicalReviewDialog } from '@/api/trials'
import { getReReadingOrBackInfluenceTaskList } from '@/api/trials/reading'
export default {
name: 'FeedbackFrom',
props: {
data: {
type: Object,
required: true
},
taskMedicalReviewId: {
type: String,
required: true
}
},
data() {
return {
form: {
TaskMedicalReviewId: '',
DoctorUserIdeaEnum: null,
DisagreeReason: '',
IsApplyHeavyReading: null,
IsCopyOrigenalForms: null,
IsCopyFollowForms: null,
RequestReReadingType: 0,
RequestReReadingReason: '',
ReReadingReason: '',
OtherReason: ''
},
InfluenceTaskList: [],
rules: {
DoctorUserIdeaEnum: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }],
DisagreeReason: [{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
{ max: 500, message: `${this.$t('common:ruleMessage:maxLength')} 500` }],
IsApplyHeavyReading: [
{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }
]
},
loading: false
}
},
mounted() {
this.loading = true
getReReadingOrBackInfluenceTaskList(this.data.VisitTaskId, true).then(res => {
this.InfluenceTaskList = res.Result
this.loading = false
}).catch(() => {this.loading = false})
},
methods: {
// 更新qc问题配置信息
handleSave() {
this.$refs.feedBackForm.validate(valid => {
if (!valid) return
this.loading = true
this.form.TaskMedicalReviewId = this.taskMedicalReviewId
this.form.RequestReReadingReason = this.form.OtherReason ? this.form.OtherReason : this.form.ReReadingReason
this.form.TrialId = this.$route.query.trialId
iRSendMedicalReviewDialog(this.form).then(res => {
this.loading = false
if (res.IsSuccess) {
// 关闭弹窗并刷新
this.$emit('close')
this.$emit('getList')
this.$message.success(this.$t('common:message:savedSuccessfully'))
}
}).catch(() => { this.loading = false })
})
},
handleClose() {
this.$emit('close')
}
}
}
</script>
<style lang="scss">
</style>