Перейти к содержимому

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

Редактировал(а) Дмитрий Копотев 2025/07/29 00:33
От версии 7.8
отредактировано Дмитрий Копотев
на 2025/07/27 13:19
Изменить комментарий: К данной версии нет комментариев
К версии 7.5
отредактировано Дмитрий Копотев
на 2025/07/27 13:08
Изменить комментарий: К данной версии нет комментариев

Сводка

Подробности

Свойства страницы
Содержимое
... ... @@ -6,43 +6,29 @@
6 6   font-family: "Inter", Arial, sans-serif;
7 7  }
8 8  
9 -/* Заголовок */
10 -.page-header {
11 - margin-bottom: 20px;
12 -}
13 -.page-header h1 {
14 - font-size: 30px;
15 - margin-bottom: 6px;
16 -}
17 -.page-header p {
18 - font-size: 16px;
19 - color: #555;
20 -}
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; }
21 21  
22 -/* Кнопки-якоря */
23 23  .anchor-buttons {
24 24   display: flex;
25 25   gap: 10px;
26 - margin: 16px 0 28px;
16 + margin: 14px 0 24px;
27 27   flex-wrap: wrap;
28 28  }
29 29  .anchor-buttons a {
30 - padding: 8px 16px;
20 + background: var(--primary-color, #2563eb);
21 + color: white;
22 + padding: 8px 14px;
31 31   border-radius: 6px;
32 32   text-decoration: none;
33 33   font-weight: 500;
34 - color: white;
35 - transition: transform 0.2s, opacity 0.2s;
26 + transition: background 0.2s;
36 36  }
37 37  .anchor-buttons a:hover {
38 - transform: translateY(-2px);
39 - opacity: 0.9;
29 + background: var(--primary-dark, #1d4ed8);
40 40  }
41 -.anchor-buttons .btn-blue { background: #2563eb; }
42 -.anchor-buttons .btn-green { background: #16a34a; }
43 -.anchor-buttons .btn-yellow { background: #eab308; }
44 44  
45 -/* Заголовки разделов */
46 46  .section-title {
47 47   font-size: 22px;
48 48   font-weight: bold;
... ... @@ -51,11 +51,7 @@
51 51   border-bottom: 2px solid #eee;
52 52  }
53 53  
54 -/* Картинки */
55 -.image-block {
56 - margin: 14px 0 24px;
57 - text-align: center;
58 -}
40 +.image-block { margin: 14px 0; }
59 59  .image-block img {
60 60   max-width: 100%;
61 61   border-radius: 6px;
... ... @@ -62,106 +62,125 @@
62 62   box-shadow: 0 2px 8px rgba(0,0,0,0.08);
63 63  }
64 64  
65 -/* Списки с эмодзи */
66 -ul.custom-list {
67 - list-style: none;
68 - padding-left: 0;
69 -}
70 -ul.custom-list li {
71 - padding-left: 28px;
72 - position: relative;
73 - margin-bottom: 8px;
74 -}
75 -ul.custom-list li:before {
76 - content: "✅";
77 - position: absolute;
78 - left: 0;
79 -}
80 -
81 -/* Сетка карточек */
47 +/* Сетка терминов */
82 82  .term-grid {
83 83   display: grid;
84 84   grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
85 - gap: 14px;
51 + gap: 12px;
86 86   margin-top: 16px;
87 87  }
88 88  
89 -/* Карточки */
90 90  .term-card {
91 91   background: white;
92 92   border-radius: 8px;
93 93   padding: 14px;
94 94   box-shadow: 0 2px 6px rgba(0,0,0,0.05);
60 + transition: transform 0.2s, box-shadow 0.2s;
95 95  }
62 +.term-card:hover {
63 + transform: translateY(-2px);
64 + box-shadow: 0 4px 10px rgba(0,0,0,0.08);
65 +}
66 +
96 96  .term-card h3 {
97 97   margin: 0 0 6px;
98 98   font-size: 16px;
99 - color: #1d4ed8;
70 + display: flex;
71 + align-items: center;
72 + gap: 6px;
100 100  }
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 +
101 101  .term-card p {
102 102   font-size: 14px;
103 103   color: #444;
104 104   margin: 0;
105 105  }
86 +
87 +.term-card h3::before {
88 + content: "📌";
89 + font-size: 16px;
90 +}
106 106  </style>
107 107  
108 108  <div class="page-container">
109 109   <div class="page-header">
110 - <h1>📡 Основные понятия</h1>
111 - <p>Эта страница поможет вам разобраться в ключевых терминах и интерфейсе системы спутникового мониторинга <b>SMT‑Hosting</b>.
112 - Здесь собраны пояснения к основным элементам системы, интерфейсу и панели управления.</p>
95 + <h1>Основные понятия</h1>
96 + <p>Краткое руководство по ключевым терминам и элементам системы SMT‑Hosting.</p>
113 113   </div>
114 114  
115 115   <div class="anchor-buttons">
116 - <a href="#monitoring" class="btn-blue">🛰 Система мониторинга</a>
117 - <a href="#panel" class="btn-green">⚙️ Панель управления</a>
118 - <a href="#terms" class="btn-yellow">📖 Основные термины</a>
119 - <a href="#extra-terms" class="btn-blue">📚 Дополнительные термины</a>
100 + <a href="#monitoring">Система мониторинга</a>
101 + <a href="#panel">Панель управления</a>
102 + <a href="#terms">Основные термины</a>
120 120   </div>
121 121  
122 - <h2 class="section-title" id="monitoring">🛰 Система мониторинга</h2>
123 - <p>Система предоставляет возможности:</p>
124 - <ul class="custom-list">
105 + <h2 class="section-title" id="monitoring">Система мониторинга</h2>
106 + <p>Система позволяет:</p>
107 + <ul>
125 125   <li>Отслеживать движение объектов на карте в реальном времени и за прошедший период.</li>
126 - <li>Контролировать ключевые параметры: скорость, расход топлива, выезд за границы маршрута.</li>
127 - <li>Передавать команды на подключённое оборудование.</li>
128 - <li>Формировать отчёты и графики по пробегу, моточасам, расходу топлива и другим показателям.</li>
109 + <li>Контролировать скорость, расход топлива, выезд за границы маршрута.</li>
110 + <li>Управлять объектами (передача команд на оборудование).</li>
111 + <li>Получать отчёты и графики по пробегу, моточасам, расходу топлива и другим показателям.</li>
129 129   </ul>
130 130  
131 131   <div class="image-block">
132 - <img src="URL_КАРТИНКИ_1" alt="Интерфейс системы мониторинга">
115 + <img src="URL_КАРТИНКИ_1" alt="Интерфейс мониторинга">
133 133   </div>
134 134  
135 - <h2 class="section-title" id="panel">⚙️ Панель управления</h2>
136 - <p>Панель управления позволяет:</p>
137 - <ul class="custom-list">
138 - <li>Управлять учетными записями пользователей и правами доступа.</li>
139 - <li>Настраивать видимость объектов, геообъектов и полей.</li>
140 - <li>Создавать и редактировать задания, отчёты и уведомления.</li>
141 - </ul>
118 + <h2 class="section-title" id="panel">Панель управления</h2>
119 + <p>Используется для администрирования учетных записей, настройки доступа и управления объектами.</p>
142 142  
143 143   <div class="image-block">
144 144   <img src="URL_КАРТИНКИ_2" alt="Интерфейс панели управления">
145 145   </div>
146 146  
147 - <h2 class="section-title" id="terms">📖 Основные термины</h2>
125 + <h2 class="section-title" id="terms">Основные термины</h2>
148 148   <div class="term-grid">
149 - <div class="term-card"><h3>🚗 Объект мониторинга</h3><p>Подвижные или стационарные объекты (чаще всего автомобили), на которых установлены терминалы.</p></div>
150 - <div class="term-card"><h3>📊 Статус объекта</h3><p>Состояние объекта и связи с ним (активен, в движении, оффлайн).</p></div>
151 - <div class="term-card"><h3>📍 Геообъект</h3><p>Выделенный участок на карте (полигон, линия, POI) для планирования маршрутов и контроля.</p></div>
152 - <div class="term-card"><h3>🗂 Группировка объектов</h3><p>Объединение объектов в группы для удобства управления и фильтрации.</p></div>
153 - <div class="term-card"><h3>👨‍🌾 Водитель</h3><p>Сотрудник, закрепленный за объектом, для учёта рабочего времени и контроля доступа.</p></div>
154 - <div class="term-card"><h3>📝 Задание</h3><p>Плановое действие, выполняемое объектом в заданное время или по условиям.</p></div>
155 - <div class="term-card"><h3>🔧 Прицеп / агрегат</h3><p>Дополнительное оборудование, устанавливаемое на объект мониторинга.</p></div>
156 - <div class="term-card"><h3>📑 Отчёты</h3><p>Таблицы и графики с данными о движении, работе датчиков, расходе топлива и других параметрах.</p></div>
157 - </div>
127 + <div class="term-card primary">
128 + <h3>Объект мониторинга</h3>
129 + <p>Подвижные или стационарные объекты с установленными терминалами (чаще автомобили).</p>
130 + </div>
158 158  
159 - <h2 class="section-title" id="extra-terms">📚 Дополнительные термины</h2>
160 - <div class="term-grid">
161 - <div class="term-card"><h3>📡 Терминал</h3><p>Устройство, установленное на объекте для передачи данных о его состоянии и местоположении.</p></div>
162 - <div class="term-card"><h3>🛠 Датчик</h3><p>Оборудование, измеряющее различные параметры (топливо, температура, скорость и др.).</p></div>
163 - <div class="term-card"><h3>🗺 Геозона</h3><p>Область на карте, в пределах которой система отслеживает действия объекта.</p></div>
164 - <div class="term-card"><h3>⚡ Уведомление</h3><p>Автоматическое оповещение о событиях: превышение скорости, срабатывание датчика и т.д.</p></div>
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>
165 165   </div>
166 166  </div>
167 167  {{/html}}