WIP Стянула записи приемов с бэка

src/pages/newCalendar/components/managerCalendar/CalendarColumn.vue

@@ -6,10 +6,10 @@
           size="40px",
           round
         )
-          img(:src="employee?.photo || defaultPhoto", alt="doctor")
+          img(:src="medic?.photo || defaultPhoto", alt="doctor")
         .flex.flex-col.justify-between
-          span.text-dark {{trimName(employee?.last_name, employee?.first_name, employee?.patronymic)}}
-          span.text-xsx.color-grey {{employee?.job || "Терапевт"}}
+          span.text-dark {{trimName(medic?.last_name, medic?.first_name, medic?.patronymic)}}
+          span.text-xsx.color-grey {{medic?.job || "Терапевт"}}
       button(@click="locked = !locked")
         q-icon.lock-icon(
           :name="locked ? 'app:lock' : 'app:lock-open'",
@@ -29,35 +29,34 @@
 <script>
 import { columnMixin } from "@/pages/newCalendar/mixins/columnMixin.js";
 import { trimName } from "@/pages/newCalendar/utils/calendarFunctions.js";
-import { recordList } from "@/pages/newCalendar/utils/calendarConfig";
 import doctorAvatar from "@/assets/images/doctor.png";
+import { mapState } from "vuex";
 export default {
   name: "CalendarColumn",
   mixins: [columnMixin],
   props: {
-    employee: Object,
+    medic: Object,
   },
   data() {
     return {
       trimName: trimName,
-      configEvents: recordList,
       defaultPhoto: doctorAvatar,
       locked: false,
     };
   },
   computed: {
+    ...mapState({
+      events: (state) => state.calendar.events,
+    }),
     filteredRecords() {
-      // return this.configEvents.filter(
-      //   (elem) => elem?.employee?.id === this.employee?.id
-      // );
-      return [];
+      return this.events.filter((elem) => elem?.medic?.id === this.medic?.id);
     },
   },
 };
 </script>
 
 <style lang="sass" scoped>
-@import "@/pages/newCalendar/mixins/columnStyle.sass"
+@import "@/pages/newCalendar/sass/columnStyle.sass"
 .lock-icon :deep(path)
   fill: var(--font-grey-color)
 </style>