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

Сводка

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

Подробности

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

Содержимое

...	...	@@ -1,47 +1,42 @@
1	1	{{html clean="false"}}
2		-<div class="page-container">
3		- <div class="page-header">
4		- <p>Эта страница поможет вам разобраться в ключевых терминах и интерфейсе системы спутникового мониторинга <b>SMT‑Hosting</b>.
5		- Здесь собраны пояснения к основным элементам системы, интерфейсу и панели управления.</p>
6		- </div>
	2	+<style>
	3	+.term-grid {
	4	+ display: grid;
	5	+ grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	6	+ gap: 16px;
	7	+ margin-top: 20px;
	8	+}
7	7
8		- <div class="anchor-buttons">
9		- <a href="#monitoring" class="btn-primary">🛰 Система мониторинга</a>
10		- <a href="#panel" class="btn-success">⚙️ Панель управления</a>
11		- <a href="#terms" class="btn-warning">📖 Основные термины</a>
12		- <a href="#extra-terms" class="btn-info">📚 Дополнительные термины</a>
13		- </div>
	10	+.term-card {
	11	+ border-radius: 8px;
	12	+ overflow: hidden;
	13	+ box-shadow: 0 2px 6px rgba(0,0,0,0.05);
	14	+ background: white;
	15	+ display: flex;
	16	+ flex-direction: column;
	17	+}
14	14
15		- <h2 class="section-title" id="monitoring">🛰 Система мониторинга</h2>
16		- <p>Система предоставляет возможности:</p>
17		- <ul class="custom-list">
18		- <li>Отслеживать движение объектов на карте в реальном времени и за прошедший период.</li>
19		- <li>Контролировать ключевые параметры: направление и скорость движения, расход топлива, выезд за границы маршрута.</li>
20		- <li>Управлять объектами (передача команд на подключённое оборудование).</li>
21		- <li>Получать оповещения об экстренных ситуациях (превышение скорости, слив топлива из бака).</li>
22		- <li>Вести график поездок.</li>
23		- <li>Формировать отчёты и графики по пробегу, моточасам, расходу топлива и другим показателям.</li>
24		- </ul>
	19	+.term-card-header {
	20	+ padding: 10px 14px;
	21	+ color: white;
	22	+ font-weight: 600;
	23	+ font-size: 15px;
	24	+}
25	25
26		- <div class="image-block">
27		- <img src="URL_КАРТИНКИ_1" alt="Интерфейс системы мониторинга">
28		- </div>
	26	+.term-card-body {
	27	+ padding: 12px 14px;
	28	+ font-size: 14px;
	29	+ color: #444;
	30	+}
29	29
30		- <h2 class="section-title" id="panel">⚙️ Панель управления</h2>
31		- <p>Панель управления позволяет:</p>
32		- <ul class="custom-list">
33		- <li>Управлять учетными записями пользователей и правами доступа.</li>
34		- <li>Настраивать видимость объектов, геообъектов и полей.</li>
35		- <li>Создавать и редактировать задания, отчёты и уведомления.</li>
36		- </ul>
	32	+/* Цвета для категорий */
	33	+.term-card.primary .term-card-header { background: var(--color-primary); }
	34	+.term-card.success .term-card-header { background: var(--color-success); }
	35	+.term-card.info .term-card-header { background: var(--color-info); }
	36	+.term-card.warning .term-card-header { background: var(--color-warning); }
	37	+.term-card.danger .term-card-header { background: var(--color-danger); }
	38	+</style>
37	37
38		- <div class="image-block">
39		- <img src="URL_КАРТИНКИ_2" alt="Интерфейс панели управления">
40		- </div>
41		-
42		- <h2 class="section-title" id="terms">📖 Основные термины</h2>
43		- <div class="term-grid">
44		-
45	45	<div class="term-grid">
46	46	<div class="term-card primary">
47	47	<div class="term-card-header">📡 Мониторинг</div>
...	...	@@ -103,6 +103,51 @@
103	103	<div class="term-card-body">Таблицы и графики с данными, полученными от объектов (терминалов, датчиков и др.), для анализа эффективности работы.</div>
104	104	</div>
105	105	</div>
	101	+
	102	+
	103	+
	104	+<div class="page-container">
	105	+ <div class="page-header">
	106	+ <p>Эта страница поможет вам разобраться в ключевых терминах и интерфейсе системы спутникового мониторинга <b>SMT‑Hosting</b>.
	107	+ Здесь собраны пояснения к основным элементам системы, интерфейсу и панели управления.</p>
	108	+ </div>
	109	+
	110	+ <div class="anchor-buttons">
	111	+ <a href="#monitoring" class="btn-primary">🛰 Система мониторинга</a>
	112	+ <a href="#panel" class="btn-success">⚙️ Панель управления</a>
	113	+ <a href="#terms" class="btn-warning">📖 Основные термины</a>
	114	+ <a href="#extra-terms" class="btn-info">📚 Дополнительные термины</a>
	115	+ </div>
	116	+
	117	+ <h2 class="section-title" id="monitoring">🛰 Система мониторинга</h2>
	118	+ <p>Система предоставляет возможности:</p>
	119	+ <ul class="custom-list">
	120	+ <li>Отслеживать движение объектов на карте в реальном времени и за прошедший период.</li>
	121	+ <li>Контролировать ключевые параметры: направление и скорость движения, расход топлива, выезд за границы маршрута.</li>
	122	+ <li>Управлять объектами (передача команд на подключённое оборудование).</li>
	123	+ <li>Получать оповещения об экстренных ситуациях (превышение скорости, слив топлива из бака).</li>
	124	+ <li>Вести график поездок.</li>
	125	+ <li>Формировать отчёты и графики по пробегу, моточасам, расходу топлива и другим показателям.</li>
	126	+ </ul>
	127	+
	128	+ <div class="image-block">
	129	+ <img src="URL_КАРТИНКИ_1" alt="Интерфейс системы мониторинга">
	130	+ </div>
	131	+
	132	+ <h2 class="section-title" id="panel">⚙️ Панель управления</h2>
	133	+ <p>Панель управления позволяет:</p>
	134	+ <ul class="custom-list">
	135	+ <li>Управлять учетными записями пользователей и правами доступа.</li>
	136	+ <li>Настраивать видимость объектов, геообъектов и полей.</li>
	137	+ <li>Создавать и редактировать задания, отчёты и уведомления.</li>
	138	+ </ul>
	139	+
	140	+ <div class="image-block">
	141	+ <img src="URL_КАРТИНКИ_2" alt="Интерфейс панели управления">
	142	+ </div>
	143	+
	144	+ <h2 class="section-title" id="terms">📖 Основные термины</h2>
	145	+ <div class="term-grid">
106	106	<div class="term-card">
107	107	<h3>📡 Мониторинг</h3>
108	108	<p>Непрерывный процесс наблюдения и регистрации параметров объекта.</p>