166 lines
4.6 KiB
Plaintext
166 lines
4.6 KiB
Plaintext
<template>
|
||
<div v-loading="loading">
|
||
<div style="padding: 0 20px;">
|
||
<div class="info-content" v-html="crcMessageInfo.TalkContent" />
|
||
</div>
|
||
<div>
|
||
<div style="padding: 10px;background: #f3f3f3;border-radius: 10px;margin-top: 10px">
|
||
<div style="text-align: right;margin-bottom: 10px">
|
||
<el-button type="primary" size="mini" @click="addMsg">添加</el-button>
|
||
</div>
|
||
<el-table
|
||
:data="msgList">
|
||
<el-table-column type="index" width="40" />
|
||
<el-table-column
|
||
prop=""
|
||
label="检查信息"
|
||
show-overflow-tooltip
|
||
>
|
||
<template slot-scope="scope">
|
||
{{scope.row.StudyDate}}的{{scope.row.Modality}}影像检查
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column
|
||
prop=""
|
||
width="100px"
|
||
label="操作"
|
||
fixed="right"
|
||
>
|
||
<template slot-scope="scope">
|
||
<el-button @click="moveMsg(scope.$index)" size="small" type="text">删除</el-button>
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
<el-form>
|
||
<el-form-item label-width="130px" label="IRC缺失影像原因">
|
||
<el-checkbox-group v-model="reason" 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>
|
||
<el-dialog
|
||
v-if="studyVisible"
|
||
:visible.sync="studyVisible"
|
||
:close-on-click-modal="false"
|
||
append-to-body
|
||
custom-class="base-dialog-wrapper"
|
||
:width="'500px'"
|
||
title="添加检查"
|
||
>
|
||
<el-form>
|
||
<div class="base-dialog-body">
|
||
<el-form-item label-width="80px" label="检查日期">
|
||
<el-date-picker
|
||
v-model="typeInfo.StudyDate"
|
||
style="width: 100%"
|
||
type="date"
|
||
value-format="yyyy-MM-dd"
|
||
placeholder="选择日期">
|
||
</el-date-picker>
|
||
</el-form-item>
|
||
<el-form-item label-width="80px" label="检查类型">
|
||
<el-select
|
||
v-model="typeInfo.Modality"
|
||
style="width: 100%"
|
||
>
|
||
<el-option v-for="item of $d.Modality" :label="item.raw.Value" :value="item.value">
|
||
</el-option>
|
||
</el-select>
|
||
</el-form-item>
|
||
</div>
|
||
<div class="base-dialog-footer" style="text-align:right;margin-top:10px;">
|
||
<el-form-item style="text-align:right;">
|
||
<el-button type="primary" @click="handleCancel"> {{ $t('common:button:cancel') }}</el-button>
|
||
<el-button size="small" type="primary" @click="handleSave">
|
||
{{ $t('common:button:save') }}
|
||
</el-button>
|
||
</el-form-item>
|
||
</div>
|
||
</el-form>
|
||
</el-dialog>
|
||
</div>
|
||
</template>
|
||
|
||
|
||
<script>
|
||
|
||
export default {
|
||
name: 'CrcSendMessage',
|
||
props: {
|
||
crcMessageInfo: {
|
||
type: Object,
|
||
default() {
|
||
return {
|
||
TalkContent: null,
|
||
}
|
||
}
|
||
}
|
||
},
|
||
data() {
|
||
return {
|
||
loading: false,
|
||
msgList: [],
|
||
studyVisible: false,
|
||
typeInfo: {
|
||
StudyDate: null,
|
||
Modality: null
|
||
},
|
||
reason: []
|
||
}
|
||
},
|
||
mounted() {
|
||
console.log(this.crcMessageInfo)
|
||
},
|
||
methods: {
|
||
handleCancel() {
|
||
this.studyVisible = false
|
||
this.typeInfo = {
|
||
StudyDate: null,
|
||
Modality: null
|
||
}
|
||
},
|
||
handleSave() {
|
||
this.msgList.push({...this.typeInfo})
|
||
this.studyVisible = false
|
||
this.typeInfo = {
|
||
StudyDate: null,
|
||
Modality: null
|
||
}
|
||
},
|
||
closeLoading() {
|
||
this.loading = false
|
||
},
|
||
addMsg() {
|
||
this.studyVisible = true
|
||
},
|
||
moveMsg(index) {
|
||
this.$confirm('确定删除该条检查记录？').then(res => {
|
||
this.msgList.splice(index, 1)
|
||
})
|
||
},
|
||
handleReply() {
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style scoped>
|
||
.function{
|
||
margin-top: 10px;
|
||
text-align: right;
|
||
}
|
||
</style>
|