new_huozhou_frontend/src/views/ProcessApprovalSubPage/component/ApprovalPageModel.vue

<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="planfileNames.includes(record.stage)"/>
        <fieldChangeApproval :record="record" @close="exit"  v-if="record.stage=='fieldChange'"/>
        <contractApproval :record="record" @close="exit"  v-if="record.stage=='createContract'"/>

    </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 fieldChangeApproval from '../fieldChangeApproval.vue'
import contractApproval from '../contractApproval.vue'
const planfileNames = ["feasibilityReportPreparation","jointTechnicalReview","centralizedCheck","createPlaninfoFile"]
const [registerModal, { closeModal }] = useModalInner();
defineProps(["record"])
let emit = defineEmits(["close"])
function exit(){
    closeModal()
    console.log("ApprovalPageModel")
    emit("close")
}

</script>
<style></style>