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

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

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

Сводка

Подробности

Свойства страницы
Содержимое
... ... @@ -6,29 +6,43 @@
6 6   font-family: "Inter", Arial, sans-serif;
7 7  }
8 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; }
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 +}
12 12  
22 +/* Кнопки-якоря */
13 13  .anchor-buttons {
14 14   display: flex;
15 15   gap: 10px;
16 - margin: 14px 0 24px;
26 + margin: 16px 0 28px;
17 17   flex-wrap: wrap;
18 18  }
19 19  .anchor-buttons a {
20 - background: var(--primary-color, #2563eb);
21 - color: white;
22 - padding: 8px 14px;
30 + padding: 8px 16px;
23 23   border-radius: 6px;
24 24   text-decoration: none;
25 25   font-weight: 500;
26 - transition: background 0.2s;
34 + color: white;
35 + transition: transform 0.2s, opacity 0.2s;
27 27  }
28 28  .anchor-buttons a:hover {
29 - background: var(--primary-dark, #1d4ed8);
38 + transform: translateY(-2px);
39 + opacity: 0.9;
30 30  }
41 +.anchor-buttons .btn-blue { background: #2563eb; }
42 +.anchor-buttons .btn-green { background: #16a34a; }
43 +.anchor-buttons .btn-yellow { background: #eab308; }
31 31  
45 +/* Заголовки разделов */
32 32  .section-title {
33 33   font-size: 22px;
34 34   font-weight: bold;
... ... @@ -37,7 +37,11 @@
37 37   border-bottom: 2px solid #eee;
38 38  }
39 39  
40 -.image-block { margin: 14px 0; }
54 +/* Картинки */
55 +.image-block {
56 + margin: 14px 0 24px;
57 + text-align: center;
58 +}
41 41  .image-block img {
42 42   max-width: 100%;
43 43   border-radius: 6px;
... ... @@ -44,125 +44,106 @@
44 44   box-shadow: 0 2px 8px rgba(0,0,0,0.08);
45 45  }
46 46  
47 -/* Сетка терминов */
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 +/* Сетка карточек */
48 48  .term-grid {
49 49   display: grid;
50 50   grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
51 - gap: 12px;
85 + gap: 14px;
52 52   margin-top: 16px;
53 53  }
54 54  
89 +/* Карточки */
55 55  .term-card {
56 56   background: white;
57 57   border-radius: 8px;
58 58   padding: 14px;
59 59   box-shadow: 0 2px 6px rgba(0,0,0,0.05);
60 - transition: transform 0.2s, box-shadow 0.2s;
61 61  }
62 -.term-card:hover {
63 - transform: translateY(-2px);
64 - box-shadow: 0 4px 10px rgba(0,0,0,0.08);
65 -}
66 -
67 67  .term-card h3 {
68 68   margin: 0 0 6px;
69 69   font-size: 16px;
70 - display: flex;
71 - align-items: center;
72 - gap: 6px;
99 + color: #1d4ed8;
73 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 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 -}
91 91  </style>
92 92  
93 93  <div class="page-container">
94 94   <div class="page-header">
95 - <h1>Основные понятия</h1>
96 - <p>Краткое руководство по ключевым терминам и элементам системы SMT‑Hosting.</p>
110 + <h1>📡 Основные понятия</h1>
111 + <p>Эта страница поможет вам разобраться в ключевых терминах и интерфейсе системы спутникового мониторинга <b>SMT‑Hosting</b>.
112 + Здесь собраны пояснения к основным элементам системы, интерфейсу и панели управления.</p>
97 97   </div>
98 98  
99 99   <div class="anchor-buttons">
100 - <a href="#monitoring">Система мониторинга</a>
101 - <a href="#panel">Панель управления</a>
102 - <a href="#terms">Основные термины</a>
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>
103 103   </div>
104 104  
105 - <h2 class="section-title" id="monitoring">Система мониторинга</h2>
106 - <p>Система позволяет:</p>
107 - <ul>
122 + <h2 class="section-title" id="monitoring">🛰 Система мониторинга</h2>
123 + <p>Система предоставляет возможности:</p>
124 + <ul class="custom-list">
108 108   <li>Отслеживать движение объектов на карте в реальном времени и за прошедший период.</li>
109 - <li>Контролировать скорость, расход топлива, выезд за границы маршрута.</li>
110 - <li>Управлять объектами (передача команд на оборудование).</li>
111 - <li>Получать отчёты и графики по пробегу, моточасам, расходу топлива и другим показателям.</li>
126 + <li>Контролировать ключевые параметры: скорость, расход топлива, выезд за границы маршрута.</li>
127 + <li>Передавать команды на подключённое оборудование.</li>
128 + <li>Формировать отчёты и графики по пробегу, моточасам, расходу топлива и другим показателям.</li>
112 112   </ul>
113 113  
114 114   <div class="image-block">
115 - <img src="URL_КАРТИНКИ_1" alt="Интерфейс мониторинга">
132 + <img src="URL_КАРТИНКИ_1" alt="Интерфейс системы мониторинга">
116 116   </div>
117 117  
118 - <h2 class="section-title" id="panel">Панель управления</h2>
119 - <p>Используется для администрирования учетных записей, настройки доступа и управления объектами.</p>
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>
120 120  
121 121   <div class="image-block">
122 122   <img src="URL_КАРТИНКИ_2" alt="Интерфейс панели управления">
123 123   </div>
124 124  
125 - <h2 class="section-title" id="terms">Основные термины</h2>
147 + <h2 class="section-title" id="terms">📖 Основные термины</h2>
126 126   <div class="term-grid">
127 - <div class="term-card primary">
128 - <h3>Объект мониторинга</h3>
129 - <p>Подвижные или стационарные объекты с установленными терминалами (чаще автомобили).</p>
130 - </div>
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>
131 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>
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>
166 166   </div>
167 167  </div>
168 168  {{/html}}