.wrapper-bar.flex.flex-col.gap-y-4.p-5.justify-between
.flex.w-full.justify-around.gap-x-4
.time-wrapper.flex.justify-between.p-7
base-input(
type="time",
v-model="times.start_time",
label="Начало",
outlined
)
.flex.items-center.mt-6 —
base-input(
type="time",
v-model="times.end_time",
label="Конец",
outlined
)
.status-wrapper.flex.flex-col.gap-y-3.p-3
.flex.justify-center.items-center.h-10
span.font-semibold Статусы
.flex.justify-around.gap-x-4(class="py-2.5")
q-btn(
v-for="item in buttons",
:key="item",
@click="choiceSchedule(item.class)",
:label="item.name",
:class="item.class",
text-color="white",
:style="{border: item.active ? '1.5px solid #5E5E5E' : 'none'}",
no-caps,
style="width: 200px"
)
.graph-template.flex.flex-col.items-center.gap-y-4
base-select(
:items="templateList",
v-model="template.item",
placeholder="Шаблоны графиков"
)
base-input.w-28(
v-if="template.item.id === 1"
mask="#/#",
placeholder="0/0",
label="Введите график",
v-model="template.item.label",
outlined
)
.flex.justify-center.gap-x-6.h-10
q-btn(
label="Сохранить",
color="primary",
style="width: 144px",
padding="4px 24px",
@click="createSchedules",
no-caps
)
q-btn(
label="Удалить",
style="background-color: var(--bg-event-red-color); width: 144px",
text-color="white",
padding="4px 24px",
@click="deleteSchedule",
no-caps
)