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

Сводка

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

Подробности

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

Содержимое

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