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

Сводка

• Свойства страницы (1 изменено, 0 добавлено, 0 удалено)

Подробности

Свойства страницы

Содержимое

...	...	@@ -215,3 +215,122 @@
215	215	}
216	216	</style>
217	217	{{/html}}
	218	+
	219	+
	220	+{{html clean="false"}}
	221	+<style>
	222	+html {
	223	+ scroll-behavior: smooth;
	224	+}
	225	+
	226	+/* ==== Секция терминов ==== */
	227	+.terms-section {
	228	+ background: #fafafa;
	229	+ padding: 18px;
	230	+ border-radius: 10px;
	231	+ margin: 24px 0;
	232	+ box-shadow: 0 2px 6px rgba(0,0,0,0.05);
	233	+}
	234	+
	235	+.terms-section h2 {
	236	+ margin-top: 0;
	237	+}
	238	+
	239	+.term-grid {
	240	+ display: grid;
	241	+ grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	242	+ gap: 14px;
	243	+ margin-top: 14px;
	244	+}
	245	+
	246	+.term-card {
	247	+ border-radius: 8px;
	248	+ overflow: hidden;
	249	+ background: white;
	250	+ display: flex;
	251	+ flex-direction: column;
	252	+ transition: transform 0.2s ease, box-shadow 0.2s ease;
	253	+}
	254	+
	255	+.term-card:hover {
	256	+ transform: translateY(-3px);
	257	+ box-shadow: 0 4px 10px rgba(0,0,0,0.08);
	258	+}
	259	+
	260	+.term-card-header {
	261	+ padding: 12px 14px;
	262	+ color: white;
	263	+ font-weight: 600;
	264	+ font-size: 15px;
	265	+}
	266	+
	267	+.term-card-body {
	268	+ padding: 12px 14px;
	269	+ font-size: 14px;
	270	+ color: #444;
	271	+}
	272	+
	273	+/* Цвета шапок */
	274	+.term-card.primary .term-card-header { background: var(--color-primary); }
	275	+.term-card.success .term-card-header { background: var(--color-success); }
	276	+.term-card.info .term-card-header { background: var(--color-info); }
	277	+.term-card.warning .term-card-header { background: var(--color-warning); }
	278	+.term-card.danger .term-card-header { background: var(--color-danger); }
	279	+</style>
	280	+
	281	+<div class="page-container">
	282	+ <div class="page-header">
	283	+ <p>Эта страница поможет вам разобраться в ключевых терминах и интерфейсе системы спутникового мониторинга <b>SMT‑Hosting</b>.
	284	+ Здесь собраны пояснения к основным элементам системы, интерфейсу и панели управления.</p>
	285	+ </div>
	286	+
	287	+ <div class="anchor-buttons">
	288	+ <a href="#monitoring" class="btn-blue">🛰 Система мониторинга</a>
	289	+ <a href="#panel" class="btn-green">⚙️ Панель управления</a>
	290	+ </div>
	291	+
	292	+ <h2 class="section-title" id="monitoring">🛰 Система мониторинга</h2>
	293	+ <p>Система предоставляет возможности:</p>
	294	+ <ul class="custom-list">
	295	+ <li>Отслеживать движение объектов на карте в реальном времени и за прошедший период.</li>
	296	+ <li>Контролировать ключевые параметры: направление и скорость движения, расход топлива, выезд за границы маршрута.</li>
	297	+ <li>Управлять объектами (передача команд на подключённое оборудование).</li>
	298	+ <li>Получать оповещения об экстренных ситуациях (превышение скорости, слив топлива из бака).</li>
	299	+ <li>Формировать отчёты и графики по пробегу, моточасам, расходу топлива и другим показателям.</li>
	300	+ </ul>
	301	+
	302	+ <div class="image-block">
	303	+ <img src="[[image:attach:image-20220915091626-2.png]]" alt="Интерфейс системы мониторинга">
	304	+ </div>
	305	+
	306	+ <div class="terms-section">
	307	+ <h2>📖 Термины, связанные с мониторингом</h2>
	308	+ <p>Эти ключевые термины помогут лучше понять работу системы мониторинга объектов.</p>
	309	+ <div class="term-grid">
	310	+ <!-- Все карточки мониторинга -->
	311	+ ... (сюда вставляются все term-card primary/info/success/warning/danger для мониторинга)
	312	+ </div>
	313	+ </div>
	314	+
	315	+ <h2 class="section-title" id="panel">⚙️ Панель управления</h2>
	316	+ <p>Панель управления позволяет:</p>
	317	+ <ul class="custom-list">
	318	+ <li>Управлять учётными записями пользователей и правами доступа.</li>
	319	+ <li>Настраивать видимость объектов, геообъектов и полей.</li>
	320	+ <li>Создавать и редактировать задания, отчёты и уведомления.</li>
	321	+ </ul>
	322	+
	323	+ <div class="image-block">
	324	+ <img src="[[image:attach:image-20221006120604-1.png]]" alt="Интерфейс панели управления">
	325	+ </div>
	326	+
	327	+ <div class="terms-section">
	328	+ <h2>📚 Термины, связанные с панелью управления</h2>
	329	+ <p>Эти термины встречаются в настройках, управлении пользователями, правами доступа и работе с системой.</p>
	330	+ <div class="term-grid">
	331	+ <!-- Все карточки с терминами панели управления -->
	332	+ ... (сюда вставляются все term-card для панели управления)
	333	+ </div>
	334	+ </div>
	335	+</div>
	336	+{{/html}}