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

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

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

Сводка

Подробности

Свойства страницы
Содержимое
... ... @@ -1,51 +1,4 @@
1 1  {{html clean="false"}}
2 -<style>
3 -html {
4 - scroll-behavior: smooth;
5 -}
6 -
7 -/* ==== Секция терминов ==== */
8 -.terms-section {
9 - background: #fafafa;
10 - padding: 18px;
11 - border-radius: 10px;
12 - margin: 24px 0;
13 - box-shadow: 0 2px 6px rgba(0,0,0,0.05);
14 -}
15 -
16 -.terms-section h2 {
17 - margin-top: 0;
18 -}
19 -
20 -.term-grid {
21 - display: grid;
22 - grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
23 - gap: 14px;
24 - margin-top: 14px;
25 -}
26 -
27 -.term-card {
28 - border-radius: 8px;
29 - overflow: hidden;
30 - background: white;
31 - display: flex;
32 - flex-direction: column;
33 - transition: transform 0.2s ease, box-shadow 0.2s ease;
34 -}
35 -
36 -.term-card:hover {
37 - transform: translateY(-3px);
38 - box-shadow: 0 4px 10px rgba(0,0,0,0.08);
39 -}
40 -
41 -/* Цвета шапок */
42 -.term-card.primary .term-card-header { background: var(--color-primary); }
43 -.term-card.success .term-card-header { background: var(--color-success); }
44 -.term-card.info .term-card-header { background: var(--color-info); }
45 -.term-card.warning .term-card-header { background: var(--color-warning); }
46 -.term-card.danger .term-card-header { background: var(--color-danger); }
47 -</style>
48 -
49 49  <div class="page-container">
50 50   <div class="page-header">
51 51   <p>Эта страница поможет вам разобраться в ключевых терминах и интерфейсе системы спутникового мониторинга <b>SMT‑Hosting</b>.
... ... @@ -53,8 +53,8 @@
53 53   </div>
54 54  
55 55   <div class="anchor-buttons">
56 - <a href="#monitoring" class="btn-blue">🛰 Система мониторинга</a>
57 - <a href="#panel" class="btn-green">⚙️ Панель управления</a>
9 + <a href="#monitoring" class="btn-primary">🛰 Система мониторинга</a>
10 + <a href="#panel" class="btn-success">⚙️ Панель управления</a>
58 58   </div>
59 59  
60 60   <h2 class="section-title" id="monitoring">🛰 Система мониторинга</h2>
... ... @@ -64,6 +64,7 @@
64 64   <li>Контролировать ключевые параметры: направление и скорость движения, расход топлива, выезд за границы маршрута.</li>
65 65   <li>Управлять объектами (передача команд на подключённое оборудование).</li>
66 66   <li>Получать оповещения об экстренных ситуациях (превышение скорости, слив топлива из бака).</li>
20 + <li>Вести график поездок.</li>
67 67   <li>Формировать отчёты и графики по пробегу, моточасам, расходу топлива и другим показателям.</li>
68 68   </ul>
69 69  
... ... @@ -71,9 +71,10 @@
71 71   <img src="/xwiki/bin/download/Основные%20понятия/WebHome/image-20220915091626-2.png" alt="Интерфейс системы мониторинга">
72 72   </div>
73 73  
74 - <div class="terms-section">
75 - <h2>📖 Термины, связанные с мониторингом</h2>
76 - <p>Эти ключевые термины помогут лучше понять работу системы мониторинга объектов.</p>
28 + <div class="term-section">
29 + <div class="term-section-header">📖 Термины, связанные с мониторингом</div>
30 + <p class="term-section-desc">Здесь собраны ключевые понятия, которые помогут лучше понять работу системы мониторинга объектов.</p>
31 +
77 77   <div class="term-grid">
78 78   <div class="term-card primary">
79 79   <div class="term-card-header">📡 Мониторинг</div>
... ... @@ -140,7 +140,7 @@
140 140   <h2 class="section-title" id="panel">⚙️ Панель управления</h2>
141 141   <p>Панель управления позволяет:</p>
142 142   <ul class="custom-list">
143 - <li>Управлять учётными записями пользователей и правами доступа.</li>
98 + <li>Управлять учетными записями пользователей и правами доступа.</li>
144 144   <li>Настраивать видимость объектов, геообъектов и полей.</li>
145 145   <li>Создавать и редактировать задания, отчёты и уведомления.</li>
146 146   </ul>
... ... @@ -149,9 +149,10 @@
149 149   <img src="/xwiki/bin/download/Основные%20понятия/WebHome/image-20221006120604-1.png?rev=1.1" alt="Интерфейс панели управления">
150 150   </div>
151 151  
152 - <div class="terms-section">
153 - <h2>📚 Термины, связанные с панелью управления</h2>
154 - <p>Эти термины встречаются в настройках, управлении пользователями, правами доступа и работе с системой.</p>
107 + <div class="term-section">
108 + <div class="term-section-header">📚 Термины, связанные с панелью управления</div>
109 + <p class="term-section-desc">Эти термины встречаются в настройках, управлении пользователями, правами доступа и работе с системой.</p>
110 +
155 155   <div class="term-grid">
156 156   <div class="term-card primary">
157 157   <div class="term-card-header">📡 Абонентский терминал</div>
... ... @@ -210,4 +210,171 @@
210 210   </div>
211 211   </div>
212 212  </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>
213 213  {{/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}}