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

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

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

Сводка

Подробности

Свойства страницы
Содержимое
... ... @@ -1,4 +1,51 @@
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 +
2 2  <div class="page-container">
3 3   <div class="page-header">
4 4   <p>Эта страница поможет вам разобраться в ключевых терминах и интерфейсе системы спутникового мониторинга <b>SMT‑Hosting</b>.
... ... @@ -6,8 +6,8 @@
6 6   </div>
7 7  
8 8   <div class="anchor-buttons">
9 - <a href="#monitoring" class="btn-primary">🛰 Система мониторинга</a>
10 - <a href="#panel" class="btn-success">⚙️ Панель управления</a>
56 + <a href="#monitoring" class="btn-blue">🛰 Система мониторинга</a>
57 + <a href="#panel" class="btn-green">⚙️ Панель управления</a>
11 11   </div>
12 12  
13 13   <h2 class="section-title" id="monitoring">🛰 Система мониторинга</h2>
... ... @@ -17,7 +17,6 @@
17 17   <li>Контролировать ключевые параметры: направление и скорость движения, расход топлива, выезд за границы маршрута.</li>
18 18   <li>Управлять объектами (передача команд на подключённое оборудование).</li>
19 19   <li>Получать оповещения об экстренных ситуациях (превышение скорости, слив топлива из бака).</li>
20 - <li>Вести график поездок.</li>
21 21   <li>Формировать отчёты и графики по пробегу, моточасам, расходу топлива и другим показателям.</li>
22 22   </ul>
23 23  
... ... @@ -25,10 +25,9 @@
25 25   <img src="/xwiki/bin/download/Основные%20понятия/WebHome/image-20220915091626-2.png" alt="Интерфейс системы мониторинга">
26 26   </div>
27 27  
28 - <div class="term-section">
29 - <div class="term-section-header">📖 Термины, связанные с мониторингом</div>
30 - <p class="term-section-desc">Здесь собраны ключевые понятия, которые помогут лучше понять работу системы мониторинга объектов.</p>
31 -
74 + <div class="terms-section">
75 + <h2>📖 Термины, связанные с мониторингом</h2>
76 + <p>Эти ключевые термины помогут лучше понять работу системы мониторинга объектов.</p>
32 32   <div class="term-grid">
33 33   <div class="term-card primary">
34 34   <div class="term-card-header">📡 Мониторинг</div>
... ... @@ -95,7 +95,7 @@
95 95   <h2 class="section-title" id="panel">⚙️ Панель управления</h2>
96 96   <p>Панель управления позволяет:</p>
97 97   <ul class="custom-list">
98 - <li>Управлять учетными записями пользователей и правами доступа.</li>
143 + <li>Управлять учётными записями пользователей и правами доступа.</li>
99 99   <li>Настраивать видимость объектов, геообъектов и полей.</li>
100 100   <li>Создавать и редактировать задания, отчёты и уведомления.</li>
101 101   </ul>
... ... @@ -104,10 +104,9 @@
104 104   <img src="/xwiki/bin/download/Основные%20понятия/WebHome/image-20221006120604-1.png?rev=1.1" alt="Интерфейс панели управления">
105 105   </div>
106 106  
107 - <div class="term-section">
108 - <div class="term-section-header">📚 Термины, связанные с панелью управления</div>
109 - <p class="term-section-desc">Эти термины встречаются в настройках, управлении пользователями, правами доступа и работе с системой.</p>
110 -
152 + <div class="terms-section">
153 + <h2>📚 Термины, связанные с панелью управления</h2>
154 + <p>Эти термины встречаются в настройках, управлении пользователями, правами доступа и работе с системой.</p>
111 111   <div class="term-grid">
112 112   <div class="term-card primary">
113 113   <div class="term-card-header">📡 Абонентский терминал</div>
... ... @@ -166,171 +166,4 @@
166 166   </div>
167 167   </div>
168 168  </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>
217 217  {{/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}}