WIP Добавил отображение данных медицинской карты
This commit is contained in:
DwCay
@@ -1,20 +1,87 @@
|
||||
<template lang="pug">
|
||||
.wrapper.flex.w-full.relative.mx-2
|
||||
.wrapper-medical.relative.flex.flex-col.px-6.py-6.h-full.w-full
|
||||
base-detail-info(:title="configData.identity_document.title" :height="configData.identity_document.height")
|
||||
base-detail-info(
|
||||
:title="configData.identity_document.title"
|
||||
:height="configData.identity_document.height"
|
||||
:data="medicalDataInit.identity_document"
|
||||
)
|
||||
base-detail-input(
|
||||
v-for="field in configData.identity_document.fields"
|
||||
:field="field"
|
||||
:data="medicalDataInit.identity_document"
|
||||
)
|
||||
.flex.flex-col.gap-30px
|
||||
base-detail-info(:title="configData.registration_address.title" :height="configData.registration_address.height")
|
||||
base-detail-info(:title="configData.temporary_address.title" :height="configData.temporary_address.height")
|
||||
base-detail-info(
|
||||
:title="configData.registration_address.title"
|
||||
:height="configData.registration_address.height"
|
||||
:data="medicalDataInit.registration_address"
|
||||
)
|
||||
base-detail-input(
|
||||
v-for="field in configData.registration_address.fields"
|
||||
:field="field"
|
||||
:data="medicalDataInit.registration_address"
|
||||
)
|
||||
base-detail-info(
|
||||
:title="configData.temporary_address.title"
|
||||
:height="configData.temporary_address.height"
|
||||
:data="medicalDataInit.temporary_address"
|
||||
)
|
||||
base-detail-input(
|
||||
v-for="field in configData.temporary_address.fields"
|
||||
:field="field"
|
||||
:data="medicalDataInit.temporary_address"
|
||||
)
|
||||
.flex.flex-col.gap-2
|
||||
base-detail-info(:title="configData.snils.title" :height="configData.snils.height")
|
||||
base-detail-info(:title="configData.policy_number_series.title" :height="configData.policy_number_series.height")
|
||||
base-detail-info(:title="configData.policy_organization.title" :height="configData.policy_organization.height")
|
||||
base-detail-info(
|
||||
:title="configData.snils.title"
|
||||
:height="configData.snils.height"
|
||||
:data="medicalDataInit.snils"
|
||||
)
|
||||
base-detail-input(
|
||||
v-for="field in configData.snils.fields"
|
||||
:field="field"
|
||||
:data="medicalDataInit.snils"
|
||||
)
|
||||
base-detail-info(
|
||||
:title="configData.policy.title"
|
||||
:height="configData.policy.height"
|
||||
:data="medicalDataInit.policy"
|
||||
)
|
||||
base-detail-input(
|
||||
v-for="field in configData.policy.fields"
|
||||
:field="field"
|
||||
:data="medicalDataInit.policy"
|
||||
)
|
||||
base-detail-info(
|
||||
:title="configData.policy_organization.title"
|
||||
:height="configData.policy_organization.height"
|
||||
:data="medicalDataInit.policy_organization"
|
||||
)
|
||||
base-detail-input(
|
||||
v-for="field in configData.policy_organization.fields"
|
||||
:field="field"
|
||||
:data="medicalDataInit.policy_organization"
|
||||
)
|
||||
.flex.flex-col.gap-4
|
||||
base-detail-info(:title="configData.additional.title" :height="configData.additional.height")
|
||||
base-detail-info(:title="configData.agreement_form.title" :height="configData.agreement_form.height")
|
||||
base-detail-info(
|
||||
:title="configData.additional.title"
|
||||
:height="configData.additional.height"
|
||||
:data="medicalDataInit.additional"
|
||||
)
|
||||
base-detail-input(
|
||||
v-for="field in configData.additional.fields"
|
||||
:field="field"
|
||||
:data="medicalDataInit.additional"
|
||||
)
|
||||
base-detail-info(
|
||||
:title="configData.agreement_form.title"
|
||||
:height="configData.agreement_form.height"
|
||||
)
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import BaseDetailInput from "@/components/base/BaseDetailInput.vue";
|
||||
import BaseDetailInfo from "@/components/base/BaseDetailInfo.vue";
|
||||
import { medicalDetailConfig } from "@/pages/medicalCard/utils/medicalConfig";
|
||||
import { fetchWrapper } from "@/shared/fetchWrapper";
|
||||
@@ -22,11 +89,45 @@ import BaseInput from "@/components/base/BaseInput.vue";
|
||||
import ClientDetailInput from "@/pages/clients/components/ClientDetailInput.vue";
|
||||
export default {
|
||||
name: "MedicalCardWrapper",
|
||||
components: { ClientDetailInput, BaseInput, BaseDetailInfo },
|
||||
components: { ClientDetailInput, BaseInput, BaseDetailInfo, BaseDetailInput },
|
||||
data() {
|
||||
return {
|
||||
configData: medicalDetailConfig,
|
||||
medicalDataInit: {},
|
||||
medicalDataInit: {
|
||||
identity_document: {
|
||||
number_series: null,
|
||||
issued_by_org: null,
|
||||
issued_by_org_code: null,
|
||||
issued_by_date: null,
|
||||
},
|
||||
registration_address: {
|
||||
registration_address: null,
|
||||
},
|
||||
temporary_address: {
|
||||
temporary_address: null,
|
||||
},
|
||||
snils: {
|
||||
insurance_number: null,
|
||||
},
|
||||
policy: {
|
||||
series: null,
|
||||
number: null,
|
||||
},
|
||||
policy_organization: {
|
||||
policy_organization: null,
|
||||
},
|
||||
additional: {
|
||||
name_confidant: null,
|
||||
phone_confidant: null,
|
||||
},
|
||||
benefit_code: {
|
||||
benefit_code: null,
|
||||
},
|
||||
agreement_form: {
|
||||
agreement: null,
|
||||
agreement_date: null,
|
||||
},
|
||||
},
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
@@ -40,6 +141,7 @@ export default {
|
||||
identity_document: {
|
||||
...pass,
|
||||
number_series: `${pass.series} ${pass.number}`,
|
||||
issued_by_date: new Date(pass.issued_by_date),
|
||||
},
|
||||
registration_address: {
|
||||
registration_address: data?.person?.address?.find(
|
||||
@@ -66,7 +168,7 @@ export default {
|
||||
: null,
|
||||
phone_confidant: confidant?.contacts?.find(
|
||||
(el) => el?.kind === "PHONE"
|
||||
),
|
||||
)?.username,
|
||||
},
|
||||
benefit_code: {
|
||||
benefit_code: data?.benefit_code,
|
||||
|
||||
Reference in New Issue
Block a user