Изменения документа O-VISION
Редактировал(а) PROSTO:СКУД 2026/10/30 12:28
От версии 1.1
отредактировано PROSTO:СКУД
на 2026/10/13 11:18
на 2026/10/13 11:18
Изменить комментарий:
К данной версии нет комментариев
К версии 14.1
отредактировано PROSTO:СКУД
на 2026/10/15 05:51
на 2026/10/15 05:51
Изменить комментарий:
К данной версии нет комментариев
Сводка
-
Свойства страницы (2 изменено, 0 добавлено, 0 удалено)
-
Вложения (0 изменено, 22 добавлено, 0 удалено)
- 1791891832508-224.png
- 1791891919630-110.png
- 1791892078709-141.png
- 1791892329521-438.png
- 1791892602913-871.png
- 1791979264636-221.png
- 1791979610839-254.png
- 1791980173475-799.png
- 1791980473104-568.png
- 1791980627188-113.png
- 1791980728198-464.png
- 1791980936625-286.png
- 1791981570207-327.png
- 1791981661700-132.png
- 1791981692210-503.png
- 1791982535510-559.png
- 1791982851366-614.png
- 1791982889279-864.png
- 1791982950479-514.png
- 1792040318780-310.png
- 1792042951925-180.png
- 1792043331250-133.html
Подробности
- Свойства страницы
-
- Название
-
... ... @@ -1,1 +1,1 @@ 1 -Настройка интеграции c OVISION 1 +Настройка интеграции c O-VISION - Содержимое
-
... ... @@ -1,0 +1,244 @@ 1 += Настройка интеграции PROSTO:СКУД с биометрической системой O-VISION = 2 + 3 +{{info}} 4 +**O-VISION** — современная биометрическая система контроля доступа на базе алгоритмов распознавания лиц. Интеграция с **PROSTO:СКУД** обеспечивает автоматическую передачу списков сотрудников, фотографий и структуры предприятия из 1С в терминалы O-VISION, а также получение точных событий проходов для автоматического расчета табеля Т-13. 5 +{{/info}} 6 + 7 +{{id name="H1.Описаниеинтеграции"/}} 8 + 9 +== 1. Описание интеграции == 10 + 11 +Обмен данными между «1С:Предприятие» и сервером O-VISION выполняется по защищенному протоколу **REST API (HTTPS/OAuth2)**. 12 + 13 +=== Ключевые принципы взаимодействия: === 14 + 15 +* **Двухуровневая модель персоны:** В O-VISION для каждого человека создается **Объект (Персона)**, к которому привязывается **Профиль сотрудника** (с указанием подразделения и табельного номера). 16 +* **Оргструктура:** В O-VISION структура предприятия формируется списком **Подразделений** (понятие «Группы доступа» отсутствует). 17 +* **Бережная синхронизация (Защита карт и уровней):** Идентификаторы (пропуска/карты) и уровни доступа к терминалам назначаются непосредственно в веб-интерфейсе O-VISION. Модуль 1С управляет кадровыми данными и фото, **не затирая** назначенные в СКУД права и пропуска. 18 + 19 +{{id name="H2.ПредварительныетребованиянасторонеO-VISION"/}} 20 + 21 +== 2. Предварительные требования на стороне O-VISION == 22 + 23 +Перед началом настройки интеграции в 1С убедитесь, что выполнены системные условия: 24 + 25 +{{warning}} 26 +**Критически важно для учетной записи API:** 27 +В веб-интерфейсе O-VISION для интеграции должна быть создана сервисная учетная запись с ролью **Администратор (Administrator)**. 28 +В текущих версиях API O-VISION сервисная роль с ограниченными правами «Интеграция» блокирует получение списков персонала. 29 +{{/warning}} 30 + 31 +1. **Сетевой доступ:** Сервер 1С имеет прямой сетевой доступ к серверу O-VISION по порту веб-сервиса (по умолчанию `443` или порт вашей публикации). 32 +1. **Топология:** В интерфейсе O-VISION созданы терминалы распознавания лиц (Точки доступа) и зоны (Территории). 33 +{{id name="H3.Настройкаподключенияв1С"/}} 34 + 35 +== 3. Настройка подключения в 1С == 36 + 37 +Для настройки подключения к СКУД O-VISION необходимо перейти в "**Настройки подсистемы PROSTO:СКУД**" и установить флаг для используемого СКУД. 38 + 39 +Для создания узла подключения перейдите в меню: 40 +**PROSTO:СКУД** ➝ **Интеграция со СКУД** ➝ справочник **Системы контроля доступа (СКУД)** ➝ кнопка **«Создать»**. 41 + 42 +|= Параметр |= Значение / Пример |= Назначение | 43 +| **Наименование** | `O-VISION` | Пользовательское название узла подключения | 44 +| **Система контроля доступа** | `O-VISION` | Выбор типа интеграционного драйвера | 45 +| **Используется** | ☑️ (Включено) | Флаг активности узла обмена | 46 +| **Сервер** | `ab.ovision.ru` | IP-адрес или доменное имя сервера O-VISION | 47 +| **Логин / Пароль** | `admin / ***` **| Учетные данные пользователя O-VISION с правами админа | 48 + 49 +{{info title="Проверка связи"}} 50 +После заполнения полей нажмите кнопку **«Проверить соединение»**. 51 +При корректных настройках появится сообщение: «Соединение установлено». После этого нажмите **«Записать»**. 52 +{{/info}} 53 + 54 + 55 +{{html wiki="false"}} 56 +<style> 57 +.ovs-collage { max-width: 1600px; margin: 0 auto; padding: 12px 0; } 58 +.ovs-collage .ovs-top img, 59 +.ovs-collage .ovs-grid img { 60 + display: block; 61 + width: 100%; 62 + border: 1px solid #d6dbe2; 63 + border-radius: 6px; 64 + background: #fbfcfd; 65 +} 66 +.ovs-collage .ovs-top img { 67 + height: auto; 68 + margin-bottom: 14px; 69 +} 70 +.ovs-collage .ovs-grid { 71 + display: grid; 72 + grid-template-columns: 1fr 1fr; 73 + gap: 14px; 74 +} 75 +.ovs-collage .ovs-grid img { 76 + height: 100%; 77 + aspect-ratio: 16 / 9; 78 + object-fit: contain; 79 +} 80 +@media (max-width: 900px) { 81 + .ovs-collage .ovs-grid { grid-template-columns: 1fr; } 82 +} 83 +</style> 84 +<div class="ovs-collage"> 85 + <div class="ovs-top"> 86 + <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" alt="Справочник Системы контроля доступа (СКУД)"> 87 + </div> 88 + <div class="ovs-grid"> 89 + <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" alt="Карточка СКУД — основные параметры"> 90 + <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" alt="Проверка соединения"> 91 + </div> 92 +</div> 93 +{{/html}} 94 + 95 + 96 + 97 + 98 +На второй вкладке указываются дополнительные настройки, отвечающие за параметры и состав данных, участвующих в интеграции. Для первоначальной настройки рекомендуется воспользоваться кнопкой «Заполнить по умолчанию». 99 + 100 +[[image:1791892602913-871.png]] 101 + 102 +== 4. Параметры синхронизации (Дополнительные настройки) == 103 + 104 +На вкладке **«Дополнительные настройки»** карточки СКУД задаются правила поведения обмена. Рекомендуемые параметры: 105 + 106 +(% class="wikigeneratedid" id="H41E44043343043D43843743044643843E43D43D43044F44144244044343A442443440430" %) 107 +Организационная структура 108 + 109 +* **Создавать организации / Создавать подразделения (Да):** создание отделов в 1С при чтении из СКУД. 110 +* **Создавать организации СКД / Создавать подразделения СКД (Да):** автоматическая выгрузка структуры отделов из 1С в O-VISION. 111 +* **Синхронизировать только действующие подразделения (Да):** исключает передачу расформированных отделов. 112 +* **Подразделение по умолчанию:** резервный отдел в O-VISION для сотрудников без кадрового подразделения в 1С. 113 + 114 +(% class="wikigeneratedid" id="H41F43544044143E43D43043B43843143843E43C43544244043844F" %) 115 +Персонал и биометрия 116 + 117 +* **Создавать физических лиц СКД (Да):** создание новых персон (Объект + Профиль) в O-VISION при выгрузке из 1С. 118 +* **Создавать фото физических лиц СКД (Да):** выгрузка фотографий сотрудников из 1С в O-VISION для биометрической идентификации. 119 +* **Синхронизировать только работающих сотрудников (Да):** уволенные сотрудники не выгружаются в активный список. 120 +* **Автоматически выгружать сотрудников при приеме на работу (Да):**при проведении кадрового приказа в 1С сотрудник автоматически встает в очередь фоновой выгрузки в O-VISION. 121 +* **Синхронизировать сотрудников всех организаций СКД:** при значении Да выгружаются все сотрудники базы; при Нет — только по организациям из разрешенного перечня. 122 + 123 +(% class="wikigeneratedid" id="H42343243E43B44C43D43543D43843543843143543743E43F43044143D43E44144244C" %) 124 +Увольнение 125 + 126 +* **Автоматически блокировать сотрудников СКД (Да):** при увольнении в 1С профиль сотрудника в O-VISION блокируется (доступ закрывается). 127 +* **Подразделение для уволенных:** выбор архивной папки O-VISION, куда перемещается уволенный персонал. 128 + 129 +(% class="wikigeneratedid" id="H41F43E43443A43B44E44743543D438435" %) 130 +Подключение 131 + 132 +* **Порт :** порт сервера O-VISION (по умолчанию 8 000). 133 +* **Таймаут:** время ожидания ответа, сек. 134 +* **Защищенное Соединение:** использование SSL. 135 + 136 +(% class="wikigeneratedid" id="H41E43143E44044343443E43243043D438435" %) 137 +Оборудование 138 + 139 +* **Создавать контроллеры (Да):** разрешает автоматическое создание элементов в справочнике 1С «Контроллеры» при чтении терминалов из O-VISION. 140 +* **Создавать территории (Да):** разрешает загрузку зон доступа из O-VISION в справочник 1С «Территории». 141 + 142 +(% class="wikigeneratedid" id="H41E43143C43543D" %) 143 +Обмен 144 + 145 +* **Регистрировать историю обмена (Да):** подробные записи об операциях обмена (объект, статус Успешно/Ошибка, тело ответа API) пишутся в регистр «История обмена со СКУД». 146 +* **Использовать отложенную выгрузку:** изменения регистрируются в узле обмена и выгружаются регламентным заданием по расписанию, а не в момент записи объекта. 147 + 148 + 149 + 150 +=== 5. Начальная синхронизация с OVISION === 151 + 152 +Существует два подхода начала работы с системой: 153 + 154 +1. Все справочные данные создаются в системе PROSTO:СКУД и выгружаются в СКУД регламентным заданием после настройки (см. раздел 6). 155 +1. СКУД OVISION уже запущена на момент внедрения и содержит данные. Для этого в системе PROSTO:СКУД предусмотрена обработка Начальной синхронизации. 156 + 157 +[[image:1791979264636-221.png]] 158 + 159 +Механика обработки: 160 + 161 +* Выберите Систему контроля доступа и, перемещаясь между вкладками в порядке их расположения, поочередно синхронизируйте объекты. 162 +* Для отображения данных в табличной части нажмите «Заполнить». Каждая запись об объекте разделяется на две строки: первая — данные из 1С, вторая — данные из СКУД. 163 +* Первичное сопоставление производится по SID и по наименованию (для сотрудников — по SID, а при пустом SID по ФИО и Табельному номеру). При расхождении данных в первой колонке указывается, что значения различаются; данные можно сопоставить вручную либо создать недостающие объекты обработкой. 164 +* Выберите приоритет синхронизации: 1С (выгрузка в СКУД) или СКУД (загрузка из СКУД), отметьте строки флажками и нажмите «Синхронизировать». 165 +* При успешной синхронизации в первой колонке появится надпись «Данные синхронизированы», а в регистре сведений «Идентификаторы объектов СКУД» создастся запись идентификатора (SID) объекта. 166 + 167 +[[image:1791979610839-254.png]] 168 + 169 +==== 5.1 Организации и Подразделения. ==== 170 + 171 +При создании организационной структуры предприятия в системе OVISION организации встают в верхний уровень иерархии справочника «Подразделения» корневой элемент, который находится в разделе «Объекты» название которого обычно совпадает с названием предприятия (организации). Подразделения тоже хранятся в справочнике «Подразделения», с возможностью создания многоуровневого раскрывающегося списка структурных подразделений. 172 + 173 +[[image:1791980173475-799.png]] 174 + 175 +Первичное сопоставление данных происходит по наименованию. Возможна двухсторонняя интеграция: 176 +- Приоритет 1С: в OVISION создаются соответствующие организации и подразделения с сохранением иерархии (родительских папок). 177 +- Приоритет СКУД: в 1С загружаются организации и подразделения. 178 +- С настройкой СинхронизироватьТолькоДействующиеПодразделения расформированные подразделения не выгружаются и не сопоставляются. 179 + 180 +==== 5.2 Территории и Контроллеры ==== 181 + 182 +Территории и контроллеры находятся в разделе «Зоны и устройства» в соответствующих вкладках. 183 + 184 +[[image:1791980473104-568.png]] 185 + 186 +При синхронизации возможно только получение из СКУД в 1С: на вкладках «Территории» и «Контроллеры» нажмите «Заполнить» -> «Синхронизировать». Контроллеры загружаются с привязкой к SID OVISION. При повторном нажатии дубли не создаются. Создание территорий и контроллеров в OVISION из 1С отключено. 187 + 188 +[[image:1791980627188-113.png]] 189 + 190 +После синхронизации для рабочих территорий в справочнике «Территории (СКУД)» необходимо установить флаг «Это рабочая территория». 191 + 192 +[[image:1791980728198-464.png]] 193 + 194 +После синхронизации Контроллеров найти их можно в аналогичном справочнике. После создания элемента справочника Контроллеры в поле «Территория вход» указывается территория, на которую попадает сотрудник при входе на предприятие. «Территория выход» – заполняется аналогично и определяет территорию выхода. 195 + 196 +[[image:1791980936625-286.png]] 197 + 198 +==== 5.3 Сотрудники ==== 199 + 200 +В системе OVISION список сотрудников представляет собой справочник «Объекты», который находится в разделе "Объекты" 201 + 202 +[[image:1791981692210-503.png]] 203 + 204 +Первичное сопоставление данных происходит по SID; если SID пустой — по связке ФИО + Табельный номер, без создания дублей. 205 + 206 +При приоритете СКУД: в 1С создаются Физлица; заполняются ФИО и SID OVISION. 207 +Приоритет 1С: в O-VISION создаются Объект (ФИО) и привязанный к нему Профиль сотрудника (Подразделение, Табельный номер). 208 +Сотрудник без указанного отдела в 1С попадает в Подразделение По Умолчанию. 209 +При включенных дополнительных настройках Создавать ФотоФизических Лиц / Создавать Фото Физических Лиц СКД фото корректно передается в профиль OVISION и отображается в карточке физлица 1С. 210 + 211 +Фильтры: Синхронизировать Только Работающих Сотрудников исключает уволенных из таблицы; Синхронизировать Сотрудников Всех Организаций исключает, отображение сотрудников всех организаций базы, в таблице будут видны только организаций из разрешенного списка. 212 + 213 +==== 5.4 События СКУД ==== 214 + 215 +{{{Вкладка предназначена для ручной загрузки данных о событиях проходов сотрудников, которые зафиксировал тот или иной контроллер доступа. }}} 216 + 217 +В поле «Период» по умолчанию указывается текущий день, но при необходимости можно задать тот период, за который необходимо получить данные.В табличной части в колонке «Пометка» указано, загрузились ли данные в систему или нет. Для того, чтобы загрузить данные в систему PROSTO:СКУД, нужно выбрать необходимые строки, проставив галочки. Если необходимо выбрать все строки сразу, то можно нажать на кнопку «Установить флажки», после чего нажать на кнопку Синхронизировать. 218 + 219 +[[image:1791982535510-559.png]] 220 + 221 +Данные в колонках табличной части: 222 + 223 +* Дата – показывает дату и время, когда сотрудником (физическим лицом) был осуществлен проход через турникет; 224 +* Физ. лицо – отражает полные фамилию, имя и отчество сотрудника; 225 +* Контроллер – отражает информацию о том, через какой контроллер был осуществлен проход; 226 +* Дверь – отображаются данные о направлении прохода, где «0» - это вход, а «1» - выход; 227 +* Территория – отражает данные о том, на какую территорию был осуществлен проход; 228 +* Карта – отражает номер карты, которая была использована при проходе. 229 + 230 +=== 6. Настройка автоматического обмена данными с O-VISION и получение событий проходов сотрудников === 231 + 232 +После первоначального сопоставления данных двух систем 1С и СКУД считается, что 1С выступает мастер системой и выгрузка новых объектов, а также изменения уже сопоставленных должны быть осуществлены и в СКУД. 233 + 234 +Для настройки автоматического обмена данными со СКУД необходимо в Сервисах и настройках открыть форму плана обмена «Узлы регистрации объектов для выгрузки в СКУД», где для каждой СКУД в которую планируется выгрузка данных создать узел обмена. 235 + 236 +[[image:1791982851366-614.png]][[image:1791982889279-864.png]] 237 + 238 +Далее в дополнительных отчетах и обработках во внешней обработке «Регламентные задания СКУД» можно настроить расписание выгрузки. 239 + 240 +[[image:1791982950479-514.png]] 241 + 242 +В этой же обработке задается «Импорт событии СКД (СКУД)» - т.е. периодичность, с которой система будет обращаться к настроенным в ней СКУД и получать события проходов через турникеты. 243 + 244 +После описанных выше настроек система будет в автоматическом режиме выгружать данные в СКУД в зависимости от настроек.
- 1791891832508-224.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.wiki_adm - Размер
-
... ... @@ -1,0 +1,1 @@ 1 +50.5 KB - Содержимое
- 1791891919630-110.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.wiki_adm - Размер
-
... ... @@ -1,0 +1,1 @@ 1 +126.4 KB - Содержимое
- 1791892078709-141.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.wiki_adm - Размер
-
... ... @@ -1,0 +1,1 @@ 1 +126.9 KB - Содержимое
- 1791892329521-438.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.wiki_adm - Размер
-
... ... @@ -1,0 +1,1 @@ 1 +36.3 KB - Содержимое
- 1791892602913-871.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.wiki_adm - Размер
-
... ... @@ -1,0 +1,1 @@ 1 +52.4 KB - Содержимое
- 1791979264636-221.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.wiki_adm - Размер
-
... ... @@ -1,0 +1,1 @@ 1 +126.0 KB - Содержимое
- 1791979610839-254.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.wiki_adm - Размер
-
... ... @@ -1,0 +1,1 @@ 1 +60.1 KB - Содержимое
- 1791980173475-799.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.wiki_adm - Размер
-
... ... @@ -1,0 +1,1 @@ 1 +146.6 KB - Содержимое
- 1791980473104-568.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.wiki_adm - Размер
-
... ... @@ -1,0 +1,1 @@ 1 +114.2 KB - Содержимое
- 1791980627188-113.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.wiki_adm - Размер
-
... ... @@ -1,0 +1,1 @@ 1 +34.6 KB - Содержимое
- 1791980728198-464.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.wiki_adm - Размер
-
... ... @@ -1,0 +1,1 @@ 1 +35.9 KB - Содержимое
- 1791980936625-286.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.wiki_adm - Размер
-
... ... @@ -1,0 +1,1 @@ 1 +31.7 KB - Содержимое
- 1791981570207-327.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.wiki_adm - Размер
-
... ... @@ -1,0 +1,1 @@ 1 +167.1 KB - Содержимое
- 1791981661700-132.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.wiki_adm - Размер
-
... ... @@ -1,0 +1,1 @@ 1 +697.5 KB - Содержимое
- 1791981692210-503.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.wiki_adm - Размер
-
... ... @@ -1,0 +1,1 @@ 1 +693.8 KB - Содержимое
- 1791982535510-559.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.wiki_adm - Размер
-
... ... @@ -1,0 +1,1 @@ 1 +30.8 KB - Содержимое
- 1791982851366-614.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.wiki_adm - Размер
-
... ... @@ -1,0 +1,1 @@ 1 +125.8 KB - Содержимое
- 1791982889279-864.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.wiki_adm - Размер
-
... ... @@ -1,0 +1,1 @@ 1 +14.8 KB - Содержимое
- 1791982950479-514.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.wiki_adm - Размер
-
... ... @@ -1,0 +1,1 @@ 1 +74.8 KB - Содержимое
- 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 +