<template>
    <BasicModal v-bind="$attrs" @register="registerModal" width="1200px" :showOkBtn="false">
        <initiatesProjectsApproval :record="record" @close="exit" v-if="record.stage=='creatProjectinfo'"/>
        <uploadfileApproval :record="record" @close="exit"  v-if="record.stage=='supervisionFile'"/>
        <projectPlanApproval :record="record" @close="exit"  v-if="record.stage=='createPlaninfo'"/>
        <planFileApproval :record="record" @close="exit"  v-if="record.stage=='createPlaninfoFile'"/>
        <ProjectArchiveApproval :record="record" @close="exit"  v-if="record.stage==5"/>
        <fieldChangeApproval :record="record" @close="exit"  v-if="record.stage=='fieldChange'"/>
    </BasicModal>
</template>
<script lang="ts" name="ApprovalPageModel" setup>

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

import initiatesProjectsApproval from "../initiatesProjectsApproval.vue"
import planFileApproval from '@/views/ProcessApprovalSubPage/planFileApproval.vue'
import uploadfileApproval from '../uploadfileApproval.vue'
import projectPlanApproval from '../projectPlanApproval.vue'
import ProjectArchiveApproval from '../ProjectArchiveApproval.vue'
import fieldChangeApproval from '../fieldChangeApproval.vue'

const [registerModal, { closeModal }] = useModalInner();
defineProps(["record"])
let emit = defineEmits(["close"])
function exit(){
    closeModal()
    console.log("ApprovalPageModel")
    emit("close")
}

</script>
<style></style>
  