Изменения документа O-VISION

Редактировал(а) PROSTO:СКУД 2026/10/30 12:28

От версии 3.1
отредактировано PROSTO:СКУД
на 2026/10/14 13:03
Изменить комментарий: К данной версии нет комментариев
К версии 19.1
отредактировано PROSTO:СКУД
на 2026/10/15 06:43
Изменить комментарий: К данной версии нет комментариев

Сводка

Подробности

Свойства страницы
Название
... ... @@ -1,1 +1,1 @@
1 -Настройка интеграции c OVISION
1 +Настройка интеграции c O-VISION
Содержимое
... ... @@ -1,192 +1,134 @@
1 -== 1. Особенности интеграции с OVISION ==
1 += Настройка интеграции PROSTO:СКУД с биометрической системой O-VISION =
2 2  
3 -Биометрическая система контроля доступа **O-VISION** построена на технологиях высокоточного распознавания лиц. Интеграция модуля PROSTO:СКУД с O-VISION выполняется по протоколу REST API (HTTPS/OAuth2) напрямую с сервером СКУД.
3 +{{info}}
4 +**O-VISION** — современная биометрическая система контроля доступа на базе алгоритмов распознавания лиц. Интеграция с **PROSTO:СКУД** обеспечивает автоматическую передачу списков сотрудников, фотографий и структуры предприятия из 1С в терминалы O-VISION, а также получение точных событий проходов для автоматического расчета табеля Т-13.
5 +{{/info}}
4 4  
5 -Особенности модели данных OVISION:
7 +{{id name="H1.Описаниеинтеграции"/}}
6 6  
7 -~1. Модель данных OVISION — двухуровневая:
8 - Объект (персона, ФИО) -> Профиль сотрудника (привязка Подразделения, Табельный номер) -> Карта -> Уровень доступа.
9 - При создании сотрудника из 1С интеграция создает Объект и привязанный к нему Профиль. К профилю в веб-интерфейсе OVISION вручную привязываются карта и уровни доступа.
9 +== 1. Описание интеграции ==
10 10  
11 -2. В OVISION оргструктура — это Подразделения. Сценарии кадрового учета (прием, перевод, увольнение) реализуются через Подразделения, а для "архива" уволенных — отдельное Подразделение для уволенных.
11 +Обмен данными между «1С:Предприятие» и сервером O-VISION выполняется по защищенному протоколу **REST API (HTTPS/OAuth2)**.
12 12  
13 -3. Состав обмена (текущая версия интеграции):
13 +=== Ключевые принципы взаимодействия: ===
14 14  
15 - Из 1С в OVISION:
16 - - Организации
17 - - Подразделения (с иерархией)
18 - - Сотрудники: Объект + Профиль (ФИО, Табельный номер, Подразделение, Фото)
15 +* **Двухуровневая модель персоны:** В O-VISION для каждого человека создается **Объект (Персона)**, к которому привязывается **Профиль сотрудника** (с указанием подразделения и табельного номера).
16 +* **Оргструктура:** В O-VISION структура предприятия формируется списком **Подразделений** (понятие «Группы доступа» отсутствует).
17 +* **Бережная синхронизация (Защита карт и уровней):** Идентификаторы (пропуска/карты) и уровни доступа к терминалам назначаются непосредственно в веб-интерфейсе O-VISION. Модуль 1С управляет кадровыми данными и фото, **не затирая** назначенные в СКУД права и пропуска.
19 19  
20 - Из OVISION в 1С:
21 - - Территории
22 - - Контроллеры (терминалы/считыватели)
23 - - События проходов
19 +{{id name="H2.ПредварительныетребованиянасторонеO-VISION"/}}
24 24  
25 - Не выгружаются из 1С в OVISION:
26 - - Карты доступа и Уровни доступа (заводятся вручную в веб-интерфейсе OVISION)
27 - - Дополнительные поля (СНИЛС, ИНН, дата приема, дата увольнения, дата рождения, должность, гражданство)
21 +== 2. Предварительные требования на стороне O-VISION ==
28 28  
29 -4. Территории и Контроллеры — только получение из СКУД. Создание этих объектов в OVISION из 1С отключено.
23 +Перед началом настройки интеграции в 1С убедитесь, что выполнены системные условия:
30 30  
31 -5. Сопоставление сотрудников выполняется по идентификатору SID; при пустом SID — по связке «ФИО + Табельный номер».
25 +{{warning}}
26 +**Критически важно для учетной записи API:**
27 +В веб-интерфейсе O-VISION для интеграции должна быть создана сервисная учетная запись с ролью **Администратор (Administrator)**.
28 +В текущих версиях API O-VISION сервисная роль с ограниченными правами «Интеграция» блокирует получение списков персонала.
29 +{{/warning}}
32 32  
33 -== 2. Предварительные требования на стороне OVISION ==
31 +1. **Сетевой доступ:** Сервер 1С имеет прямой сетевой доступ к серверу O-VISION по порту веб-сервиса (по умолчанию `443` или порт вашей публикации).
32 +1. **Топология:** В интерфейсе O-VISION созданы терминалы распознавания лиц (Точки доступа) и зоны (Территории).
33 +{{id name="H3.Настройкаподключенияв1С"/}}
34 34  
35 -Перед началом настройки в 1С убедитесь, что на сервере OVISION выполнены следующие действия:
36 -
37 -1. (((
38 -Сервер OVISION запущен, сетевой порт API доступен для сервера "1С:Предприятие".
39 -)))
40 -1. (((
41 -В OVISION заведены терминалы распознавания лиц (Точки доступа) и зоны (Территории).
42 -)))
43 -
44 -(% class="box infomessage" %)
45 -(((
46 - В OVISION должна быть создана сервисная учетная запись с правами **Администратора** (Administrator). В текущих версиях API OVISION урезанная сервисная роль «Интеграция» может блокировать получение списка сотрудников.
47 -)))
48 -
49 49  == 3. Настройка подключения в 1С ==
50 50  
51 -1. Для настройки подключения к СКУД OVISION необходимо перейти в "**Настройки подсистемы PROSTO:СКУД**" и установить флаг для используемого СКУД.
37 +Для настройки подключения к СКУД O-VISION необходимо перейти в "**Настройки подсистемы PROSTO:СКУД**" и установить флаг для используемого СКУД.
52 52  
53 -[[image:1791891919630-110.png]]
39 +Для создания узла подключения перейдите в меню:
40 +**PROSTO:СКУД** ➝ **Интеграция со СКУД** ➝ справочник **Системы контроля доступа (СКУД)** ➝ кнопка **«Создать»**.
54 54  
55 -[[image:1791891832508-224.png]]
42 +|= Параметр |= Значение / Пример |= Назначение |
43 +| **Наименование** | `O-VISION` | Пользовательское название узла подключения |
44 +| **Система контроля доступа** | `O-VISION` | Выбор типа интеграционного драйвера |
45 +| **Используется** | ☑️ (Включено) | Флаг активности узла обмена |
46 +| **Сервер** | `ab.ovision.ru` | IP-адрес или доменное имя сервера O-VISION |
47 +| **Логин / Пароль** | `admin / ***` **| Учетные данные пользователя O-VISION с правами админа |
56 56  
49 +{{info title="Проверка связи"}}
50 +После заполнения полей нажмите кнопку **«Проверить соединение»**.
51 +При корректных настройках появится сообщение: «Соединение установлено». После этого нажмите **«Записать»**.
52 +{{/info}}
57 57  
58 -(% start="2" %)
59 -1. Перейдите в раздел **PROSTO:СКУД** ➝ **Интеграция со СКУД**➝ справочник **Системы контроля доступа (СКУД)**.
60 60  
61 -[[image:1791892078709-141.png]]
55 +{{html wiki="false"}}
56 +<div style="max-width:1600px;margin:0 auto;padding:12px 0;">
57 + <div style="margin-bottom:14px;">
58 + <img src="/bin/download/%D0%9D%D0%B0%D1%81%D1%82%D1%80%D0%BE%D0%B9%D0%BA%D0%B0-%D0%B8%D0%BD%D1%82%D0%B5%D0%B3%D1%80%D0%B0%D1%86%D0%B8%D0%B8-c-OVISION/WebHome/1792040318780-310.png?rev=1.1"
59 + alt="Справочник Системы контроля доступа (СКУД)"
60 + style="display:block;width:100%;height:auto;border:1px solid #d6dbe2;border-radius:6px;background:#fbfcfd;">
61 + </div>
62 + <div style="display:grid;grid-template-columns:1fr 1fr;gap:14px;">
63 + <img src="/bin/download/%D0%9D%D0%B0%D1%81%D1%82%D1%80%D0%BE%D0%B9%D0%BA%D0%B0-%D0%B8%D0%BD%D1%82%D0%B5%D0%B3%D1%80%D0%B0%D1%86%D0%B8%D0%B8-c-OVISION/WebHome/1791891832508-224.png?rev=1.1"
64 + alt="Карточка СКУД — основные параметры"
65 + style="display:block;width:100%;aspect-ratio:16/9;object-fit:contain;border:1px solid #d6dbe2;border-radius:6px;background:#fbfcfd;">
66 + <img src="/bin/download/%D0%9D%D0%B0%D1%81%D1%82%D1%80%D0%BE%D0%B9%D0%BA%D0%B0-%D0%B8%D0%BD%D1%82%D0%B5%D0%B3%D1%80%D0%B0%D1%86%D0%B8%D0%B8-c-OVISION/WebHome/1791892329521-438.png?rev=1.1"
67 + alt="Проверка соединения"
68 + style="display:block;width:100%;aspect-ratio:16/9;object-fit:contain;border:1px solid #d6dbe2;border-radius:6px;background:#fbfcfd;">
69 + </div>
70 +</div>
71 +{{/html}}
62 62  
63 -(% start="2" %)
64 -1. (((
65 -Нажмите **«Создать»** и заполните основные параметры:
66 66  
67 -* (((
68 -**Наименование:** OVISION (или понятное имя филиала/проходной).
69 -)))
70 -* (((
71 -**Вид системы контроля доступа:** выберите O-VISION.
72 -)))
73 -* (((
74 -При помощи признака «**Используется**» можно отключать/включать интеграцию с конкретным сервером СКУД, например, на время отладки.
75 -)))
76 -)))
77 -1. (((
78 -Заполните блок **«Данные подключения»**:
79 79  
80 -* (((
81 -**Сервер:** сетевой IP-адрес или доменное имя сервера OVISION.
82 -)))
83 -* (((
84 -**Логин / Пароль:** учетные данные пользователя OVISION с правами администратора.
85 -)))
86 -* (((
87 -Нажмите кнопку **«Проверить соединение»**.
88 -)))
89 -)))
90 -1. (((
91 -При успешном подключении система выдаст сообщение: «Соединение установлено».
92 -)))
93 -1. (((
94 -Нажмите **«Записать»**.
95 -)))
96 -
97 -[[image:1791892329521-438.png]]
98 -
99 99  На второй вкладке указываются дополнительные настройки, отвечающие за параметры и состав данных, участвующих в интеграции. Для первоначальной настройки рекомендуется воспользоваться кнопкой «Заполнить по умолчанию».
100 100  
101 -[[image:1791892602913-871.png]]
77 +{{html wiki="false"}}
78 +<div style="max-width:1600px;margin:0 auto;padding:12px 0;">
79 + <img src="/bin/download/%D0%9D%D0%B0%D1%81%D1%82%D1%80%D0%BE%D0%B9%D0%BA%D0%B0-%D0%B8%D0%BD%D1%82%D0%B5%D0%B3%D1%80%D0%B0%D1%86%D0%B8%D0%B8-c-OVISION/WebHome/1791892602913-871.png?rev=1.1"
80 + alt="Вкладка «Дополнительные настройки»"
81 + style="display:block;width:100%;height:auto;border:1px solid #d6dbe2;border-radius:6px;background:#fbfcfd;">
82 +</div>
83 +{{/html}}
102 102  
103 -== 4. Описание параметров вкладки «Дополнительные настройки» ==
85 +== 4. Параметры синхронизации (Дополнительные настройки) ==
104 104  
105 -На вкладке **«Дополнительные настройки»** карточки СКУД задаются правила поведения синхронизации:
87 +На вкладке **«Дополнительные настройки»** карточки СКУД задаются правила поведения обмена. Рекомендуемые параметры:
106 106  
107 -Блок «Подключение»
89 +(% class="wikigeneratedid" id="H41E44043343043D43843743044643843E43D43D43044F44144244044343A442443440430" %)
90 +Организационная структура
108 108  
109 -* (((
110 -**Порт **— порт сервера OVISION (по умолчанию 8 000).
111 -)))
112 -* (((
113 -**Таймаут **— время ожидания ответа, сек.
114 -)))
115 -* (((
116 -**Защищенное Соединение** — использование SSL.
117 -)))
92 +* **Создавать организации / Создавать подразделения (Да):** создание отделов в 1С при чтении из СКУД.
93 +* **Создавать организации СКД / Создавать подразделения СКД (Да):** автоматическая выгрузка структуры отделов из 1С в O-VISION.
94 +* **Синхронизировать только действующие подразделения (Да):** исключает передачу расформированных отделов.
95 +* **Подразделение по умолчанию:** резервный отдел в O-VISION для сотрудников без кадрового подразделения в 1С.
118 118  
119 -Блок «Оборудование»
97 +(% class="wikigeneratedid" id="H41F43544044143E43D43043B43843143843E43C43544244043844F" %)
98 +Персонал и биометрия
120 120  
121 -* (((
122 -**Создавать контроллеры (Да):** разрешает автоматическое создание элементов в справочнике 1С «Контроллеры» при чтении терминалов из OVISION.
123 -)))
124 -* (((
125 -**Создавать территории (Да):** разрешает загрузку зон доступа из OVISION в справочник 1С «Территории».
126 -)))
100 +* **Создавать физических лиц СКД (Да):** создание новых персон (Объект + Профиль) в O-VISION при выгрузке из 1С.
101 +* **Создавать фото физических лиц СКД (Да):** выгрузка фотографий сотрудников из 1С в O-VISION для биометрической идентификации.
102 +* **Синхронизировать только работающих сотрудников (Да):** уволенные сотрудники не выгружаются в активный список.
103 +* **Автоматически выгружать сотрудников при приеме на работу (Да):**при проведении кадрового приказа в 1С сотрудник автоматически встает в очередь фоновой выгрузки в O-VISION.
104 +* **Синхронизировать сотрудников всех организаций СКД:** при значении Да выгружаются все сотрудники базы; при Нет — только по организациям из разрешенного перечня.
127 127  
128 -Блок «Организационная структура»
106 +(% class="wikigeneratedid" id="H42343243E43B44C43D43543D43843543843143543743E43F43044143D43E44144244C" %)
107 +Увольнение
129 129  
130 -* (((
131 -**Создавать организации / Создавать подразделения (Да):** разрешает создание новых элементов в 1С при получении структуры из OVISION.
132 -)))
133 -* (((
134 -**Создавать организации СКД / Создавать подразделения СКД (Да):** разрешает 1С выгружать и создавать новые отделы в дереве подразделений OVISION.
135 -)))
136 -* (((
137 -**Синхронизировать только действующие подразделения (Да):** исключает из обмена расформированные подразделения 1С.
138 -)))
139 -* (((
140 -**Подразделение по умолчанию:** укажите отдел в OVISION, в который будут помещаться новые сотрудники, если их подразделение в 1С не сопоставлено.
141 -)))
109 +* **Автоматически блокировать сотрудников СКД (Да):** при увольнении в 1С профиль сотрудника в O-VISION блокируется (доступ закрывается).
110 +* **Подразделение для уволенных:** выбор архивной папки O-VISION, куда перемещается уволенный персонал.
142 142  
143 -Блок «Персонал и Фотографии»
112 +(% class="wikigeneratedid" id="H41F43E43443A43B44E44743543D438435" %)
113 +Подключение
144 144  
145 -* (((
146 -**Создавать физических лиц (Да/Нет):** создание карточек физических лиц в 1С при чтении из СКУД.
147 -)))
148 -* (((
149 -**Создавать физических лиц СКД (Да):** разрешает создание новых персон (Объект + Профиль) в OVISION при выгрузке из 1С.
150 -)))
151 -* (((
152 -**Создавать фото физических лиц / Создавать фото физических лиц СКД (Да):** обеспечивает двусторонний обмен биометрическими фотографиями сотрудников между 1С и OVISION.
153 -)))
154 -* (((
155 -**Синхронизировать только работающих сотрудников (Да):** фильтрует выгрузку, исключая уволенных работников.
156 -)))
157 -* (((
158 -**Автоматически выгружать сотрудников в СКУД при приеме на работу (Да):** при проведении кадрового приказа в 1С сотрудник автоматически встает в очередь фоновой выгрузки в OVISION.
159 -)))
160 -* (((
161 -**Синхронизировать сотрудников всех организаций СКД:** при значении Да выгружаются все сотрудники базы; при Нет — только по организациям из разрешенного перечня.
162 -)))
115 +* **Порт :** порт сервера O-VISION (по умолчанию 8 000).
116 +* **Таймаут:** время ожидания ответа, сек.
117 +* **Защищенное Соединение:** использование SSL.
163 163  
164 -Блок «Кадровые сценарии» (регламентные задания):
119 +(% class="wikigeneratedid" id="H41E43143E44044343443E43243043D438435" %)
120 +Оборудование
165 165  
166 -* **Автоматически выгружать сотрудников в СКУД при приеме на работу (Да):** при проведении кадрового приказа в 1С сотрудник автоматически встает в очередь фоновой выгрузки в OVISION.
122 +* **Создавать контроллеры (Да):** разрешает автоматическое создание элементов в справочнике 1С «Контроллеры» при чтении терминалов из O-VISION.
123 +* **Создавать территории (Да):** разрешает загрузку зон доступа из O-VISION в справочник 1С «Территории».
167 167  
168 -* (((
169 -**Автоматически блокировать сотрудников СКД (Да):** при увольнении в 1С профиль сотрудника в OVISION переводится в статус «Заблокирован» (доступ закрывается).
170 -)))
125 +(% class="wikigeneratedid" id="H41E43143C43543D" %)
126 +Обмен
171 171  
172 -* (((
173 -**Автоматически удалять сотрудников СКД (Нет/Да):** физическое удаление объекта сотрудника из базы OVISION (рекомендуется держать выключенным во избежание потери истории).
174 -)))
175 -* (((
176 -**Перемещать Удаляемых Сотрудников** — при увольнении сотрудник перемещается в Подразделение Для Уволенных.
177 -)))
178 -* (((
179 -**Подразделение для уволенных:** выберите архивный отдел в O-VISION. При увольнении сотрудник будет автоматически перемещен в эту папку.
180 -)))
128 +* **Регистрировать историю обмена (Да):** подробные записи об операциях обмена (объект, статус Успешно/Ошибка, тело ответа API) пишутся в регистр «История обмена со СКУД».
129 +* **Использовать отложенную выгрузку:** изменения регистрируются в узле обмена и выгружаются регламентным заданием по расписанию, а не в момент записи объекта.
181 181  
182 -Блок «Обмен»
183 183  
184 -* (((
185 -**Регистрировать историю обмена (Да):** подробные записи об операциях обмена (объект, статус Успешно/Ошибка, тело ответа API) пишутся в регистр «История обмена со СКУД».
186 -)))
187 -* (((
188 -**Использовать отложенную выгрузку:**  изменения регистрируются в узле обмена и выгружаются регламентным заданием по расписанию, а не в момент записи объекта.
189 -)))
190 190  
191 191  === 5. Начальная синхронизация с OVISION ===
192 192  
... ... @@ -193,10 +193,7 @@
193 193  Существует два подхода начала работы с системой:
194 194  
195 195  1. Все справочные данные создаются в системе PROSTO:СКУД и выгружаются в СКУД регламентным заданием после настройки (см. раздел 6).
196 -1. СКУД OVISION уже запущена на момент внедрения и содержит данные. Для этого в системе PROSTO:СКУД предусмотрена обработка Начальной синхронизации.
197 -
198 -[[image:1791979264636-221.png]]
199 -
138 +1. СКУД OVISION уже запущена на момент внедрения и содержит данные. Для этого в системе PROSTO:СКУД предусмотрена обработка Начальной синхронизации.
200 200  Механика обработки:
201 201  
202 202  * Выберите Систему контроля доступа и, перемещаясь между вкладками в порядке их расположения, поочередно синхронизируйте объекты.
... ... @@ -205,7 +205,18 @@
205 205  * Выберите приоритет синхронизации: 1С (выгрузка в СКУД) или СКУД (загрузка из СКУД), отметьте строки флажками и нажмите «Синхронизировать».
206 206  * При успешной синхронизации в первой колонке появится надпись «Данные синхронизированы», а в регистре сведений «Идентификаторы объектов СКУД» создастся запись идентификатора (SID) объекта.
207 207  
208 -[[image:1791979610839-254.png]]
147 +{{html wiki="false"}}
148 +<div style="max-width:1600px;margin:0 auto;padding:12px 0;">
149 + <div style="margin-bottom:14px;">
150 + <img src="/bin/download/%D0%9D%D0%B0%D1%81%D1%82%D1%80%D0%BE%D0%B9%D0%BA%D0%B0-%D0%B8%D0%BD%D1%82%D0%B5%D0%B3%D1%80%D0%B0%D1%86%D0%B8%D0%B8-c-OVISION/WebHome/1791979264636-221.png?rev=1.1"
151 + alt="Начальная синхронизация — обработка"
152 + style="display:block;width:100%;height:auto;border:1px solid #d6dbe2;border-radius:6px;background:#fbfcfd;">
153 + </div>
154 + <img src="/bin/download/%D0%9D%D0%B0%D1%81%D1%82%D1%80%D0%BE%D0%B9%D0%BA%D0%B0-%D0%B8%D0%BD%D1%82%D0%B5%D0%B3%D1%80%D0%B0%D1%86%D0%B8%D0%B8-c-OVISION/WebHome/1791979610839-254.png?rev=1.1"
155 + alt="Начальная синхронизация — вкладки"
156 + style="display:block;width:100%;height:auto;border:1px solid #d6dbe2;border-radius:6px;background:#fbfcfd;">
157 +</div>
158 +{{/html}}
209 209  
210 210  ==== 5.1 Организации и Подразделения. ====
211 211  
... ... @@ -213,10 +213,10 @@
213 213  
214 214  [[image:1791980173475-799.png]]
215 215  
216 -{{{Первичное сопоставление данных происходит по наименованию. Возможна двухсторонняя интеграция:
166 +Первичное сопоставление данных происходит по наименованию. Возможна двухсторонняя интеграция:
217 217  - Приоритет 1С: в OVISION создаются соответствующие организации и подразделения с сохранением иерархии (родительских папок).
218 218  - Приоритет СКУД: в 1С загружаются организации и подразделения.
219 -- С настройкой СинхронизироватьТолькоДействующиеПодразделения расформированные подразделения не выгружаются и не сопоставляются.}}}
169 +- С настройкой СинхронизироватьТолькоДействующиеПодразделения расформированные подразделения не выгружаются и не сопоставляются.
220 220  
221 221  ==== 5.2 Территории и Контроллеры ====
222 222  
... ... @@ -268,7 +268,7 @@
268 268  * Территория – отражает данные о том, на какую территорию был осуществлен проход;
269 269  * Карта – отражает номер карты, которая была использована при проходе.
270 270  
271 -=== 6. Настройка автоматического обмена данными с PERCo-Web и получение событий проходов сотрудников ===
221 +=== 6. Настройка автоматического обмена данными с O-VISION и получение событий проходов сотрудников ===
272 272  
273 273  После первоначального сопоставления данных двух систем 1С и СКУД считается, что 1С выступает мастер системой и выгрузка новых объектов, а также изменения уже сопоставленных должны быть осуществлены и в СКУД.
274 274  
1792040318780-310.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.wiki_adm
Размер
... ... @@ -1,0 +1,1 @@
1 +282.2 KB
Содержимое
1792042951925-180.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.wiki_adm
Размер
... ... @@ -1,0 +1,1 @@
1 +263.1 KB
Содержимое
1792043331250-133.html
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.wiki_adm
Размер
... ... @@ -1,0 +1,1 @@
1 +2.1 KB
Содержимое
... ... @@ -1,0 +1,70 @@
1 +<!DOCTYPE html>
2 +<html lang="ru">
3 +<head>
4 +<meta charset="UTF-8">
5 +<meta name="viewport" content="width=device-width, initial-scale=1">
6 +<title>Коллаж скриншотов — Настройка подключения в 1С (O-VISION)</title>
7 +<style>
8 + * { box-sizing: border-box; margin: 0; padding: 0; }
9 + body {
10 + background: #f4f6f9;
11 + font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
12 + padding: 28px 16px 40px;
13 + }
14 + .wrap { max-width: 1600px; margin: 0 auto; }
15 +
16 + .card {
17 + background: #fff;
18 + border: 1px solid #e2e6ec;
19 + border-radius: 10px;
20 + box-shadow: 0 1px 4px rgba(30, 40, 60, .07);
21 + padding: 18px;
22 + }
23 +
24 + .grid {
25 + display: grid;
26 + grid-template-columns: 1fr 1fr;
27 + gap: 14px;
28 + }
29 +
30 + .frame {
31 + aspect-ratio: 16 / 9;
32 + border: 1px solid #d6dbe2;
33 + border-radius: 6px;
34 + background: #fbfcfd;
35 + overflow: hidden;
36 + }
37 + .frame img {
38 + display: block;
39 + width: 100%;
40 + height: 100%;
41 + object-fit: contain;
42 + }
43 +
44 + .wide { grid-column: span 2; }
45 + .cell { grid-column: span 1; }
46 +</style>
47 +</head>
48 +<body>
49 +<div class="wrap">
50 + <div class="card">
51 + <div class="grid">
52 +
53 + <div class="wide"><div class="frame"><img
54 + src="https://wiki.prostoskud.ru/bin/download/%D0%9D%D0%B0%D1%81%D1%82%D1%80%D0%BE%D0%B9%D0%BA%D0%B0-%D0%B8%D0%BD%D1%82%D0%B5%D0%B3%D1%80%D0%B0%D1%86%D0%B8%D0%B8-c-OVISION/WebHome/1792040318780-310.png?rev=1.1"
55 + alt="Скриншот 1"></div></div>
56 +
57 + <div class="cell"><div class="frame"><img
58 + src="https://wiki.prostoskud.ru/bin/download/%D0%9D%D0%B0%D1%81%D1%82%D1%80%D0%BE%D0%B9%D0%BA%D0%B0-%D0%B8%D0%BD%D1%82%D0%B5%D0%B3%D1%80%D0%B0%D1%86%D0%B8%D0%B8-c-OVISION/WebHome/1791891832508-224.png?rev=1.1"
59 + alt="Скриншот 2"></div></div>
60 +
61 + <div class="cell"><div class="frame"><img
62 + src="https://wiki.prostoskud.ru/bin/download/%D0%9D%D0%B0%D1%81%D1%82%D1%80%D0%BE%D0%B9%D0%BA%D0%B0-%D0%B8%D0%BD%D1%82%D0%B5%D0%B3%D1%80%D0%B0%D1%86%D0%B8%D0%B8-c-OVISION/WebHome/1791892329521-438.png?rev=1.1"
63 + alt="Скриншот 3"></div></div>
64 +
65 + </div>
66 + </div>
67 +</div>
68 +</body>
69 +</html>
70 +