<template>
    <div>
        <HypertensionForm
            v-if="diseaseInfo.diseaseType === 1"
            :diseaseInfo="diseaseInfo"
            ref="hypertensionForm">
        </HypertensionForm>
        <DiabetesForm
            v-if="diseaseInfo.diseaseType === 2"
            :diseaseInfo="diseaseInfo"
            ref="diabetesForm">
        </DiabetesForm>
        <CoronaryHeartDiseaseForm
            v-if="diseaseInfo.diseaseType === 3"
            :diseaseInfo="diseaseInfo"
            ref="coronaryHeartDiseaseForm">
        </CoronaryHeartDiseaseForm>
        <StrokeForm v-if="diseaseInfo.diseaseType === 4" ref="strokeForm"></StrokeForm>
        <CopdForm v-if="diseaseInfo.diseaseType === 5" ref="copdForm"></CopdForm>
        <ChronicKidneyDiseaseForm v-if="diseaseInfo.diseaseType === 6" ref="chronicKidneyDiseaseForm"></ChronicKidneyDiseaseForm>
        <DyslipidemiaForm v-if="diseaseInfo.diseaseType === 7" ref="dyslipidemiaForm"></DyslipidemiaForm>
    </div>
</template>
<script>
import HypertensionForm from './components/HypertensionForm.vue'
import DiabetesForm from './components/DiabetesForm.vue'
import CoronaryHeartDiseaseForm from './components/CoronaryHeartDiseaseForm.vue'
import StrokeForm from './components/StrokeForm.vue'
import CopdForm from './components/CopdForm.vue'
import ChronicKidneyDiseaseForm from './components/ChronicKidneyDiseaseForm.vue'
import DyslipidemiaForm from './components/DyslipidemiaForm.vue'
import { addHypertensionForm, addDiabetesForm, addCoronaryHeartDiseaseForm, addStrokeForm, addCopdForm, addChronicKidneyDiseaseForm, addDyslipidemiaForm } from '@/api/doctor/separateFU'
export default {
    components: { HypertensionForm, DiabetesForm, CoronaryHeartDiseaseForm, StrokeForm, CopdForm, ChronicKidneyDiseaseForm, DyslipidemiaForm },
    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()
                console.log(coronaryHeartDiseaseForm)
                return
                return await addCoronaryHeartDiseaseForm({
                    ...form,
                    ...coronaryHeartDiseaseForm
                }, true)
            } else if (this.diseaseInfo.diseaseType === 4) {
                const strokeForm = await this.$refs.strokeForm.submit()
                return await addStrokeForm({
                    ...form,
                    ...strokeForm
                }, true)
            } else if (this.diseaseInfo.diseaseType === 5) {
                const copdForm = await this.$refs.copdForm.submit()
                return await addCopdForm({
                    ...form,
                    ...copdForm
                }, true)
            } else if (this.diseaseInfo.diseaseType === 6) {
                const chronicKidneyDiseaseForm = await this.$refs.chronicKidneyDiseaseForm.submit()
                return await addChronicKidneyDiseaseForm({
                    ...form,
                    ...chronicKidneyDiseaseForm
                }, true)
            } else if (this.diseaseInfo.diseaseType === 7) {
                const dyslipidemiaForm = await this.$refs.dyslipidemiaForm.submit()
                return await addDyslipidemiaForm({
                    ...form,
                    ...dyslipidemiaForm
                }, true)
            }
        }
    }
}
</script>