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

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

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

Сводка

Подробности

Свойства страницы
Содержимое
... ... @@ -6,20 +6,10 @@
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 -
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;
20 + background: var(--primary-color, #2563eb);
32 32   color: white;
33 33   padding: 8px 14px;
34 34   border-radius: 6px;
... ... @@ -37,7 +37,7 @@
37 37   transition: background 0.2s;
38 38  }
39 39  .anchor-buttons a:hover {
40 - background: #1d4ed8;
29 + background: var(--primary-dark, #1d4ed8);
41 41  }
42 42  
43 43  .section-title {
... ... @@ -48,10 +48,7 @@
48 48   border-bottom: 2px solid #eee;
49 49  }
50 50  
51 -.image-block {
52 - margin: 14px 0;
53 - text-align: center;
54 -}
40 +.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  
47 +/* Сетка терминов */
61 61  .term-grid {
62 62   display: grid;
63 63   grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
... ... @@ -70,25 +70,43 @@
70 70   border-radius: 8px;
71 71   padding: 14px;
72 72   box-shadow: 0 2px 6px rgba(0,0,0,0.05);
60 + transition: transform 0.2s, box-shadow 0.2s;
73 73  }
62 +.term-card:hover {
63 + transform: translateY(-2px);
64 + box-shadow: 0 4px 10px rgba(0,0,0,0.08);
65 +}
74 74  
75 75  .term-card h3 {
76 76   margin: 0 0 6px;
77 77   font-size: 16px;
78 - color: #1d4ed8;
70 + display: flex;
71 + align-items: center;
72 + gap: 6px;
79 79  }
80 80  
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 81  .term-card p {
82 82   font-size: 14px;
83 83   color: #444;
84 84   margin: 0;
85 85  }
86 +
87 +.term-card h3::before {
88 + content: "📌";
89 + font-size: 16px;
90 +}
86 86  </style>
87 87  
88 88  <div class="page-container">
89 89   <div class="page-header">
90 90   <h1>Основные понятия</h1>
91 - <p>Здесь вы найдете базовую информацию о системе спутникового мониторинга SMT‑Hosting, включая ключевые термины, интерфейс и панель управления.</p>
96 + <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>
109 + <li>Контролировать скорость, расход топлива, выезд за границы маршрута.</li>
110 + <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>
119 + <p>Используется для администрирования учетных записей, настройки доступа и управления объектами.</p>
115 115  
116 116   <div class="image-block">
117 117   <img src="URL_КАРТИНКИ_2" alt="Интерфейс панели управления">
... ... @@ -119,43 +119,49 @@
119 119  
120 120   <h2 class="section-title" id="terms">Основные термины</h2>
121 121   <div class="term-grid">
122 - <div class="term-card">
127 + <div class="term-card primary">
123 123   <h3>Объект мониторинга</h3>
124 - <p>Подвижные или стационарные объекты, на которые установлены терминалы для контроля. Чаще всего это автомобили клиента.</p>
129 + <p>Подвижные или стационарные объекты с установленными терминалами аще автомобили).</p>
125 125   </div>
126 - <div class="term-card">
131 +
132 + <div class="term-card success">
127 127   <h3>Статус объекта</h3>
128 - <p>Состояние установленной на объекте системы мониторинга и связи с ней.</p>
134 + <p>Состояние системы мониторинга на объекте и её связь с сервером.</p>
129 129   </div>
130 - <div class="term-card">
136 +
137 + <div class="term-card info">
131 131   <h3>Геообъект</h3>
132 - <p>Выделенный участок на карте (полигон, линия, POI) для планирования маршрутов и контроля движения.</p>
139 + <p>Участок на карте (полигон, линия, POI) для маршрутов и контроля движения.</p>
133 133   </div>
134 - <div class="term-card">
141 +
142 + <div class="term-card primary">
135 135   <h3>Группировка объектов</h3>
136 136   <p>Объединение объектов в группы для удобного управления и фильтрации.</p>
137 137   </div>
138 - <div class="term-card">
146 +
147 + <div class="term-card success">
139 139   <h3>Водитель</h3>
140 - <p>Механизатор или сотрудник, который закреплён за объектом для учёта рабочего времени и доступа.</p>
149 + <p>Сотрудник или механизатор, закреплённый за объектом для учёта рабочего времени.</p>
141 141   </div>
142 - <div class="term-card">
151 +
152 + <div class="term-card warning">
143 143   <h3>Задание</h3>
144 144   <p>Плановое действие, выполняемое объектом в заданное время или по условиям.</p>
145 145   </div>
146 - <div class="term-card">
156 +
157 + <div class="term-card info">
147 147   <h3>Прицеп / агрегат</h3>
148 148   <p>Специализированное оборудование, устанавливаемое на объект мониторинга.</p>
149 149   </div>
150 - <div class="term-card">
161 +
162 + <div class="term-card primary">
151 151   <h3>Отчёты</h3>
152 - <p>Таблицы и графики с данными о движении, работе датчиков, расходе топлива и других параметрах.</p>
164 + <p>Таблицы и графики с данными о движении, датчиках и расходе топлива.</p>
153 153   </div>
154 154   </div>
155 155  </div>
156 156  {{/html}}
157 157  
158 -
159 159  **Система спутникового мониторинга SMT-Hosting** - это программный продукт, который позволяет организовать контроль передвижения и отслеживание значимых показателей движимых или стационарных объектов (автомобили, спецтехника, АЗС, поезда, сотрудники, домашние животные и т.п.).
160 160  
161 161  Система позволяет: