root
84 lines
3.7 KiB
Markdown
84 lines
3.7 KiB
Markdown
# CaseForm Steps 3-5 - Создание компонентов
|
||
|
||
## Дата: 2026-05-05
|
||
|
||
### Созданные компоненты:
|
||
|
||
#### 1. Step3Circumstances.jsx (5.5 KB)
|
||
Обстоятельства потери
|
||
|
||
Поля:
|
||
- reason (причина) - кнопки: ушёл_сам, заблудился, отстал_от_группы, конфликт, неизвестно
|
||
- lost_time (дата/время потери) - datetime-local input
|
||
- elapsed_hours (прошло часов) - number input с шагом 0.5
|
||
- last_known_place (последнее место) - text input
|
||
- direction (направление) - 8 сторон света + неизвестно (N, NE, E, SE, S, SW, W, NW, unknown)
|
||
- circumstances_description (описание) - textarea (5 строк)
|
||
|
||
#### 2. Step4Environment.jsx (9.5 KB)
|
||
Среда и местность
|
||
|
||
Поля:
|
||
- season (сезон) - кнопки: зима, весна, лето, осень
|
||
- temperature (температура) - number input (-40 до +40°C)
|
||
- precipitation (осадки) - кнопки: нет, дождь, снег, туман
|
||
- visibility (видимость) - кнопки: хорошая, средняя, плохая
|
||
- terrain (типы местности) - МУЛЬТИВЫБОР чекбоксы (10 типов):
|
||
лес, поле, болото, водоём, горы, населённый_пункт, дороги,
|
||
заброшенные_здания, сельхоз, овраги
|
||
|
||
GPS функционал:
|
||
- Кнопка получения координат через navigator.geolocation API
|
||
- tnp_lat (широта) - number input с step 0.000001
|
||
- tnp_lon (долгота) - number input с step 0.000001
|
||
- tnp_address (адрес) - text input с подсказкой об автопреобразовании
|
||
|
||
Особенности GPS:
|
||
- enableHighAccuracy: true
|
||
- timeout: 10000ms
|
||
- maximumAge: 0
|
||
- Индикатор загрузки (gps_loading)
|
||
- Обработка ошибок с alert
|
||
|
||
#### 3. Step5Resources.jsx (5.4 KB)
|
||
Ресурсы для поиска
|
||
|
||
Поля:
|
||
- search_groups (количество групп) - number input (0-100)
|
||
- search_people (количество человек) - number input (0-1000)
|
||
- has_dog (поисковая собака) - кнопки: Да/Нет (boolean)
|
||
- equipment (оборудование) - МУЛЬТИВЫБОР чекбоксы (10 типов):
|
||
дрон, тепловизор, квадроцикл, лодка, вертолёт, рации,
|
||
GPS навигаторы, медицинская бригада, прожекторы, мегафон
|
||
- resources_notes (доп. информация) - textarea (4 строки)
|
||
|
||
### Обновления CSS:
|
||
|
||
Добавлены стили:
|
||
- .gps-button - зелёная кнопка (#238636) с hover (#2ea043)
|
||
- .gps-button:disabled - серая с курсором not-allowed
|
||
- input[type=datetime-local] - стилизация под общую палитру ЦОУ
|
||
|
||
### Палитра ЦОУ:
|
||
- Background: #0a0c0f, #161b22, #0d1117
|
||
- Accent: #ff4d00
|
||
- Text: #e6edf3
|
||
- Borders: #21262d, #30363d
|
||
- GPS button: #238636 (зелёный)
|
||
|
||
### Файлы:
|
||
1. Step3Circumstances.jsx - создан (5.5 KB)
|
||
2. Step4Environment.jsx - создан (9.5 KB)
|
||
3. Step5Resources.jsx - создан (5.4 KB)
|
||
4. CaseForm.css - обновлен
|
||
|
||
### Статус:
|
||
Step3 - обстоятельства (6 полей)
|
||
Step4 - среда + GPS + мультивыбор местности (10 типов)
|
||
Step5 - ресурсы + мультивыбор оборудования (10 типов)
|
||
GPS кнопка с navigator.geolocation
|
||
Ручной ввод координат и адреса
|
||
Палитра ЦОУ применена
|
||
|
||
Дата создания: 2026-05-05
|