<template>
    <div>
        <HypertensionForm v-if="diseaseInfo.diseaseType === 1" ref="hypertensionForm"></HypertensionForm>
        <DiabetesForm v-if="diseaseInfo.diseaseType === 2" ref="diabetesForm"></DiabetesForm>
        <CoronaryHeartDiseaseForm v-if="diseaseInfo.diseaseType === 3" ref="coronaryHeartDiseaseForm"></CoronaryHeartDiseaseForm>
    </div>
</template>
<script>
import HypertensionForm from './components/HypertensionForm.vue'
import DiabetesForm from './components/DiabetesForm.vue'
import CoronaryHeartDiseaseForm from './components/CoronaryHeartDiseaseForm.vue'
import { addHypertensionForm, addDiabetesForm, addCoronaryHeartDiseaseForm } from '@/api/doctor/separateFU'
export default {
    components: { HypertensionForm, DiabetesForm, CoronaryHeartDiseaseForm },
    props: {
        baseInfo: {
            type: Object,
            default: () => {}
        },
        diseaseInfo: {
            type: Object,
            default: () => {}
        }
    },
    data() {
        return {
            // diseaseType: 2
        }
    },
    computed: {
        residentInfoId() {
            return this.$route.query.residentInfoId
        }
    },
    methods: {
        async submit() {
            let form = {
                ...this.diseaseInfo,
                residentsRecord: this.baseInfo,
                residentInfoId: this.residentInfoId,
                source: 2
            }
            if (this.diseaseInfo.diseaseType === 1) {
                const hypertensionForm = await this.$refs.hypertensionForm.submit()
                return await addHypertensionForm({
                    ...form,
                    ...hypertensionForm
                }, true)
            } else if (this.diseaseInfo.diseaseType === 2) {
                const diabetesForm = await this.$refs.diabetesForm.submit()
                return await addDiabetesForm({
                    ...form,
                    ...diabetesForm
                }, true)
            } else if (this.diseaseInfo.diseaseType === 3) {
                const coronaryHeartDiseaseForm = await this.$refs.coronaryHeartDiseaseForm.submit()
                return await addCoronaryHeartDiseaseForm({
                    ...form,
                    ...coronaryHeartDiseaseForm
                }, true)
            }
        }
    }
}
</script>