<template>
  <div>
    <!-- 详情 -->
    <Detail :selectedRow="selectedRow" />
    <!-- 确认收款 -->
    <Withdrawal :selectedRow="selectedRow"
                @refresh="refresh" />
    <!-- 审核拒绝 -->
    <Refuse :selectedRow="selectedRow"
            @refresh="refresh" />
  </div>
</template>

<script lang="ts">
import { defineComponent, PropType } from 'vue';
import { QueryCustomInfoType } from '@/services/go/ermcp/customInfo/interface';
import Detail from '../detail/index.vue';
import Withdrawal from '../withdrawal/index.vue';
import Refuse from '../refuse/index.vue';
import { QhjAccountOutInApply } from '@/services/go/ermcp/qhj/interface';

export default defineComponent({
    name: 'custom-control-modal',
    components: { Detail, Withdrawal, Refuse },
    props: {
        selectedRow: {
            type: Object as PropType<QhjAccountOutInApply>,
            default: {},
        },
    },
    setup(props, context) {
        function refresh() {
            context.emit('refresh');
        }
        return {
            refresh,
        };
    },
});
</script>

<style lang="less">
.custom-detail {
    .ant-form.inlineForm {
        margin-top: 20px;
    }
    .upload {
        .look {
            margin-left: 0;
        }
    }
}
</style>;

