50 lines
1.0 KiB
Vue
50 lines
1.0 KiB
Vue
<template>
|
|
<div>
|
|
<el-dialog
|
|
title="提示"
|
|
:visible.sync="noDataDialogData.showEmptyDataMessage"
|
|
width="30%"
|
|
:append-to-body="true"
|
|
custom-class="shou-el-dialog">
|
|
<span></span>
|
|
{{ noDataDialogData.messageWords }}
|
|
<span slot="footer" class="dialog-footer">
|
|
<el-button @click="noDataDialogData.showEmptyDataMessage = false">取 消</el-button>
|
|
<el-button type="primary" @click="closeBtn">确 定</el-button>
|
|
</span>
|
|
</el-dialog>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: "noDataMessage",
|
|
props: ['noDataDialogData'],
|
|
data() {
|
|
return {};
|
|
},
|
|
methods: {
|
|
closeBtn() {
|
|
if(this.noDataDialogData.propsKey) {
|
|
this.$emit(this.noDataDialogData.propsKey, false)
|
|
}
|
|
if (this.noDataDialogData.goPath) {
|
|
this.$router.push(this.noDataDialogData.goPath)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
|
|
</style>
|
|
<style>
|
|
@media screen and (max-width: 760px) {
|
|
.shou-el-dialog{
|
|
width: 80vw!important;
|
|
}
|
|
|
|
}
|
|
</style>
|