1.6 KiB
1.6 KiB
Детальное закрытие смены в ShiftModal.vue
Обзор
Модальное окно ShiftModal.vue реализует детальное закрытие операторской смены с разделами: финансовые данные, учет игрушек, зарплаты сотрудников (с поиском), дополнительные расходы (с validation), комментарий. Интегрировано с WebSocket для поиска сотрудников и отправки данных на сервер.
Структура Template
- Финансовые данные: Grid 2 колонки, 4 number inputs (envelope, cash, cashless, cashPayment) с v-model.number, step="0.01".
- Учет игрушек: Grid 5 колонок, 5 number inputs (small, medium, large, veryLarge, super).
- Зарплаты сотрудников: v-for 3 employees, input name @input=debouncedSearch(index, query), dropdown absolute searchResults @click=selectEmployee(index, result), grid 2 inputs accrued/received number step="0.01".
- Дополнительные расходы: v-for 3 expenses, textarea description (validation class border-red if length <3 and >0), p error message, grid 2 inputs check text, amount number step="0.01".
- Комментарий: textarea comment.
- Кнопки: Отмена @click=onClose, Закрыть submit :disabled=!isFormValid.
Script Setup
- Props: isOpen: boolean.
- Emits: close: [].
- useWebSocket: { sendMessage }.
- Reactive form: finances {envelope