WIP Подключил store для мед карты, поправил форму Основных данных

src/pages/newMedicalCard/components/MedicalFormWrapper.vue

@@ -6,11 +6,11 @@
     .flex.flex-col.h-full.gap-25px.p-6
       .flex.w-fit.gap-11px.items-center
         span.font-bold.text-base {{title}}
-        q-icon.edit-button.text-lg.cursor-pointer(name="app:edit" v-if="!thisEdit" @click="clickEditForm" size="20")
+        q-icon.edit-button.text-lg.cursor-pointer(name="app:edit" v-if="!isEdit" @click="clickEditForm" size="20")
       slot
       .flex.h-fit.w-fit.gap-2
-        base-button.text-base.font-semibold(v-if="thisEdit" outlined :size="40" @click="cancelEdit") Отменить
-        base-button.text-base.font-semibold(v-if="thisEdit" :size="40" @click="saveChangeForm") Сохранить изменения
+        base-button.text-base.font-semibold(v-if="isEdit" outlined :size="40" @click="cancelEdit") Отменить
+        base-button.text-base.font-semibold(v-if="isEdit" :size="40" @click="saveChangeForm") Сохранить изменения
 </template>
 
 <script>
@@ -21,25 +21,32 @@ export default {
   components: { BaseButton, BaseLoader },
   props: {
     title: String,
+    changeEdit: {
+      type: Function,
+      default: () => {},
+    },
   },
   data() {
     return {
-      thisEdit: false,
+      isEdit: false,
       isLoadingData: false,
     };
   },
   methods: {
     clickEditForm() {
-      this.thisEdit = true;
+      this.isEdit = true;
+      this.changeEdit();
     },
     cancelEdit() {
-      this.thisEdit = false;
+      this.isEdit = false;
+      this.changeEdit();
     },
     saveChangeForm() {
       this.isLoadingData = true;
       setTimeout(() => {
         this.isLoadingData = false;
-        this.thisEdit = false;
+        this.isEdit = false;
+        this.changeEdit();
       }, 2000);
     },
   },