[WIP] Добавил возможность замены смен, фикс стилей

src/pages/schedule/components/ScheduleTableBody.vue

@@ -1,8 +1,24 @@
 <template lang="pug">
   .schedule-wrapper.flex.w-full.flex-col
     .flex.w-full(v-for="schedule in serialized", :key="schedule.id")
-      .edit.flex.items-center.justify-center.h-11.w-11
-        .flex.icon-edit
+      q-btn(
+        flat,
+        class="edit",
+        icon="app:icon-edit",
+        size="12px",
+        no-caps,
+        padding="10px 13px",
+        @click="openForm(schedule)"
+      )
+        q-menu(v-model="showForm")
+          form-change-shift(
+            v-model="showForm",
+            :replacement-sheet="replacementSheet",
+            :employees="employees",
+            :trim-owner-name="trimOwnerName",
+            :serialized="serialized",
+            :change-shift="changeShift"
+          )
       .name-employee.flex.justify-center.items-center.cursor-pointer
         span {{trimOwnerName(schedule.last_name, schedule.first_name, schedule.patronymic)}}
       .row.flex
@@ -20,8 +36,11 @@
 </template>
 
 <script>
+import FormChangeShift from "@/pages/schedule/components/FormChangeShift.vue";
+
 export default {
   name: "ScheduleTableBody",
+  components: { FormChangeShift },
   props: {
     serialized: Array,
     trimOwnerName: Function,
@@ -33,6 +52,15 @@ export default {
     buttons: Array,
     showTime: Boolean,
     scheduleList: Array,
+    openForm: Function,
+    changeShift: Function,
+    replacementSheet: Object,
+    employees: Array,
+  },
+  data() {
+    return {
+      showForm: false,
+    };
   },
   methods: {
     choiceDay(day, employee) {
@@ -80,6 +108,7 @@ export default {
     border-radius: 0
 
 .edit
+  border-radius: 0
   border-right: 1.5px solid var(--border-light-grey-color-1)
   border-bottom: 1.5px solid var(--border-light-grey-color-1)
   border-left: 1.5px solid var(--border-light-grey-color-1)