<template>
|
<el-dialog :visible.sync="dialogVisible" title="新增临床试验" width="50%" @close="handleClose">
|
<div class="content-box">
|
<div class="header-title-left">
|
<img src="@/assets/public/headercard.png" />
|
<div>所属项目组</div>
|
</div>
|
<Table :data="criteriaList" :height="null">
|
<el-table-column prop="name" label="项目组名称" />
|
<el-table-column prop="name" label="项目负责人" />
|
<el-table-column prop="name" label="项目组成员" />
|
<el-table-column prop="name" label="创建时间" />
|
</Table>
|
<div class="header-title-left">
|
<img src="@/assets/public/headercard.png" />
|
<div>临床试验内容</div>
|
</div>
|
<el-input type="textarea" :rows="4" placeholder="请输入" v-model="form.textarea" />
|
<div class="header-title-left">
|
<img src="@/assets/public/headercard.png" />
|
<div>临床试验时间</div>
|
</div>
|
<el-date-picker v-model="form.value1" type="datetime" placeholder="请选择" />
|
<div class="header-title-left">
|
<img src="@/assets/public/headercard.png" />
|
<div>评定积分</div>
|
</div>
|
<el-input-number placeholder="请输入" v-model="form.score" :min="0" :max="form.fullScore" :precision="1"
|
:step="1" />
|
</div>
|
<template #footer>
|
<span class="dialog-footer select-member-footer">
|
<el-button type="primary">确认</el-button>
|
</span>
|
</template>
|
</el-dialog>
|
</template>
|
|
<script>
|
export default {
|
name: 'Detail',
|
props: {
|
modelValue: {
|
type: Boolean,
|
default: false
|
},
|
reportData: {
|
type: Object,
|
default: () => { }
|
}
|
},
|
data() {
|
return {
|
dialogVisible: false,
|
form: {
|
textarea: '',
|
value1: '',
|
score: null,
|
fullScore: 3
|
},
|
rules: {
|
reportName: [
|
{ required: true, message: '请输入报告名称', trigger: 'blur' }
|
],
|
},
|
criteriaList: []
|
}
|
},
|
watch: {
|
modelValue: {
|
handler(val) {
|
this.dialogVisible = val;
|
},
|
immediate: true
|
},
|
reportData: {
|
handler(val) {
|
if (val) {
|
this.form = val || {};
|
}
|
},
|
immediate: true
|
}
|
},
|
methods: {
|
handleClose() {
|
},
|
}
|
}
|
</script>
|
|
<style lang="less" scoped>
|
.header-title-left {
|
display: flex;
|
align-items: center;
|
gap: 13px;
|
margin: 10px 0;
|
|
img {
|
width: 12px;
|
height: 19px;
|
}
|
|
div {
|
flex-shrink: 0;
|
font-weight: bold;
|
font-size: 18px;
|
color: #222222;
|
line-height: 27px;
|
font-family: 'Source Han Sans CN Bold Bold';
|
}
|
|
|
}
|
</style>
|
