151 lines
5.6 KiB
Plaintext
151 lines
5.6 KiB
Plaintext
<template>
|
||
<div v-loading="loading">
|
||
<div style="padding: 0 20px;">
|
||
<div style="font-size: 16px;margin-bottom: 10px;">经系统核实</div>
|
||
<div style="font-size: 16px;margin-bottom: 10px;">该受试者本访视在IRC和EDC中一致的影像检查如下，如果下列影像中存在多余影像，请勾选：</div>
|
||
<div style="padding-left: 10px;">
|
||
<el-checkbox-group v-model="checkedOne" style="display: flex;flex-direction: column">
|
||
<el-checkbox v-for="(item, index) of crcMessageInfo.arrayOnelist" style="margin-bottom: 10px" :label="index"><span v-html="item">{{ item }}</span></el-checkbox>
|
||
</el-checkbox-group>
|
||
</div>
|
||
<div style="margin-top: 20px;color:#F56C6C">
|
||
<div v-if="checkedOne.length > 0" style="margin-bottom: 10px;">您确认该访视上传了多余的影像检查，请说明原因。如需要删除影像，请申请回退，谢谢配合！</div>
|
||
</div>
|
||
<div v-if="checkedOne.length > 0" >
|
||
<el-form>
|
||
<el-form-item label-width="130px" label="IRC多余影像原因">
|
||
<el-input
|
||
v-model="reasonOne"
|
||
type="textarea"
|
||
:rows="2"
|
||
maxlength="100"
|
||
show-word-limit
|
||
/>
|
||
</el-form-item>
|
||
</el-form>
|
||
</div>
|
||
<div v-if="crcMessageInfo.arrayTwolist.length > 0" style="font-size: 16px;margin-bottom: 10px;margin-top: 20px;">IRC和EDC中不一致的影像检查如下，如果情况属实，请勾选：</div>
|
||
<div v-else style="font-size: 16px;margin-bottom: 10px;margin-top: 20px;">IRC和EDC中不一致的影像检查如下，如果情况属实，请勾选：:无</div>
|
||
<div style="padding-left: 10px;">
|
||
<el-checkbox-group v-model="checkedTwo" style="display: flex;flex-direction: column">
|
||
<el-checkbox v-for="(item, index) of crcMessageInfo.arrayTwolist" style="margin-bottom: 10px" :label="index"><span v-html="item">{{ item }}</span></el-checkbox>
|
||
</el-checkbox-group>
|
||
</div>
|
||
<div style="margin-top: 20px;color:#F56C6C">
|
||
<div v-if="checkedTwo.length > 0" style="margin-bottom: 10px;">您确认当前访视有遗漏影像检查，请选择原因。如需要补充上传影像，请申请回退，谢谢配合！</div>
|
||
</div>
|
||
<div v-if="checkedTwo.length > 0">
|
||
<el-form>
|
||
<el-form-item label-width="130px" label="IRC缺失影像原因">
|
||
<el-checkbox-group v-model="reasonTwo" style="display: flex;flex-direction: column">
|
||
<el-checkbox style="display: block" label="EDC按疗效评估数据记录影像检查信息;">EDC按疗效评估数据记录影像检查信息</el-checkbox>
|
||
<el-checkbox style="display: block" label="EDC录入错误;">EDC录入错误</el-checkbox>
|
||
<el-checkbox style="display: block" label="IRC数据上传错误，申请回退并重新上传;">IRC数据上传错误，申请回退并重新上传</el-checkbox>
|
||
</el-checkbox-group>
|
||
</el-form-item>
|
||
</el-form>
|
||
</div>
|
||
</div>
|
||
<div class="function">
|
||
<!-- 发送 -->
|
||
<el-button
|
||
type="primary"
|
||
@click="handleReply"
|
||
>
|
||
{{ $t('trials:consistencyCheck:button:sendMessage') }}
|
||
</el-button>
|
||
</div>
|
||
</div>
|
||
</template>
|
||
|
||
<script>
|
||
|
||
export default {
|
||
name: 'CrcSendMessage',
|
||
props: {
|
||
crcMessageInfo: {
|
||
type: Object,
|
||
default() {
|
||
return {
|
||
arrayOnelist: [],
|
||
arrayTwolist: []
|
||
}
|
||
}
|
||
}
|
||
},
|
||
data() {
|
||
return {
|
||
checkedOne: [],
|
||
checkedTwo: [],
|
||
reasonTwo: [],
|
||
reasonOne: null,
|
||
loading: false
|
||
}
|
||
},
|
||
mounted() {
|
||
console.log(this.crcMessageInfo)
|
||
},
|
||
methods: {
|
||
closeLoading() {
|
||
this.loading = false
|
||
},
|
||
handleReply() {
|
||
this.loading = true
|
||
var TalkContent = ''
|
||
TalkContent += '经核实，该受试者本访视存在，并且在IRC和EDC中一致的影像检查如下：<br>'
|
||
this.crcMessageInfo.arrayOnelist.forEach((v, i) => {
|
||
if (this.checkedOne.indexOf(i) > -1) {
|
||
TalkContent += '无<br>'
|
||
} else {
|
||
TalkContent += this.crcMessageInfo.arrayOnelist[i] + '<br>'
|
||
}
|
||
})
|
||
// this.checkedOne.forEach(v => {
|
||
// console.log(v)
|
||
//
|
||
// })
|
||
console.log(TalkContent)
|
||
TalkContent += '<br>'
|
||
if (this.checkedTwo.length > 0) {
|
||
TalkContent += '本访视存在，但是在IRC和EDC中不一致的影像检查如下：<br>'
|
||
this.checkedTwo.forEach(v => {
|
||
TalkContent += this.crcMessageInfo.arrayTwolist[v] + '<br>'
|
||
})
|
||
TalkContent += '<br>'
|
||
} else {
|
||
TalkContent += '本访视存在，但是在IRC和EDC中不一致的影像检查如下：无<br><br>'
|
||
}
|
||
TalkContent += '问题原因如下：<br>'
|
||
if (this.checkedOne.length > 0) {
|
||
TalkContent += '1.IRC多余影像原因：'
|
||
TalkContent += this.reasonOne
|
||
TalkContent += '<br>'
|
||
if (!this.reasonOne) {
|
||
this.loading = false
|
||
this.$message.error('请填写IRC多余影像原因!')
|
||
return
|
||
}
|
||
}
|
||
if (this.checkedTwo.length > 0) {
|
||
TalkContent += '2.IRC缺失影像原因：'
|
||
this.reasonTwo.forEach(v => { TalkContent += v })
|
||
if (!this.reasonTwo.length) {
|
||
this.$message.error('请选择IRC缺失影像原因!')
|
||
this.loading = false
|
||
return
|
||
}
|
||
}
|
||
// console.log(TalkContent)
|
||
this.$emit('sendMessage', TalkContent, this.closeLoading)
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style scoped>
|
||
.function{
|
||
margin-top: 10px;
|
||
text-align: right;
|
||
}
|
||
</style>
|