diff --git a/src/pages/medicalCard/components/MedicalCardHeader.vue b/src/pages/medicalCard/components/MedicalCardHeader.vue
new file mode 100644
index 0000000..96080fd
--- /dev/null
+++ b/src/pages/medicalCard/components/MedicalCardHeader.vue
@@ -0,0 +1,19 @@
+
+ .flex.w-full
+ .flex.w-full.text-lgx.font-bold.items-center.justify-center Медицинская карта №{{numberCard}}
+ .flex.gap-x-2
+ base-button(left-icon="icon-download", :icon-left-size="16", :size="40", :outlined="true")
+ base-button(left-icon="icon-plus", :icon-left-size="13", :size="40")
+ span.font-semibold Создать
+
+
+
diff --git a/src/pages/medicalCard/components/MedicalCardWrapper.vue b/src/pages/medicalCard/components/MedicalCardWrapper.vue
index ffadf11..5b2a40b 100644
--- a/src/pages/medicalCard/components/MedicalCardWrapper.vue
+++ b/src/pages/medicalCard/components/MedicalCardWrapper.vue
@@ -1,97 +1,118 @@
.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"
- :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"
- :data="medicalDataInit.registration_address"
- )
- base-detail-input(
- v-for="field in configData.registration_address.fields"
- :field="field"
- :data="medicalDataInit.registration_address"
+ .wrapper-medical.relative.flex.gap-y-4.flex-col.h-full.w-full( class="pb-52px")
+ .card-upper.flex.flex-col.gap-y-4.px-6.py-6
+ medical-card-header(:number-card="numberCard")
+ .card-basic-info.flex
+ base-detail-info(
+ :title="configData.identity_document.title"
+ :height="configData.identity_document.height"
+ :data="medicalDataInit.identity_document"
)
- 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"
+ 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"
+ :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"
+ :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"
)
- .flex.flex-col.gap-2
- 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"
- :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"
- )
+ 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"
+ :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"
+ )
+ .flex.flex-col(class="px-92px gap-y-60px")
+ .flex.flex-col(class="gap-y-2.5")
+ .flex.flex-col.gap-y-2(v-for="(key, index) in Object.keys(dentalIndications)")
+ span.font-bold.font-xs {{`${index+1}. ${configData.dental_indications[key]}`}}
+ base-input(v-model="dentalIndications[key]")
+ .flex.justify-center
+ base-button.w-fit(:icon-left-size="13", :size="40")
+ span.font-semibold Сохранить