<!--
  @description: 异常订单缴费处理（关联订单）-弹窗
  @Modifier：王俊楠
  @routerPath:
  @date：  2020-11-03 09:31:27
-->
<template>
  <el-dialog
    :visible.sync="orderReceiptAbnormalVisible"
    :close-on-click-modal="false"
    :lock-scroll="false"
    title="异常订单缴费处理"
    width="1100px"
    custom-class="el-dialog__body-p8 el-dialog_table"
  >
    <orderReceiptAbnormalAdd
      v-if="orderReceiptAbnormalVisible"
      ref="orderReceiptAbnormal"
      :order-receipt-info="orderReceiptInfo"
      @close="handelClose"
    />
    <span slot="footer" class="dialog-footer">
      <el-button type="primary" @click="ensure">
        提 交
      </el-button>
      <el-button @click="handelClose">关 闭</el-button>
    </span>
  </el-dialog>
</template>

<script>
import orderReceiptAbnormalAdd from './orderReceiptAbnormal-add'
export default {
  name: 'OrderReceiptAbnormalDialog',
  components: {
    orderReceiptAbnormalAdd
  },
  data() {
    return {
      orderReceiptAbnormalVisible: false,
      orderReceiptInfo: {}
    }
  },
  methods: {
    // 生成收款单打开弹框
    openOrderReceiptAbnormal(data) {
      this.orderReceiptInfo = data
      this.orderReceiptAbnormalVisible = true
    },
    // 确定生成收款单
    ensure() {
      this.$refs.orderReceiptAbnormal.ensure()
    },
    handelClose() {
      this.$emit('close')
      this.orderReceiptAbnormalVisible = false
    }
  }
}
</script>

<style scoped lang="less">
</style>
