WIP Подтянула данные в форму мед.карты

src/pages/medicalCard/components/MedicalBaseData.vue

@@ -3,20 +3,27 @@
     .flex.flex-col.gap-y-6
       span.font-bold Основное
       .flex.flex-col.gap-y-6
-        base-input.w-full(placeholder="ФИО*")
+        base-input.w-full(
+          placeholder="ФИО*",
+          v-model="clientDetail.fullName",
+        )
         base-radio-buttons-group(
           :items="gendersList",
           radioButtonsLabel="Пол",
-          v-model="gender",
+          v-model="clientDetail.gender",
         )
         .flex.gap-x-4
           .input
-            base-input-date(label="Дата рождения")
+            base-input-date(
+              label="Дата рождения",
+              v-model="clientDetail.birth_date",
+            )
           .input
             base-input(
               placeholder="000–000–000 00",
               v-mask="'###-###-### ##'",
-              label="СНИЛС"
+              label="СНИЛС",
+              v-model="clientDetail.insurance_number",
             )
         .flex.flex-col.gap-y-6
           base-input(
@@ -32,12 +39,14 @@
             base-input(
               label="Номер телефона",
               placeholder="+7 (915) 644–92–23",
-              v-mask="'+7 (###) ###-##-##'"
+              v-mask="'+7 (###) ###-##-##'",
+              v-model="clientDetail.phone",
             )
           .input
             base-input(
               label="Email",
               placeholder="user@yandex.ru"
+              v-model="clientDetail.email",
             )
 </template>
 
@@ -48,6 +57,7 @@ import BaseSelect from "@/components/base/BaseSelect";
 import BaseButton from "@/components/base/BaseButton";
 import { mask } from "vue-the-mask";
 import BaseRadioButtonsGroup from "@/components/base/BaseRadioButtonsGroup.vue";
+import { medicalDetailConfig } from "@/pages/medicalCard/utils/medicalConfig.js";
 
 export default {
   name: "MedicalBaseData",
@@ -59,22 +69,13 @@ export default {
     BaseRadioButtonsGroup,
   },
   directives: { mask },
-  data() {
-    return {
-      gendersList: [
-        {
-          id: "1",
-          label: "Мужской",
-          value: "male",
-        },
-        {
-          id: "2",
-          label: "Женский",
-          value: "woman",
-        },
-      ],
-      gender: "",
-    };
+  props: {
+    clientDetail: Object,
+  },
+  computed: {
+    gendersList() {
+      return medicalDetailConfig.gendersList;
+    },
   },
 };
 </script>

src/pages/medicalCard/components/MedicalIdentityDocuments.vue

@@ -3,23 +3,30 @@
     .flex.flex-col.gap-y-6
       span.font-bold Паспортные данные
       .flex.flex-col.gap-y-6
+        base-input.input(
+          label="Серия и номер",
+          placeholder="0000 000000",
+          v-model="clientDetail.identity_documents.number"
+        )
+        base-input(
+          label="Кем выдан",
+          placeholder="Точно как в паспорте",
+          v-model="clientDetail.identity_documents.issued_by_org"
+        )
         .flex.gap-x-4
-          .input
-            base-input(
-              label="Серия и номер",
-              placeholder="0000 000000"
-            )
-          .input
-            base-input-date(label="Дата выдачи")
-        .flex.flex-col.gap-y-6
-          base-input(
-            label="Кем выдан",
-            placeholder="Точно как в паспорте"
+          base-input.input(
+            label="Код подразделения",
+            placeholder="000-000",
+            v-model="clientDetail.identity_documents.issued_by_org_code"
           )
-          base-input(
-            label="Страховая оганизация",
-            placeholder="Введите название организации"
+          base-input-date.input(
+            label="Дата выдачи",
+            v-model="clientDetail.identity_documents.issued_by_date"
           )
+        base-input(
+          label="Страховая оганизация",
+          placeholder="Введите название организации"
+        )
 </template>
 
 <script>
@@ -35,6 +42,7 @@ export default {
   directives: { mask },
   props: {
     changeIdentityDoc: Function,
+    clientDetail: Object,
   },
 };
 </script>

src/pages/medicalCard/components/MedicalPolicyDocuments.vue

@@ -1,20 +1,33 @@
 <template lang="pug">
   .base.flex.flex-col.gap-y-6
+    span.font-bold Полис
     .flex.gap-x-4
-      .flex.flex-col.gap-y-6
-        span.font-bold Полис
-        .flex.gap-x-6
-          .input
-            base-input(
-              label="Серия и номер полиса ОМС",
-              placeholder="0000 000000"
-            )
-          .input
-            base-input(
-              label="Серия и номер полиса ДМС",
-              placeholder="0000 000000"
-            )
-    base-input(label="Код категории льготы", placeholder="000")
+      base-input.input(
+        label="Серия и номер полиса ОМС",
+        placeholder="000000 0000000000",
+        v-model="clientDetail.OMSPolicy.number",
+        v-mask="'###### ##########'"
+      )
+      base-input.input(
+        label="Страховая компания полиса ОМС",
+        v-model="clientDetail.OMSPolicy.organization",
+      )
+    .flex.gap-x-4  
+      base-input.input(
+        label="Серия и номер полиса ДМС",
+        placeholder="000000 0000000000",
+        v-model="clientDetail.DMSPolicy.number",
+        v-mask="'###### ##########'"
+      )
+      base-input.input(
+        label="Страховая компания полиса ДМС",
+        v-model="clientDetail.DMSPolicy.organization",
+      )
+    base-input(
+      label="Код категории льготы",
+      placeholder="000",
+      v-model="clientDetail.benefit_code",
+    )
     base-input(
       label="К кому обращаться в случае необходимости",
       placeholder="ФИО*"
@@ -36,6 +49,9 @@ export default {
   name: "MedicalPolicyDocuments",
   components: { BaseInput, BaseInputDate, BaseSelect, BaseButton },
   directives: { mask },
+  props: {
+    clientDetail: Object,
+  },
 };
 </script>
 

src/pages/medicalCard/utils/medicalConfig.js

@@ -1,4 +1,16 @@
 export const medicalDetailConfig = {
+  gendersList: [
+    {
+      id: "1",
+      label: "Мужской",
+      value: "MALE",
+    },
+    {
+      id: "2",
+      label: "Женский",
+      value: "WOMEN",
+    },
+  ],
   identity_document: {
     height: 366,
     title: "Паспортные данные",