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

Редактировал(а) Дмитрий Копотев 2025/07/29 00:33

От версии 7.2
отредактировано Дмитрий Копотев
на 2025/07/27 12:58
Изменить комментарий: К данной версии нет комментариев
К версии 7.4
отредактировано Дмитрий Копотев
на 2025/07/27 13:07
Изменить комментарий: К данной версии нет комментариев

Сводка

Подробности

Свойства страницы
Содержимое
... ... @@ -2,24 +2,15 @@
2 2  <style>
3 3  .page-container {
4 4   max-width: 1100px;
5 - margin: 0;
5 + margin: 0; /* выравниваем по левому краю */
6 6   font-family: "Inter", Arial, sans-serif;
7 7  }
8 8  
9 -.page-header {
10 - margin-bottom: 16px;
11 -}
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 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 -
13 +/* Кнопки-якоря */
23 23  .anchor-buttons {
24 24   display: flex;
25 25   gap: 10px;
... ... @@ -26,9 +26,8 @@
26 26   margin: 14px 0 24px;
27 27   flex-wrap: wrap;
28 28  }
29 -
30 30  .anchor-buttons a {
31 - background: #2563eb;
21 + background: var(--primary-color, #2563eb);
32 32   color: white;
33 33   padding: 8px 14px;
34 34   border-radius: 6px;
... ... @@ -37,9 +37,10 @@
37 37   transition: background 0.2s;
38 38  }
39 39  .anchor-buttons a:hover {
40 - background: #1d4ed8;
30 + background: var(--primary-dark, #1d4ed8);
41 41  }
42 42  
33 +/* Заголовки секций */
43 43  .section-title {
44 44   font-size: 22px;
45 45   font-weight: bold;
... ... @@ -48,10 +48,8 @@
48 48   border-bottom: 2px solid #eee;
49 49  }
50 50  
51 -.image-block {
52 - margin: 14px 0;
53 - text-align: center;
54 -}
42 +/* Картинки */
43 +.image-block { margin: 14px 0; }
55 55  .image-block img {
56 56   max-width: 100%;
57 57   border-radius: 6px;
... ... @@ -58,6 +58,7 @@
58 58   box-shadow: 0 2px 8px rgba(0,0,0,0.08);
59 59  }
60 60  
50 +/* Сетка терминов */
61 61  .term-grid {
62 62   display: grid;
63 63   grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
... ... @@ -64,24 +64,29 @@
64 64   gap: 12px;
65 65   margin-top: 16px;
66 66  }
67 -
68 68  .term-card {
69 69   background: white;
70 70   border-radius: 8px;
71 71   padding: 14px;
72 72   box-shadow: 0 2px 6px rgba(0,0,0,0.05);
62 + transition: transform 0.2s, box-shadow 0.2s;
73 73  }
74 -
64 +.term-card:hover {
65 + transform: translateY(-2px);
66 + box-shadow: 0 4px 10px rgba(0,0,0,0.08);
67 +}
75 75  .term-card h3 {
76 76   margin: 0 0 6px;
77 77   font-size: 16px;
78 - color: #1d4ed8;
71 + color: var(--primary-color, #1d4ed8);
72 + display: flex;
73 + align-items: center;
74 + gap: 6px;
79 79  }
80 -
81 -.term-card p {
82 - font-size: 14px;
83 - color: #444;
84 - margin: 0;
76 +.term-card p { font-size: 14px; color: #444; margin: 0; }
77 +.term-card h3::before {
78 + content: "📌"; /* можно заменить на иконки через emoji */
79 + font-size: 16px;
85 85  }
86 86  </style>
87 87  
... ... @@ -88,7 +88,7 @@
88 88  <div class="page-container">
89 89   <div class="page-header">
90 90   <h1>Основные понятия</h1>
91 - <p>Здесь вы найдете базовую информацию о системе спутникового мониторинга SMT‑Hosting, включая ключевые термины, интерфейс и панель управления.</p>
86 + <p>Краткое руководство по ключевым терминам и элементам системы SMT‑Hosting.</p>
92 92   </div>
93 93  
94 94   <div class="anchor-buttons">
... ... @@ -101,8 +101,8 @@
101 101   <p>Система позволяет:</p>
102 102   <ul>
103 103   <li>Отслеживать движение объектов на карте в реальном времени и за прошедший период.</li>
104 - <li>Контролировать важные параметры: скорость движения, расход топлива, выезд за границы маршрута.</li>
105 - <li>Управлять объектами (передача команд на подключённое оборудование).</li>
99 + <li>Контролировать скорость, расход топлива, выезд за границы маршрута.</li>
100 + <li>Управлять объектами (передача команд на оборудование).</li>
106 106   <li>Получать отчёты и графики по пробегу, моточасам, расходу топлива и другим показателям.</li>
107 107   </ul>
108 108  
... ... @@ -111,7 +111,7 @@
111 111   </div>
112 112  
113 113   <h2 class="section-title" id="panel">Панель управления</h2>
114 - <p>Панель управления используется для администрирования учетных записей пользователей, настройки доступа и управления объектами.</p>
109 + <p>Используется для администрирования учетных записей, настройки доступа и управления объектами.</p>
115 115  
116 116   <div class="image-block">
117 117   <img src="URL_КАРТИНКИ_2" alt="Интерфейс панели управления">
... ... @@ -119,43 +119,18 @@
119 119  
120 120   <h2 class="section-title" id="terms">Основные термины</h2>
121 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>
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>
154 154   </div>
155 155  </div>
156 156  {{/html}}
157 157  
158 -
159 159  **Система спутникового мониторинга SMT-Hosting** - это программный продукт, который позволяет организовать контроль передвижения и отслеживание значимых показателей движимых или стационарных объектов (автомобили, спецтехника, АЗС, поезда, сотрудники, домашние животные и т.п.).
160 160  
161 161  Система позволяет: