VKPHT. Административные панели

Версия 3.1 от Ольга Артёмова на 2024/03/15 14:37

4. Работа с административной панелью

4.1 Пользовательский интерфейс

4.1.1 Страница административной панели

Страница административной панели содержит:

— Блок вкладок.

— Вертикальное навигационное меню.

— Навигационную страницу.

админка общее.png

Рисунок 1 — Страница административной панели

        1. Блок вкладок

Блок вкладок обеспечивает переключение между субкомпонентами административной панели.

Нажмите на вкладку с наименованием интересующего вас субкомпонента для перехода к нему.

        1. Вертикальное навигационное меню

Вертикальное навигационное меню расположено в левой части страницы административной панели.

file:///C:/Users/OARTEM~1/AppData/Local/Temp/msohtmlclip1/01/clip_image004.gif

Рисунок 6 — Вертикальное навигационное меню

Меню содержит пункты с наименованиями модулей административной панели. По умолчанию выбран пункт «Все справочники», прочие пункты меню свернуты. На навигационной странице отображаются все доступные справочники.

При нажатии на пункт меню с наименованием модуля отображается перечень процессов, входящих в модуль. В правой части административной панели при этом отображаются только справочники, входящие в выбранный модуль.

file:///C:/Users/OARTEM~1/AppData/Local/Temp/msohtmlclip1/01/clip_image006.jpg

Рисунок 7 — Развернутый пункт меню со списком процессов

При нажатии на подпункт меню с наименованием процесса в правой части административной панели отображаются только справочники, относящиеся к выбранному процессу.

        1. Навигационная страница

Навигационная страница содержит перечень ссылок для перехода к справочникам. В перечне отображаются справочники, относящиеся к модулю или процессу, выбранному в вертикальном навигационном меню.

file:///C:/Users/OARTEM~1/AppData/Local/Temp/msohtmlclip1/01/clip_image008.jpg

Рисунок 8 — Навигационная страница

Состав навигационной страницы:

  1. Заголовок (соответствует наименованию модуля или процесса, выбранного в вертикальном навигационном меню).
  2. Строка поиска. Позволяет осуществлять поиск справочников по текстовому запросу.
  3. Перечень ссылок на справочники. При нажатии на ссылку осуществляется переход в соответствующий справочник.
      1. Типовые элементы интерфейса
        1. Обязательные поля

Поля, заполнение которых обязательно по требованиям бизнес-логики, отмечены символом «*».

file:///C:/Users/OARTEM~1/AppData/Local/Temp/msohtmlclip1/01/clip_image010.gif

Рисунок 9 — Обязательное поле

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

        1. Раскрывающиеся списки

Некоторые поля представляют собой списки с возможностью выбора одного или нескольких значений. Для списков, содержащих большое количество значений, предусмотрена вертикальная полоса прокрутки внутри списка.

file:///C:/Users/OARTEM~1/AppData/Local/Temp/msohtmlclip1/01/clip_image012.gif

Рисунок 10 — Раскрывающийся список

        1. Предзаполненные поля

Некоторые поля по умолчанию уже содержат некоторую информацию, их редактирование не допускается. Такие поля обозначаются серой заливкой.

file:///C:/Users/OARTEM~1/AppData/Local/Temp/msohtmlclip1/01/clip_image014.gif

Рисунок 11 — Предзаполненное поле

        1. Чекбоксы

В некоторых табличных представлениях предусмотрено выделение строк при помощи чекбоксов, расположенных в левой колонке табличного представления.

file:///C:/Users/OARTEM~1/AppData/Local/Temp/msohtmlclip1/01/clip_image016.jpg

Рисунок 12 — Выделение строки при помощи чекбокса

        1. Индикаторы сортировки

Для сортировки табличного представления следует нажать на заголовок столбца таблицы.

Сортировка производится по возрастанию значений столбца (для числовых значений и дат) или по алфавиту в направлении от А до Я (для текстовых значений). Повторный щелчок на заголовке столбца изменяет направление сортировки на обратное.

Индикатор сортировки показывает направление сортировки.

file:///C:/Users/OARTEM~1/AppData/Local/Temp/msohtmlclip1/01/clip_image018.gif

Рисунок 13 — Индикатор сортировки

        1. Элементы управления таблицами

Таблица 1 — Элементы управления таблицами

Элемент управленияОписание
file:///C:/Users/OARTEM~1/AppData/Local/Temp/msohtmlclip1/01/clip_image020.gifОткрывает запись справочника на просмотр без возможности редактирования
file:///C:/Users/OARTEM~1/AppData/Local/Temp/msohtmlclip1/01/clip_image022.gifОткрывает карточку редактирования записи справочника
file:///C:/Users/OARTEM~1/AppData/Local/Temp/msohtmlclip1/01/clip_image024.gifОткрывает карточку создания записи справочника
file:///C:/Users/OARTEM~1/AppData/Local/Temp/msohtmlclip1/01/clip_image026.gifРаскрывает дочерний список
        1. Элементы управления карточками

Таблица 2 — Элементы управления карточками

Элемент управленияОписание
file:///C:/Users/OARTEM~1/AppData/Local/Temp/msohtmlclip1/01/clip_image028.gif

Сохраняет запись при условии заполнения обязательных полей.

Элемент доступен на карточке объекта в режиме редактирования

file:///C:/Users/OARTEM~1/AppData/Local/Temp/msohtmlclip1/01/clip_image030.gifОтменяет внесенные изменения
file:///C:/Users/OARTEM~1/AppData/Local/Temp/msohtmlclip1/01/clip_image032.gifУдаляет запись
file:///C:/Users/OARTEM~1/AppData/Local/Temp/msohtmlclip1/01/clip_image034.gifЗакрывает карточку без сохранения измененных данных
        1. Строки поиска

file:///C:/Users/OARTEM~1/AppData/Local/Temp/msohtmlclip1/01/clip_image036.gif

Рисунок 14 — Строка поиска

Строка поиска позволяет искать записи в табличном представлении по текстовому запросу.

        1. Блоки фильтров

В некоторых табличных представлениях доступна фильтрация записей при помощи блока фильтров.

Для отображения блока фильтров необходимо нажать на кнопку file:///C:/Users/OARTEM~1/AppData/Local/Temp/msohtmlclip1/01/clip_image038.gif.

Атрибутивный состав формы фильтров и их значения зависят от табличного представления, в котором был вызван фильтр.

file:///C:/Users/OARTEM~1/AppData/Local/Temp/msohtmlclip1/01/clip_image040.jpg

Рисунок 15 — Пример блока фильтров

Для применения фильтров необходимо выбрать из выпадающего списка хотя бы одно значение, после чего фильтр будет автоматически применен.

Для возврата фильтра к значению по умолчанию можно очистить его вручную, нажав на иконку «Крестик» в поле фильтра или снять чек-бокс с выбранного значения внутри выпадающего списка.

При необходимости возврата всех фильтров к значению по умолчанию необходимо нажать «Сбросить все».

Если в параметрах фильтрации одновременно заданы несколько атрибутов, в результирующий список попадут записи, одновременно удовлетворяющие всем указанным в фильтрах значениям (логический оператор AND).

    1. Управление НСИ

Поддержка и актуализация справочных данных АС «VK People Hub» обеспечивается через функционал работы со справочниками, расположенный на вкладке «Справочники» кабинета HR. Управление справочными данными поддерживает функционал по созданию новых справочных значений, редактированию и удалению текущих справочных значений.

Перечень справочников, используемых в АС «VK People Hub», и их краткое описание приведены в Приложении 1.

      1. Описание табличных представлений

Область отображения содержания табличного представления варьируется в зависимости от конкретного справочника. Элементы интерфейса являются стандартными и функционируют согласно описанию, приведенному в п. 4.1.2.

      1. Описание карточек

Состав карточек справочных значений также варьируется в зависимости от справочника. Доступность редактирования полей карточки справочного значения определяется бизнес-логикой. Элементы интерфейса являются стандартными и функционируют согласно описанию, приведенному в п. 4.1.2.

      1. Описание работы с НСИ

Процедура управления справочными данными, описанная в текущем пункте, является стандартной и применима для всех справочников.

        1. Создание справочных данных

Для создания справочных данных необходимо:

  • Перейти в соответствующее табличное представление справочника.
  • В строке рядом со строкой поиска нажать на кнопку «Добавить запись».
  • В открывшейся форме заполнить все обязательные поля и нажать на кнопку «Сохранить».

Выход из формы создания возможен при помощи нажатия кнопки «Отменить» или иконки file:///C:/Users/OARTEM~1/AppData/Local/Temp/msohtmlclip1/01/clip_image034.gif. После выхода форма редактирования закрывается и открывается табличное представление. Внесенные справочные данные не сохранятся.

        1. Редактирование справочных данных

Для редактирования справочных данных необходимо:

  • Перейти в соответствующее табличное представление справочника.
  • В строке нажать на иконку file:///C:/Users/OARTEM~1/AppData/Local/Temp/msohtmlclip1/01/clip_image041.gif.
  • В открывшейся форме в режиме редактирования внести необходимые изменения, заполнив обязательные поля, и нажать на кнопку «Сохранить».

Выход из формы редактирования возможен при помощи нажатия кнопки «Отменить» или иконки file:///C:/Users/OARTEM~1/AppData/Local/Temp/msohtmlclip1/01/clip_image034.gif. После выхода форма редактирования закрывается и открывается табличное представление.

        1. Просмотр справочных данных

Для просмотра справочных данных необходимо:

  • Перейти в соответствующее табличное представление справочника.
  • В строке нажать на кнопку file:///C:/Users/OARTEM~1/AppData/Local/Temp/msohtmlclip1/01/clip_image042.gif. Данные справочного значения будут отображены на просмотр.

Выход из формы просмотра возможен при помощи нажатия на иконку file:///C:/Users/OARTEM~1/AppData/Local/Temp/msohtmlclip1/01/clip_image034.gif. После выхода форма просмотра закрывается и открывается табличное представление.

        1. Удаление справочных данных

Для удаления справочных данных необходимо:

  • Перейти в соответствующее табличное представление справочника.
  • В строке нажать на иконку file:///C:/Users/OARTEM~1/AppData/Local/Temp/msohtmlclip1/01/clip_image041.gif.
  • В открывшейся форме нажать на кнопку «Удалить». Справочное значение будет успешно удалено.

Выход из формы редактирования возможен при помощи нажатия кнопки «Отменить» или иконки file:///C:/Users/OARTEM~1/AppData/Local/Temp/msohtmlclip1/01/clip_image034.gif. После выхода форма редактирования закрывается и открывается табличное представление.