7 changed files with 69 additions and 134 deletions
			
			
		| @ -1,72 +0,0 @@ | |||
| <template> | |||
|   <el-dialog | |||
|     :title="title" | |||
|     :visible.sync="dialogVisible" | |||
|     destroy-on-close | |||
|     width="40%" | |||
|     :before-close="handleClose" | |||
|   > | |||
|     <div> | |||
|       <slot /> | |||
|     </div> | |||
|     <span slot="footer" class="dialog-footer"> | |||
|       <el-button v-if="print" 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.$emit('handleSave') | |||
|     } | |||
|   } | |||
| } | |||
| </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> | |||
					Loading…
					
					
				
		Reference in new issue