bianyaqi
3 years ago
8 changed files with 332 additions and 3 deletions
@ -0,0 +1,130 @@ |
|||
<template> |
|||
<my-dialog :print="print" title="UBM预约" :is-show="show" @close="closeDialog"> |
|||
<el-form id="UBMOrder" ref="form" :model="form" label-width="80px"> |
|||
<el-form-item label-width="100px" required label="选择患者:"> |
|||
<el-input suffix-icon="el-icon-search" /> |
|||
</el-form-item> |
|||
<div class="patientDetail"> |
|||
<div style="font-size: 16px;font-weight: bold">患者信息</div> |
|||
<div class="detailItem"> |
|||
<div>登记号：132456</div> |
|||
<div>电话：19912132456</div> |
|||
</div> |
|||
<div class="detailItem"> |
|||
<div>姓名：张三</div> |
|||
<div>性别：男</div> |
|||
<div>生日：1991-08-08</div> |
|||
<div>年龄：23</div> |
|||
<div>来源：门诊/住院</div> |
|||
</div> |
|||
</div> |
|||
<el-form-item label-width="100px" required label="负责医生:"> |
|||
<el-col :span="12"> |
|||
<el-select v-model="value" placeholder="请选择"> |
|||
<el-option |
|||
v-for="item in options" |
|||
:key="item.value" |
|||
:label="item.label" |
|||
:value="item.value" |
|||
/> |
|||
</el-select> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
已开医嘱: <el-radio v-model="radio" label="1">是</el-radio> |
|||
<el-radio v-model="radio" label="2">否</el-radio> |
|||
</el-col> |
|||
</el-form-item> |
|||
<el-form-item label-width="100px" required label="预约时间:"> |
|||
<el-col :span="11"> |
|||
<el-date-picker v-model="form.date1" type="date" placeholder="选择日期" style="width: 100%;" /> |
|||
</el-col> |
|||
<el-col class="line" :span="1">-</el-col> |
|||
<el-col :span="11"> |
|||
<el-time-picker v-model="form.date2" placeholder="选择时间" style="width: 100%;" /> |
|||
</el-col> |
|||
</el-form-item> |
|||
</el-form> |
|||
</my-dialog> |
|||
</template> |
|||
|
|||
<script> |
|||
import MyDialog from '@/page-subspecialty/views/modules/nurseManagement/myDialog.vue' |
|||
|
|||
export default { |
|||
name: 'UBMOrder', |
|||
components: { MyDialog }, |
|||
props: { |
|||
isShow: { |
|||
type: Boolean, |
|||
default: false |
|||
}, |
|||
patientInfo: { |
|||
type: Object, |
|||
default: () => {} |
|||
} |
|||
}, |
|||
data() { |
|||
return { |
|||
show: false, |
|||
radio: '1', |
|||
print: { |
|||
id: 'UBMOrder' |
|||
}, |
|||
form: { |
|||
date1: '', |
|||
date2: '' |
|||
}, |
|||
options: [{ |
|||
value: '选项1', |
|||
label: '黄金糕' |
|||
}, { |
|||
value: '选项2', |
|||
label: '双皮奶' |
|||
}, { |
|||
value: '选项3', |
|||
label: '蚵仔煎' |
|||
}, { |
|||
value: '选项4', |
|||
label: '龙须面' |
|||
}, { |
|||
value: '选项5', |
|||
label: '北京烤鸭' |
|||
}], |
|||
value: '' |
|||
} |
|||
}, |
|||
watch: { |
|||
isShow(val) { |
|||
this.show = val |
|||
} |
|||
}, |
|||
methods: { |
|||
closeDialog(val) { |
|||
this.show = val |
|||
this.$emit('close', val) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
::v-deep .el-form-item__label{ |
|||
font-size: 14px; |
|||
} |
|||
.patientDetail{ |
|||
border: 1px solid #6EB1FF; |
|||
border-radius: 8px; |
|||
background: #E8F5FF; |
|||
padding: 16px; |
|||
font-size: 14px; |
|||
color: rgba(0, 0, 0, 0.88); |
|||
margin-bottom: 22px; |
|||
} |
|||
.detailItem{ |
|||
display:flex; |
|||
margin: 8px 0; |
|||
div{ |
|||
margin-right: 20px; |
|||
} |
|||
} |
|||
</style> |
|||
@ -0,0 +1,13 @@ |
|||
<template> |
|||
<div>132</div> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
name: 'Index' |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
|
|||
</style> |
|||
@ -0,0 +1,71 @@ |
|||
<template> |
|||
<el-dialog |
|||
:title="title" |
|||
:visible.sync="dialogVisible" |
|||
width="40%" |
|||
:before-close="handleClose" |
|||
> |
|||
<div> |
|||
<slot /> |
|||
</div> |
|||
<span slot="footer" class="dialog-footer"> |
|||
<el-button v-print="print" size="small">打印</el-button> |
|||
<el-button size="small" @click="handleClose">取 消</el-button> |
|||
<el-button type="primary" size="small" @click="handleSave">确 定</el-button> |
|||
</span> |
|||
</el-dialog> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
name: 'MyDialog', |
|||
props: { |
|||
isShow: { |
|||
type: Boolean, |
|||
default: false |
|||
}, |
|||
title: { |
|||
type: String, |
|||
default: '' |
|||
}, |
|||
print: { |
|||
type: Object, |
|||
default: () => {} |
|||
} |
|||
}, |
|||
data() { |
|||
return { |
|||
dialogVisible: this.isShow |
|||
} |
|||
}, |
|||
watch: { |
|||
isShow(val) { |
|||
this.dialogVisible = val |
|||
} |
|||
}, |
|||
methods: { |
|||
handleClose() { |
|||
this.$emit('close', false) |
|||
}, |
|||
handleSave() { |
|||
this.handleClose() |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
::v-deep .el-dialog__body{ |
|||
border-bottom:1px solid #F0F0F0; |
|||
border-top:1px solid #F0F0F0; |
|||
} |
|||
::v-deep .el-dialog__header{ |
|||
padding: 16px 24px; |
|||
} |
|||
::v-deep .el-dialog__footer{ |
|||
padding: 16px; |
|||
} |
|||
::v-deep .el-dialog__body{ |
|||
padding: 16px 24px; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,90 @@ |
|||
<template> |
|||
<my-dialog :print="print" title="改约" :is-show="show" @close="closeDialog"> |
|||
<el-form id="reOrder" ref="form" :model="form" label-width="80px"> |
|||
<div class="secTitle">检查项目:前节激光治疗</div> |
|||
<el-form-item label-width="100px" required label="预约时间:"> |
|||
<el-col :span="11"> |
|||
<el-date-picker v-model="form.date1" type="date" placeholder="选择日期" style="width: 100%;" /> |
|||
</el-col> |
|||
<el-col class="line" :span="1">-</el-col> |
|||
<el-col :span="11"> |
|||
<el-time-picker v-model="form.date2" placeholder="选择时间" style="width: 100%;" /> |
|||
</el-col> |
|||
</el-form-item> |
|||
<div class="secTitle">检查项目:UBM</div> |
|||
<el-form-item label-width="100px" required label="预约时间:"> |
|||
<el-col :span="11"> |
|||
<el-date-picker v-model="form.date3" type="date" placeholder="选择日期" style="width: 100%;" /> |
|||
</el-col> |
|||
<el-col class="line" :span="1">-</el-col> |
|||
<el-col :span="11"> |
|||
<el-time-picker v-model="form.date4" placeholder="选择时间" style="width: 100%;" /> |
|||
</el-col> |
|||
</el-form-item> |
|||
<div class="secTitle">检查项目:UBM</div> |
|||
<el-form-item label-width="100px" required label="预约时间:"> |
|||
<el-col :span="11"> |
|||
<el-date-picker v-model="form.date5" type="date" placeholder="选择日期" style="width: 100%;" /> |
|||
</el-col> |
|||
<el-col class="line" :span="1">-</el-col> |
|||
<el-col :span="11"> |
|||
<el-time-picker v-model="form.date6" placeholder="选择时间" style="width: 100%;" /> |
|||
</el-col> |
|||
</el-form-item> |
|||
</el-form> |
|||
</my-dialog> |
|||
</template> |
|||
|
|||
<script> |
|||
import MyDialog from '@/page-subspecialty/views/modules/nurseManagement/myDialog.vue' |
|||
|
|||
export default { |
|||
name: 'ReDialog', |
|||
components: { MyDialog }, |
|||
props: { |
|||
isShow: { |
|||
type: Boolean, |
|||
default: false |
|||
} |
|||
}, |
|||
data() { |
|||
return { |
|||
show: false, |
|||
print: { |
|||
id: 'reOrder' |
|||
}, |
|||
form: { |
|||
date1: '', |
|||
date2: '', |
|||
date3: '', |
|||
date4: '', |
|||
date5: '', |
|||
date6: '' |
|||
} |
|||
} |
|||
}, |
|||
watch: { |
|||
isShow(val) { |
|||
this.show = val |
|||
} |
|||
}, |
|||
methods: { |
|||
closeDialog(val) { |
|||
this.show = val |
|||
this.$emit('close', val) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
.line{ |
|||
text-align: center; |
|||
} |
|||
.secTitle{ |
|||
font-size: 16px; |
|||
font-weight: bold; |
|||
color: rgba(0, 0, 0, 0.85); |
|||
margin: 16px 0; |
|||
} |
|||
</style> |
|||
Loading…
Reference in new issue