bidcore Design book
Форма кампании
Система интерфейса / направление A / 01.11.2026

Компоненты рабочего кабинета

Поля, окна, данные и даты. Поведение так же важно, как внешний вид.

Рендеры открытых состояний
Интерактивные эталоны дизайн-бука. Данные демонстрационные, действия локальные. Реализация Bc* и Element Plus сверяется отдельно; эти образцы не объявлены внедренными компонентами продукта.
01 / Overlay family

Модальные окна по смыслу действия

Предупредить, подтвердить, задать вопрос или получить данные.

Dialog / AlertDialog / FormDialog
Escape и крестик - отменаTab остается внутриФокус возвращается к вызвавшей кнопкеСложная форма не закрывается кликом по фону
02 / Data display

Таблица, которая выдерживает рабочий объем

125 записей, поиск, сортировка, выбор строк и доступный пагинатор.

DataTable + Pagination
Выбрано: 0Выбор сохраняется между страницами.
Кампании рекламодателя. Сортировка кнопкой в заголовке.
Статус Показы CTR, %
04 / Date & time

Календарь и осознанный выбор периода

Одна дата и диапазон - разные компоненты. Изменения диапазона применяются явно.

DatePicker + DateRangePicker

Одна дата

Календарь с видимой выбранной датой и переходом по месяцам.

Пояс кампании: Europe/Moscow. Планирование допускает будущие даты.

Период отчета

Два месяца, быстрые периоды и поля для точного ввода.

Примененный периодUTC · включительно · демо-дата: 01.11.2026
Для отчетов будущие даты недоступны. Для расписания кампании - доступны. Кнопка «Отмена» сохраняет прежний примененный период.
Начало26 октября
Конец1 ноября
Длительность7 дней

Даты передаются как YYYY-MM-DD; пояс показан рядом с периодом. Переход на летнее время не меняет число календарных дней.

06 / Media workflow

Загрузка и подготовка медиаконтента

Видео и изображения, проверка исходника, очередь и конвертация, ожидание, ошибка и повтор, плеер, постер и редактор метаданных.

Общий компонентный слой

От эталона к реализации

Токены и InterOverlay / Field / Table / CalendarАдаптер Element Plus или Bc*Предметный экран

BcModal, BcTable, BcPagination, BcSelect и BcDateRange уже существуют в SaaS. Эта страница добавляет явные правила, недостающие варианты и проверяемые образцы. Собственный двухмесячный календарь, типизированные диалоги и combobox требуют отдельного внедрения.

DateRangePicker

Период отчета

UTC · включительно. Выберите начало и конец или задайте даты вручную.