Стиль портала данных - Справка FineReport | Разработка отчетов | Отчеты | Учебные пособия

Стиль портала данных

1. Обзор

Применимые сценарии: Пользователи, установившие плагин "Портал данных ", могут обратиться к этой статье, чтобы понять соответствующие функции Портала данных.

1.1 Версия

Версия сервера FineBI	Плагин для портала данных	Функциональные изменения
6.0.2	V1.0	-
6.0.3	V1.1	-
6.0.3	V1.2	(1) Новые настройки стиля портала, поддержка однокнопочного переключения стиля Kanban2) Настройка страниц и поддержка стилей компонентов в соответствии с темой3) Фон компонента изображения поддерживает выбор встроенных изображений
6.0.3	V1.4	Стили компонентов с поддержкой заголовков для ввода формул
6.0.9	V1.9	Поддержка мобильных порталов данных и шесть встроенных тем для мобильных порталов

1.2 Функциональный профиль

В этой статье описываются настройки стиля, которые можно применить к страницам и компонентам при редактировании портала данных.

2. Стиль портала для рабочего стола

2.1 Настройка страницы

Администратор входит в систему FineBI, переходит в раздел "System Management > Портал данных > Управление порталом", нажимает "Новый портал" и создает новую канбан-доску портала данных, как показано на следующем рисунке:

Портал данных размещен в виде сетки, при этом ширина и высота компонентов регулируется в соответствии с сеткой.

На экране редактирования портала данных, если вы не выбрали ни одного компонента, вы можете установить "Page Setup" в правой части, как показано на следующем рисунке:

Фон страницы поддерживает две формы:

Настройки стиля	контексты
Следуйте теме	В версии 1.2 и более поздних плагин Data Portal имеет четыре встроенных стиля порталаЕсли выбрать "Следовать теме", стиль фона страницы будет соответствовать стилю портала.Более подробную информацию см. в разделе 2.3 данного документа.
персонализация	Поддерживает два стиля фонаЦвет: поддержка пользовательских цветовИзображение: поддержка загрузки файлов изображений в формате .jpg/.png/.gif/.bmp, компонент адаптации по умолчанию

2.2 Стили компонентов

В интерфейсе редактирования портала данных выберите компонент, справа вы можете установить "Стиль компонента". Как показано на рисунке ниже:

Настройки стиля поддерживают варианты "Следовать теме" и "Пользовательский".

• Следуйте теме

В версии 1.2 и более поздних плагин Data Portal имеет четыре встроенных стиля портала.

Если выбрать "Follow Theme", стиль компонента будет соответствовать стилю портала, подробнее см. главу 4 данного документа.

Примечание: Текстовые компоненты и компоненты изображений не поддерживают следующие темы.

• персонализация

Пользовательские стили компонентов включают заголовок компонента, текст заголовка, фон заголовка, фон компонента и значок компонента.

Стили компонентов	Ассортимент поддерживаемых компонентов	инструкции	типичный пример
Название компонентаТекст заголовка	Текстовые компоненты не поддерживаютсяКомпонент изображения не поддерживается	Поддерживает настройку отображения заголовка компонентаПоддержка настройки содержания заголовков компонентовПоддержка настройки шрифта заголовка и размера шрифтаПоддерживается настройка стиля текста заголовка: жирный, курсив, подчеркивание, цвет, выравниваниеV1.4 и более поздние версии плагина, заголовок компонента поддерживает формулы ввода, см. ниже.
Название Фон	Текстовый компонент не поддерживается Компонент изображения не поддерживается	Поддержка настройки цвета фона заголовков компонентовПоддержка установки иконки перед заголовком компонентаПоддержка настройки расстояния между значками и текстом заголовков компонентовВключает предопределенные и пользовательские стили1) ПредопределенныйВключает три стиля: простой, деловой и свежий.2) ПерсонализацияПоддержка настройки цвета фона и прозрачности заголовков
Компонентный фон	Вся поддержка	Поддержка настройки цвета фона и прозрачности компонентовПоддержка установки размера закругленных углов компонентаПоддержка настройки цвета и толщины линий границ компонента
Значки компонентов	Поддерживаются только динамические компоненты отчетов	В V1.2 и более поздних версиях плагина встроено пять стилей иконок на выбор
Список цветов	Поддерживается только компонент доски объявлений - Все объявления	В версии 1.2 и более поздних версиях плагина, когда компонент доски объявлений отображает все объявления, поддерживается настройка цветовой схемы списка.

Примечание 1: В настройках цвета фона заголовка, фона компонента и т. д. прозрачность можно регулировать, перетаскивая полосу прокрутки или вводя значение вручную, как показано на следующем рисунке:

Примечание 2: V1.2 и более поздние версии плагина имеют четыре встроенных изображения заголовка, чтобы соответствовать различным стилям тематических порталов.

Фон текстового компонента поддерживает выбор "Встроенное изображение". Как показано на рисунке ниже:

Примечание 3: V1.4 и более поздние версии плагина, заголовок компонента поддерживает формулу ввода. Поддерживаются следующие формулы:

категоризация	Поддерживаемые формулы	инструкции
системный параметр	${fine_username}${fine_position}${fine_role}${fr_username}${fr_userposition}${fr_authority}${GETUSERDEPARTMENTS()}${GETUSERDEPARTMENTS(X)}${GETUSERJOBTITLES()}	1) Примечания:При использовании формулы необходимо добавить ${}2) Используйте примеры:${fine_username}
функция даты	DATE, DATEDELTA, DATEDIF, DATEINMONTH, DATEINQUARTER, DATEINWEEK, DATEINYEAR, DATESUBDATE, DATETONUMBER, DAY, DAYS360, DAYSOFMONTH, DAYSOFQUARTER, DAYSOFYEAR, DAYVALUE, ENDOFMONTH, HOUR, ISWORKDAY, LUNAR, MINUTE, MONTH, MONTHDELTA, NOW, SECOND, TIME, TODATE, TODAY, WEEK, weekdate, weekday, year, yeardelta	1) Примечания:При использовании формулы необходимо добавить ${}2) Используйте примеры:${now()}

2.3 Темы портала

V1.2 и более поздние версии плагина поддерживают переключение темы Data Portal Kanban одним щелчком мыши.

Плагин имеет четыре набора встроенных стилей, охватывающих фоны страниц Kanban, стили заголовков компонентов, фоны компонентов, иконки компонентов, иконки ввода ярлыков и цветовые схемы списков доски объявлений.

Если для параметра "Настройка страницы/Стиль компонента" выбрано значение "Следовать теме", как показано ниже:

Затем вы можете нажать кнопку "Стиль портала", чтобы одним щелчком мыши переключить стиль темы Kanban. Как показано на рисунке ниже:

3. Стили мобильных порталов

Примечание: V1.9 и более поздние версии плагина поддерживают порталы мобильных данных.

3.1 Настройка страницы

Администратор входит в систему FineBI, переходит в раздел "System Management > Портал данных > Управление порталом" и нажимает кнопку "Новый портал".

На всплывающей странице введите "Имя портала", установите терминал отображения как "Мобильный", выберите "Макет портала" и нажмите "OK", как показано на рисунке ниже:

Портал данных размещен в виде сетки, при этом ширина и высота компонентов регулируется в соответствии с сеткой.

На экране редактирования портала данных, если вы не выбрали ни одного компонента, вы можете установить "Page Setup" в правой части, как показано на следующем рисунке:

Фон страницы поддерживает две формы:

Элементы настройки описаны ниже:

Настройки стиля	элемент настройки
Следуйте теме	Плагин Data Portal имеет шесть встроенных стилей мобильного порталаЕсли выбрать "Следовать теме", стиль фона страницы будет соответствовать стилю портала.Дополнительные сведения см. в разделе 3.3.1) Внутренние поляПоддерживает установку верхнего, нижнего, левого и правого полей страницы2) Компоненты* Скругленные углы: поддерживает установку скругленных углов компонента * Gap: поддерживает настройку зазора между компонентами 3) Верхняя навигацияПоддержка настройки видимости и невидимости верхней панели навигацииВерхняя навигация вторичной страницы портала не будет отображаться, если она скрыта.При использовании h5 рекомендуется скрыть навигацию
персонализация	1) Поддержка двух стилей фонаЦвет: поддержка пользовательских цветовИзображение: поддержка загрузки файлов изображений в формате .jpg/.png/.gif/.bmp, компонент адаптации по умолчанию2) Внутренние поляПоддерживает установку верхнего, нижнего, левого и правого полей страницы3) Компоненты* Скругленные углы: поддерживает установку скругленных углов компонента * Gap: поддерживает настройку зазора между компонентами 4) Верхняя навигацияПоддержка настройки видимости и невидимости верхней панели навигацииВерхняя навигация вторичной страницы портала не будет отображаться, если она скрыта.При использовании h5 рекомендуется скрыть навигацию

Эффект от настройки верхней навигации показан ниже:

3.2 Стили компонентов

Плагин Data Portal имеет шесть встроенных стилей мобильного портала.

Стили мобильных компонентов соответствуют стилям темы портала, подробнее см. в разделе 3.3.

3.3 Темы портала

Примечание: Баннеры, добавленные на Портал данных, не поддерживают переключение темы одним щелчком мыши; вновь добавленные стили баннеров автоматически повторяют текущую тему.

Поддержка переключения тем портала мобильных данных Kanban одним щелчком мыши.

Плагин имеет шесть встроенных стилей, охватывающих фоны страниц Kanban, фоны компонентов, динамические иконки и кнопки отчетов, а также цветовые схемы доски объявлений.

Нажмите кнопку "Стиль портала", чтобы одним щелчком мыши переключить стиль темы Kanban. Как показано на рисунке ниже: