Исходный код вики VKPHT. Административные панели
Версия 4.1 от Ольга Артёмова на 2024/03/15 14:40
Скрыть последних авторов
author | version | line-number | content |
---|---|---|---|
![]() |
2.1 | 1 | = 4. Работа с административной панелью = |
![]() |
1.5 | 2 | |
![]() |
2.1 | 3 | == 4.1 Пользовательский интерфейс == |
4 | |||
5 | === 4.1.1 Страница административной панели === | ||
6 | |||
7 | Страница административной панели содержит: | ||
8 | |||
![]() |
3.1 | 9 | — Блок вкладок. |
![]() |
2.1 | 10 | |
![]() |
3.1 | 11 | — Вертикальное навигационное меню. |
![]() |
2.1 | 12 | |
![]() |
3.1 | 13 | — Навигационную страницу. |
![]() |
2.1 | 14 | |
![]() |
3.1 | 15 | [[Рисунок 1 — Страница административной панели>>image:админка общее.png||data-xwiki-image-style-alignment="center"]] |
16 | |||
17 | |||
![]() |
4.1 | 18 | === 4.1.1.1. Блок вкладок === |
![]() |
3.1 | 19 | |
![]() |
2.1 | 20 | Блок вкладок обеспечивает переключение между субкомпонентами административной панели. |
21 | |||
22 | Нажмите на вкладку с наименованием интересующего вас субкомпонента для перехода к нему. | ||
23 | |||
![]() |
4.1 | 24 | === 4.1.1.2. Вертикальное навигационное меню === |
![]() |
2.1 | 25 | |
26 | Вертикальное навигационное меню расположено в левой части страницы административной панели. | ||
27 | |||
![]() |
4.1 | 28 | [[Рисунок 2 — Вертикальное навигационное меню>>image:1710502730297-924.png||data-xwiki-image-style-alignment="center"]] |
![]() |
2.1 | 29 | |
30 | |||
31 | Меню содержит пункты с наименованиями модулей административной панели. По умолчанию выбран пункт «Все справочники», прочие пункты меню свернуты. На навигационной странице отображаются все доступные справочники. | ||
32 | |||
33 | При нажатии на пункт меню с наименованием модуля отображается перечень процессов, входящих в модуль. В правой части административной панели при этом отображаются только справочники, входящие в выбранный модуль. | ||
34 | |||
![]() |
4.1 | 35 | [[Рисунок 7 — Развернутый пункт меню со списком процессов>>image:1710502816596-150.png||data-xwiki-image-style-alignment="center"]] |
![]() |
2.1 | 36 | |
37 | При нажатии на подпункт меню с наименованием процесса в правой части административной панели отображаются только справочники, относящиеся к выбранному процессу. | ||
38 | |||
![]() |
4.1 | 39 | === 4.1.1.3 Навигационная страница === |
![]() |
2.1 | 40 | |
41 | Навигационная страница содержит перечень ссылок для перехода к справочникам. В перечне отображаются справочники, относящиеся к модулю или процессу, выбранному в вертикальном навигационном меню. | ||
42 | |||
43 | |||
44 | Рисунок 8 — Навигационная страница | ||
45 | |||
46 | Состав навигационной страницы: | ||
47 | |||
48 | 1. Заголовок (соответствует наименованию модуля или процесса, выбранного в вертикальном навигационном меню). | ||
49 | 1. Строка поиска. Позволяет осуществлять поиск справочников по текстовому запросу. | ||
50 | 1. Перечень ссылок на справочники. При нажатии на ссылку осуществляется переход в соответствующий справочник. | ||
![]() |
4.1 | 51 | 11. |
![]() |
2.1 | 52 | 111. Типовые элементы интерфейса |
53 | 1111. Обязательные поля | ||
54 | |||
55 | Поля, заполнение которых обязательно по требованиям бизнес-логики, отмечены символом «*». | ||
56 | |||
57 | [[image:file:///C:/Users/OARTEM~~1/AppData/Local/Temp/msohtmlclip1/01/clip_image010.gif]] | ||
58 | |||
59 | Рисунок 9 — Обязательное поле | ||
60 | |||
61 | Обязательные поля встречаются на карточках создания и редактирования сущностей. Если оставить обязательное поле незаполненным, административная панель не позволит сохранить внесенные изменения. | ||
62 | |||
![]() |
4.1 | 63 | 1. |
64 | 11. | ||
65 | 111. | ||
![]() |
2.1 | 66 | 1111. Раскрывающиеся списки |
67 | |||
68 | Некоторые поля представляют собой списки с возможностью выбора одного или нескольких значений. Для списков, содержащих большое количество значений, предусмотрена вертикальная полоса прокрутки внутри списка. | ||
69 | |||
70 | [[image:file:///C:/Users/OARTEM~~1/AppData/Local/Temp/msohtmlclip1/01/clip_image012.gif]] | ||
71 | |||
72 | Рисунок 10 — Раскрывающийся список | ||
73 | |||
![]() |
4.1 | 74 | 1. |
75 | 11. | ||
76 | 111. | ||
![]() |
2.1 | 77 | 1111. Предзаполненные поля |
78 | |||
79 | Некоторые поля по умолчанию уже содержат некоторую информацию, их редактирование не допускается. Такие поля обозначаются серой заливкой. | ||
80 | |||
81 | [[image:file:///C:/Users/OARTEM~~1/AppData/Local/Temp/msohtmlclip1/01/clip_image014.gif]] | ||
82 | |||
83 | Рисунок 11 — Предзаполненное поле | ||
84 | |||
![]() |
4.1 | 85 | 1. |
86 | 11. | ||
87 | 111. | ||
![]() |
2.1 | 88 | 1111. Чекбоксы |
89 | |||
90 | В некоторых табличных представлениях предусмотрено выделение строк при помощи чекбоксов, расположенных в левой колонке табличного представления. | ||
91 | |||
92 | [[image:file:///C:/Users/OARTEM~~1/AppData/Local/Temp/msohtmlclip1/01/clip_image016.jpg]] | ||
93 | |||
94 | Рисунок 12 — Выделение строки при помощи чекбокса | ||
95 | |||
![]() |
4.1 | 96 | 1. |
97 | 11. | ||
98 | 111. | ||
![]() |
2.1 | 99 | 1111. Индикаторы сортировки |
100 | |||
101 | Для сортировки табличного представления следует нажать на заголовок столбца таблицы. | ||
102 | |||
103 | Сортировка производится по возрастанию значений столбца (для числовых значений и дат) или по алфавиту в направлении от А до Я (для текстовых значений). Повторный щелчок на заголовке столбца изменяет направление сортировки на обратное. | ||
104 | |||
105 | Индикатор сортировки показывает направление сортировки. | ||
106 | |||
107 | [[image:file:///C:/Users/OARTEM~~1/AppData/Local/Temp/msohtmlclip1/01/clip_image018.gif]] | ||
108 | |||
109 | Рисунок 13 — Индикатор сортировки | ||
110 | |||
![]() |
4.1 | 111 | 1. |
112 | 11. | ||
113 | 111. | ||
![]() |
2.1 | 114 | 1111. Элементы управления таблицами |
115 | |||
116 | Таблица 1 — Элементы управления таблицами | ||
117 | |||
118 | |**Элемент управления**|**Описание** | ||
119 | |[[image:file:///C:/Users/OARTEM~~1/AppData/Local/Temp/msohtmlclip1/01/clip_image020.gif]]|Открывает запись справочника на просмотр без возможности редактирования | ||
120 | |[[image:file:///C:/Users/OARTEM~~1/AppData/Local/Temp/msohtmlclip1/01/clip_image022.gif]]|Открывает карточку редактирования записи справочника | ||
121 | |[[image:file:///C:/Users/OARTEM~~1/AppData/Local/Temp/msohtmlclip1/01/clip_image024.gif]]|Открывает карточку создания записи справочника | ||
122 | |[[image:file:///C:/Users/OARTEM~~1/AppData/Local/Temp/msohtmlclip1/01/clip_image026.gif]]|Раскрывает дочерний список | ||
123 | |||
![]() |
4.1 | 124 | 1. |
125 | 11. | ||
126 | 111. | ||
![]() |
2.1 | 127 | 1111. Элементы управления карточками |
128 | |||
129 | Таблица 2 — Элементы управления карточками | ||
130 | |||
131 | |**Элемент управления**|**Описание** | ||
132 | |[[image:file:///C:/Users/OARTEM~~1/AppData/Local/Temp/msohtmlclip1/01/clip_image028.gif]]|((( | ||
133 | Сохраняет запись при условии заполнения обязательных полей. | ||
134 | |||
135 | Элемент доступен на карточке объекта в режиме редактирования | ||
136 | ))) | ||
137 | |[[image:file:///C:/Users/OARTEM~~1/AppData/Local/Temp/msohtmlclip1/01/clip_image030.gif]]|Отменяет внесенные изменения | ||
138 | |[[image:file:///C:/Users/OARTEM~~1/AppData/Local/Temp/msohtmlclip1/01/clip_image032.gif]]|Удаляет запись | ||
139 | |[[image:file:///C:/Users/OARTEM~~1/AppData/Local/Temp/msohtmlclip1/01/clip_image034.gif]]|Закрывает карточку без сохранения измененных данных | ||
140 | |||
![]() |
4.1 | 141 | 1. |
142 | 11. | ||
143 | 111. | ||
![]() |
2.1 | 144 | 1111. Строки поиска |
145 | |||
146 | [[image:file:///C:/Users/OARTEM~~1/AppData/Local/Temp/msohtmlclip1/01/clip_image036.gif]] | ||
147 | |||
148 | Рисунок 14 — Строка поиска | ||
149 | |||
150 | Строка поиска позволяет искать записи в табличном представлении по текстовому запросу. | ||
151 | |||
![]() |
4.1 | 152 | 1. |
153 | 11. | ||
154 | 111. | ||
![]() |
2.1 | 155 | 1111. Блоки фильтров |
156 | |||
157 | В некоторых табличных представлениях доступна фильтрация записей при помощи блока фильтров. | ||
158 | |||
159 | Для отображения блока фильтров необходимо нажать на кнопку [[image:file:///C:/Users/OARTEM~~1/AppData/Local/Temp/msohtmlclip1/01/clip_image038.gif]]. | ||
160 | |||
161 | Атрибутивный состав формы фильтров и их значения зависят от табличного представления, в котором был вызван фильтр. | ||
162 | |||
163 | [[image:file:///C:/Users/OARTEM~~1/AppData/Local/Temp/msohtmlclip1/01/clip_image040.jpg]] | ||
164 | |||
165 | Рисунок 15 — Пример блока фильтров | ||
166 | |||
167 | Для применения фильтров необходимо выбрать из выпадающего списка хотя бы одно значение, после чего фильтр будет автоматически применен. | ||
168 | |||
169 | Для возврата фильтра к значению по умолчанию можно очистить его вручную, нажав на иконку «Крестик» в поле фильтра или снять чек-бокс с выбранного значения внутри выпадающего списка. | ||
170 | |||
171 | При необходимости возврата всех фильтров к значению по умолчанию необходимо нажать «Сбросить все». | ||
172 | |||
173 | Если в параметрах фильтрации одновременно заданы несколько атрибутов, в результирующий список попадут записи, одновременно удовлетворяющие всем указанным в фильтрах значениям (логический оператор AND). | ||
174 | |||
![]() |
4.1 | 175 | 1. |
![]() |
2.1 | 176 | 11. Управление НСИ |
177 | |||
178 | Поддержка и актуализация справочных данных АС «VK People Hub» обеспечивается через функционал работы со справочниками, расположенный на вкладке «Справочники» кабинета HR. Управление справочными данными поддерживает функционал по созданию новых справочных значений, редактированию и удалению текущих справочных значений. | ||
179 | |||
180 | Перечень справочников, используемых в АС «VK People Hub», и их краткое описание приведены в Приложении 1. | ||
181 | |||
![]() |
4.1 | 182 | 1. |
183 | 11. | ||
![]() |
2.1 | 184 | 111. Описание табличных представлений |
185 | |||
186 | Область отображения содержания табличного представления варьируется в зависимости от конкретного справочника. Элементы интерфейса являются стандартными и функционируют согласно описанию, приведенному в п. 4.1.2. | ||
187 | |||
![]() |
4.1 | 188 | 1. |
189 | 11. | ||
![]() |
2.1 | 190 | 111. Описание карточек |
191 | |||
192 | Состав карточек справочных значений также варьируется в зависимости от справочника. Доступность редактирования полей карточки справочного значения определяется бизнес-логикой. Элементы интерфейса являются стандартными и функционируют согласно описанию, приведенному в п. 4.1.2. | ||
193 | |||
![]() |
4.1 | 194 | 1. |
195 | 11. | ||
![]() |
2.1 | 196 | 111. Описание работы с НСИ |
197 | |||
198 | Процедура управления справочными данными, описанная в текущем пункте, является стандартной и применима для всех справочников. | ||
199 | |||
![]() |
4.1 | 200 | 1. |
201 | 11. | ||
202 | 111. | ||
![]() |
2.1 | 203 | 1111. Создание справочных данных |
204 | |||
205 | Для создания справочных данных необходимо: | ||
206 | |||
207 | * Перейти в соответствующее табличное представление справочника. | ||
208 | * В строке рядом со строкой поиска нажать на кнопку «Добавить запись». | ||
209 | * В открывшейся форме заполнить все обязательные поля и нажать на кнопку «Сохранить». | ||
210 | |||
211 | Выход из формы создания возможен при помощи нажатия кнопки «Отменить» или иконки [[image:file:///C:/Users/OARTEM~~1/AppData/Local/Temp/msohtmlclip1/01/clip_image034.gif]]. После выхода форма редактирования закрывается и открывается табличное представление. Внесенные справочные данные не сохранятся. | ||
212 | |||
![]() |
4.1 | 213 | 1. |
214 | 11. | ||
215 | 111. | ||
![]() |
2.1 | 216 | 1111. Редактирование справочных данных |
217 | |||
218 | Для редактирования справочных данных необходимо: | ||
219 | |||
220 | * Перейти в соответствующее табличное представление справочника. | ||
221 | * В строке нажать на иконку [[image:file:///C:/Users/OARTEM~~1/AppData/Local/Temp/msohtmlclip1/01/clip_image041.gif]]. | ||
222 | * В открывшейся форме в режиме редактирования внести необходимые изменения, заполнив обязательные поля, и нажать на кнопку «Сохранить». | ||
223 | |||
224 | Выход из формы редактирования возможен при помощи нажатия кнопки «Отменить» или иконки [[image:file:///C:/Users/OARTEM~~1/AppData/Local/Temp/msohtmlclip1/01/clip_image034.gif]]. После выхода форма редактирования закрывается и открывается табличное представление. | ||
225 | |||
![]() |
4.1 | 226 | 1. |
227 | 11. | ||
228 | 111. | ||
![]() |
2.1 | 229 | 1111. Просмотр справочных данных |
230 | |||
231 | Для просмотра справочных данных необходимо: | ||
232 | |||
233 | * Перейти в соответствующее табличное представление справочника. | ||
234 | * В строке нажать на кнопку [[image:file:///C:/Users/OARTEM~~1/AppData/Local/Temp/msohtmlclip1/01/clip_image042.gif]]. Данные справочного значения будут отображены на просмотр. | ||
235 | |||
236 | Выход из формы просмотра возможен при помощи нажатия на иконку [[image:file:///C:/Users/OARTEM~~1/AppData/Local/Temp/msohtmlclip1/01/clip_image034.gif]]. После выхода форма просмотра закрывается и открывается табличное представление. | ||
237 | |||
![]() |
4.1 | 238 | 1. |
239 | 11. | ||
240 | 111. | ||
![]() |
2.1 | 241 | 1111. Удаление справочных данных |
242 | |||
243 | Для удаления справочных данных необходимо: | ||
244 | |||
245 | * Перейти в соответствующее табличное представление справочника. | ||
246 | * В строке нажать на иконку [[image:file:///C:/Users/OARTEM~~1/AppData/Local/Temp/msohtmlclip1/01/clip_image041.gif]]. | ||
247 | * В открывшейся форме нажать на кнопку «Удалить». Справочное значение будет успешно удалено. | ||
248 | |||
249 | Выход из формы редактирования возможен при помощи нажатия кнопки «Отменить» или иконки [[image:file:///C:/Users/OARTEM~~1/AppData/Local/Temp/msohtmlclip1/01/clip_image034.gif]]. После выхода форма редактирования закрывается и открывается табличное представление. |