Общая информация
Компонент InfoScr представляет из себя информационный блок, в котором пользователю отображается произвольный текст или изображение.
Поддерживаемые экраны
Компонент может быть задействован на экране типа:
Внешний вид компонента
В услуге
В конструкторе
Структура компонента InfoScr
ВКУ |
JSON |
|||
№ |
В конструкторе |
Атрибут |
Тип |
Описание |
1 |
Идентификатор компонента |
id |
string |
Уникальный идентификатор компонента в JSON |
2 |
Удобочитаемое имя компонента |
Допускается ввод любых данных для отображения в конструкторе, однако классическим видом является s1_с1, где номера — сгенерированные идентификаторы, s — экран, c — компонент |
||
3 |
Текст компонента |
label |
string |
Текст компонента. Для большинства компонентов доступна возможность использования HTML разметки (<b> <strike> <span> и т.д.) |
4 |
Пояснительные переходы |
Создание модального окна (поп-ап) |
||
5 |
Ссылки для подстановки значений в отображаемый текст |
Описывает массив объектов представляющих собой ссылки на компоненты и их поля отображавшиеся ранее в рамках взаимодействия с пользователем по текущей услуге. Служит для отображения ранее введённых данных |
||
5.1 |
Ключ |
Имя аргумента | ||
5.2 |
Компонент |
Из какого компонента взять значение |
||
5.3 |
Атрибут компонента |
Указывается путь из черновика до значения |
||
5.4 |
Преобразование |
|||
5.5 |
Формат |
|||
6 |
Ссылка на картинку |
src |
string |
Указывается ссылка на картинку |
7 |
Подпись для картинки |
alt |
string |
Описание картинки |
8 |
Вычисляемые аргументы компонента (linkedValues) |
attrs |
object |
Атрибуты компонента, позволяющие реализовать сложный функционал |
Пример JSON структуры компонента передаваемой в DTO
{ visited: true, value: "Электронная справка" } |
Вариант использования
Данный компонент применяют на Стартовом экране, Странице решения, а также Финальном экране. Тупиковые экраны также оформляются при помощи данного компонента, для добавления изображения на экран необходимо перейти в настройках к блоку «Блок атрибутов для вставки изображения» указать ссылку на картинку и указать подпись к ней при необходимости.