<template>
    <BasicModal v-bind="$attrs" @register="registerModal" width="1200px" :showOkBtn="false">
        <initiatesProjectsApproval :record="record" @close="exit" v-if="record.stage==1"/>
        <uploadfileApproval :record="record" @close="exit"  v-if="record.stage==2"/>
        <projectPlanApproval :record="record" @close="exit"  v-if="record.stage==3"/>
        <planFileApproval :record="record" @close="exit"  v-if="record.stage==4"/>
        <ProjectArchiveApproval :record="record" @close="exit"  v-if="record.stage==5"/>
    </BasicModal>
</template>
<script lang="ts" name="ApprovalPageModel" setup>

import { BasicModal, useModalInner } from '/@/components/Modal';

import initiatesProjectsApproval from "../initiatesProjectsApproval.vue"
import planFileApproval from '../planFileApproval.vue'
import uploadfileApproval from '../uploadfileApproval.vue'
import projectPlanApproval from '../projectPlanApproval.vue'
import ProjectArchiveApproval from '../ProjectArchiveApproval.vue'
const [registerModal, { closeModal }] = useModalInner();
defineProps(["record"])
let emit = defineEmits(["close"])
function exit(){
    closeModal()
    console.log("ApprovalPageModel")
    emit("close")
}

</script>
<style></style>
  