Изменения документа 📡 Основные понятия
Редактировал(а) Дмитрий Копотев 2025/07/29 00:33
От версии 7.34
отредактировано Дмитрий Копотев
на 2025/07/28 23:17
на 2025/07/28 23:17
Изменить комментарий:
К данной версии нет комментариев
К версии 7.27
отредактировано Дмитрий Копотев
на 2025/07/27 15:58
на 2025/07/27 15:58
Изменить комментарий:
К данной версии нет комментариев
Сводка
-
Свойства страницы (1 изменено, 0 добавлено, 0 удалено)
Подробности
- Свойства страницы
-
- Содержимое
-
... ... @@ -1,35 +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:hover { 28 - transform: translateY(-3px); 29 - box-shadow: 0 4px 10px rgba(0,0,0,0.08); 30 -} 31 -</style> 32 - 33 33 <div class="page-container"> 34 34 <div class="page-header"> 35 35 <p>Эта страница поможет вам разобраться в ключевых терминах и интерфейсе системы спутникового мониторинга <b>SMT‑Hosting</b>. ... ... @@ -37,8 +37,8 @@ 37 37 </div> 38 38 39 39 <div class="anchor-buttons"> 40 - <a href="#monitoring" class="btn- blue">🛰 Система мониторинга</a>41 - <a href="#panel" class="btn- green">⚙️ Панель управления</a>9 + <a href="#monitoring" class="btn-primary">🛰 Система мониторинга</a> 10 + <a href="#panel" class="btn-success">⚙️ Панель управления</a> 42 42 </div> 43 43 44 44 <h2 class="section-title" id="monitoring">🛰 Система мониторинга</h2> ... ... @@ -48,6 +48,7 @@ 48 48 <li>Контролировать ключевые параметры: направление и скорость движения, расход топлива, выезд за границы маршрута.</li> 49 49 <li>Управлять объектами (передача команд на подключённое оборудование).</li> 50 50 <li>Получать оповещения об экстренных ситуациях (превышение скорости, слив топлива из бака).</li> 20 + <li>Вести график поездок.</li> 51 51 <li>Формировать отчёты и графики по пробегу, моточасам, расходу топлива и другим показателям.</li> 52 52 </ul> 53 53 ... ... @@ -55,9 +55,10 @@ 55 55 <img src="/xwiki/bin/download/Основные%20понятия/WebHome/image-20220915091626-2.png" alt="Интерфейс системы мониторинга"> 56 56 </div> 57 57 58 - <div class="terms-section"> 59 - <h2>📖 Термины, связанные с мониторингом</h2> 60 - <p>Эти ключевые термины помогут лучше понять работу системы мониторинга объектов.</p> 28 + <div class="term-section"> 29 + <div class="term-section-header">📖 Термины, связанные с мониторингом</div> 30 + <p class="term-section-desc">Здесь собраны ключевые понятия, которые помогут лучше понять работу системы мониторинга объектов.</p> 31 + 61 61 <div class="term-grid"> 62 62 <div class="term-card primary"> 63 63 <div class="term-card-header">📡 Мониторинг</div> ... ... @@ -124,7 +124,7 @@ 124 124 <h2 class="section-title" id="panel">⚙️ Панель управления</h2> 125 125 <p>Панель управления позволяет:</p> 126 126 <ul class="custom-list"> 127 - <li>Управлять уч ётными записями пользователей и правами доступа.</li>98 + <li>Управлять учетными записями пользователей и правами доступа.</li> 128 128 <li>Настраивать видимость объектов, геообъектов и полей.</li> 129 129 <li>Создавать и редактировать задания, отчёты и уведомления.</li> 130 130 </ul> ... ... @@ -133,9 +133,10 @@ 133 133 <img src="/xwiki/bin/download/Основные%20понятия/WebHome/image-20221006120604-1.png?rev=1.1" alt="Интерфейс панели управления"> 134 134 </div> 135 135 136 - <div class="terms-section"> 137 - <h2>📚 Термины, связанные с панелью управления</h2> 138 - <p>Эти термины встречаются в настройках, управлении пользователями, правами доступа и работе с системой.</p> 107 + <div class="term-section"> 108 + <div class="term-section-header">📚 Термины, связанные с панелью управления</div> 109 + <p class="term-section-desc">Эти термины встречаются в настройках, управлении пользователями, правами доступа и работе с системой.</p> 110 + 139 139 <div class="term-grid"> 140 140 <div class="term-card primary"> 141 141 <div class="term-card-header">📡 Абонентский терминал</div> ... ... @@ -194,4 +194,52 @@ 194 194 </div> 195 195 </div> 196 196 </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> 197 197 {{/html}}