Перейти к содержимому

Изменения документа 📡 Основные понятия

Редактировал(а) Дмитрий Копотев 2025/07/29 00:33
От версии 7.35
отредактировано Дмитрий Копотев
на 2025/07/28 23:22
Изменить комментарий: К данной версии нет комментариев
К версии 7.28
отредактировано Дмитрий Копотев
на 2025/07/27 15:59
Изменить комментарий: К данной версии нет комментариев

Сводка

Подробности

Свойства страницы
Содержимое
... ... @@ -1,10 +1,4 @@
1 1  {{html clean="false"}}
2 -<style>
3 -html {
4 - scroll-behavior: smooth;
5 -}
6 -</style>
7 -
8 8  <div class="page-container">
9 9   <div class="page-header">
10 10   <p>Эта страница поможет вам разобраться в ключевых терминах и интерфейсе системы спутникового мониторинга <b>SMT‑Hosting</b>.
... ... @@ -12,8 +12,8 @@
12 12   </div>
13 13  
14 14   <div class="anchor-buttons">
15 - <a href="#monitoring" class="btn-blue">🛰 Система мониторинга</a>
16 - <a href="#panel" class="btn-green">⚙️ Панель управления</a>
9 + <a href="#monitoring" class="btn-primary">🛰 Система мониторинга</a>
10 + <a href="#panel" class="btn-success">⚙️ Панель управления</a>
17 17   </div>
18 18  
19 19   <h2 class="section-title" id="monitoring">🛰 Система мониторинга</h2>
... ... @@ -23,6 +23,7 @@
23 23   <li>Контролировать ключевые параметры: направление и скорость движения, расход топлива, выезд за границы маршрута.</li>
24 24   <li>Управлять объектами (передача команд на подключённое оборудование).</li>
25 25   <li>Получать оповещения об экстренных ситуациях (превышение скорости, слив топлива из бака).</li>
20 + <li>Вести график поездок.</li>
26 26   <li>Формировать отчёты и графики по пробегу, моточасам, расходу топлива и другим показателям.</li>
27 27   </ul>
28 28  
... ... @@ -30,9 +30,10 @@
30 30   <img src="/xwiki/bin/download/Основные%20понятия/WebHome/image-20220915091626-2.png" alt="Интерфейс системы мониторинга">
31 31   </div>
32 32  
33 - <div class="terms-section">
34 - <h2>📖 Термины, связанные с мониторингом</h2>
35 - <p>Эти ключевые термины помогут лучше понять работу системы мониторинга объектов.</p>
28 + <div class="term-section">
29 + <div class="term-section-header">📖 Термины, связанные с мониторингом</div>
30 + <p class="term-section-desc">Здесь собраны ключевые понятия, которые помогут лучше понять работу системы мониторинга объектов.</p>
31 +
36 36   <div class="term-grid">
37 37   <div class="term-card primary">
38 38   <div class="term-card-header">📡 Мониторинг</div>
... ... @@ -99,7 +99,7 @@
99 99   <h2 class="section-title" id="panel">⚙️ Панель управления</h2>
100 100   <p>Панель управления позволяет:</p>
101 101   <ul class="custom-list">
102 - <li>Управлять учётными записями пользователей и правами доступа.</li>
98 + <li>Управлять учетными записями пользователей и правами доступа.</li>
103 103   <li>Настраивать видимость объектов, геообъектов и полей.</li>
104 104   <li>Создавать и редактировать задания, отчёты и уведомления.</li>
105 105   </ul>
... ... @@ -108,9 +108,10 @@
108 108   <img src="/xwiki/bin/download/Основные%20понятия/WebHome/image-20221006120604-1.png?rev=1.1" alt="Интерфейс панели управления">
109 109   </div>
110 110  
111 - <div class="terms-section">
112 - <h2>📚 Термины, связанные с панелью управления</h2>
113 - <p>Эти термины встречаются в настройках, управлении пользователями, правами доступа и работе с системой.</p>
107 + <div class="term-section">
108 + <div class="term-section-header">📚 Термины, связанные с панелью управления</div>
109 + <p class="term-section-desc">Эти термины встречаются в настройках, управлении пользователями, правами доступа и работе с системой.</p>
110 +
114 114   <div class="term-grid">
115 115   <div class="term-card primary">
116 116   <div class="term-card-header">📡 Абонентский терминал</div>
... ... @@ -169,4 +169,171 @@
169 169   </div>
170 170   </div>
171 171  </div>
169 +
170 +<style>
171 +.term-section {
172 + background: var(--color-light);
173 + padding: 18px;
174 + border-radius: 10px;
175 + margin-top: 24px;
176 +}
177 +
178 +.term-section-header {
179 + font-size: 18px;
180 + font-weight: 600;
181 + margin-bottom: 6px;
182 + display: flex;
183 + align-items: center;
184 +}
185 +
186 +.term-section-desc {
187 + font-size: 14px;
188 + color: #555;
189 + margin-bottom: 16px;
190 +}
191 +
192 +.term-grid {
193 + display: grid;
194 + grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
195 + gap: 12px;
196 +}
197 +
198 +.term-card {
199 + border-radius: 8px;
200 + overflow: hidden;
201 + box-shadow: 0 2px 6px rgba(0,0,0,0.05);
202 + background: white;
203 + display: flex;
204 + flex-direction: column;
205 + opacity: 0;
206 + transform: translateY(10px);
207 + animation: fadeIn 0.4s forwards;
208 +}
209 +
210 +@keyframes fadeIn {
211 + to {
212 + opacity: 1;
213 + transform: translateY(0);
214 + }
215 +}
216 +</style>
172 172  {{/html}}
218 +
219 +
220 +{{html clean="false"}}
221 +<style>
222 +html {
223 + scroll-behavior: smooth;
224 +}
225 +
226 +/* ==== Секция терминов ==== */
227 +.terms-section {
228 + background: #fafafa;
229 + padding: 18px;
230 + border-radius: 10px;
231 + margin: 24px 0;
232 + box-shadow: 0 2px 6px rgba(0,0,0,0.05);
233 +}
234 +
235 +.terms-section h2 {
236 + margin-top: 0;
237 +}
238 +
239 +.term-grid {
240 + display: grid;
241 + grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
242 + gap: 14px;
243 + margin-top: 14px;
244 +}
245 +
246 +.term-card {
247 + border-radius: 8px;
248 + overflow: hidden;
249 + background: white;
250 + display: flex;
251 + flex-direction: column;
252 + transition: transform 0.2s ease, box-shadow 0.2s ease;
253 +}
254 +
255 +.term-card:hover {
256 + transform: translateY(-3px);
257 + box-shadow: 0 4px 10px rgba(0,0,0,0.08);
258 +}
259 +
260 +.term-card-header {
261 + padding: 12px 14px;
262 + color: white;
263 + font-weight: 600;
264 + font-size: 15px;
265 +}
266 +
267 +.term-card-body {
268 + padding: 12px 14px;
269 + font-size: 14px;
270 + color: #444;
271 +}
272 +
273 +/* Цвета шапок */
274 +.term-card.primary .term-card-header { background: var(--color-primary); }
275 +.term-card.success .term-card-header { background: var(--color-success); }
276 +.term-card.info .term-card-header { background: var(--color-info); }
277 +.term-card.warning .term-card-header { background: var(--color-warning); }
278 +.term-card.danger .term-card-header { background: var(--color-danger); }
279 +</style>
280 +
281 +<div class="page-container">
282 + <div class="page-header">
283 + <p>Эта страница поможет вам разобраться в ключевых терминах и интерфейсе системы спутникового мониторинга <b>SMT‑Hosting</b>.
284 + Здесь собраны пояснения к основным элементам системы, интерфейсу и панели управления.</p>
285 + </div>
286 +
287 + <div class="anchor-buttons">
288 + <a href="#monitoring" class="btn-blue">🛰 Система мониторинга</a>
289 + <a href="#panel" class="btn-green">⚙️ Панель управления</a>
290 + </div>
291 +
292 + <h2 class="section-title" id="monitoring">🛰 Система мониторинга</h2>
293 + <p>Система предоставляет возможности:</p>
294 + <ul class="custom-list">
295 + <li>Отслеживать движение объектов на карте в реальном времени и за прошедший период.</li>
296 + <li>Контролировать ключевые параметры: направление и скорость движения, расход топлива, выезд за границы маршрута.</li>
297 + <li>Управлять объектами (передача команд на подключённое оборудование).</li>
298 + <li>Получать оповещения об экстренных ситуациях (превышение скорости, слив топлива из бака).</li>
299 + <li>Формировать отчёты и графики по пробегу, моточасам, расходу топлива и другим показателям.</li>
300 + </ul>
301 +
302 + <div class="image-block">
303 + <img src="[[image:attach:image-20220915091626-2.png]]" alt="Интерфейс системы мониторинга">
304 + </div>
305 +
306 + <div class="terms-section">
307 + <h2>📖 Термины, связанные с мониторингом</h2>
308 + <p>Эти ключевые термины помогут лучше понять работу системы мониторинга объектов.</p>
309 + <div class="term-grid">
310 + <!-- Все карточки мониторинга -->
311 + ... (сюда вставляются все term-card primary/info/success/warning/danger для мониторинга)
312 + </div>
313 + </div>
314 +
315 + <h2 class="section-title" id="panel">⚙️ Панель управления</h2>
316 + <p>Панель управления позволяет:</p>
317 + <ul class="custom-list">
318 + <li>Управлять учётными записями пользователей и правами доступа.</li>
319 + <li>Настраивать видимость объектов, геообъектов и полей.</li>
320 + <li>Создавать и редактировать задания, отчёты и уведомления.</li>
321 + </ul>
322 +
323 + <div class="image-block">
324 + <img src="[[image:attach:image-20221006120604-1.png]]" alt="Интерфейс панели управления">
325 + </div>
326 +
327 + <div class="terms-section">
328 + <h2>📚 Термины, связанные с панелью управления</h2>
329 + <p>Эти термины встречаются в настройках, управлении пользователями, правами доступа и работе с системой.</p>
330 + <div class="term-grid">
331 + <!-- Все карточки с терминами панели управления -->
332 + ... (сюда вставляются все term-card для панели управления)
333 + </div>
334 + </div>
335 +</div>
336 +{{/html}}