19 lines
1.6 KiB
Markdown
19 lines
1.6 KiB
Markdown
|
||
# Детальное закрытие смены в 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 |