From ad32fc0e54f3d88add9abc75e5083e1e9d6a038c Mon Sep 17 00:00:00 2001
From: DwCay <duminalexei@gmail.com>
Date: Fri, 5 May 2023 15:44:48 +0300
Subject: [PATCH] =?UTF-8?q?WIP=20=D0=9F=D0=BE=D0=BF=D1=80=D0=B0=D0=B2?=
 =?UTF-8?q?=D0=B8=D0=BB=20=D0=B0=D0=B4=D0=B0=D0=BF=D1=82=D0=B8=D0=B2=20?=
 =?UTF-8?q?=D0=B8=20=D0=BE=D1=88=D0=B8=D0=B1=D0=BA=D1=83=20=D0=BE=D0=B1?=
 =?UTF-8?q?=D0=BD=D0=BE=D0=B2=D0=BB=D0=B5=D0=BD=D0=B8=D1=8F=20=D0=B4=D0=B0?=
 =?UTF-8?q?=D0=BD=D0=BD=D1=8B=D1=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/BasicDataForms/DocumentsForm.vue           | 8 ++++----
 .../newMedicalCard/components/MedicalBasicDataWrapper.vue | 4 +++-
 .../newMedicalCard/components/MedicalConfidantWrapper.vue | 2 ++
 src/pages/newMedicalCard/components/MedicalHeader.vue     | 3 ++-
 src/pages/newMedicalCard/components/MedicalSidebar.vue    | 8 ++++++--
 5 files changed, 17 insertions(+), 8 deletions(-)

diff --git a/src/pages/newMedicalCard/components/BasicDataForms/DocumentsForm.vue b/src/pages/newMedicalCard/components/BasicDataForms/DocumentsForm.vue
index bd234f3..2dd1766 100644
--- a/src/pages/newMedicalCard/components/BasicDataForms/DocumentsForm.vue
+++ b/src/pages/newMedicalCard/components/BasicDataForms/DocumentsForm.vue
@@ -203,13 +203,13 @@ export default {
               passportFormData.append(elem.name, elem.modelValue ?? "");
             } else documentsFormData.append(elem.name, elem.modelValue ?? "");
           });
-          this.checkChengePhoto("passport", "photo", passportFormData);
-          this.checkChengePhoto(
+          this.checkChangePhoto("passport", "photo", passportFormData);
+          this.checkChangePhoto(
             "insurance_number",
             "photo_insurance_number",
             documentsFormData
           );
-          this.checkChengePhoto(
+          this.checkChangePhoto(
             "tax_identification_number",
             "photo_tax_identification_number",
             documentsFormData
@@ -280,7 +280,7 @@ export default {
         }
       });
     },
-    checkChengePhoto(updatedObjId, field, formData) {
+    checkChangePhoto(updatedObjId, field, formData) {
       if (this.docData[updatedObjId][field]?.file)
         formData.append(field, this.docData[updatedObjId][field]?.file[0]);
     },
diff --git a/src/pages/newMedicalCard/components/MedicalBasicDataWrapper.vue b/src/pages/newMedicalCard/components/MedicalBasicDataWrapper.vue
index c6b9421..ab95b91 100644
--- a/src/pages/newMedicalCard/components/MedicalBasicDataWrapper.vue
+++ b/src/pages/newMedicalCard/components/MedicalBasicDataWrapper.vue
@@ -1,5 +1,5 @@
 <template lang="pug">
-  .flex.flex-col.gap-y-2.wrapper.h-full
+  .flex.flex-col.gap-y-2.wrapper.h-full.w-full
     basic-data-form
     contacts-form
     documents-form
@@ -21,6 +21,8 @@ export default {
 .wrapper
   flex: 1
   overflow-y: auto
+  min-width: 560px
+  min-height: 350px
   @media (max-width: 600px)
     width: fit-content
   &::-webkit-scrollbar
diff --git a/src/pages/newMedicalCard/components/MedicalConfidantWrapper.vue b/src/pages/newMedicalCard/components/MedicalConfidantWrapper.vue
index 6e74eab..3cdcfc7 100644
--- a/src/pages/newMedicalCard/components/MedicalConfidantWrapper.vue
+++ b/src/pages/newMedicalCard/components/MedicalConfidantWrapper.vue
@@ -37,6 +37,8 @@ export default {
 .wrapper
   width: 83.2%
   overflow-y: auto
+  min-width: 560px
+  min-height: 350px
   @media (max-width: 600px)
     width: fit-content
   &::-webkit-scrollbar
diff --git a/src/pages/newMedicalCard/components/MedicalHeader.vue b/src/pages/newMedicalCard/components/MedicalHeader.vue
index 0f582ee..a6e69b1 100644
--- a/src/pages/newMedicalCard/components/MedicalHeader.vue
+++ b/src/pages/newMedicalCard/components/MedicalHeader.vue
@@ -63,7 +63,7 @@
           span.date-color {{ updatedDate }}
     .flex.justify-between.pt-4
       .flex
-        .menu-item.px-6.py-10px.cursor-pointer.text-base(
+        .menu-item.px-6.py-10px.cursor-pointer.text-base.whitespace-nowrap(
           v-for="item in menuItem",
           @click="selectItem(item)",
           :class="{'menu-item-active': item.component === modelValue}",
@@ -169,6 +169,7 @@ export default {
   width: 83.2%
   height: 18.7%
   background-color: var(--default-white)
+  min-width: 1050px
   min-height: 190px
 .menu-item
   color: var(--font-grey-color)
diff --git a/src/pages/newMedicalCard/components/MedicalSidebar.vue b/src/pages/newMedicalCard/components/MedicalSidebar.vue
index b6044f7..678382a 100644
--- a/src/pages/newMedicalCard/components/MedicalSidebar.vue
+++ b/src/pages/newMedicalCard/components/MedicalSidebar.vue
@@ -1,6 +1,6 @@
 <template lang="pug">
   .sidebar-wrapper.h-full.rounded.px-2.py-6.flex.flex-col
-    .menu-item.text-base.px-4.py-3.rounded.cursor-pointer(
+    .menu-item.text-base.px-4.py-3.rounded.cursor-pointer.whitespace-nowrap(
       v-for="item in menuItem",
       :key="item.id",
       :id="item.id",
@@ -20,6 +20,9 @@ export default {
       menuItem: baseInfoMenu,
     };
   },
+  updated() {
+    this.$store.dispatch("returnInitData");
+  },
   methods: {
     selectItem(item) {
       this.value = item?.component;
@@ -29,7 +32,8 @@ export default {
 </script>
 <style lang="sass" scoped>
 .sidebar-wrapper
-  width: 16.3%
+  min-width: 300px
+  min-height: 350px
   background-color: var(--default-white)
 .menu-item
   color: var(--font-grey-color)