WIP Сделал шаблон Контактов

src/store/modules/medicalCard.js

@@ -3,6 +3,11 @@ import { genderOptions } from "@/pages/newMedicalCard/utils/medicalConfig";
 
 const state = () => ({
   medicalCard: {},
+  contactsData: {
+    phones: [],
+    emails: [],
+    networks: [],
+  },
   basicData: {
     personalData: {
       last_name: null,
@@ -133,6 +138,22 @@ const getters = {
       },
     };
   },
+  getContactsData(state) {
+    let phones = state.medicalCard.person.contacts.filter(
+      (el) => el.kind === "PHONE"
+    );
+    let emails = state.medicalCard.person.contacts.filter(
+      (el) => el.kind === "EMAIL"
+    );
+    let networks = state.medicalCard.person.contacts.filter(
+      (el) => el.kind !== "PHONE" && el.kind !== "EMAIL"
+    );
+    return {
+      phones: phones,
+      emails: emails,
+      networks: networks,
+    };
+  },
   getAvatar(state) {
     let lastName = state?.medicalCard?.person?.last_name;
     let firstName = state?.medicalCard?.person?.first_name;
@@ -151,6 +172,7 @@ const actions = {
       .then((res) => {
         commit("setMedicalCard", res);
         commit("setBasicData");
+        commit("setContactsData");
       });
   },
   returnInitData({ commit }) {
@@ -178,6 +200,9 @@ const mutations = {
   setBasicData(state) {
     state.basicData = { ...this.getters.getBasicData };
   },
+  setContactsData(state) {
+    state.contactsData = { ...this.getters.getContactsData };
+  },
 };
 
 export default {