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

Сводка

• Свойства страницы (1 изменено, 0 добавлено, 0 удалено)

Подробности

Свойства страницы

Содержимое

...	...	@@ -1,44 +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.3s ease, box-shadow 0.3s 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		-</style>
41		-
42	42	<div class="page-container">
43	43	<div class="page-header">
44	44	<p>Эта страница поможет вам разобраться в ключевых терминах и интерфейсе системы спутникового мониторинга <b>SMT‑Hosting</b>.
...	...	@@ -46,8 +46,8 @@
46	46	</div>
47	47
48	48	<div class="anchor-buttons">
49		- <a href="#monitoring" class="btn-blue">🛰 Система мониторинга</a>
50		- <a href="#panel" class="btn-green">⚙️ Панель управления</a>
	9	+ <a href="#monitoring" class="btn-primary">🛰 Система мониторинга</a>
	10	+ <a href="#panel" class="btn-success">⚙️ Панель управления</a>
51	51	</div>
52	52
53	53	<h2 class="section-title" id="monitoring">🛰 Система мониторинга</h2>
...	...	@@ -57,6 +57,7 @@
57	57	<li>Контролировать ключевые параметры: направление и скорость движения, расход топлива, выезд за границы маршрута.</li>
58	58	<li>Управлять объектами (передача команд на подключённое оборудование).</li>
59	59	<li>Получать оповещения об экстренных ситуациях (превышение скорости, слив топлива из бака).</li>
	20	+ <li>Вести график поездок.</li>
60	60	<li>Формировать отчёты и графики по пробегу, моточасам, расходу топлива и другим показателям.</li>
61	61	</ul>
62	62
...	...	@@ -64,9 +64,10 @@
64	64	<img src="/xwiki/bin/download/Основные%20понятия/WebHome/image-20220915091626-2.png" alt="Интерфейс системы мониторинга">
65	65	</div>
66	66
67		- <div class="terms-section">
68		- <h2>📖 Термины, связанные с мониторингом</h2>
69		- <p>Эти ключевые термины помогут лучше понять работу системы мониторинга объектов.</p>
	28	+ <div class="term-section">
	29	+ <div class="term-section-header">📖 Термины, связанные с мониторингом</div>
	30	+ <p class="term-section-desc">Здесь собраны ключевые понятия, которые помогут лучше понять работу системы мониторинга объектов.</p>
	31	+
70	70	<div class="term-grid">
71	71	<div class="term-card primary">
72	72	<div class="term-card-header">📡 Мониторинг</div>
...	...	@@ -133,7 +133,7 @@
133	133	<h2 class="section-title" id="panel">⚙️ Панель управления</h2>
134	134	<p>Панель управления позволяет:</p>
135	135	<ul class="custom-list">
136		- <li>Управлять учётными записями пользователей и правами доступа.</li>
	98	+ <li>Управлять учетными записями пользователей и правами доступа.</li>
137	137	<li>Настраивать видимость объектов, геообъектов и полей.</li>
138	138	<li>Создавать и редактировать задания, отчёты и уведомления.</li>
139	139	</ul>
...	...	@@ -142,9 +142,10 @@
142	142	<img src="/xwiki/bin/download/Основные%20понятия/WebHome/image-20221006120604-1.png?rev=1.1" alt="Интерфейс панели управления">
143	143	</div>
144	144
145		- <div class="terms-section">
146		- <h2>📚 Термины, связанные с панелью управления</h2>
147		- <p>Эти термины встречаются в настройках, управлении пользователями, правами доступа и работе с системой.</p>
	107	+ <div class="term-section">
	108	+ <div class="term-section-header">📚 Термины, связанные с панелью управления</div>
	109	+ <p class="term-section-desc">Эти термины встречаются в настройках, управлении пользователями, правами доступа и работе с системой.</p>
	110	+
148	148	<div class="term-grid">
149	149	<div class="term-card primary">
150	150	<div class="term-card-header">📡 Абонентский терминал</div>
...	...	@@ -203,4 +203,52 @@
203	203	</div>
204	204	</div>
205	205	</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>
206	206	{{/html}}