[WIP] Добавил выборку на расписании

src/pages/schedule/components/ScheduleBar.vue

@@ -14,9 +14,10 @@
         .flex.justify-around(class="py-2.5")
           base-button.font-semibold(
             v-for="item in buttons",
-            :class="item.work" ,
+            :class="item.class" ,
+            :key="item",
             :style="{minWidth: '190px', minHeight: '43px', border: item.active ? '1.5px solid #5E5E5E' : 'none'}",
-            @click="choiceSchedule(item.work)"
+            @click="choiceSchedule(item.class)"
           ) {{item.name}}
       .graph-template.flex
         base-custom-select(
@@ -37,6 +38,7 @@ import BaseInputDate from "@/components/base/BaseInputDate.vue";
 export default {
   name: "ScheduleBar",
   components: { BaseButton, BaseCustomSelect, BaseInputTime, BaseInputDate },
+  props: { dataSchedule: Object, selectWork: Function, buttons: Array },
   data() {
     return {
       scheduleList: [
@@ -46,22 +48,12 @@ export default {
         { label: "5/2", id: 4 },
       ],
       schedule: {},
-      dataSchedule: {
-        startDate: null,
-        endDate: null,
-        status: "",
-      },
-      buttons: [
-        { work: "button-work", name: "Работает", active: false },
-        { work: "button-status", name: "Отпуск/больничный", active: false },
-        { work: "button-free", name: "Статусы", active: false },
-      ],
     };
   },
   methods: {
     choiceSchedule(item) {
       this.buttons.forEach((e) => (e.active = false));
-      this.buttons.find((e) => e.work === item).active = true;
+      this.buttons.find((e) => e.class === item).active = true;
     },
   },
 };