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