WIP Подтянула id клиента для медкарты

src/pages/clients/components/ClientsActionPopup.vue

@@ -8,7 +8,7 @@
       .button.keep-redaction.flex.gap-x-3
         .icon-star-off.icon
         span На ведение
-      .button.keep-redaction.flex.gap-x-3(@click="createMedicalCard")
+      .button.keep-redaction.flex.gap-x-3(@click="createMedicalCard(clientId)")
         .icon-star-off.icon
         span Мед. карта
       .button.delete.flex.gap-x-3(
@@ -29,6 +29,7 @@ export default {
     openChangeData: Function,
     disabledDelete: Boolean,
     createMedicalCard: Function,
+    clientId: String,
   },
   methods: {
     transmitDeleteClient() {

src/pages/clients/components/ClientsTable.vue

@@ -17,7 +17,7 @@
         )
         .flex.flex-col.h-full.table-container.w-full.mt-8.mb-3
           base-modal(v-model="showMedicalCard")
-            form-create-medical-card
+            form-create-medical-card(:selected-client-id="selectedClientId")
           clients-table-header(:check="selectedCheck" :is-check="selectAll")
           .flex.flex-col
             clients-table-row(
@@ -133,6 +133,7 @@ export default {
       clearingTextSearch: false,
       showMedicalCard: false,
       createdClientName: "",
+      selectedClientId: "",
     };
   },
   computed: {
@@ -262,7 +263,8 @@ export default {
       this.titleModal = "Создать мед.карту";
       this.openModal();
     },
-    createMedicalCard() {
+    createMedicalCard(id) {
+      this.selectedClientId = id;
       this.showMedicalCard = true;
       this.closeModal();
     },

src/pages/clients/components/ClientsTableRow.vue

@@ -21,6 +21,7 @@
             clients-action-popup(
               v-if="isOpenPopup",
               :open-change-data="openChangeData",
+              :client-id="client.id",
               :disabled-delete="!!deletedClientId && !rowOverlay",
               @delete-client="transmitDeleteClient",
               :create-medical-card="createMedicalCard"

src/pages/clients/components/FormCreateMedicalCard.vue

@@ -51,6 +51,9 @@ export default {
     MedicalPolicyDocuments,
     BaseStepper,
   },
+  props: {
+    selectedClientId: String,
+  },
   data() {
     return {
       isBaseData: true,
@@ -93,6 +96,14 @@ export default {
     },
     finish() {},
   },
+  watch: {
+    selectedClientId: {
+      immediate: true,
+      handler(newValue) {
+        console.log(newValue);
+      },
+    },
+  },
 };
 </script>