.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.items-center(
type="time",
v-model="times.start_time",
label="Начало",
size="M"
)
.flex.items-center.mt-6 —
base-input.items-center(
type="time",
v-model="times.end_time",
label="Конец",
size="M"
)
.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",
no-caps,
style="width: 200px"
)
.graph-template.flex.flex-col.items-center.gap-y-4
base-select.w-52(
:items="templateList",
v-model="template.item",
placeholder="Выберите шаблон"
label="Шаблоны графиков"
)
.flex.justify-center.gap-x-6.h-10
q-btn(
label="Сохранить",
color="primary",
style="width: 144px",
padding="4px 24px",
@click="createSchedules(); clearCell()",
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
)