01Кейсы на разбориз архива
Учебный дашборд для автосервиса: таблица заказов не влезает на 1280
z.komarov показал 23 октября 2024
- Правки
- 3 правки
- Последняя
- 24 октября 2024
- В разборе
принятой правки пока нет
кейс
Колледж, учебный проект. Дашборд для мастера-приёмщика автосервиса: сверху 4 карточки (машин в работе, ждут запчасти, готово, выручка за день), ниже таблица заказов на 9 колонок: номер, машина, госномер, клиент, телефон, работы, мастер, статус, сумма. Рисовал на 1440, всё влезало. Преподаватель открыл на своём ноутбуке с 1280, и таблица уехала. Что резать?
правка 1
Ничего не резать, а решить, что таблица делает на узком экране. Это решает дизайнер, а не верстальщик, иначе я сделаю горизонтальный скролл и всем будет грустно.
Варианты: закрепить первые две колонки, номер и госномер, и скроллить остальное; спрятать клиента и телефон в раскрывающуюся строку; объединить машину и госномер в одну ячейку в две строки. Я бы взял второе и третье вместе, приёмщик ищет по госномеру, а телефон нужен редко.
И нарисуй все статусы. У тебя «статус» одной колонкой, а у меня всегда вопрос: сколько их, какого цвета каждый и что будет, если статус длинный. «Ждёт согласования с клиентом» в ячейку 120 px не влезет.
Варианты: закрепить первые две колонки, номер и госномер, и скроллить остальное; спрятать клиента и телефон в раскрывающуюся строку; объединить машину и госномер в одну ячейку в две строки. Я бы взял второе и третье вместе, приёмщик ищет по госномеру, а телефон нужен редко.
И нарисуй все статусы. У тебя «статус» одной колонкой, а у меня всегда вопрос: сколько их, какого цвета каждый и что будет, если статус длинный. «Ждёт согласования с клиентом» в ячейку 120 px не влезет.
правка 2
а карточки сверху кликаются? если «ждут запчасти» фильтрует таблицу, это сразу полезнее, чем просто цифра
правка 3
Объединил машину и госномер, клиента и телефон убрал в раскрывающуюся строку, на 1280 теперь влезает с запасом. Статусов вышло 6, у каждого цвет и короткое название, полное во всплывающей подсказке. Карточки фильтруют таблицу. Преподаватель поставил 5 и сказал, что раскрывающуюся строку у нас в группе видит впервые.