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

Сводка

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

Подробности

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

Содержимое

...	...	@@ -1,3 +1,172 @@
	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	+.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;
	23	+ border-radius: 6px;
	24	+ text-decoration: none;
	25	+ font-weight: 500;
	26	+ transition: background 0.2s;
	27	+}
	28	+.anchor-buttons a:hover {
	29	+ background: var(--primary-dark, #1d4ed8);
	30	+}
	31	+
	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	+}
	91	+</style>
	92	+
	93	+<div class="page-container">
	94	+ <div class="page-header">
	95	+ <h1>Основные понятия</h1>
	96	+ <p>Краткое руководство по ключевым терминам и элементам системы SMT‑Hosting.</p>
	97	+ </div>
	98	+
	99	+ <div class="anchor-buttons">
	100	+ <a href="#monitoring">Система мониторинга</a>
	101	+ <a href="#panel">Панель управления</a>
	102	+ <a href="#terms">Основные термины</a>
	103	+ </div>
	104	+
	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>
	113	+
	114	+ <div class="image-block">
	115	+ <img src="URL_КАРТИНКИ_1" alt="Интерфейс мониторинга">
	116	+ </div>
	117	+
	118	+ <h2 class="section-title" id="panel">Панель управления</h2>
	119	+ <p>Используется для администрирования учетных записей, настройки доступа и управления объектами.</p>
	120	+
	121	+ <div class="image-block">
	122	+ <img src="URL_КАРТИНКИ_2" alt="Интерфейс панели управления">
	123	+ </div>
	124	+
	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>
	131	+
	132	+ <div class="term-card success">
	133	+ <h3>Статус объекта</h3>
	134	+ <p>Состояние системы мониторинга на объекте и её связь с сервером.</p>
	135	+ </div>
	136	+
	137	+ <div class="term-card info">
	138	+ <h3>Геообъект</h3>
	139	+ <p>Участок на карте (полигон, линия, POI) для маршрутов и контроля движения.</p>
	140	+ </div>
	141	+
	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	+
1	1	**Система спутникового мониторинга SMT-Hosting** - это программный продукт, который позволяет организовать контроль передвижения и отслеживание значимых показателей движимых или стационарных объектов (автомобили, спецтехника, АЗС, поезда, сотрудники, домашние животные и т.п.).
2	2
3	3	Система позволяет: