|
|
<template>
|
|
|
<el-dialog
|
|
|
title="提示"
|
|
|
:visible.sync="backDialog"
|
|
|
width="40%"
|
|
|
:modal="true"
|
|
|
:modal-append-to-body="false"
|
|
|
:appen-to-body="true"
|
|
|
class="bs-dialog-wrap bs-el-dialog"
|
|
|
>
|
|
|
<span style="color:#fff">确定返回主页面吗？未保存的配置将会丢失!</span>
|
|
|
<span
|
|
|
slot="footer"
|
|
|
class="dialog-footer"
|
|
|
>
|
|
|
<el-button
|
|
|
class="bs-el-button-default"
|
|
|
@click="backDialog = false"
|
|
|
>留在页面</el-button>
|
|
|
<el-button
|
|
|
class="bs-el-button-default"
|
|
|
@click="goBack"
|
|
|
>离开页面</el-button>
|
|
|
<el-button
|
|
|
type="primary"
|
|
|
@click="goBackSave"
|
|
|
>保存后离开页面</el-button>
|
|
|
</span>
|
|
|
</el-dialog>
|
|
|
</template>
|
|
|
<script>
|
|
|
import { pageMixins } from 'data-room-ui/js/mixins/page'
|
|
|
export default {
|
|
|
name: 'ComponentDialog',
|
|
|
mixins: [pageMixins],
|
|
|
props: {},
|
|
|
data () {
|
|
|
return {
|
|
|
backDialog: false
|
|
|
}
|
|
|
},
|
|
|
computed: {},
|
|
|
mounted () {},
|
|
|
methods: {
|
|
|
init () {
|
|
|
this.backDialog = true
|
|
|
},
|
|
|
// 点击确定
|
|
|
confirm () {
|
|
|
this.backDialog = false
|
|
|
},
|
|
|
goBack () {
|
|
|
this.$emit('back')
|
|
|
},
|
|
|
goBackSave () {
|
|
|
this.$emit('backSave')
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
@import '../../assets/style/bsTheme.scss';
|
|
|
/deep/.el-dialog__body{
|
|
|
min-height: 100px !important;
|
|
|
}
|
|
|
</style>
|