From e0831f521f85df9451de757be674a37e90029119 Mon Sep 17 00:00:00 2001
From: megavrilinvv <vastre@rambler.ru>
Date: Thu, 19 Jan 2023 12:33:02 +0300
Subject: [PATCH] =?UTF-8?q?[WIP]=20=D0=A4=D0=B8=D0=BA=D1=81=20=D1=80=D0=B0?=
 =?UTF-8?q?=D0=B4=D0=B8=D0=BE=20=D0=B8=D0=BD=D0=BF=D1=83=D1=82=D0=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/base/BaseInput.vue             |  1 -
 src/components/base/BaseRadioButtonsGroup.vue | 50 ++++++-------------
 .../components/MedicalPolicyDocuments.vue     |  2 +-
 3 files changed, 17 insertions(+), 36 deletions(-)

diff --git a/src/components/base/BaseInput.vue b/src/components/base/BaseInput.vue
index 2f35f12..8809b55 100644
--- a/src/components/base/BaseInput.vue
+++ b/src/components/base/BaseInput.vue
@@ -3,7 +3,6 @@
     q-input(
       v-model="value",
       :class="{'circle': circle}",
-      
       :input-style="{ color: textColor, width: width + 'px' }",
       :borderless="borderless",
       :placeholder="placeholder",
diff --git a/src/components/base/BaseRadioButtonsGroup.vue b/src/components/base/BaseRadioButtonsGroup.vue
index c55da12..a51b233 100644
--- a/src/components/base/BaseRadioButtonsGroup.vue
+++ b/src/components/base/BaseRadioButtonsGroup.vue
@@ -1,20 +1,17 @@
 <template lang="pug">
-  .container.flex.flex-col.gap-y-2
+  .container.flex.flex-col.gap-y-2(@click="click")
     base-input-container(
-      v-if="radioButtonsLabel",
       :label="radioButtonsLabel"
     )
-    q-option-group(
-      class="q-gutter-md",
-      :size="size",
-      :options="items"
-      type="radio",
-      :id="item?.id",
-      :value="item?.value",
-      v-model="value",
-      :inline="inline"
-    )
-    span {{item?.label}}
+      q-option-group.flex(
+        class="q-gutter-md",
+        :style="{ columnGap: columnGap + 'px', rowGap: rowGap + 'px' }"
+        :size="size",
+        :options="items",
+        type="radio",
+        v-model="value",
+        :inline="inline"
+      )
 </template>
 
 <script>
@@ -32,8 +29,8 @@ export default {
       default: () => [],
     },
     directionColumn: Boolean,
-    columnGap: String,
-    rowGap: String,
+    columnGap: Number,
+    rowGap: Number,
     size: {
       type: String,
       default: "sm",
@@ -52,25 +49,10 @@ export default {
         this.$emit("update:modelValue", value);
       },
     },
-    radioGroupClasses() {
-      if (this.directionColumn) {
-        return this.columnGap
-          ? {
-              "flex-col": true,
-              [this.columnGap]: true,
-            }
-          : {
-              "flex-col": true,
-              "gap-y-1": true,
-            };
-      }
-      if (this.rowGap)
-        return {
-          [this.rowGap]: true,
-        };
-      return {
-        "gap-x-4": true,
-      };
+  },
+  methods: {
+    click() {
+      console.log(this.modelValue);
     },
   },
 };
diff --git a/src/pages/medicalCard/components/MedicalPolicyDocuments.vue b/src/pages/medicalCard/components/MedicalPolicyDocuments.vue
index 283113f..6bfcb52 100644
--- a/src/pages/medicalCard/components/MedicalPolicyDocuments.vue
+++ b/src/pages/medicalCard/components/MedicalPolicyDocuments.vue
@@ -4,7 +4,7 @@
     base-radio-buttons-group(
       :items="policiesList",
       v-model="policy",
-      rowGap="gap-x-[182px]",
+      :columnGap="152",
       inline
     )
     .flex.gap-x-4