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