connect medcards

src/pages/medcards/components/MedicalCardSearchRow.vue

@@ -4,21 +4,21 @@
       :style="headerStyle(headerConfig[0])"
     )
       q-avatar(size="36px")
-        img(:src="medcardInfo.avatar")
-      span.font-semibold.text-dark {{patientName}}
+        img(:src="avatar")
+      span.font-semibold.text-dark {{medcardInfo?.person?.full_name}}
     .field(:style="headerStyle(headerConfig[1])")
-      span.text-dark {{ convertDate(medcardInfo?.birthday) }} г.
+      span.text-dark {{ convertDate(medcardInfo?.person?.birth_date) }} г.
     .field.gap-x-2(:style="headerStyle(headerConfig[2])")
       .rounded-full.h-2.w-2(:style="{background: patientPriority?.color}")
       span(:style="{color: patientPriority?.color}") {{ patientPriority?.text }}
     .field(:style="headerStyle(headerConfig[3])")
       .medcard-number.rounded.h-7.py-1.pl-3.pr-2.flex.items-center.justify-between.w-full.cursor-pointer(
-        @click="copyValue(medcardInfo?.medcard)"
+        @click="copyValue(medcardInfo?.number)"
       )
-        span.text-dark.cursor-pointer {{ medcardInfo?.medcard }}
+        span.text-dark.cursor-pointer {{ medcardInfo?.number }}
         q-icon.copy(size="18px", name="app:copy")
     .field(:style="headerStyle(headerConfig[4])")
-      span.text-dark {{ convertDate(medcardInfo?.creation_date) }} г.
+      span.text-dark {{ convertDate(medcardInfo?.created_at) }} г.
     .field.gap-x-3(:style="headerStyle(headerConfig[5])")
       .track.h-2.flex-1.rounded
         .thumb.h-full.rounded(:style="thumbStyle")
@@ -35,6 +35,7 @@ import {
 import * as moment from "moment/moment";
 import TheNotificationProvider from "@/components/Notifications/TheNotificationProvider";
 import { addNotification } from "@/components/Notifications/notificationContext";
+import avatar from "@/assets/images/person.png";
 export default {
   name: "MedicalCardSearchRow",
   components: { TheNotificationProvider },
@@ -45,11 +46,12 @@ export default {
   data() {
     return {
       headerConfig: searchListConfig,
+      avatar,
     };
   },
   computed: {
     patientName() {
-      return `${this.medcardInfo?.last_name} ${this.medcardInfo?.first_name} ${this.medcardInfo?.patronymic}`;
+      return `${this.medcardInfo?.person?.last_name} ${this.medcardInfo?.person?.first_name} ${this.medcardInfo?.person?.patronymic}`;
     },
     patientPriority() {
       return priorityList?.find(