| | |
|---|
| | | <el-dialog |
|---|
| | | title="" |
|---|
| | | :visible.sync="dialogVisible" |
|---|
| | | width="80%" |
|---|
| | | :width="width" |
|---|
| | | @close="close" |
|---|
| | | > |
|---|
| | | <slot></slot> |
|---|
| | | </el-dialog> |
|---|
| | |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script lang="ts"> |
|---|
| | | import { Vue, Component, PropSync } from 'vue-property-decorator'; |
|---|
| | | import { Vue, Component, PropSync, Prop, Emit } from 'vue-property-decorator'; |
|---|
| | | |
|---|
| | | @Component |
|---|
| | | export default class UiDialog extends Vue { |
|---|
| | | @PropSync('isVisible') dialogVisible!: boolean |
|---|
| | | @PropSync('isVisible') dialogVisible!: boolean; |
|---|
| | | @Prop() width!: string; |
|---|
| | | |
|---|
| | | @Emit('closeDialog') closeDialog() { |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | |
|---|
| | | close() { |
|---|
| | | this.closeDialog(); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | </script> |
|---|
