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