WIP Подтянула данные в форму мед.карты

src/pages/clients/components/ClientsActionPopup.vue

@@ -29,7 +29,6 @@ export default {
     openChangeData: Function,
     disabledDelete: Boolean,
     createMedicalCard: Function,
-    clientId: String,
   },
   methods: {
     transmitDeleteClient() {

src/pages/clients/components/ClientsTable.vue

@@ -260,20 +260,20 @@ export default {
     openModal() {
       this.showModal = true;
     },
-    async handlerClickPopup(action, id) {
+    async handlerClickPopup(action, clientId, medicalId) {
       this.modalConfig = this.modalConfig.map((el) => {
         return el.name === action
           ? { ...el, view: true }
           : { ...el, view: false };
       });
+      this.clientId = clientId;
       if (action === "delete") {
-        this.clientId = id;
         this.titleModal = "Удалить клиента";
         this.openModal();
       }
       if (action === "medical") {
-        if (id) {
-          localStorage.setItem("medicalId", id);
+        if (medicalId) {
+          localStorage.setItem("medicalId", medicalId);
           this.$router.push("medical-card");
         } else {
           this.titleModal = "Создать мед.карту";
@@ -281,8 +281,8 @@ export default {
         }
       }
     },
-    createMedicalCard(id) {
-      this.selectedClientId = id;
+    createMedicalCard() {
+      this.selectedClientId = this.clientId;
       this.showMedicalCard = true;
       this.closeModal();
     },

src/pages/clients/components/ClientsTableRow.vue

@@ -403,6 +403,7 @@ export default {
       this.$emit(
         "handler-click-popup",
         "medical",
+        this.client.id,
         this.client?.medical_history[0]?.id
       );
     },

src/pages/clients/components/FormCreateMedicalCard.vue

@@ -7,7 +7,10 @@
           :steps="steps",
           :currentStep="currentStep"
         )
-      component(v-bind:is="currentTabComponent")
+      component(
+        v-bind:is="currentTabComponent",
+        :client-detail="clientData",
+      )
     .flex.justify-between
       .flex
         base-button.font-semibold(
@@ -38,6 +41,7 @@ import MedicalBaseData from "@/pages/medicalCard/components/MedicalBaseData";
 import MedicalIdentityDocuments from "@/pages/medicalCard/components/MedicalIdentityDocuments";
 import MedicalPolicyDocuments from "@/pages/medicalCard/components/MedicalPolicyDocuments";
 import BaseStepper from "@/components/base/BaseStepper.vue";
+import { fetchWrapper } from "@/shared/fetchWrapper.js";
 
 export default {
   name: "FormCreateMedicalCard",
@@ -51,6 +55,9 @@ export default {
     MedicalPolicyDocuments,
     BaseStepper,
   },
+  props: {
+    selectedClientId: String,
+  },
   data() {
     return {
       isBaseData: true,
@@ -77,6 +84,8 @@ export default {
           component: "medical-policy-documents",
         },
       ],
+      sourceСlientDetail: {},
+      clientData: {},
     };
   },
   computed: {
@@ -92,6 +101,73 @@ export default {
       this.currentStep -= 1;
     },
     finish() {},
+    fetchClientDetail() {
+      fetchWrapper
+        .get(`/general/person/${this.selectedClientId}/detail/`)
+        .then((detail) => this.saveClientDetail(detail));
+    },
+    saveClientDetail(detail) {
+      this.sourceСlientDetail = detail;
+      this.clientData = {
+        id: detail.id,
+        address: detail.address,
+        benefit_code: detail.benefit_code,
+        birth_date: detail.birth_date ? new Date(detail.birth_date) : null,
+        //contacts: detail.contacts,
+        fullName: `${detail.last_name ?? ""} ${detail.first_name ?? ""} ${
+          detail.patronymic ?? ""
+        }`,
+        gender: detail?.gender,
+        insurance_number: detail.insurance_number,
+        special_mark: detail.special_mark,
+        phone: detail.contacts.find((el) => el.kind === "PHONE")?.username,
+        email: detail.contacts.find((el) => el.kind === "EMAIL")?.username,
+      };
+      this.saveClientIdentityDoc(detail.identity_documents);
+      this.saveCLientPolicy(detail.insurance_policy);
+    },
+    saveCLientPolicy(data) {
+      let OMSPolicy = data.find((el) => el.title === "OMS"),
+        DMSPolicy = data.find((el) => el.title === "DMS");
+      this.clientData.OMSPolicy = {
+        number:
+          OMSPolicy?.series && OMSPolicy?.number
+            ? `${OMSPolicy?.series} ${OMSPolicy?.number}`
+            : "",
+        organization: OMSPolicy?.organization || "",
+        title: "OMS",
+      };
+      if (OMSPolicy?.id) this.clientData.OMSPolicy.id = OMSPolicy?.id;
+      this.clientData.DMSPolicy = {
+        number:
+          DMSPolicy?.series && DMSPolicy?.number
+            ? `${DMSPolicy?.series} ${DMSPolicy?.number}`
+            : "",
+        organization: DMSPolicy?.organization || "",
+        title: "DMS",
+      };
+      if (DMSPolicy?.id) this.clientData.DMSPolicy.id = DMSPolicy?.id;
+    },
+    saveClientIdentityDoc(data) {
+      let identityDoc = data.find((el) => el.kind === "PASSPORT");
+      this.clientData.identity_documents = {
+        kind: "PASSPORT",
+        number:
+          identityDoc?.series && identityDoc?.number
+            ? `${identityDoc?.series} ${identityDoc?.number}`
+            : "",
+        issued_by_org: identityDoc?.issued_by_org || "",
+        issued_by_org_code: identityDoc?.issued_by_org_code || "",
+        issued_by_date: identityDoc?.issued_by_date
+          ? new Date(identityDoc?.issued_by_date)
+          : null,
+      };
+      if (identityDoc?.id)
+        this.clientData.identity_documents.id = identityDoc?.id;
+    },
+  },
+  mounted() {
+    this.fetchClientDetail();
   },
 };
 </script>