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

Сводка

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

Подробности

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

Содержимое

...	...	@@ -1,58 +1,158 @@
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 {
	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;
8	8	border-radius: 6px;
9		- margin-left: 6px;
	35	+ text-decoration: none;
	36	+ font-weight: 500;
	37	+ transition: background 0.2s;
10	10	}
	39	+.anchor-buttons a:hover {
	40	+ background: #1d4ed8;
	41	+}
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; }
16		-</style>
	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	+}
17	17
18		-<h2>Основные понятия</h2>
	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	+}
19	19
20		-<p>
21		- <strong>📡 Система спутникового мониторинга <span class="badge badge-primary">SMT-Hosting</span></strong> –
22		- это программный продукт для контроля передвижения и отслеживания показателей автомобилей, спецтехники, поездов и других объектов.
23		-</p>
	61	+.term-grid {
	62	+ display: grid;
	63	+ grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	64	+ gap: 12px;
	65	+ margin-top: 16px;
	66	+}
24	24
25		-<h3>Что позволяет система:</h3>
26		-<ul>
27		- <li>🗺️ Отслеживать движение объектов на карте в реальном времени и за прошедший период</li>
28		- <li>📊 Контролировать важные параметры: скорость, пробег, расход топлива, выезды за маршрут</li>
29		- <li>⚙️ Управлять оборудованием и отправлять команды</li>
30		- <li>📈 Получать подробные отчеты и графики</li>
31		-</ul>
	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	+}
32	32
33		-<h3>Система мониторинга</h3>
34		-<p>📍 Основной интерфейс, где пользователь управляет объектами, отслеживает параметры, отправляет команды и строит отчёты.</p>
	75	+.term-card h3 {
	76	+ margin: 0 0 6px;
	77	+ font-size: 16px;
	78	+ color: #1d4ed8;
	79	+}
35	35
36		-<img src="URL_ТВОЕЙ_КАРТИНКИ" style="max-width:100%;border-radius:6px;margin:12px 0;"/>
	81	+.term-card p {
	82	+ font-size: 14px;
	83	+ color: #444;
	84	+ margin: 0;
	85	+}
	86	+</style>
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>
	88	+<div class="page-container">
	89	+ <div class="page-header">
	90	+ <h1>Основные понятия</h1>
	91	+ <p>Здесь вы найдете базовую информацию о системе спутникового мониторинга SMT‑Hosting, включая ключевые термины, интерфейс и панель управления.</p>
	92	+ </div>
46	46
47		-<img src="URL_ТВОЕЙ_КАРТИНКИ" style="max-width:100%;border-radius:6px;margin:12px 0;"/>
	94	+ <div class="anchor-buttons">
	95	+ <a href="#monitoring">Система мониторинга</a>
	96	+ <a href="#panel">Панель управления</a>
	97	+ <a href="#terms">Основные термины</a>
	98	+ </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>
	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>
	108	+
	109	+ <div class="image-block">
	110	+ <img src="URL_КАРТИНКИ_1" alt="Интерфейс мониторинга">
	111	+ </div>
	112	+
	113	+ <h2 class="section-title" id="panel">Панель управления</h2>
	114	+ <p>Панель управления используется для администрирования учетных записей пользователей, настройки доступа и управления объектами.</p>
	115	+
	116	+ <div class="image-block">
	117	+ <img src="URL_КАРТИНКИ_2" alt="Интерфейс панели управления">
	118	+ </div>
	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>
56	56	{{/html}}
57	57
58	58