From 1dd0c7936000e746f7e262adc723d5ddf6a9b49e Mon Sep 17 00:00:00 2001
From: megavrilinvv <vastre@rambler.ru>
Date: Mon, 26 Dec 2022 13:31:03 +0300
Subject: [PATCH 1/3] =?UTF-8?q?[WIP]=20=D0=94=D0=BE=D0=B1=D0=B0=D0=B2?=
 =?UTF-8?q?=D0=B8=D0=BB=20=D0=BE=D1=82=D0=BE=D0=B1=D1=80=D0=B0=D0=B6=D0=B5?=
 =?UTF-8?q?=D0=BD=D0=B8=D0=B5=20=D1=82=D0=B5=D0=BA=D1=81=D1=82=D0=B0=20?=
 =?UTF-8?q?=D0=BF=D1=80=D0=B8=20=D0=B2=D1=8B=D0=B1=D0=BE=D1=80=D0=B5=20?=
 =?UTF-8?q?=D0=B4=D0=B0=D1=82=D1=8B=20=D0=B8=20=D0=B2=D1=8B=D0=B1=D0=BE?=
 =?UTF-8?q?=D1=80=20employee?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/schedule/TheSchedule.vue            | 46 ++++++++--
 src/pages/schedule/components/ScheduleBar.vue |  8 +-
 .../schedule/components/ScheduleBody.vue      | 86 +++++++++++--------
 3 files changed, 95 insertions(+), 45 deletions(-)

diff --git a/src/pages/schedule/TheSchedule.vue b/src/pages/schedule/TheSchedule.vue
index 3776551..816ded6 100644
--- a/src/pages/schedule/TheSchedule.vue
+++ b/src/pages/schedule/TheSchedule.vue
@@ -13,9 +13,11 @@
         :serialized="serialized",
         :data-schedule="dataSchedule",
         :buttons="buttons",
-        :start-month="startMonth"
+        :start-month="startMonth",
+        :clear-employee="clearEmployee",
+        @new-date="createNewDate"
       )
-      schedule-bar(:data-schedule="dataSchedule", :select-work="selectWork", :buttons="buttons")
+      schedule-bar(:data-schedule="dataSchedule", :buttons="buttons")
 </template>
 
 <script>
@@ -31,6 +33,7 @@ export default {
     return {
       employeeList: [],
       scheduleList: [],
+      clearEmployee: [],
       serialized: [],
       dataSchedule: {
         status: "",
@@ -45,7 +48,7 @@ export default {
           work: "WORKS",
           active: false,
           color: "#55CD76",
-          text: "Р",
+          text: "'Р'",
         },
         {
           class: "button-status",
@@ -53,7 +56,7 @@ export default {
           work: "VACATION",
           active: false,
           color: "#D7D9FF",
-          text: "О",
+          text: "'О'",
         },
         {
           class: "button-free",
@@ -61,7 +64,7 @@ export default {
           work: "DAY_OFF",
           active: false,
           color: "#9294A7",
-          text: "В",
+          text: "'В'",
         },
       ],
       startMonth: moment().startOf("month"),
@@ -94,6 +97,14 @@ export default {
           )
           .then((data) => {
             this.scheduleList.push(...data.results);
+            if (!data.count)
+              this.clearEmployee.push({
+                first_name: e.first_name,
+                id: e.id,
+                last_name: e.last_name,
+                patronymic: e.patronymic,
+                schedules: [],
+              });
           })
           .then(() => this.filterScheduleEmployee());
       });
@@ -134,8 +145,29 @@ export default {
       });
       this.serialized = serialized;
     },
-    selectWork(work) {
-      this.dataSchedule.status = work;
+    postCreateSchedule() {
+      fetchWrapper
+        .post("accounts/schedules/create/", {
+          employee: "582b6557-33f4-480f-b578-984bbca0a925",
+          active_flg: true,
+          start_date: "2019-08-24",
+          end_date: "2019-08-24",
+          title: "string",
+          name: "string",
+          start_time: "string",
+          end_time: "string",
+          status: "string",
+          work_template: 0,
+          holiday_template: 0,
+        })
+        .then(() => this.fetchSchedules());
+    },
+    createNewDate(e) {
+      let res = this.clearEmployee.find((elem) => elem.id === e.id);
+      res.schedules.push({
+        start_date: e.start,
+        end_date: e.end,
+      });
     },
     switchPreviousMonth() {
       this.startMonth = this.startMonth.clone().subtract(1, "M");
diff --git a/src/pages/schedule/components/ScheduleBar.vue b/src/pages/schedule/components/ScheduleBar.vue
index c1bbecf..9a80d26 100644
--- a/src/pages/schedule/components/ScheduleBar.vue
+++ b/src/pages/schedule/components/ScheduleBar.vue
@@ -1,6 +1,6 @@
 <template lang="pug">
   .wrapper-bar.flex.flex-col.gap-y-4
-    .flex.px-5.py-5.w-full.justify-around
+    .flex.px-5.py-5.w-full.justify-around.gap-x-4
       .time-wrapper.flex.justify-between
         .flex.flex-col.items-center.py-14px.px-4.gap-y-14px
           .text.text-smm Начало
@@ -14,7 +14,7 @@
         .flex.justify-around(class="py-2.5")
           base-button.font-semibold(
             v-for="item in buttons",
-            :class="item.class" ,
+            :class="item.class",
             :key="item",
             :style="{minWidth: '190px', minHeight: '43px', border: item.active ? '1.5px solid #5E5E5E' : 'none'}",
             @click="choiceSchedule(item.class)"
@@ -38,7 +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 },
+  props: { dataSchedule: Object, buttons: Array },
   data() {
     return {
       scheduleList: [
@@ -90,7 +90,7 @@ export default {
   color: var(--font-grey-color)
 
 .status-wrapper
-  width: 690px
+  min-width: 690px
   height: 102px
   border: 1.5px solid var(--border-light-grey-color-1)
   border-radius: 4px
diff --git a/src/pages/schedule/components/ScheduleBody.vue b/src/pages/schedule/components/ScheduleBody.vue
index 34482d2..7b1fe36 100644
--- a/src/pages/schedule/components/ScheduleBody.vue
+++ b/src/pages/schedule/components/ScheduleBody.vue
@@ -16,11 +16,11 @@
             :style="{opacity: changeOpacity(day)}"
             ) {{day.format("ddd")}}
     .schedule-body.flex.w-full(v-for="schedule in serialized", :key="schedule.id")
-      .edit.flex.items-center.justify-center.h-9.w-9
+      .edit.flex.items-center.justify-center.h-11.w-11
         .flex.icon-edit
       .name-employee.flex.justify-center.items-center.cursor-pointer(@click="openSelect(schedule)")
         span {{trimOwnerName(schedule.last_name, schedule.first_name, schedule.patronymic)}}
-      .cell.flex.flex-col.items-center.justify-center.w-11.cursor-pointer(
+      .cell.flex.flex-col.items-center.justify-center.w-11.h-11.cursor-pointer(
         v-for="day in result",
         :key="day",
         :id="schedule.id + day",
@@ -29,30 +29,40 @@
         :style="{backgroundColor: day.format('YYYY-MM-DD') === choiceDay(day, schedule.id) ? choiceColor(day) : ''}"
       )
         .flex {{day.format("YYYY-MM-DD") === choiceDay(day, schedule.id) ? choiceWorks(day) : ''}}
-    //- .schedule-body.flex.w-full
-    //-   .edit.flex.items-center.justify-center.h-9.w-9
-    //-     .flex.items-center.gap-x-8
-    //-       base-button(
-    //-         confirm,
-    //-         rounded,
-    //-         outlined,
-    //-         :size="20",
-    //-         @click="saveEmployee",
-    //-         v-if="currentEmployee.label"
-    //-       )
-    //-         .icon-ok.text-xsm(class="pt-[3px]")
-    //-   .name.flex.justify-center.items-center.cursor-pointer(
-    //-     v-if="currentEmployee.label",
-    //-     @click="openSelect"
-    //-   )
-    //-     span {{currentEmployee.label}}
-    //-   .name.flex(v-if="!currentEmployee.label")
-    //-     base-custom-select(
-    //-       :items="ownersList",
-    //-       v-model="currentEmployee",
-    //-       placeholder="Добавить сотрудника",
-    //-       :style="{border: 'none'}"
+    .schedule-body.flex.w-full(v-if="clearEmployee")
+      .edit.flex.items-center.justify-center.h-11.w-11(:style="{borderBottom: 'none'}")
+        .flex.icon-edit(v-if="currentEmployee.label")
+          //- base-button(
+          //-   confirm,
+          //-   rounded,
+          //-   outlined,
+          //-   :size="20",
+          //-   @click="saveEmployee",
+          //-   v-if="currentEmployee.label"
+          //- )
+            //- .icon-ok.text-xsm(class="pt-[3px]")
+      .name.flex.justify-center.items-center.cursor-pointer(
+        v-if="currentEmployee.label",
+        @click="openSelect"
+      )
+        span {{currentEmployee.label}}
+      .name.flex(v-if="!currentEmployee.label")
+        base-custom-select(
+          :items="ownersList",
+          v-model="currentEmployee",
+          placeholder="Добавить сотрудника",
+          :style="{border: 'none'}"
         )
+      .cell.flex.flex-col.items-center.justify-center.w-11.h-11.cursor-pointer(
+        v-if="currentEmployee.label",
+        v-for="day in result",
+        :key="day",
+        :id="currentEmployee.id + day",
+        @click="choiceCell(day, currentEmployee.id)",
+        :class="selectTime(day, currentEmployee.id)",
+        :style="{backgroundColor: day.format('YYYY-MM-DD') === choiceDay(day, currentEmployee.id) ? choiceColor(day) : '', borderBottom: 'none'}"
+      )
+        .flex {{day.format("YYYY-MM-DD") === choiceDay(day, currentEmployee.id) ? choiceWorks(day) : ''}}
 </template>
 
 <script>
@@ -76,6 +86,7 @@ export default {
     dataSchedule: Object,
     buttons: Array,
     startMonth: Object,
+    clearEmployee: Array,
   },
   data() {
     return {
@@ -99,9 +110,9 @@ export default {
   },
   computed: {
     ownersList() {
-      if (this.employeeList) {
+      if (this.clearEmployee) {
         let filteredArray = [];
-        this.employeeList.forEach((elem) => {
+        this.clearEmployee.forEach((elem) => {
           filteredArray.push({
             id: elem.id,
             label: this.trimOwnerName(
@@ -119,6 +130,7 @@ export default {
       this.setActiveButton();
       return {
         "--bg-color-status": this.activeButton?.color,
+        "--text-status": this.activeButton?.text,
       };
     },
   },
@@ -142,6 +154,7 @@ export default {
         this.dateInterval.id = id;
       } else if (time.isAfter(this.dateInterval.start)) {
         this.dateInterval.end = formatTime;
+        this.$emit("new-date", this.dateInterval);
       } else this.dateInterval.start = formatTime;
     },
     selectTime(day, id) {
@@ -175,7 +188,7 @@ export default {
     choiceWorks(day) {
       let currentDay = day.format("YYYY-MM-DD");
       let a = this.scheduleList.find((e) => e.date === currentDay).status;
-      return this.buttons.find((e) => e.work === a).text;
+      return this.buttons.find((e) => e.work === a).text[1];
     },
     choiceColor(day) {
       let currentDay = day.format("YYYY-MM-DD");
@@ -203,11 +216,12 @@ export default {
     //   }
     // },
     choiceDay(day, employee) {
-      let currentDay = day.format("YYYY-MM-DD");
+      let current = day.format("YYYY-MM-DD");
       return this.scheduleList.find(
-        (e) => currentDay === e.date && e.employee.id === employee
+        (e) => current === e.date && e.employee.id === employee
       )?.date;
     },
+
     changeOpacity(day) {
       return day.format("ddd") === "сб" || day.format("ddd") === "вс"
         ? "0.6"
@@ -233,6 +247,7 @@ export default {
   border: 1.5px solid var(--border-light-grey-color-1)
   border-radius: 4px
   min-height: 87px
+  width: fit-content
 
 .schedule-body
   &:hover
@@ -256,14 +271,14 @@ export default {
   border-bottom: 1.5px solid var(--border-light-grey-color-1)
 
 .name
-  min-width: 255px
-  max-width: 255px
+  min-width: 247px
+  max-width: 247px
   border-right: 1.5px solid var(--border-light-grey-color-1)
   color: var(--btn-blue-color)
 
 .name-employee
-  min-width: 255px
-  max-width: 255px
+  min-width: 247px
+  max-width: 247px
   border-right: 1.5px solid var(--border-light-grey-color-1)
   border-bottom: 1.5px solid var(--border-light-grey-color-1)
   color: var(--btn-blue-color)
@@ -281,6 +296,9 @@ export default {
 .status
   background-color: var(--bg-color-status)
 
+.status::before
+  content: var(--text-status)
+
 .from-date
   background: limegreen
 

From 82f1eaf2e8d11c9d8b0419e6906b9414f11c9d2c Mon Sep 17 00:00:00 2001
From: megavrilinvv <vastre@rambler.ru>
Date: Mon, 26 Dec 2022 19:56:07 +0300
Subject: [PATCH 2/3] =?UTF-8?q?[WIP]=20=D0=94=D0=BE=D0=B1=D0=B0=D0=B2?=
 =?UTF-8?q?=D0=B8=D0=BB=20=D0=BE=D1=82=D0=BE=D0=B1=D1=80=D0=B0=D0=B6=D0=B5?=
 =?UTF-8?q?=D0=BD=D0=B8=D0=B5=20=D1=82=D0=B5=D0=BA=D1=81=D1=82=D0=B0=20?=
 =?UTF-8?q?=D0=BD=D0=B0=20=D1=80=D0=B0=D1=81=D0=BF=D0=B8=D1=81=D0=B0=D0=BD?=
 =?UTF-8?q?=D0=B8=D0=B8,=20=D0=B4=D0=BE=D0=B1=D0=B0=D0=B2=D0=B8=D0=BB=20cr?=
 =?UTF-8?q?eate?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/TableCreatePackageDoc.vue      |  2 +-
 src/pages/schedule/TheSchedule.vue            | 74 +++++++++----------
 src/pages/schedule/components/ScheduleBar.vue | 15 ++--
 .../schedule/components/ScheduleBody.vue      | 42 ++++-------
 4 files changed, 61 insertions(+), 72 deletions(-)

diff --git a/src/pages/clients/components/TableCreatePackageDoc.vue b/src/pages/clients/components/TableCreatePackageDoc.vue
index d6cd361..52a598f 100644
--- a/src/pages/clients/components/TableCreatePackageDoc.vue
+++ b/src/pages/clients/components/TableCreatePackageDoc.vue
@@ -37,7 +37,7 @@
       .flex.flex-col.gap-y-6
         .flex.flex-col.gap-y-2
           .font-bold Услуги
-          .counter.text-smm Выберите подходищие из списка
+          .counter.text-smm Выберите подходящие из списка
         .services-wrapper.flex.flex-col.pt-4.px-4
           .flex.gap-x-2
             base-input(
diff --git a/src/pages/schedule/TheSchedule.vue b/src/pages/schedule/TheSchedule.vue
index 816ded6..c11e61a 100644
--- a/src/pages/schedule/TheSchedule.vue
+++ b/src/pages/schedule/TheSchedule.vue
@@ -17,7 +17,13 @@
         :clear-employee="clearEmployee",
         @new-date="createNewDate"
       )
-      schedule-bar(:data-schedule="dataSchedule", :buttons="buttons")
+      schedule-bar(
+        :data-schedule="dataSchedule",
+        :buttons="buttons",
+        :clear-employee="clearEmployee",
+        :times="times",
+        :create-schedule="postCreateSchedule"
+      )
 </template>
 
 <script>
@@ -41,6 +47,7 @@ export default {
         startTime: "",
         endTime: "",
       },
+      times: { start_time: "", end_time: "" },
       buttons: [
         {
           class: "button-work",
@@ -60,7 +67,7 @@ export default {
         },
         {
           class: "button-free",
-          name: "Статусы",
+          name: "Выходной",
           work: "DAY_OFF",
           active: false,
           color: "#9294A7",
@@ -86,28 +93,16 @@ export default {
     },
     fetchSchedulesEmployee() {
       this.scheduleList = [];
-      this.employeeList.forEach((e) => {
-        fetchWrapper
-          .get(
-            `accounts/schedules/?employee=${
-              e.id
-            }&date_after=${this.startMonth.format(
-              "YYYY-MM-DD"
-            )}&date_before=${this.endMonth.format("YYYY-MM-DD")}`
-          )
-          .then((data) => {
-            this.scheduleList.push(...data.results);
-            if (!data.count)
-              this.clearEmployee.push({
-                first_name: e.first_name,
-                id: e.id,
-                last_name: e.last_name,
-                patronymic: e.patronymic,
-                schedules: [],
-              });
-          })
-          .then(() => this.filterScheduleEmployee());
-      });
+      fetchWrapper
+        .get(
+          `accounts/schedules/?date_after=${this.startMonth.format(
+            "YYYY-MM-DD"
+          )}&date_before=${this.endMonth.format("YYYY-MM-DD")}`
+        )
+        .then((data) => {
+          this.scheduleList.push(...data.results);
+        })
+        .then(() => this.filterScheduleEmployee());
     },
     filterScheduleEmployee() {
       let serialized = [];
@@ -144,30 +139,35 @@ export default {
         }
       });
       this.serialized = serialized;
+      this.filterEmployee();
+    },
+    filterEmployee() {
+      this.clearEmployee = [];
+      this.clearEmployee = this.employeeList.filter((item) =>
+        this.serialized.every((item2) => item2.id !== item.id)
+      );
     },
     postCreateSchedule() {
       fetchWrapper
         .post("accounts/schedules/create/", {
-          employee: "582b6557-33f4-480f-b578-984bbca0a925",
+          employee: this.clearEmployee.find((e) => e.schedules).id,
           active_flg: true,
-          start_date: "2019-08-24",
-          end_date: "2019-08-24",
-          title: "string",
-          name: "string",
-          start_time: "string",
-          end_time: "string",
-          status: "string",
-          work_template: 0,
-          holiday_template: 0,
+          start_date: this.clearEmployee.find((e) => e.schedules).schedules
+            .start_date,
+          end_date: this.clearEmployee.find((e) => e.schedules).schedules
+            .end_date,
+          start_time: this.times.start_time,
+          end_time: this.times.end_time,
+          status: this.buttons.find((e) => e.active).work,
         })
         .then(() => this.fetchSchedules());
     },
     createNewDate(e) {
-      let res = this.clearEmployee.find((elem) => elem.id === e.id);
-      res.schedules.push({
+      let schedules = {
         start_date: e.start,
         end_date: e.end,
-      });
+      };
+      this.clearEmployee.find((elem) => elem.id === e.id).schedules = schedules;
     },
     switchPreviousMonth() {
       this.startMonth = this.startMonth.clone().subtract(1, "M");
diff --git a/src/pages/schedule/components/ScheduleBar.vue b/src/pages/schedule/components/ScheduleBar.vue
index 9a80d26..ec9d554 100644
--- a/src/pages/schedule/components/ScheduleBar.vue
+++ b/src/pages/schedule/components/ScheduleBar.vue
@@ -4,10 +4,10 @@
       .time-wrapper.flex.justify-between
         .flex.flex-col.items-center.py-14px.px-4.gap-y-14px
           .text.text-smm Начало
-          base-input-date.select(v-model:value="dataSchedule.endTime")
+          base-input-time.select(v-model:value="times.start_time")
         .flex.flex-col.items-center.py-14px.px-4.gap-y-14px
           .text.span.text-smm Конец
-          base-input-date.select(v-model:value="dataSchedule.startTime")
+          base-input-time.select(v-model:value="times.end_time")
       .status-wrapper.flex.flex-col
         .flex.justify-center.items-center.h-10
           span.font-semibold Статусы
@@ -27,7 +27,7 @@
           placeholder="Шаблоны графиков"
         )
     .flex.justify-center
-      base-button.font-semibold(:size="40") Сохранить
+      base-button.font-semibold(:size="40", @click="createSchedule") Сохранить
 </template>
 
 <script>
@@ -38,7 +38,13 @@ import BaseInputDate from "@/components/base/BaseInputDate.vue";
 export default {
   name: "ScheduleBar",
   components: { BaseButton, BaseCustomSelect, BaseInputTime, BaseInputDate },
-  props: { dataSchedule: Object, buttons: Array },
+  props: {
+    dataSchedule: Object,
+    buttons: Array,
+    clearEmployee: Array,
+    times: Object,
+    createSchedule: Function,
+  },
   data() {
     return {
       scheduleList: [
@@ -66,7 +72,6 @@ export default {
   border-radius: 4px
 
 .time-wrapper
-  width: 420px
   height: 102px
   border: 1.5px solid var(--border-light-grey-color-1)
   border-radius: 4px
diff --git a/src/pages/schedule/components/ScheduleBody.vue b/src/pages/schedule/components/ScheduleBody.vue
index 7b1fe36..217b20c 100644
--- a/src/pages/schedule/components/ScheduleBody.vue
+++ b/src/pages/schedule/components/ScheduleBody.vue
@@ -1,7 +1,7 @@
 <template lang="pug">
   .schedule.flex-col(:style="themeCell")
     .table-header.flex.w-full
-      .flex.items-center(:style="{padding: '16px 102px'}")
+      .flex.items-center.justify-center.pl-11(:style="{width: 'calc(25% + 44px)'}")
         .text.font-bold Сотрудник
       .column-wrapper.flex
         .schedule-column.flex.flex-col.items-center.justify-center.w-11(
@@ -9,7 +9,6 @@
           :style="{backgroundColor: day.format('ddd') === 'сб' || day.format('ddd') === 'вс' ? 'var(--bg-white-color-1)' : ''}"
         )
           .text.flex.font-bold(
-            @click="selectDay(day.format('D'))"
             :style="{opacity: changeOpacity(day)}"
           ) {{day.format("D")}}
           .text.flex.font-bold(
@@ -18,7 +17,7 @@
     .schedule-body.flex.w-full(v-for="schedule in serialized", :key="schedule.id")
       .edit.flex.items-center.justify-center.h-11.w-11
         .flex.icon-edit
-      .name-employee.flex.justify-center.items-center.cursor-pointer(@click="openSelect(schedule)")
+      .name-employee.flex.justify-center.items-center.cursor-pointer
         span {{trimOwnerName(schedule.last_name, schedule.first_name, schedule.patronymic)}}
       .cell.flex.flex-col.items-center.justify-center.w-11.h-11.cursor-pointer(
         v-for="day in result",
@@ -42,8 +41,7 @@
           //- )
             //- .icon-ok.text-xsm(class="pt-[3px]")
       .name.flex.justify-center.items-center.cursor-pointer(
-        v-if="currentEmployee.label",
-        @click="openSelect"
+        v-if="currentEmployee.label"
       )
         span {{currentEmployee.label}}
       .name.flex(v-if="!currentEmployee.label")
@@ -51,7 +49,7 @@
           :items="ownersList",
           v-model="currentEmployee",
           placeholder="Добавить сотрудника",
-          :style="{border: 'none'}"
+          :style="{border: 'none', justifyContent: 'center'}"
         )
       .cell.flex.flex-col.items-center.justify-center.w-11.h-11.cursor-pointer(
         v-if="currentEmployee.label",
@@ -60,9 +58,8 @@
         :id="currentEmployee.id + day",
         @click="choiceCell(day, currentEmployee.id)",
         :class="selectTime(day, currentEmployee.id)",
-        :style="{backgroundColor: day.format('YYYY-MM-DD') === choiceDay(day, currentEmployee.id) ? choiceColor(day) : '', borderBottom: 'none'}"
+        :style="{borderBottom: 'none'}"
       )
-        .flex {{day.format("YYYY-MM-DD") === choiceDay(day, currentEmployee.id) ? choiceWorks(day) : ''}}
 </template>
 
 <script>
@@ -187,13 +184,13 @@ export default {
     },
     choiceWorks(day) {
       let currentDay = day.format("YYYY-MM-DD");
-      let a = this.scheduleList.find((e) => e.date === currentDay).status;
-      return this.buttons.find((e) => e.work === a).text[1];
+      let res = this.scheduleList.find((e) => e.date === currentDay).status;
+      return this.buttons.find((e) => e.work === res).text[1];
     },
     choiceColor(day) {
       let currentDay = day.format("YYYY-MM-DD");
-      let a = this.scheduleList.find((e) => e.date === currentDay).status;
-      return this.buttons.find((e) => e.work === a).color;
+      let res = this.scheduleList.find((e) => e.date === currentDay).status;
+      return this.buttons.find((e) => e.work === res).color;
     },
     changeDays() {
       this.days = moment().daysInMonth();
@@ -209,12 +206,6 @@ export default {
       let checkedPatronymic = patronymic !== null ? patronymic[0] + "." : "";
       return `${lastName} ${checkedFirstName}${checkedPatronymic}`;
     },
-    // openSelect() {
-    //   this.showSelect = true;
-    //   for (let index = 0; index < this.employeeList.length; index++) {
-    //     this.employee.push(this.employeeList[index]);
-    //   }
-    // },
     choiceDay(day, employee) {
       let current = day.format("YYYY-MM-DD");
       return this.scheduleList.find(
@@ -227,12 +218,6 @@ export default {
         ? "0.6"
         : "1";
     },
-    openSelect(schedule) {
-      console.log(schedule);
-    },
-    selectDay(day) {
-      console.log(day);
-    },
   },
 
   mounted() {
@@ -246,8 +231,9 @@ export default {
 .schedule
   border: 1.5px solid var(--border-light-grey-color-1)
   border-radius: 4px
+  border-right: none
   min-height: 87px
-  width: fit-content
+  width: calc(100vw - 144px)
 
 .schedule-body
   &:hover
@@ -271,14 +257,12 @@ export default {
   border-bottom: 1.5px solid var(--border-light-grey-color-1)
 
 .name
-  min-width: 247px
-  max-width: 247px
+  width: 25%
   border-right: 1.5px solid var(--border-light-grey-color-1)
   color: var(--btn-blue-color)
 
 .name-employee
-  min-width: 247px
-  max-width: 247px
+  width: 25%
   border-right: 1.5px solid var(--border-light-grey-color-1)
   border-bottom: 1.5px solid var(--border-light-grey-color-1)
   color: var(--btn-blue-color)

From 66ad76d1270338bbf17e63d4bb0756f2204853fb Mon Sep 17 00:00:00 2001
From: megavrilinvv <vastre@rambler.ru>
Date: Mon, 26 Dec 2022 19:59:03 +0300
Subject: [PATCH 3/3] =?UTF-8?q?[WIP]=20=D0=A4=D0=B8=D0=BA=D1=81=20post=20?=
 =?UTF-8?q?=D0=B7=D0=B0=D0=BF=D1=80=D0=BE=D1=81=D0=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/schedule/TheSchedule.vue | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/pages/schedule/TheSchedule.vue b/src/pages/schedule/TheSchedule.vue
index c11e61a..b900238 100644
--- a/src/pages/schedule/TheSchedule.vue
+++ b/src/pages/schedule/TheSchedule.vue
@@ -148,14 +148,13 @@ export default {
       );
     },
     postCreateSchedule() {
+      let currentEmployee = this.clearEmployee.find((e) => e.schedules);
       fetchWrapper
         .post("accounts/schedules/create/", {
-          employee: this.clearEmployee.find((e) => e.schedules).id,
+          employee: currentEmployee.id,
           active_flg: true,
-          start_date: this.clearEmployee.find((e) => e.schedules).schedules
-            .start_date,
-          end_date: this.clearEmployee.find((e) => e.schedules).schedules
-            .end_date,
+          start_date: currentEmployee.schedules.start_date,
+          end_date: currentEmployee.schedules.end_date,
           start_time: this.times.start_time,
           end_time: this.times.end_time,
           status: this.buttons.find((e) => e.active).work,