Войти

Ввод реквизитов документов (DocInput)

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

Компонент DocInput предназначен для ввода реквизитов документов, таких как: Паспорт РФ, Свидетельство о рождении, Заграничный паспорт, Водительское удостоверение и другие

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

Компонент может быть задействован на экранах типа:

Внешний вид компонента

В услуге

1.png

В конструкторе

2.png

Структура компонента DocInput

ВКУ
JSON
В конструкторе
Атрибут
Тип
Описание

1

Идентификатор компонента

id

string

Уникальный идентификатор компонента в JSON

2

Удобочитаемое имя компонента

name

string

Допускается ввод любых данных для отображения в конструкторе, однако классическим видом является s1_с1, где номера — сгенерированные идентификаторы, s — экран, c — компонент

3

Заголовок компонента

label

string

Название поля. Описывает, что пользователю необходимо ввести в отображаемое ему поле

4

Игнорировать верифицированность документа в ЕСИА?

ignoreVerification

boolean

Отключает подтверждение введённых данных в ЕСИА

5

Тип документа, по которому подтягивать данные из ЕСИА

type

string

Атрибут добавляющий данные загранпаспорта, паспорта РФ или водительского удостоверения из ЕСИА

6

Ограничения на вводимую дату (с условием) для поля "Дата выдачи"

dateRestrictions

array of objects

Массив объектов, в элементах которых описываются ограничения с правилами валидации дат

7

Поля

fields

object

Объект, содержащий в себе другие объекты, а также массивы других объектов, в атрибутах которых описываются поля для заполнения

8

Установить зависимости с ранее введёнными данными

ref

array

Массив объектов, в элементах которых описываются зависимости и правила отображения полей

9

Идентификатор подсказки/саджеста/ suggest

suggestionId

string

Механизм отображения пользователю набора подходящих для ввода данных и автоматическое заполнение полей формы этими данными

10

Вычисляемые аргументы компонента (linkedValues)

attrs

object

Атрибуты компонента, позволяющие реализовать сложный функционал

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

value: "{"series":"VI-","number":"797876","date":"2021-07-

01T00:00:00.000+04:00","emitter":"

"}"

visited: true

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

Самым распространённым использованием компонента DocInput является ввод паспортных данных получателя услуги в сценарии представительства

3.png

Также данный компонент часто используется в цикле с детьми для ввода актовой записи о рождении ребёнка

4.png

5.png

Важно! Для поп-апа свидетельства о рождении ребёнка используются только фирменные иллюстрации, свои фотографии добавлять нельзя

6.png

7.png

Реализацию данных примеров можно посмотреть в шаблоне Представительства ФЛ

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