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

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>