<!--
  @description: 异常缴费处理
  @Modifier: haofengxian
  @routerPath:
  @date: 2021-3-11-14:03
-->
<template>
  <el-dialog
    :visible.sync="visibleDialog"
    :close-on-click-modal="false"
    :lock-scroll="false"
    title="异常缴费处理"
    width="1100px"
    custom-class="el-dialog__body-p8 el-dialog_table"
  >
    <serviceOrderAbnormalPayProcessingAdd
      v-if="visibleDialog"
      ref="serviceOrderAbnormalPay"
      :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 serviceOrderAbnormalPayProcessingAdd from './serviceOrderAbnormalPayProcessing-add'
export default {
  name: 'ServiceOrderAbnormalPayProcessingDialog',
  components: {
    serviceOrderAbnormalPayProcessingAdd
  },
  data() {
    return {
      visibleDialog: false,
      orderReceiptInfo: {}
    }
  },
  methods: {
    // 减免收费单打开弹框
    openAbnormalPayDialog(data) {
      this.orderReceiptInfo = data
      this.visibleDialog = true
    },
    // 确定减免收费单
    ensure() {
      this.$refs.serviceOrderAbnormalPay.submitFormData()
    },
    handelClose() {
      this.$emit('close')
      this.visibleDialog = false
    }
  }
}
</script>

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