Страница наряда, счёт и флаер авто
Клиентский портал показывает в реальном времени, что происходит с вашим автомобилем в сервисе: процент готовности, список работ и их статусы, ETA-время. Когда сервис просит согласовать смету — здесь же её одобряете или отклоняете. Счёт и листовка-флаер — отдельные страницы, открывающиеся из того же портала.
Как открыть
| Страница | Путь |
|---|---|
| Трекер наряда | <домен-сервиса>/portal/<id-наряда> — ссылка приходит в SMS/email от сервиса |
| Счёт (наряд-заказ) | <домен-сервиса>/portal/invoice?id=<id-счёта> — кнопка «Счёт PDF» из раздела «Счета» портала |
| Флаер авто | <домен-сервиса>/portal/flyer?vehicle=<id-авто> — кнопка «Флаеры и печать» из карточки авто |
Все три страницы требуют входа в портал. Гостя перебрасывает на экран входа.
Что на экране
Трекер наряда (/portal/:orderId)
Страница обновляется автоматически каждые 12 секунд. Когда вкладка скрыта — опрос ставится на паузу.
Шапка (стеклянная, прокрутка не скрывает)
- Кнопка «назад» — стрелка влево
- Номер наряда (например
RO-2026-0107) и марка/модель авто под ним - Переключатель языка
- Кнопка смены темы (светлая / тёмная)
Степпер статусов — горизонтальная шкала четырёх шагов: «Ждёт согласования → В работе → Выполнен → Оплачен». Текущий шаг выделен, завершённые показывают ✓. Когда наряд в статусе «Выставлен счёт» (invoiced), четвёртый шаг меняет подпись на «Выставлен счёт» вместо «Оплачен». На узких экранах (≤520 px) подписи у неактивных шагов скрываются, остаётся только кружок с номером; шкала прокручивается горизонтально.
Hero-кольцо прогресса — большое кольцо с процентом готовности. При первом открытии число «набегает» с нуля. Под кольцом — строка ETA с несколькими вариантами: «Готово примерно к HH:MM · осталось MM:SS» (меньше часа) или «H:MM:SS» (более часа); «Время уточняется» (ETA не задан); «Финальная проверка» (ETA не задан, но одна из работ достигла ≥95%). Счётчик тикает локально без обращения к серверу. Ещё ниже — строка свежести данных: «обновлено только что» / «обновлено в HH:MM» / «обновление на паузе». Когда все работы завершены и прогресс 100% — опрос прекращается автоматически.
Блок «Работы» — карточки каждой работы: название, чип-статус (цветной), прогресс-бар, оценочное время. Работы со статусом «Отменено» скрыты.
Секция «Одобрите смету» — появляется, только когда наряд ждёт решения клиента (статус awaiting_approval). Содержит:
- Фото, которые приёмщик прикрепил к согласованию (миниатюры, клик открывает в новой вкладке)
- Аккордеон с детализацией: работа → запчасти к ней → налог → итог
- Кнопку «Решить по каждой работе» (per-item режим)
- Sticky-бар внизу экрана: сумма к согласованию + кнопки «Одобряю» / «Отклоняю»
Блок «Отчёт осмотра» — показывается, если механик провёл проверку DVI. Три плитки-счётчика: «В норме / Скоро / Срочно». Строка «Рекомендованные доп. работы: от X €» — суммарная оценка цен по красным и жёлтым пунктам, которые ещё не отклонены (скрыта, если ни у одного пункта нет цены). Карточки каждого пункта осмотра с кнопками «Одобрить» / «Отклонить».
Блок «Фото осмотра» — сетка миниатюр, клик открывает фото в лайтбоксе (на весь экран).
Блок «Оцените ремонт» — появляется только для завершённого наряда, по которому ещё не оставляли отзыв. Пять звёзд + поле для комментария.
Счёт (/portal/invoice?id=…)
Печатный HTML-документ, точная копия PDF из кабинета. Всегда в светлой теме. Страница защищена: чужой счёт или незалогиненный гость видят заглушку.
Язык бланка — определяется настройкой сервиса «язык счёта» (invoice_language), а не языком портала. Все лейблы (например «Наряд-заказ» / «Töökäsk» / «Repair order») соответствуют языку, выбранному владельцем, вне зависимости от того, на каком языке открыт портал.
Если сервис скрыл цены (portalShowPrices = false) — денежные столбцы и итоги в счёте не отображаются; структура документа сохраняется.
Панель сверху (не печатается)
- Ссылка «← В кабинет»
- Кнопка «Скачать PDF»
Тело счёта
- Шапка: логотип / инициал фирмы + название, рег.код, НДС; справа — «Наряд-заказ» + номер счёта и номер наряда
- Акцентная полоса (зависит от раскладки бланка; раскладка
minimal— без полосы) - Заметка под шапкой (
headerNoteиз настроек бланка) — если задана владельцем - Сетка «Кому» (имя клиента, рег.код) | приёмщик, условия оплаты, даты принятия/готовности/выставления/срока
- Карточка авто (марка/модель, VIN, госномер, пробег вх./вых., двигатель/цвет) — если данные есть
- Таблица работ: группа «РАБОТА N · Название» → строка труда → строки запчастей; внизу отдельная плашка «ЗАПЧАСТИ» для позиций без привязки к работе
- Нижний блок: слева «Согласование» (текст авторизации + линия для подписи клиента + гарантия), справа итоги (Работы / Запчасти / Сумма без налога / Налог / Итого к оплате / Оплачено / К доплате)
- Реквизиты для оплаты (если заданы владельцем)
- История платежей (если включены в настройках бланка)
- Футер: название фирмы · Рег · НДС ·
footerText(если задан владельцем) | «Стр. 1/1» - Подпись «Сформировано через CarsEXP» (не печатается)
На free-плане с PRO-бланком поперёк листа виден водяной знак «DEMO».
Флаер авто (/portal/flyer?vehicle=…)
Страница для печати рекламных листовок с индикатором здоровья автомобиля. Два варианта заглушки: незалогиненный гость видит «Войдите в кабинет, чтобы напечатать флаер.»; страница открыта без параметра ?vehicle= — «Автомобиль не выбран.». Обе заглушки содержат кнопку Назад в кабинет → /portal.
Панель управления (левый сайдбар, не печатается)
- Ссылка «← Назад в кабинет»
- Переключатель языка
- Группа «Дизайн»: кнопки выбора шаблона
- Группа «Элементы»: 4 чекбокса
- Кнопки «Печать» и «Поделиться»
Область превью (правая часть) — активный флаер, обновляется мгновенно при смене дизайна или тумблеров.
Каждая кнопка и действие
Трекер наряда
| Элемент | Где | Что делает | Кому доступно |
|---|---|---|---|
| ← Назад в гараж (стрелка) | Шапка, слева | Возвращает на главную страницу портала /portal | Все авторизованные клиенты |
| Кнопка языка (RU / ET / EN) | Шапка, справа | Переключает язык страницы, сохраняет в куке на год, перезагружает | Все; кнопки видны только для языков, включённых сервисом |
| Кнопка темы (иконка-луна) | Шапка, справа | Переключает светлую/тёмную тему | Все |
| Повторить (иконка стрелок, кнопка в состоянии «нет сети») | Центр экрана (ошибка соединения) | Снова пытается загрузить данные | Все |
| ← Назад в гараж (кнопка под сообщением «Наряд не найден» или «Доступ запрещён») | Центр экрана | Возвращает на /portal | Все |
| Кнопка суммы «Всего к согласованию» (аккордеон) | Sticky-бар внизу, когда наряд ждёт согласования | Раскрывает / сворачивает детализацию сметы (работы + запчасти + налог + итог) | Клиент, чей наряд в статусе «Ждёт согласования» |
| Фото к согласованию (миниатюры в секции сметы) | Секция «Одобрите смету» | Открывают фото в новой вкладке браузера | Клиент, чей наряд ждёт согласования |
| Решить по каждой работе | Секция «Одобрите смету» | Разворачивает / сворачивает per-item блок с выбором «Сейчас / Потом / Не надо» по каждой работе | Клиент, чей наряд ждёт согласования |
| Радиокнопка Сейчас | Per-item блок, строка работы | Отмечает, что работу нужно выполнить прямо сейчас | Клиент |
| Радиокнопка Потом | Per-item блок, строка работы | Откладывает работу; появляется поле выбора ориентировочной даты | Клиент |
| Радиокнопка Не надо | Per-item блок, строка работы | Отказывается от этой работы | Клиент |
| Поле Ориентир. дата (date-input) | Per-item блок, появляется при выборе «Потом» | Дата, к которой клиент хочет перенести работу. Любая будущая дата; пустое поле допустимо | Клиент |
| Отправить решение | Per-item блок, кнопка внизу | Отправляет сервису решение по каждой работе (сейчас / потом / не надо). Скрывает секцию согласования | Клиент |
| Одобряю | Sticky approve-бар | Одобряет смету целиком. После успеха показывает «Спасибо! Смета одобрена.» | Клиент, чей наряд ждёт согласования |
| Отклоняю | Sticky approve-бар | Отклоняет смету. После успеха показывает «Смета отклонена.» | Клиент, чей наряд ждёт согласования |
| Фото DVI (миниатюры в карточке пункта осмотра) | Блок «Отчёт осмотра» | Открывают фото механика в новой вкладке браузера | Все, если сервис провёл DVI |
| Одобрить (зелёная кнопка на пункте осмотра) | Блок «Отчёт осмотра», красный или жёлтый пункт | Клиент соглашается с рекомендованной доп. работой. Кнопка заменяется текстом «Одобрено ✓» | Клиент; только для пунктов «Срочно» и «Скоро» |
| Отклонить (кнопка на пункте осмотра) | Блок «Отчёт осмотра», красный или жёлтый пункт | Клиент отказывается от доп. работы. Кнопка заменяется «Отклонено» | Клиент; только для пунктов «Срочно» и «Скоро» |
| Миниатюра фото осмотра | Блок «Фото осмотра» | Открывает лайтбокс с полным фото и аннотациями механика поверх | Все |
| Кнопка закрытия лайтбокса (×) | Лайтбокс, правый верхний угол | Закрывает лайтбокс | Все |
| Клик по тёмному фону лайтбокса | Лайтбокс, область за фото | Закрывает лайтбокс | Все |
| Клавиша Escape (клавиатура) | Лайтбокс открыт | Закрывает лайтбокс | Все |
| Звезда ★ (1–5, блок оценки) | Блок «Оцените ремонт» | Выставляет оценку (от 1 до 5 звёзд). Разблокирует кнопку «Отправить» | Клиент; только после завершения наряда, без ранее оставленного отзыва |
| Поле Комментарий (необязательно) | Блок «Оцените ремонт» | Текстовое поле для развёрнутого отзыва. Можно оставить пустым | Клиент |
| Отправить (блок оценки) | Блок «Оцените ремонт» | Отправляет оценку и комментарий. После успеха показывает «Спасибо за отзыв!», скрывает кнопку | Клиент; активна только после выбора хотя бы одной звезды |
Счёт (/portal/invoice)
| Элемент | Где | Что делает | Кому доступно |
|---|---|---|---|
| ← В кабинет | Панель сверху | Переходит на /portal | Авторизованный владелец счёта |
| Скачать PDF | Панель сверху | Открывает диалог печати браузера (window.print()). При печати панель и подпись скрываются — на бумаге остаётся только бланк | Авторизованный владелец счёта |
| В кабинет (кнопка на заглушке) | Центр экрана (гость или чужой счёт) | Переходит на /portal | Все |
| Ссылка CarsEXP в подписи «Сформировано через» | Под документом | Открывает carsexp.com в новой вкладке | Все; не печатается |
Флаер авто (/portal/flyer)
| Элемент | Где | Что делает | Кому доступно |
|---|---|---|---|
| ← Назад в кабинет | Сайдбар, шапка | Переходит на /portal | Авторизованный клиент |
| Переключатель языка (выпадающий список) | Сайдбар, шапка | Меняет язык подписей на флаере и в сайдбаре (сохраняет в куке, перезагружает) | Все; только языки, включённые сервисом |
| Кнопка дизайна Индикатор (тёмный) | Сайдбар, группа «Дизайн» | Переключает на тёмный портретный флаер (~A6, 110×150 мм) | Все |
| Кнопка дизайна Индикатор (светлый) | Сайдбар, группа «Дизайн» | Переключает на светлый портретный флаер (~A6) | Все |
| Кнопка дизайна Индикатор (полоса) | Сайдбар, группа «Дизайн» | Переключает на широкую этикетку-полосу (~275×75 мм) | Все |
| Кнопка дизайна Индикатор (карточка) | Сайдбар, группа «Дизайн» | Переключает на карточку A5-landscape с бейджами доверия | Все |
| Чекбокс Кольцо здоровья | Сайдбар, группа «Элементы» | Показывает / скрывает круговую шкалу индикатора здоровья на флаере | Все |
| Чекбокс Название сервиса | Сайдбар, группа «Элементы» | Показывает / скрывает шапку с названием и логотипом сервиса | Все |
| Чекбокс Ссылка текстом | Сайдбар, группа «Элементы» | Показывает / скрывает текстовую публичную ссылку на страницу авто | Все |
| Чекбокс QR-код | Сайдбар, группа «Элементы» | Показывает / скрывает QR-код со ссылкой на страницу авто | Все |
| Печать | Сайдбар, кнопки действий | Открывает диалог печати браузера. При печати виден только активный флаер; размер страницы (@page) соответствует выбранному дизайну | Все |
| Поделиться | Сайдбар, кнопки действий | Открывает системный диалог «Поделиться» (если браузер поддерживает). Если нет — копирует ссылку в буфер обмена | Все |
| Назад в кабинет (кнопка на заглушке «Войдите в кабинет») | Центр экрана (незалогиненный гость) | Переходит на /portal | Все |
| Назад в кабинет (кнопка на заглушке «Автомобиль не выбран.») | Центр экрана (нет ?vehicle=) | Переходит на /portal | Все |
Диалоги и подэкраны
Лайтбокс фото осмотра
Открывается нажатием на любую миниатюру в блоке «Фото осмотра». Показывает фото на весь экран (до 96 % вьюпорта); если механик сделал пометки на фото — они видны поверх в режиме «только чтение». Под фото — подпись (если есть).
Закрывается:
- кнопкой × (Закрыть) в правом верхнем углу
- кликом по тёмному фону за фото
- клавишей Escape
Детализация сметы (аккордеон)
Открывается кнопкой суммы «Всего к согласованию» в sticky-баре. Показывает:
- каждую работу с её стоимостью труда
- запчасти к этой работе (название, кол-во × цена)
- строку «Подытог»
- строку «Налог N%» (только если сервис — плательщик НДС)
- строку «Всего»
Повторный нажим сворачивает аккордеон. При раскрытии экран плавно прокручивает детализацию в зону видимости.
Per-item решение по работам
Открывается кнопкой Решить по каждой работе (появляется только при статусе наряда «Ждёт согласования»). Блок открывается заголовком «Что делаем сейчас?».
Для каждой работы:
- название и полная стоимость (труд + запчасти)
- три радиокнопки: Сейчас / Потом / Не надо; «Сейчас» выбрана по умолчанию
- при выборе Потом — поле даты Ориентир. дата
Внизу — строка «Всего» и кнопка Отправить решение. После нажатия сервис получает ваши решения, секция согласования скрывается.
Что если…
Экран «Наряд не найден»
— появляется, если наряд с таким номером не существует или у вас нет к нему доступа. Кнопка ← Назад в гараж возвращает на главную.
Экран «Этот раздел — для клиентов»
— появляется, если вы вошли как сотрудник сервиса, а не клиент. На экране — кнопка ← Назад в гараж для перехода на /portal.
«Нет соединения с сервером»
— страница показывает кнопку Повторить. Если связь не восстанавливается, интервал опроса растёт до минуты, чтобы не нагружать сеть. Под кольцом появляется «обновление на паузе».
Кнопка «Отправить» (отзыв) неактивна
— нужно нажать хотя бы одну звезду, только тогда кнопка становится активной.
На счёте поперёк написано «DEMO»
— сервис использует PRO-бланк, но работает на бесплатном плане. Всё содержимое настоящее; водяной знак исчезнет, когда сервис перейдёт на план Pro.
Вопрос-ответ
Страница не обновляется. Как узнать актуальный статус?
Нажмите кнопку Повторить (стрелки по кругу) под сообщением об ошибке. Или просто закройте и снова откройте вкладку — страница сама запросит свежие данные. Если вкладка только что открыта и написано «обновлено только что» — всё в порядке.
Мне пришла ссылка на смету. Как одобрить или отклонить?
Откройте ссылку — внизу экрана (sticky-бар) вы увидите сумму и две кнопки: Одобряю и Отклоняю. Можно сначала нажать на сумму, чтобы увидеть расшифровку (что именно и почём). Если хотите одни работы одобрить, а другие — нет, нажмите Решить по каждой работе и отметьте каждую отдельно.
Что означают цвета в отчёте осмотра?
Три цвета — три уровня срочности:
- Красный («Срочно») — с этим ездить опасно. Сервис рекомендует устранить как можно скорее.
- Жёлтый («Скоро») — нужно будет исправить, но не критично прямо сейчас.
- Зелёный («В норме») — всё хорошо, действий не требуется.
По каждому красному и жёлтому пункту вы можете нажать Одобрить (согласиться на доп. работу) или Отклонить (отказаться).
Как распечатать счёт?
Откройте страницу счёта (ссылка приходит от сервиса или в разделе «Счета» портала). Нажмите кнопку Скачать PDF — браузер откроет диалог печати. Сохраните как PDF или распечатайте прямо на принтере. Кнопки управления не попадают на страницу — только сам бланк.
Как напечатать флаер с индикатором здоровья моего авто?
Откройте ссылку «Флаеры и печать» из карточки авто в разделе «Мои авто». В левой панели выберите дизайн (тёмный / светлый / полоса / карточка) и при желании уберите ненужные элементы галочками. Нажмите Печать. Если хотите отправить ссылку другу или коллеге — кнопка Поделиться.
Не вижу блок оценки ремонта — почему?
Блок «Оцените ремонт» появляется только после завершения наряда (статус «Выполнен», «Оплачен» или аналогичный). Если вы уже оставляли отзыв по этому наряду — блок больше не показывается.