6 changed files with 182 additions and 12 deletions
@ -0,0 +1,59 @@ |
|||||
|
<template> |
||||
|
<el-dialog |
||||
|
:visible.sync="dialogVisible" |
||||
|
width="40%" |
||||
|
:show-close="false" |
||||
|
:before-close="closeDialog" |
||||
|
> |
||||
|
<div slot="title" style="display: flex;justify-content: space-between"> |
||||
|
<div> |
||||
|
<div class="title_header">已约患者列表</div> |
||||
|
<div style="margin: 8px 0">202-11-23 上午</div> |
||||
|
<div>眼前节激光治疗</div> |
||||
|
</div> |
||||
|
<div style="font-size: 22px"> |
||||
|
<i class="el-icon-close" @click="closeDialog" /> |
||||
|
</div> |
||||
|
</div> |
||||
|
</el-dialog> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
name: 'OrderPatientList', |
||||
|
props: { |
||||
|
isShow: { |
||||
|
type: Boolean, |
||||
|
default: false |
||||
|
} |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
title: '', |
||||
|
dialogVisible: false |
||||
|
} |
||||
|
}, |
||||
|
watch: { |
||||
|
isShow(val) { |
||||
|
this.dialogVisible = val |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
closeDialog(val) { |
||||
|
this.dialogVisible = val |
||||
|
this.$emit('close', false) |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
::v-deep .el-dialog__header{ |
||||
|
background:linear-gradient(#1B5BFB 80% , #1B5BFB 100%); |
||||
|
color: #fff; |
||||
|
} |
||||
|
.title_header{ |
||||
|
font-size: 20px; |
||||
|
font-weight: bold; |
||||
|
} |
||||
|
</style> |
Loading…
Reference in new issue