diff --git a/src/assets/sass/variables.sass b/src/assets/sass/variables.sass
index dcd8e2a..62a1d85 100644
--- a/src/assets/sass/variables.sass
+++ b/src/assets/sass/variables.sass
@@ -61,3 +61,4 @@
--bg-disable-grey-color: #f0f0f0
--bg-grey-color: rgba(37, 40, 80, 0.15)
--bg-aqua-blue: #55c5e8
+
diff --git a/src/pages/newMedicalCard/components/BasicDataForms/InsuranceForm.vue b/src/pages/newMedicalCard/components/BasicDataForms/InsuranceForm.vue
new file mode 100644
index 0000000..6111c58
--- /dev/null
+++ b/src/pages/newMedicalCard/components/BasicDataForms/InsuranceForm.vue
@@ -0,0 +1,118 @@
+
+ medical-form-wrapper(
+ title="Страховка",
+ :is-edit="isEdit",
+ :open-edit="openEdit",
+ :cancel="cancelEdit"
+ )
+ .form-wrap.gap-24.w-full
+ .data-section.flex.flex-col.gap-4(v-for="insurance in insuranceConfig")
+ .font-semibold.text-sm.whitespace-nowrap {{insurance.insuranceLabel}}
+ .flex.w-full.justify-between.items-center.gap-4(v-for="field in insurance.fields")
+ .label-field.font-sm.text-sm.whitespace-nowrap {{`${field.label} :`}}
+ .avatar-field.flex.gap-3.items-center.h-10.w-10(v-if="field.type === 'photo'")
+ img.avatar.object-cover(
+ v-if="basic[insurance.insuranceKey][field.key]",
+ :src="basic[insurance.insuranceKey][field.key]",
+ alt="AV"
+ )
+ .replace-photo.font-medium.text-base.cursor-pointer(
+ v-if="isEdit"
+ ) {{ basic[insurance.insuranceKey][field.key] ? "Заменить фото" : "Добавить фото"}}
+ .flex.flex-col.relative(v-else)
+ base-input(
+ v-model="basic[insurance.insuranceKey][field?.key]",
+ @update:model-value="checkChangeInput",
+ :disabled="!isEdit",
+ :standout="!isEdit",
+ :outlined="isEdit",
+ :type="field.type",
+ :width="300",
+ text-color="black"
+ )
+ .flex.font-medium.text-smm.absolute.top-10(
+ v-if="basic?.benefit[insurance?.discount]",
+ :style="{color: 'var(--font-grey-color)'}"
+ )
+ span Процент скидки:
+ span(
+ :style="{color: 'var(--font-dark-blue-color)'}"
+ ) {{"\xa0" + basic?.benefit[insurance?.discount] + "%"}}
+
+
+
+
+
diff --git a/src/pages/newMedicalCard/components/BasicInsuranceForm.vue b/src/pages/newMedicalCard/components/BasicInsuranceForm.vue
deleted file mode 100644
index 001d340..0000000
--- a/src/pages/newMedicalCard/components/BasicInsuranceForm.vue
+++ /dev/null
@@ -1,95 +0,0 @@
-
- medical-form-wrapper(
- title="Страховка"
- )
- .form-wrap.gap-24.w-full(@click="click")
- .data-section.flex.flex-col.gap-4(v-for="insurance in insuranceConfig")
- .font-semibold.text-sm.whitespace-nowrap {{insurance.insuranceLabel}}
- .flex.w-full.justify-between.items-center.gap-4(v-for="field in insurance.fields")
- .label-field.font-sm.text-sm.whitespace-nowrap {{`${field.label} :`}}
- .avatar-field.flex.gap-3.items-center(v-if="field.type === 'photo'")
- base-avatar(:size="40")
- //- img.avatar.object-cover(
- //- v-if="basic[insurance.insuranceKey]"
- //- alt="AV"
- //- )
- //- span(v-else) {{ avatar }}
- .replace-photo.font-medium.text-base.cursor-pointer
-
- base-input(
- v-model="basic[insurance.insuranceKey][field.key]"
- :type="field.type"
- :width="300"
- text-color="black"
- )
-
-
-
-
-
diff --git a/src/pages/newMedicalCard/components/MedicalBasicDataWrapper.vue b/src/pages/newMedicalCard/components/MedicalBasicDataWrapper.vue
index 7d1550f..2fddb42 100644
--- a/src/pages/newMedicalCard/components/MedicalBasicDataWrapper.vue
+++ b/src/pages/newMedicalCard/components/MedicalBasicDataWrapper.vue
@@ -2,14 +2,17 @@
.flex.flex-col.gap-y-2.wrapper
basic-data-form
documents-form
+ insurance-form