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