WIP Сделана выборка по полисам

src/pages/medicalCard/components/MedicalBaseData.vue

@@ -6,6 +6,7 @@
         base-input.w-full(
           placeholder="ФИО*",
           v-model="clientDetail.fullName",
+          disabled
         )
         base-radio-buttons-group(
           :items="gendersList",

src/pages/medicalCard/components/MedicalIdentityDocuments.vue

@@ -23,10 +23,6 @@
             label="Дата выдачи",
             v-model="clientDetail.identity_documents.issued_by_date"
           )
-        base-input(
-          label="Страховая оганизация",
-          placeholder="Введите название организации"
-        )
 </template>
 
 <script>

src/pages/medicalCard/components/MedicalPolicyDocuments.vue

@@ -1,28 +1,38 @@
 <template lang="pug">
   .base.flex.flex-col.gap-y-6
     span.font-bold Полис
+    base-radio-buttons-group(
+      :items="policiesList",
+      v-model="policy",
+      rowGap="gap-x-[182px]"
+    )
     .flex.gap-x-4
-      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",
-      )
+      .flex.flex-col.gap-y-4
+        base-input.input(
+          label="Серия и номер полиса ОМС",
+          placeholder="000000 0000000000",
+          v-model="clientDetail.OMSPolicy.number",
+          v-mask="'###### ##########'",
+          :disabled="!selectedOMSPolicy"
+        )
+        base-input.input(
+          label="Страховая организация полиса ОМС",
+          v-model="clientDetail.OMSPolicy.organization",
+          :disabled="!selectedOMSPolicy"
+        )
+      .flex.flex-col.gap-y-4
+        base-input.input(
+          label="Серия и номер полиса ДМС",
+          placeholder="000000 0000000000",
+          v-model="clientDetail.DMSPolicy.number",
+          v-mask="'###### ##########'",
+          :disabled="selectedOMSPolicy"
+        )
+        base-input.input(
+          label="Страховая организация полиса ДМС",
+          v-model="clientDetail.DMSPolicy.organization",
+          :disabled="selectedOMSPolicy"
+        )
     base-input(
       label="Код категории льготы",
       placeholder="000",
@@ -42,16 +52,35 @@
 import BaseInput from "@/components/base/BaseInput";
 import BaseInputDate from "@/components/base/BaseInputDate";
 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: "MedicalPolicyDocuments",
-  components: { BaseInput, BaseInputDate, BaseSelect, BaseButton },
+  components: {
+    BaseInput,
+    BaseInputDate,
+    BaseSelect,
+    BaseRadioButtonsGroup,
+  },
   directives: { mask },
   props: {
     clientDetail: Object,
   },
+  data() {
+    return {
+      policy: "OMS",
+    };
+  },
+  computed: {
+    policiesList() {
+      return medicalDetailConfig.policiesList;
+    },
+    selectedOMSPolicy() {
+      return this.policy === "OMS";
+    },
+  },
 };
 </script>
 

src/pages/medicalCard/utils/medicalConfig.js

@@ -11,6 +11,18 @@ export const medicalDetailConfig = {
       value: "WOMEN",
     },
   ],
+  policiesList: [
+    {
+      id: "1",
+      label: "Полис ОМС",
+      value: "OMS",
+    },
+    {
+      id: "2",
+      label: "Полис ДМС",
+      value: "DMS",
+    },
+  ],
   identity_document: {
     height: 366,
     title: "Паспортные данные",