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

Сводка

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

Подробности

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

Содержимое

...	...	@@ -1,131 +1,61 @@
1	1	{{html clean="false"}}
2	2	<style>
3		-.page-container {
4		- max-width: 1100px;
5		- margin: 0; /* выравниваем по левому краю */
6		- font-family: "Inter", Arial, sans-serif;
7		-}
8		-
9		-.page-header { margin-bottom: 16px; }
10		-.page-header h1 { font-size: 28px; margin-bottom: 6px; }
11		-.page-header p { font-size: 15px; color: #555; }
12		-
13		-/* Кнопки-якоря */
14		-.anchor-buttons {
15		- display: flex;
16		- gap: 10px;
17		- margin: 14px 0 24px;
18		- flex-wrap: wrap;
19		-}
20		-.anchor-buttons a {
21		- background: var(--primary-color, #2563eb);
22		- color: white;
23		- padding: 8px 14px;
	3	+.badge {
	4	+ display: inline-block;
	5	+ padding: 4px 8px;
	6	+ font-size: 13px;
	7	+ font-weight: 600;
24	24	border-radius: 6px;
25		- text-decoration: none;
26		- font-weight: 500;
27		- transition: background 0.2s;
	9	+ margin-left: 6px;
28	28	}
29		-.anchor-buttons a:hover {
30		- background: var(--primary-dark, #1d4ed8);
31		-}
32	32
33		-/* Заголовки секций */
34		-.section-title {
35		- font-size: 22px;
36		- font-weight: bold;
37		- margin: 30px 0 14px;
38		- padding-bottom: 4px;
39		- border-bottom: 2px solid #eee;
40		-}
41		-
42		-/* Картинки */
43		-.image-block { margin: 14px 0; }
44		-.image-block img {
45		- max-width: 100%;
46		- border-radius: 6px;
47		- box-shadow: 0 2px 8px rgba(0,0,0,0.08);
48		-}
49		-
50		-/* Сетка терминов */
51		-.term-grid {
52		- display: grid;
53		- grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
54		- gap: 12px;
55		- margin-top: 16px;
56		-}
57		-.term-card {
58		- background: white;
59		- border-radius: 8px;
60		- padding: 14px;
61		- box-shadow: 0 2px 6px rgba(0,0,0,0.05);
62		- transition: transform 0.2s, box-shadow 0.2s;
63		-}
64		-.term-card:hover {
65		- transform: translateY(-2px);
66		- box-shadow: 0 4px 10px rgba(0,0,0,0.08);
67		-}
68		-.term-card h3 {
69		- margin: 0 0 6px;
70		- font-size: 16px;
71		- color: var(--primary-color, #1d4ed8);
72		- display: flex;
73		- align-items: center;
74		- gap: 6px;
75		-}
76		-.term-card p { font-size: 14px; color: #444; margin: 0; }
77		-.term-card h3::before {
78		- content: "📌"; /* можно заменить на иконки через emoji */
79		- font-size: 16px;
80		-}
	12	+.badge-primary { background: #1B84FF; color: white; }
	13	+.badge-success { background: #17C653; color: white; }
	14	+.badge-warning { background: #FFC107; color: black; }
	15	+.badge-info { background: #0DCAF0; color: black; }
81	81	</style>
82	82
83		-<div class="page-container">
84		- <div class="page-header">
85		- <h1>Основные понятия</h1>
86		- <p>Краткое руководство по ключевым терминам и элементам системы SMT‑Hosting.</p>
87		- </div>
	18	+<h2>Основные понятия</h2>
88	88
89		- <div class="anchor-buttons">
90		- <a href="#monitoring">Система мониторинга</a>
91		- <a href="#panel">Панель управления</a>
92		- <a href="#terms">Основные термины</a>
93		- </div>
	20	+<p>
	21	+ <strong>📡 Система спутникового мониторинга <span class="badge badge-primary">SMT-Hosting</span></strong> –
	22	+ это программный продукт для контроля передвижения и отслеживания показателей автомобилей, спецтехники, поездов и других объектов.
	23	+</p>
94	94
95		- <h2 class="section-title" id="monitoring">Система мониторинга</h2>
96		- <p>Система позволяет:</p>
97		- <ul>
98		- <li>Отслеживать движение объектов на карте в реальном времени и за прошедший период.</li>
99		- <li>Контролировать скорость, расход топлива, выезд за границы маршрута.</li>
100		- <li>Управлять объектами (передача команд на оборудование).</li>
101		- <li>Получать отчёты и графики по пробегу, моточасам, расходу топлива и другим показателям.</li>
102		- </ul>
	25	+<h3>Что позволяет система:</h3>
	26	+<ul>
	27	+ <li>🗺️ Отслеживать движение объектов на карте в реальном времени и за прошедший период</li>
	28	+ <li>📊 Контролировать важные параметры: скорость, пробег, расход топлива, выезды за маршрут</li>
	29	+ <li>⚙️ Управлять оборудованием и отправлять команды</li>
	30	+ <li>📈 Получать подробные отчеты и графики</li>
	31	+</ul>
103	103
104		- <div class="image-block">
105		- <img src="URL_КАРТИНКИ_1" alt="Интерфейс мониторинга">
106		- </div>
	33	+<h3>Система мониторинга</h3>
	34	+<p>📍 Основной интерфейс, где пользователь управляет объектами, отслеживает параметры, отправляет команды и строит отчёты.</p>
107	107
108		- <h2 class="section-title" id="panel">Панель управления</h2>
109		- <p>Используется для администрирования учетных записей, настройки доступа и управления объектами.</p>
	36	+<img src="URL_ТВОЕЙ_КАРТИНКИ" style="max-width:100%;border-radius:6px;margin:12px 0;"/>
110	110
111		- <div class="image-block">
112		- <img src="URL_КАРТИНКИ_2" alt="Интерфейс панели управления">
113		- </div>
	38	+<h3>Панель управления</h3>
	39	+<p>
	40	+ Часть системы для управления доступом и функциями пользователей.
	41	+ <span class="badge badge-success">Клиенты</span>
	42	+ <span class="badge badge-primary">Пользователи</span>
	43	+ <span class="badge badge-warning">Объекты</span>
	44	+ <span class="badge badge-info">Справочники</span>
	45	+</p>
114	114
115		- <h2 class="section-title" id="terms">Основные термины</h2>
116		- <div class="term-grid">
117		- <div class="term-card"><h3>Объект мониторинга</h3><p>Подвижные или стационарные объекты, оснащённые терминалами для контроля (чаще всего автомобили клиента).</p></div>
118		- <div class="term-card"><h3>Статус объекта</h3><p>Состояние системы мониторинга на объекте и её связи с сервером.</p></div>
119		- <div class="term-card"><h3>Геообъект</h3><p>Выделенный участок на карте (полигон, линия, POI) для маршрутов и контроля движения.</p></div>
120		- <div class="term-card"><h3>Группировка объектов</h3><p>Объединение объектов в группы для удобного управления и фильтрации.</p></div>
121		- <div class="term-card"><h3>Водитель</h3><p>Сотрудник или механизатор, закреплённый за объектом для учёта рабочего времени.</p></div>
122		- <div class="term-card"><h3>Задание</h3><p>Плановое действие, выполняемое объектом в заданное время или по условиям.</p></div>
123		- <div class="term-card"><h3>Прицеп / агрегат</h3><p>Специализированное оборудование, устанавливаемое на объект мониторинга.</p></div>
124		- <div class="term-card"><h3>Отчёты</h3><p>Таблицы и графики с данными о движении, работе датчиков и расходе топлива.</p></div>
125		- </div>
126		-</div>
	47	+<img src="URL_ТВОЕЙ_КАРТИНКИ" style="max-width:100%;border-radius:6px;margin:12px 0;"/>
	48	+
	49	+<h3>Основные термины</h3>
	50	+<ul>
	51	+ <li>👤 <strong>Пользователь</strong> – человек, который работает в системе и выполняет задачи.</li>
	52	+ <li>🚗 <strong>Объект</strong> – автомобиль, спецтехника или другое оборудование с установленным трекером.</li>
	53	+ <li>🏢 <strong>Клиент</strong> – организация, на которую зарегистрирован сервис мониторинга.</li>
	54	+ <li>📦 <strong>Справочники</strong> – категории и настройки для объектов и пользователей.</li>
	55	+</ul>
127	127	{{/html}}
128	128
	58	+
129	129	**Система спутникового мониторинга SMT-Hosting** - это программный продукт, который позволяет организовать контроль передвижения и отслеживание значимых показателей движимых или стационарных объектов (автомобили, спецтехника, АЗС, поезда, сотрудники, домашние животные и т.п.).
130	130
131	131	Система позволяет: