WIP Добавил обновление Контактов

src/pages/newMedicalCard/components/BasicDataForms/ContactsForm.vue

@@ -8,7 +8,7 @@
     :cancel="cancelEdit" 
     :open-edit="openEdit"
     )
-    .form-wrap.gap-24.w-full
+    q-form.form-wrap.gap-24.w-full(ref="formContacts")
       .flex.flex-col.gap-4(v-for="(contact, key) in contacts")
         .font-semibold.text-sm.whitespace-nowrap {{configData[key].title}}
         .flex.w-full.justify-between.items-center.gap-4(v-for="(data, index) in contact")
@@ -44,6 +44,7 @@
               :disabled="!isEdit" 
               v-model="data.username"
               :mask="configData[key].inputMask"
+              :rule="configData[key].rules"
               @update:model-value="checkChangeInput"
               type="text"  
               :standout="!isEdit" 
@@ -72,6 +73,7 @@ import BaseSelectNetworks from "@/components/base/BaseSelectNetworks.vue";
 import { mapNetworks } from "@/pages/newMedicalCard/utils/medicalConfig";
 import { checkChangeData } from "@/shared/utils/changesObjects";
 import { contactsDataForm } from "@/pages/newMedicalCard/utils/medicalConfig";
+import { getRequestArrayData } from "@/shared/utils/wrapperRequestChangeData";
 import { mapState, mapGetters } from "vuex";
 
 export default {
@@ -92,6 +94,8 @@ export default {
     }),
     ...mapState({
       contacts: (state) => state.medical.contactsData,
+      personId: (state) => state.medical.medicalCard.person.id,
+      initAllContacts: (state) => state.medical.medicalCard.person.contacts,
     }),
   },
   methods: {
@@ -111,11 +115,37 @@ export default {
       this.isEdit = false;
       this.isCheckChange = false;
     },
+    updateContacts() {
+      const allNewContacts = [
+        ...this.contacts.phones,
+        ...this.contacts.emails,
+        ...this.contacts.networks,
+      ];
+      const notEmptyContacts = allNewContacts.filter(
+        (el) => el.kind && el.username
+      );
+      return getRequestArrayData(
+        this.initAllContacts,
+        notEmptyContacts,
+        "person",
+        this.personId,
+        "general",
+        "contact"
+      );
+    },
     saveChange() {
-      this.isLoadingData = true;
-      this.$store.dispatch("updateContactsData").then(() => {
-        this.isEdit = false;
-        this.isLoadingData = false;
+      const form = this.$refs.formContacts;
+      form.validate().then((validate) => {
+        if (validate) {
+          this.isLoadingData = true;
+          Promise.allSettled(this.updateContacts())
+            .then(() => this.$store.dispatch("getMedicalCardData"))
+            .then(() => {
+              this.isLoadingData = false;
+              this.isEdit = false;
+              this.isCheckChange = false;
+            });
+        }
       });
     },
     checkChangeInput() {