Добавление таблицы из отчета УФО в интерфейс «Директор» (КУС)

Материал из КинтВики
Перейти к: навигация, поиск

В интерфейсе «Директор» помимо предустановленных виджетов можно добавлять таблицы из отчетов УФО.

Для этого используются источники данных категории «Отчет».

  1. Настройте необходимый отчет в универсальной форме отчета:
    1. Задайте нужные развороты и ресурсы;
    2. Убедитесь, что структура отчета соответствует требуемому виду таблицы, так как именно она будет отображаться в интерфейсе.
    3. Сохраните сформированный вариант отчета как «общий» отчет.
      Отчет для виджета.png
  2. В справочнике «Источники данных» создайте новый источник данных:
    1. В поле «Категория» выберите «Отчет».
    2. На закладке Настройки в поле «Отчет» выберите настроенный ранее вариант отчета.
    3. Нажмите кнопку Заполнить переменные, чтобы автоматически загрузить параметры отчета.
    4. При необходимости нажмите кнопку с настройками и задайте формат отображения данных, измените заголовки.
    5. Запишите изменения.
      Источник данных в категории Отчет.png
  3. В справочнике «HTML-виджеты» создайте новый виджет:
    1. В поле «Владелец» выберите категорию «Интерфейс «Директор».
    2. В поле «Наименование» укажите название виджета, которое должно отображаться в интерфейсе.
    3. Нажмите кнопку Изменить макет.
      HTML виджет.png
    4. В макете виджета нажмите ВставитьИсточник данных и выберите подготовленный ранее источник данных.
      Макет виджета Вставить источник данных.png
    5. Завершите редактирование макета и сохраните виджет.
      Макет виджета Завершить редактирование.png
  4. Проверьте результат: в интерфейсе «Директор» отобразится виджет в виде таблицы с данными отчета.
    Виджет Бронирование в интерфейсе Директор.png

Дополнительная настройка оформления

Для более гибкой настройки отображения таблицы в интерфейсе создайте отдельный виджет стилей:

1. В справочнике «HTML-виджеты» создайте новый виджет c владельцем «Интерфейс «Директор» - дополнительные стили».

2. В макете виджета вставьте разметку (заготовку) для CSS-стилей:

{plain}
<style>

</style>
{/plain}

3. Внутри этого блока добавьте HTML- и CSS-код, который изменяет оформление таблицы: шрифты, рамки и другие визуальные параметры.