Добавил маппинг полей на мед карту, переход на медкарту с календаря, фикс дефолтного аватара

src/pages/newCalendar/components/CalendarRecordPreview.vue

@@ -12,9 +12,9 @@
           //img.h-5.w-5(:src="field?.icon ? this[field?.icon] : ''", v-if="field?.icon")
           span {{ field?.data ? this[field?.data] : "" }}
         .flex.gap-x-1.flex-1(v-if="field?.title === 'Пациент'")
-          .nameplate.rounded.px-4.pt-2.pb-1.flex.gap-x-2.info.flex-1
+          .nameplate.rounded.px-4.pt-2.pb-1.flex.gap-x-2.info.flex-1.items-center
             q-avatar(size="40px")
-              img(:src="memberData?.photo")
+              img(:src="memberData?.photo ? memberData.photo : defaultImg")
             .flex.flex-col.gap-y-2px
               span.color-dark-blue {{ trimName(memberData?.last_name, memberData?.first_name, memberData?.patronymic) }}
               span.color-grey {{ birthday }}
@@ -23,7 +23,8 @@
             no-caps,
             label="Медкарта",
             :style="{'font-weight': 500}"
-            size="14px"
+            size="14px",
+            @click="getMedicalCardData(memberData?.id), $router.push('medical-card')"
           )
             q-icon.arrow.ml-1(name="app:long-arrow", size="20px")
         .flex.gap-x-1.flex-1.h-full(v-if="field?.title === 'Услуги'")
@@ -49,6 +50,8 @@
 import * as moment from "moment/moment";
 import { mapState } from "vuex";
 import { trimName } from "@/pages/newCalendar/utils/calendarFunctions.js";
+import { mapActions } from "vuex";
+import defaultImg from "@/assets/images/person.png";
 import {
   recordPreviewConfig,
   statuses,
@@ -60,6 +63,7 @@ export default {
   },
   data() {
     return {
+      defaultImg,
       previewConfig: recordPreviewConfig,
       trimName: trimName,
     };
@@ -132,6 +136,9 @@ export default {
         }
       });
     },
+    ...mapActions({
+      getMedicalCardData: "getMedicalCardData",
+    }),
   },
 };
 </script>