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