reportModal.vue 833 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. <template>
  2. <div>
  3. <a-modal v-model="isShow" :footer="null" centered :closable="false" width="480">
  4. <div style="text-align: center; margin: 20px 0;">
  5. <p>数据导出中,请稍后在右上角的【下载中心】功能中下载导出文件!</p>
  6. <a-button type="primary" @click="cancel" size="small">好的</a-button>
  7. </div>
  8. </a-modal>
  9. </div>
  10. </template>
  11. <script>
  12. export default {
  13. props: {
  14. visible: {
  15. type: Boolean,
  16. default: false
  17. }
  18. },
  19. data () {
  20. return {
  21. isShow: this.visible
  22. }
  23. },
  24. methods: {
  25. cancel () {
  26. this.$emit('close')
  27. }
  28. },
  29. watch: {
  30. visible (newValue, oldValue) {
  31. this.isShow = newValue
  32. },
  33. isShow (nVal, oVal) {
  34. if (!nVal) {
  35. this.$emit('close')
  36. }
  37. }
  38. }
  39. }
  40. </script>
  41. <style>
  42. </style>