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

Сводка

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

Подробности

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

Содержимое

...	...	@@ -1,3 +1,131 @@
	1	+{{html clean="false"}}
	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;
	24	+ border-radius: 6px;
	25	+ text-decoration: none;
	26	+ font-weight: 500;
	27	+ transition: background 0.2s;
	28	+}
	29	+.anchor-buttons a:hover {
	30	+ background: var(--primary-dark, #1d4ed8);
	31	+}
	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	+}
	81	+</style>
	82	+
	83	+<div class="page-container">
	84	+ <div class="page-header">
	85	+ <h1>Основные понятия</h1>
	86	+ <p>Краткое руководство по ключевым терминам и элементам системы SMT‑Hosting.</p>
	87	+ </div>
	88	+
	89	+ <div class="anchor-buttons">
	90	+ <a href="#monitoring">Система мониторинга</a>
	91	+ <a href="#panel">Панель управления</a>
	92	+ <a href="#terms">Основные термины</a>
	93	+ </div>
	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>
	103	+
	104	+ <div class="image-block">
	105	+ <img src="URL_КАРТИНКИ_1" alt="Интерфейс мониторинга">
	106	+ </div>
	107	+
	108	+ <h2 class="section-title" id="panel">Панель управления</h2>
	109	+ <p>Используется для администрирования учетных записей, настройки доступа и управления объектами.</p>
	110	+
	111	+ <div class="image-block">
	112	+ <img src="URL_КАРТИНКИ_2" alt="Интерфейс панели управления">
	113	+ </div>
	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>
	127	+{{/html}}
	128	+
1	1	**Система спутникового мониторинга SMT-Hosting** - это программный продукт, который позволяет организовать контроль передвижения и отслеживание значимых показателей движимых или стационарных объектов (автомобили, спецтехника, АЗС, поезда, сотрудники, домашние животные и т.п.).
2	2
3	3	Система позволяет: