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

Сводка

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

Подробности

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

Содержимое

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