# Сервисы. Страница просмотра статистики потребления трафика.

[![изображение.png](https://wiki.wellink.ru/uploads/images/gallery/2023-11/scaled-1680-/Cl1izobrazenie.png)](https://wiki.wellink.ru/uploads/images/gallery/2023-11/Cl1izobrazenie.png)

## 1. Параметры экранной формы

<div class="wiki-content group" id="bkmrk-%D0%9F%D0%B0%D1%80%D0%B0%D0%BC%D0%B5%D1%82%D1%80-%D0%97%D0%BD%D0%B0%D1%87%D0%B5%D0%BD%D0%B8%D0%B5-%D0%9E%D1%82"><div class="wiki-content group"><div class="table-wrap"><div class="tableWrap"><table class="wrapped confluenceTable"><colgroup><col></col><col></col></colgroup><tbody><tr><th class="confluenceTh">Параметр</th><th class="confluenceTh">Значение</th></tr><tr><th class="confluenceTh align-left">Открывается из</th><td class="confluenceTd">- Меню → Раздел "Инфраструктура" → [Сервисы](https://wiki.wellink.ru/books/rukovodstvo-polzovatelia-wisla-5/page/servisy-stranica-razdela) → Щелчок по записи активного сервиса мониторинга cisco-health → Кнопка статистка: [![изображение.png](https://wiki.wellink.ru/uploads/images/gallery/2023-11/scaled-1680-/x3Tizobrazenie.png)](https://wiki.wellink.ru/uploads/images/gallery/2023-11/x3Tizobrazenie.png)

</td></tr><tr><th class="confluenceTh align-left">Тип экранной формы</th><td class="confluenceTd">Страница просмотра</td></tr><tr><th class="confluenceTh align-left">Компонент выбора периода отображения</th><td class="confluenceTd">"Час", "День", "Неделя", "Месяц", "Произвольно".</td></tr><tr><th class="confluenceTh align-left">Компонент динамики</th><td class="confluenceTd">Да</td></tr><tr><th class="confluenceTh align-left">Автообновление страницы</th><td class="confluenceTd">Да:

- раз в 5 минут - в обычном режиме;
- <span style="color: rgb(0, 0, 0);">раз в 10 секунд - в режиме реального времени</span>

</td></tr><tr><th class="confluenceTh align-left">Всплывающие уведомления на странице</th><td class="confluenceTd">Нет</td></tr><tr><th class="confluenceTh align-left">Работа с тегами</th><td class="confluenceTd">Нет</td></tr><tr><th class="confluenceTh align-left" colspan="1">Особенности формы</th><td class="confluenceTd" colspan="1">- блокировка возможности просмотра данных в табличном виде и круговых диаграмм при включении режима реального времени (для всех пользователей портала);
- при переходе на страницу с активным нагрузочным тестом автоматически открывается вкладка профиля, по которому выполняется нагрузочный тест, а также вкладка "Нагрузочные тесты" на правой боковой панели.

</td></tr></tbody></table>

</div></div></div></div>## 2. Секции и компоненты

<table class="wrapped relative-table confluenceTable" id="bkmrk-%D0%A1%D0%B5%D0%BA%D1%86%D0%B8%D1%8F-%D0%9A%D0%BE%D0%BC%D0%BF%D0%BE%D0%BD%D0%B5%D0%BD%D1%82-%D0%9A%D1%80%D0%B0" style="width: 100%;"><colgroup><col style="width: 10.198%;"></col><col style="width: 11.695%;"></col><col style="width: 26.8517%;"></col><col style="width: 11.2272%;"></col><col style="width: 18.6184%;"></col><col style="width: 10.1045%;"></col><col style="width: 11.3208%;"></col></colgroup><tbody><tr><td class="highlight-grey confluenceTd" data-highlight-colour="grey">**Секция**</td><td class="highlight-grey confluenceTd" data-highlight-colour="grey">**Компонент**

</td><td class="highlight-grey confluenceTd" data-highlight-colour="grey">**Краткое описание**

</td><td class="highlight-grey confluenceTd" data-highlight-colour="grey">**Тип элемента экранной формы**</td><td class="highlight-grey confluenceTd" data-highlight-colour="grey">**Тип и диапазон значений**</td><td class="highlight-grey confluenceTd" data-highlight-colour="grey">**Видимость**</td><td class="highlight-grey confluenceTd" data-highlight-colour="grey">**Значение по умолчанию** </td></tr><tr><td class="confluenceTd">Тулбар</td><td class="confluenceTd">Название сервиса

</td><td class="confluenceTd">Название сервиса

</td><td class="confluenceTd">Текст</td><td class="confluenceTd">  
</td><td class="confluenceTd">Всегда</td><td class="confluenceTd">-</td></tr><tr><td class="confluenceTd">Компонент выбора периода отображения</td><td class="confluenceTd">Кнопки для выбора периода</td><td class="confluenceTd">Кнопки выбора периода отображения данных по сервису. При нажатии на "Произвольно" открывается календарь для выбора периода.

В рамках сессии пользователя сохраняется выбранный период, кроме "Произвольно" (при переходе на другой сервис он сбрасывается на период по умолчанию)

</td><td class="confluenceTd">Кнопка,

Календарь

</td><td class="confluenceTd">Закрытый список:

- Час
- День
- Неделя
- Месяц
- Произвольно

</td><td class="confluenceTd">Всегда

</td><td class="confluenceTd">Неделя</td></tr><tr><td class="confluenceTd" rowspan="3">Краткая информация о сервисе</td><td class="confluenceTd">Контрагент</td><td class="confluenceTd">Название контрагента - владельца сервиса

</td><td class="confluenceTd">Текст</td><td class="confluenceTd">-</td><td class="confluenceTd">Всегда</td><td class="confluenceTd">-</td></tr><tr><td class="confluenceTd">Расположение</td><td class="confluenceTd">Для сервисов - Каналов связи:

Название точки доступа в которой находится "левый" зонд

Для сервисов - Доступности услуги:

Название точки доступа в которой находится зонд

</td><td class="confluenceTd">Текст</td><td class="confluenceTd">-</td><td class="confluenceTd">Всегда</td><td class="confluenceTd">-</td></tr><tr><td class="confluenceTd">Доступность зонда</td><td class="confluenceTd">Иконка состояния зонда в точке мониторинга для каналов связи или в единственной точке доступа для доступности услуги.

При наведении в тултипе отображается название зонда и его статус.

По нажатии открывается страница [просмотра/редактирования зонда](https://wiki.wellink.ru/books/rukovodstvo-polzovatelia-wisla-5/page/zondy-stranica-sozdaniia-zonda-redaktirovaniia-prosmotra).

</td><td class="confluenceTd">Кнопка</td><td class="confluenceTd">[![image.png](https://wiki.wellink.ru/uploads/images/gallery/2023-08/scaled-1680-/Qoqimage.png)](https://wiki.wellink.ru/uploads/images/gallery/2023-08/Qoqimage.png)Доступен

[![image.png](https://wiki.wellink.ru/uploads/images/gallery/2023-08/scaled-1680-/tMtimage.png)](https://wiki.wellink.ru/uploads/images/gallery/2023-08/tMtimage.png) Недоступен

[![image.png](https://wiki.wellink.ru/uploads/images/gallery/2023-08/scaled-1680-/9iJimage.png)](https://wiki.wellink.ru/uploads/images/gallery/2023-08/9iJimage.png)Не определено

</td><td class="confluenceTd">Всегда</td><td class="confluenceTd">-</td></tr><tr><td colspan="7">[![изображение.png](https://wiki.wellink.ru/uploads/images/gallery/2023-11/scaled-1680-/UZyizobrazenie.png)](https://wiki.wellink.ru/uploads/images/gallery/2023-11/UZyizobrazenie.png)

</td></tr></tbody></table>

<div class="wiki-content group" id="bkmrk-%D0%A1%D0%B5%D0%BA%D1%86%D0%B8%D1%8F-%D0%9A%D0%BE%D0%BC%D0%BF%D0%BE%D0%BD%D0%B5%D0%BD%D1%82-%D0%98%D1%81%D1%82"><div class="wiki-content group"><div class="table-wrap"><div class="table-wrap"><div class="tableWrap">  
<table class="wrapped relative-table confluenceTable" style="width: 100%;"><colgroup><col style="width: 10.198%;"></col><col style="width: 11.695%;"></col><col style="width: 26.8517%;"></col><col style="width: 11.2272%;"></col><col style="width: 18.6184%;"></col><col style="width: 10.1045%;"></col><col style="width: 11.3208%;"></col></colgroup><tbody><tr><td class="highlight-grey confluenceTd" data-highlight-colour="grey">**Секция**</td><td class="highlight-grey confluenceTd" data-highlight-colour="grey">**Компонент**

</td><td class="highlight-grey confluenceTd" data-highlight-colour="grey">**Краткое описание**

</td><td class="highlight-grey confluenceTd" data-highlight-colour="grey">**Тип элемента экранной формы**</td><td class="highlight-grey confluenceTd" data-highlight-colour="grey">**Тип и диапазон значений**</td><td class="highlight-grey confluenceTd" data-highlight-colour="grey">**Видимость**</td><td class="highlight-grey confluenceTd" data-highlight-colour="grey">**Значение по умолчанию** </td></tr><tr><td class="confluenceTd" rowspan="3">Компонент выбора периода отображения  
</td><td class="confluenceTd">Виджет

"группы приложений"

</td><td class="confluenceTd">Виджет отображения в процентном отношении задействования приложениями загрузки ЦП сервера?

</td><td class="confluenceTd">Виджет-диаграмма

</td><td class="confluenceTd">0-100%

</td><td class="confluenceTd">Всегда

</td><td class="confluenceTd">-  
</td></tr><tr><td>Виджет

"Пользователи"

</td><td>Виджет отображения в процентном отношении задействования пользователями загрузки ЦП сервера?

</td><td>Виджет-диаграмма

</td><td>0-100%

</td><td>Всегда

</td><td>-  
</td></tr><tr><td>Виджет

"Удаленные адреса"

</td><td>Виджет отображения в процентном отношении задействования удаленным адресами загрузки ЦП сервера?

</td><td>Виджет-диаграмма

</td><td>0-100%

</td><td>Всегда

</td><td>-  
</td></tr><tr><td colspan="7">[![изображение.png](https://wiki.wellink.ru/uploads/images/gallery/2023-11/scaled-1680-/4Qbizobrazenie.png)](https://wiki.wellink.ru/uploads/images/gallery/2023-11/4Qbizobrazenie.png)

</td></tr></tbody></table>

</div></div></div></div></div>
<div class="wiki-content group" id="bkmrk-%D0%A2%D1%80%D0%B8%D0%B3%D0%B3%D0%B5%D1%80-%D0%9F%D1%80%D0%BE%D0%B2%D0%B5%D1%80%D0%BA%D0%B0-%D0%94%D0%B5%D0%B9"><div class="wiki-content group">  
</div></div><div class="tableWrap" id="bkmrk-%D0%9A%D0%BE%D0%BC%D0%BF%D0%BE%D0%BD%D0%B5%D0%BD%D1%82-%D0%9A%D1%80%D0%B0%D1%82%D0%BA%D0%BE%D0%B5-%D0%BE%D0%BF"></div><div class="tableWrap" id="bkmrk-%C2%A0-2"><table class="wrapped relative-table confluenceTable" style="width: 100%; height: 825.667px;"><colgroup><col style="width: 10.198%;"></col><col style="width: 11.695%;"></col><col style="width: 26.8517%;"></col><col style="width: 11.2272%;"></col><col style="width: 18.6184%;"></col><col style="width: 10.1045%;"></col><col style="width: 11.3208%;"></col></colgroup><tbody><tr style="height: 63.65px;"><td class="highlight-grey confluenceTd" data-highlight-colour="grey" style="height: 63.65px;">**Секция**</td><td class="highlight-grey confluenceTd" data-highlight-colour="grey" style="height: 63.65px;">**Компонент**

</td><td class="highlight-grey confluenceTd" data-highlight-colour="grey" style="height: 63.65px;">**Краткое описание**

</td><td class="highlight-grey confluenceTd" data-highlight-colour="grey" style="height: 63.65px;">**Тип элемента экранной формы**</td><td class="highlight-grey confluenceTd" data-highlight-colour="grey" style="height: 63.65px;">**Тип и диапазон значений**</td><td class="highlight-grey confluenceTd" data-highlight-colour="grey" style="height: 63.65px;">**Видимость**</td><td class="highlight-grey confluenceTd" data-highlight-colour="grey" style="height: 63.65px;">**Значение по умолчанию** </td></tr><tr style="height: 80.45px;"><td class="confluenceTd" rowspan="8" style="height: 408.4px;">Компонент выбора периода отображения  
</td><td class="confluenceTd" style="height: 80.45px;">Поиск</td><td class="confluenceTd" style="height: 80.45px;">Виджет отображения в процентном отношении задействования приложениями загрузки ЦП сервера

</td><td class="confluenceTd" style="height: 80.45px;">Поле таблицы

</td><td class="confluenceTd" style="height: 80.45px;">0-100% (Число байт)

</td><td class="confluenceTd" style="height: 80.45px;">Всегда

</td><td class="confluenceTd" style="height: 80.45px;">-  
</td></tr><tr style="height: 58.05px;"><td style="height: 58.05px;">Объем трафика  
</td><td style="height: 58.05px;">Объем трафика потребляемого приложением

</td><td style="height: 58.05px;">Поле таблицы

</td><td style="height: 58.05px;">Текст

</td><td style="height: 58.05px;">Всегда

</td><td style="height: 58.05px;">-  
</td></tr><tr style="height: 58.05px;"><td style="height: 58.05px;">Приложение</td><td style="height: 58.05px;">Наименования приложения потребляющего трафик

</td><td style="height: 58.05px;">Поле таблицы</td><td style="height: 58.05px;">Текст

</td><td style="height: 58.05px;">Всегда

</td><td style="height: 58.05px;">-  
</td></tr><tr style="height: 35.65px;"><td style="height: 35.65px;">Протокол  
</td><td style="height: 35.65px;">Протокол передачи данных

</td><td style="height: 35.65px;">Поле таблицы

</td><td style="height: 35.65px;"></td><td style="height: 35.65px;">Всегда

</td><td style="height: 35.65px;">-</td></tr><tr style="height: 35.65px;"><td style="height: 35.65px;">Пользователь (IP)  
</td><td style="height: 35.65px;">Наименование пользователя

(IP-адрес пользователя)

</td><td style="height: 35.65px;">Поле таблицы

</td><td style="height: 35.65px;">Текст,  
Число в формате IP

</td><td style="height: 35.65px;">Всегда

</td><td style="height: 35.65px;">-</td></tr><tr style="height: 46.85px;"><td style="height: 46.85px;">Локальный порт  
</td><td style="height: 46.85px;">Порт взаимодействия системы и пользователя

</td><td style="height: 46.85px;">Поле таблицы

</td><td style="height: 46.85px;">Число

</td><td style="height: 46.85px;">Всегда

</td><td style="height: 46.85px;">-</td></tr><tr style="height: 46.85px;"><td style="height: 46.85px;">Удаленный адрес  
</td><td style="height: 46.85px;">Наименование пользователя

(IP-адрес пользователя)

</td><td style="height: 46.85px;">Поле таблицы

</td><td style="height: 46.85px;">Число

</td><td style="height: 46.85px;">Всегда

</td><td style="height: 46.85px;">-</td></tr><tr style="height: 46.85px;"><td style="height: 46.85px;">Удаленный порт  
</td><td style="height: 46.85px;">Порт взаимодействия системы и пользователя

</td><td style="height: 46.85px;">Поле таблицы

</td><td style="height: 46.85px;">Текст,  
Число в формате IP

</td><td style="height: 46.85px;">Всегда

</td><td style="height: 46.85px;">-</td></tr><tr style="height: 353.617px;"><td colspan="7" style="height: 353.617px;">[![изображение.png](https://wiki.wellink.ru/uploads/images/gallery/2023-11/scaled-1680-/E2Uizobrazenie.png)](https://wiki.wellink.ru/uploads/images/gallery/2023-11/E2Uizobrazenie.png)

</td></tr></tbody></table>

</div>###   


<div class="tableWrap" id="bkmrk-%D0%9A%D0%BE%D0%BC%D0%BF%D0%BE%D0%BD%D0%B5%D0%BD%D1%82-%D0%9A%D1%80%D0%B0%D1%82%D0%BA%D0%BE%D0%B5-%D0%BE%D0%BF-2"></div><div class="tableWrap" id="bkmrk--3"></div>###   


<div class="tableWrap" id="bkmrk--5"></div>## 3. Компоненты

<div class="wiki-content group" id="bkmrk-%D0%9D%D0%B0%D0%B7%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5-%D0%9E%D0%BF%D0%B8%D1%81%D0%B0%D0%BD%D0%B8%D0%B5-%D0%9F%D1%80"><div class="wiki-content group"><div class="wiki-content group"><div class="table-wrap"><div class="tableWrap"><table class="wrapped confluenceTable" style="width: 100%;"><colgroup><col style="width: 8.88958%;"></col><col style="width: 9.1703%;"></col><col style="width: 39.7638%;"></col><col style="width: 42.2075%;"></col></colgroup><tbody><tr><th class="confluenceTh" colspan="2"><span style="color: rgb(0, 0, 0);">Название</span></th><th class="confluenceTh"><span style="color: rgb(0, 0, 0);">Описание</span></th><th class="confluenceTh"><span style="color: rgb(0, 0, 0);">Примечание</span></th></tr><tr><td colspan="2"><span style="color: rgb(0, 0, 0);"><span style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Roboto, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; text-align: start; text-indent: 0px; text-transform: none; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: rgb(255, 255, 255); display: inline !important; float: none;"><span style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Roboto, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; text-align: start; text-indent: 0px; text-transform: none; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: rgb(255, 255, 255); display: inline !important; float: none;"><span style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Roboto, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; text-align: start; text-indent: 0px; text-transform: none; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: rgb(255, 255, 255); display: inline !important; float: none;"><span style="color: rgb(68, 68, 68); font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Roboto, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; display: inline !important; float: none;">График зависимости интенсивности потребления трафика</span></span></span></span></span>

</td><td><span style="color: rgb(0, 0, 0);"><span style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Roboto, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; text-align: start; text-indent: 0px; text-transform: none; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: rgb(255, 255, 255); display: inline !important; float: none;"><span style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Roboto, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; text-align: start; text-indent: 0px; text-transform: none; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: rgb(255, 255, 255); display: inline !important; float: none;"><span style="color: rgb(68, 68, 68); font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Roboto, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; display: inline !important; float: none;">График зависимости интенсивности потребления трафика от времени, пользователю доступна фильтрация по кнопкам в верхней правой части страницы, либо используя рамку самого графика. </span></span></span></span></td><td>  
</td></tr><tr><td class="confluenceTd" colspan="2"><span style="color: rgb(0, 0, 0);"><span style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Roboto, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; text-align: start; text-indent: 0px; text-transform: none; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: rgb(255, 255, 255); display: inline !important; float: none;">Кольцевые диаграммы</span></span>

<span style="color: rgb(0, 0, 0);"><span style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Roboto, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; text-align: start; text-indent: 0px; text-transform: none; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: rgb(255, 255, 255); display: inline !important; float: none;"><span style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Roboto, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; text-align: start; text-indent: 0px; text-transform: none; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: rgb(255, 255, 255); display: inline !important; float: none;">  
</span></span></span>

</td><td class="confluenceTd"><span style="color: rgb(0, 0, 0);"><span style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Roboto, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; text-align: start; text-indent: 0px; text-transform: none; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: rgb(255, 255, 255); display: inline !important; float: none;">Кольцевые диаграммы. Отображают статистику потребления трафика по трем группам: "Группы приложений"; "Пользователи" и "Удаленные адреса" нажатие на любой сегмент любой из диаграмм вызывает появление дополнительных сегментов второго уровня на двух других диаграммах</span></span></td><td class="confluenceTd">  
</td></tr><tr><td colspan="2"><span style="color: rgb(0, 0, 0);"><span style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Roboto, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; text-align: start; text-indent: 0px; text-transform: none; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: rgb(255, 255, 255); display: inline !important; float: none;">  
</span></span>

</td><td> </td><td>  
</td></tr></tbody></table>

</div></div></div></div></div>## 4. Кнопки на Toolbar

<div class="wiki-content group" id="bkmrk-%D0%9A%D0%BD%D0%BE%D0%BF%D0%BA%D0%B0-%D0%9E%D0%BF%D0%B8%D1%81%D0%B0%D0%BD%D0%B8%D0%B5-%D0%94%D0%BE%D1%81%D1%82"><div class="wiki-content group"><div class="table-wrap"><div class="tableWrap"><table class="wrapped relative-table confluenceTable" style="width: 100%; height: 486.792px;"><colgroup><col style="width: 5.61447%;"></col><col style="width: 14.3142%;"></col><col style="width: 33.5959%;"></col><col style="width: 46.5065%;"></col></colgroup><tbody><tr style="height: 30.7917px;"><th class="confluenceTh" colspan="2" style="height: 30.7917px;">Кнопка</th><th class="confluenceTh" style="height: 30.7917px;">Описание</th><th class="confluenceTh" style="height: 30.7917px;">Доступность</th></tr><tr style="height: 96.9792px;"><td class="confluenceTd align-left" colspan="2" style="vertical-align: middle; height: 96.9792px;">[![изображение.png](https://wiki.wellink.ru/uploads/images/gallery/2023-11/scaled-1680-/xj6izobrazenie.png)](https://wiki.wellink.ru/uploads/images/gallery/2023-11/xj6izobrazenie.png)

<span style="color: rgb(224, 62, 45);">  
</span>

</td><td class="confluenceTd align-left" style="vertical-align: middle; height: 96.9792px;"><span style="color: rgb(0, 0, 0);">Открытие модального окна для [создания планово-профилактической работы](https://wiki.wellink.ru/books/interfeis-sistemy-521/page/sobytiia-stranica-sozdaniia-planovo-profilakticeskoi-raboty-redaktirovaniia-prosmotra)</span></td><td class="confluenceTd align-left" style="vertical-align: middle; height: 96.9792px;"><span style="color: rgb(0, 0, 0);">Доступна пользователям с наличием роли Оператор SLA.</span>

</td></tr><tr style="height: 60.4167px;"><td colspan="2" style="vertical-align: middle; height: 60.4167px;">[![изображение.png](https://wiki.wellink.ru/uploads/images/gallery/2023-11/scaled-1680-/exlizobrazenie.png)](https://wiki.wellink.ru/uploads/images/gallery/2023-11/exlizobrazenie.png)

<span style="color: rgb(224, 62, 45);">  
</span>

</td><td style="vertical-align: middle; height: 60.4167px;"><span style="color: rgb(0, 0, 0);">Переход на страницу [текущих показателей сервиса](https://wiki.wellink.ru/books/interfeis-sistemy-521/page/servisy-tekushhie-pokazateli-kacestva)</span></td><td style="vertical-align: middle; height: 60.4167px;"><span style="color: rgb(0, 0, 0);">Доступна пользователям с наличием роли Оператор SLA.</span>

</td></tr></tbody></table>

</div></div></div></div>
## 5. Проверки системы

<div class="wiki-content group" id="bkmrk-%D0%A2%D1%80%D0%B8%D0%B3%D0%B3%D0%B5%D1%80-%D0%9F%D1%80%D0%BE%D0%B2%D0%B5%D1%80%D0%BA%D0%B0-%D0%94%D0%B5%D0%B9-1"><div class="wiki-content group"><div class="wiki-content group"><div class="table-wrap"><div class="table-wrap"><div class="tableWrap">  
</div></div></div></div></div></div>## 6. Макеты

Страница просмотра статистики потребления трафика. Фильтрации по "неизвестному приложению", <span style="color: rgb(0, 0, 0);"><span style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Roboto, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; text-align: start; text-indent: 0px; text-transform: none; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: rgb(255, 255, 255); display: inline !important; float: none;">вызывает появление дополнительных сегментов второго уровня на двух других диаграммах.</span></span>

[![изображение.png](https://wiki.wellink.ru/uploads/images/gallery/2023-11/scaled-1680-/sqLizobrazenie.png)](https://wiki.wellink.ru/uploads/images/gallery/2023-11/sqLizobrazenie.png)

Страница просмотра статистики потребления трафика. Открыто модальное окно произвольного выбора периода мониторинга.

[![изображение.png](https://wiki.wellink.ru/uploads/images/gallery/2023-11/scaled-1680-/h8gizobrazenie.png)](https://wiki.wellink.ru/uploads/images/gallery/2023-11/h8gizobrazenie.png)