.event-form.flex.flex-col.gap-y-6.pt-6.pb-7.px-8.fixed.right-6.bottom-6
.flex.justify-between
span.title.text-xl.font-bold Замена смен
.flex.pt-2
.icon-cancel.close-icon.tesxt-xs.cursor-pointer(@click="closeForm")
.flex.flex-col.gap-y-6
base-input(
label="Дата",
type="date",
v-model="replacementSheet.date",
outlined
)
base-input(,
type="text"
v-model="replacementSheet.currentEmployee",
label="Текущий сотрудник",
outlined,
disabled
)
base-select(
:items="ownersList",
v-model="replacementSheet.replacementEmployee",
label="Замена сотрудника",
placeholder="Выберите сотрудника"
)
.time-wrapper.flex.justify-center.gap-x-6
base-input(
type="time",
label="Начало",
v-model="replacementSheet.start_time",
outlined
)
.flex.items-center.mt-4 —
base-input(
type="time",
label="Конец",
v-model="replacementSheet.end_time",
outlined
)
.flex.justify-center
q-btn(
label="Сохранить",
color="primary",
padding="8px 24px",
no-caps,
@click="changeShift(); closeForm()"
)