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

Сводка

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

Подробности

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

Содержимое

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