ngfrontend/src/ui-refactor/components/OrderSuccessDialog.vue

<template>
  <ui-dialog
    title="Order successful"
    :visible="visible"
    width="450px"
    :show-close="false"
    :close-on-click-modal="false"
    :close-on-press-escape="false"
  >
    <el-result
      icon="success"
      :title="$t('common.successfully')"
      :sub-title="$t('shop.successOrderTips')"
    />
    <template slot="footer">
      <el-button type="primary" @click="$emit('orders')">
        {{ $t('shop.goBack') }} ({{ countdown }})
      </el-button>
    </template>
  </ui-dialog>
</template>

<script>
import UiDialog from './UiDialog.vue'

export default {
  name: 'OrderSuccessDialog',
  components: { UiDialog },
  props: {
    visible: { type: Boolean, default: false },
    countdown: { type: Number, required: true }
  }
}
</script>