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

Сводка

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

Подробности

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

Содержимое

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