Изменения документа 📡 Основные понятия
Редактировал(а) Дмитрий Копотев 2025/07/29 00:33
От версии 7.2
отредактировано Дмитрий Копотев
на 2025/07/27 12:58
на 2025/07/27 12:58
Изменить комментарий:
К данной версии нет комментариев
К версии 7.4
отредактировано Дмитрий Копотев
на 2025/07/27 13:07
на 2025/07/27 13:07
Изменить комментарий:
К данной версии нет комментариев
Сводка
-
Свойства страницы (1 изменено, 0 добавлено, 0 удалено)
Подробности
- Свойства страницы
-
- Содержимое
-
... ... @@ -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 Система позволяет: