WIP Добвил обновление Основных данных в БД

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="!isEdit" @click="clickEditForm" size="20")
+        q-icon.edit-button.text-lg.cursor-pointer(name="app:edit" v-if="!isEdit" @click="openEdit" size="20")
       slot
       .flex.h-fit.w-fit.gap-2(v-if="isEdit")
-        base-button.text-base.font-semibold(outlined :size="40" @click="cancelEdit") Отменить
-        base-button.text-base.font-semibold(:size="40" @click="saveChangeForm") Сохранить изменения
+        base-button.text-base.font-semibold(outlined :size="40" @click="cancel") Отменить
+        base-button.text-base.font-semibold(v-if="isCheckChange" :size="40" @click="save") Сохранить изменения
 </template>
 
 <script>
@@ -33,29 +33,17 @@ export default {
       type: Function,
       default: () => {},
     },
-  },
-  data() {
-    return {
-      isEdit: false,
-      isLoadingData: false,
-    };
-  },
-  methods: {
-    clickEditForm() {
-      this.isEdit = true;
-      this.openEdit();
+    isCheckChange: {
+      type: Boolean,
+      default: false,
     },
-    cancelEdit() {
-      this.isEdit = false;
-      this.cancel();
+    isLoadingData: {
+      type: Boolean,
+      default: false,
     },
-    saveChangeForm() {
-      this.isLoadingData = true;
-      setTimeout(() => {
-        this.isLoadingData = false;
-        this.isEdit = false;
-        this.save();
-      }, 2000);
+    isEdit: {
+      type: Boolean,
+      default: false,
     },
   },
 };