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

Редактировал(а) Дмитрий Копотев 2025/07/29 00:33

От версии 7.34
отредактировано Дмитрий Копотев
на 2025/07/28 23:17
Изменить комментарий: К данной версии нет комментариев
К версии 7.27
отредактировано Дмитрий Копотев
на 2025/07/27 15:58
Изменить комментарий: К данной версии нет комментариев

Сводка

Подробности

Свойства страницы
Содержимое
... ... @@ -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}}