Войти
Назад

Экран отображения информации

link
Скопировать прямую ссылку на статью

Общая информация

Экран предназначен для отображения текстовой информации и изображений

Поддерживаемые компоненты

На экране могут быть задействованы информационные компоненты:

Внешний вид в конструкторе

Рисунок1.png

Структура экрана отображения информации

ВКУ JSON
№ В конструкторе Атрибут Тип Описание
1 Идентификатор экрана id string Уникальный идентификатор компонента в JSON
2 Имя экрана name string Допускается ввод любых данных для отображения в конструкторе, однако классическим видом является s1, где номера — сгенерированные идентификаторы, s — экран
3 Заголовок экрана header string Заголовок экрана, который отображается пользователю
4 Текст подзаголовка subHeader string Позволяет указать подзаголовок экрана
5 Модальные окна с пояснениями clarifications object, array Позволяет раскрыть блок «Настроить модальное окно с пояснением вручную» или сделать список ссылок на пояснительные переходы
6 Настроить модальное окно с пояснением вручную acceptableTypes additionalProperties Позволяет настроить модальные окна
7 Стиль экрана cssClass string Позволяет выбрать стиль экрана:
  • Стиль стартового экрана
  • Стиль страницы решения
  • Стиль финального экрана
  • Стиль тупикового экрана
  • Стиль для экрана отображения информации без белой подложки
8 Признак первого экрана firstScreen boolean Используется для стартового экрана, кнопка «Назад» ведёт на главную страницу
9 Признак последнего экрана terminal boolean Если чекбокс установлен, то скрывается кнопка «Назад», сформированное заявление отправляется в СМЭВ и статус «complete» отправляется в Delirium
10 Запретить отправку данных в СМЭВ notSendToSp boolean Если чекбокс установлен, то отправка данных услуги в СМЭВ не осуществляется
11 Признак тупикового экрана Impasse boolean Если чекбокс установлен, то черновик заявления удаляется из личного кабинета и базы данных
12 Скрыть кнопку «Назад» hideBackButton boolean Позволяет скрыть кнопку «Назад»
13 Ссылка для перехода по кнопке «Назад» backButtonUrl string Позволяет задать ссылку, по которой будет осуществляться переход при нажатии кнопки «Назад»
14 Проверять полномочия checkSendPermission boolean Если чекбокс установлен, то осуществляется проверка полномочий на отправку заявления
15 Проверить черновик на подмену данных syncHashValues boolean Если чекбокс установлен, то производится проверка сохранённых значений компонентов на backend со значениями в черновике
16 Заполнить additionalParams needToUpdateAdditionalParameters boolean Если чекбокс установлен, то происходит заполнение дополнительных параметров
17 Сохранить ответы черновика в suggest forceSendToSuggestions boolean Если чекбокс установлен, то происходит отправка черновика в микросервис саджестов для обработки. Используется только для услуг, у которых нет сохранения черновика
18 Ссылки на значения атрибутов для подстановки в отображаемый текст refs objects Ссылки на значения компонентов, которые необходимо отобразить
19 Осуществить синхронный вызов Delirium (calcStage) changeStage boolean Если чекбокс установлен, то происходит синхронный вызов Delirium, даже если заявление не содержит участников
20 Сохранить черновик и осуществить синхронный вызов Delirium (calcStage) changeStageWithDraft boolean Если чекбокс установлен, то происходит предварительное сохранение черновика и синхронный вызов Delirium
21 Список стейджей, при которых нужно осуществить повторную инициализацию сценария initStages array Позволяет задать список стейджей, при которых требуется повторная инициализация сценария
22 Признак, указывающий что пользователь (созаявитель) принял предложение заявителя или отказал accepted boolean Если чекбокс установлен, то указывается что пользователь принял предложение заявителя или отказал
23 Принудительный вызов Delirium на терминальном экране forceDeliriumCall boolean Если чекбокс установлен, то осуществляется принудительный вызов Delirium на терминальном экране
24 Идентификатор группы suggest groupId string Механизм отображения пользователю набора подходящих для ввода данных и автоматическое заполнение полей формы этими данными
Настройка подтверждения действия
25 Ключ value string Должен совпадать со значением поля «Значение, отправляемое по нажатию на кнопку» кнопки экрана
26 Заголовок title string Позволяет создать заголовок модального окна подтверждения
27 Текст text string Позволяет создать текст модального окна подтверждения
28 Текст кнопки label string Позволяет создать текст кнопки в модальном окне подтверждения
29 Закрыть модальное окно по нажатию этой кнопки? closeModal boolean Если чекбокс установлен, то при нажатии кнопки модальное окно закроется
30 Цвет кнопки color string Позволяет задать цвет кнопки в модальном окне
31 Тип кнопки type string Позволяет задать тип кнопки в модальном окне
32 Значение value string Позволяет задать значение, отправляемое по нажатию на кнопку
33 Цвет кнопки color string Позволяет задать цвет кнопки в модальном окне:
  • Белый
  • Синий
34 Текст кнопки label string Позволяет задать текст кнопки в модальном окне подтверждения из списка или вручную
35 Значение, отправляемое по нажатию на кнопку value string Позволяет задать значение, отправляемое по нажатию на кнопку
36 Тип кнопки type string Позволяет выбрать тип кнопки:
  • Предустановленное значение
  • Динамическое
37 Тип кнопки action string Позволяет выбрать тип кнопки из списка или задать вручную
38 Установить зависимости с ранее введёнными данными ref object Массив объектов, в элементах которых описываются зависимости и правила отображения кнопки
39 Идентификатор кнопки buttonid string Позволяет задать идентификатор кнопки. Используется если задается зависимость с ранее введёнными данными
40 Зависимости с ранее введёнными данными refs object Массив объектов, в элементах которых описываются зависимости и правила отображения полей
41 Вычисляемые аргументы компонента (linkedValues) linkedValues array Атрибуты компонента, позволяющие реализовать сложный функционал

Пример JSON структуры объекта передаваемой в DTO

{

  "display": {

    "id": "s29",

    "name": "Экран s29",

    "type": "INFO",

    "header": "1",

    "components": [

      {

        "id": "c46",

        "type": "InfoScr",

        "skipValidation": false,

        "attrs": {

          "interpolationEnabled": true,

          "refs": {}

        },

        "arguments": {},

        "value": "",

        "required": true,

        "sendAnalytics": false

      }

    ],

    "buttons": [

      {

        "id": "s29-0",

        "label": "Продолжить",

        "type": "nextStep",

        "action": "getNextScreen",

        "color": "gosblue",

        "height": ""

      }

    ],

    "suggestion": {

      "groupId": "Идентификатор группы"

    },

    "confirmations": {

      "Ключ": {

        "title": "Заголовок",

        "text": "Текст"

      }

    },

    "hideBackButton": true,

    "infoComponents": [],

    "logicAfterValidationComponents": [],

    "notSendToSp": true,

    "forceSendToSuggestions": true,

    "needToUpdateAdditionalParameters": true,

    "forceDeliriumCall": true,

    "checkSendPermission": true,

    "arguments": {},

    "acceptCookies": [],

    "accepted": true,

    "terminal": false,

    "impasse": true,

    "firstScreen": true

  }

Варианты использования

Экран отображения информации применяется для создания:

  • Стартового экрана. В настройках экрана необходимо выбрать стиль экрана – «Стиль стартового экрана» и установить чекбокс «Признак первого экрана»

Рисунок2.png

  • Тупиковых экранов. В настройках экрана необходимо выбрать стиль экрана – «Стиль тупикового экрана»

Рисунок3.png

  • Страницы решения. В настройках экрана необходимо выбрать стиль экрана – «Стиль страницы решения»

Рисунок4.png

  • Финального экрана. В настройках экрана необходимо выбрать стиль экрана – «Стиль финального экрана» и установить чекбокс «Признак последнего экрана»

Рисунок5.png

Авторизуйтесь, чтобы оставить комментарий к статье