<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>
