/
icedev
/
eks-present
Обзор
Документация
Войти
/
icedev
/
eks-present
Код
Запросы
0
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
information.html
124 строки
6 KB
ICEDEV
init
12 май 2026, 12:50
12 май 2026, 12:50
872c4b8
Код
Авторство
О чём код?
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Информация - EKS</title> <link rel="stylesheet" href="styles.css" /> </head> <body> <div class="container"> <header class="topbar"> <div class="brand">EKS | Информация</div> <nav class="nav"> <a class="nav-link" href="contractor.html">Подрядчик</a> <a class="nav-link" href="accounting.html">Бухгалтерия</a> <a class="nav-link" href="manager.html">Руководитель</a> <a class="nav-link" href="objects.html">Объекты</a> <a class="nav-link active" href="information.html">Информация</a> </nav> </header> <section class="glass-card section-card"> <h1 class="title">Раздел информации</h1> <p class="subtitle">Данные сгруппированы по вкладкам для быстрого доступа.</p> <div class="tabs" role="tablist" aria-label="Разделы информации"> <button class="tab-btn active" type="button" data-tab="construction-map">Карта строительства</button> <button class="tab-btn" type="button" data-tab="reports">Регламентные отчеты</button> <button class="tab-btn" type="button" data-tab="materials">Заказ материалов</button> <button class="tab-btn" type="button" data-tab="warehouse">Работа со складом</button> </div> <div class="tab-panel active" id="construction-map"> <div class="grid"> <article class="tile"> <h3>Здание 404</h3> <p>Стадия: инженерный монтаж. Критический блок: электроснабжение.</p> </article> <article class="tile"> <h3>Здание 405</h3> <p>Стадия: отделка + слаботочные сети. Контроль по поставке оборудования.</p> </article> <article class="tile"> <h3>Здание 406</h3> <p>Стадия: ПНР. Риск: отставание по пожарной автоматике.</p> </article> </div> </div> <div class="tab-panel" id="reports"> <div class="table-wrap"> <table> <thead> <tr> <th>Отчет</th> <th>Период</th> <th>Ответственный</th> <th>Статус</th> </tr> </thead> <tbody> <tr><td>Сводка по объектам</td><td>Неделя 19</td><td>Руководитель проекта</td><td><span class="badge success">Готов</span></td></tr> <tr><td>Финансовый отчет</td><td>Апрель</td><td>Бухгалтерия</td><td><span class="badge warn">На проверке</span></td></tr> <tr><td>Отчет по рискам</td><td>Неделя 19</td><td>Служба качества</td><td><span class="badge success">Готов</span></td></tr> </tbody> </table> </div> </div> <div class="tab-panel" id="materials"> <div class="table-wrap"> <table> <thead> <tr> <th>Материал</th> <th>Объект</th> <th>Количество</th> <th>Статус заказа</th> </tr> </thead> <tbody> <tr><td>Кабель ВВГнг</td><td>Здание 404</td><td>800 м</td><td><span class="badge warn">В работе</span></td></tr> <tr><td>Датчики дыма</td><td>Здание 405</td><td>120 шт</td><td><span class="badge success">Согласовано</span></td></tr> <tr><td>IP-камеры</td><td>Здание 407</td><td>48 шт</td><td><span class="badge success">Отгружено</span></td></tr> </tbody> </table> </div> </div> <div class="tab-panel" id="warehouse"> <div class="grid"> <article class="tile"> <h3>Остатки на складе</h3> <p>Кабельная продукция: 64%. Датчики: 52%. Монтажные комплектующие: 71%.</p> </article> <article class="tile"> <h3>Движение за неделю</h3> <p>Поступление: 18 позиций. Списание: 11 позиций. Возвраты: 2 позиции.</p> </article> <article class="tile"> <h3>Проблемные позиции</h3> <p>Низкий остаток по пожарным извещателям и PoE-коммутаторам.</p> </article> </div> </div> </section> </div> <script> const tabButtons = document.querySelectorAll(".tab-btn"); const tabPanels = document.querySelectorAll(".tab-panel"); tabButtons.forEach((button) => { button.addEventListener("click", () => { const target = button.getAttribute("data-tab"); tabButtons.forEach((btn) => btn.classList.remove("active")); tabPanels.forEach((panel) => panel.classList.remove("active")); button.classList.add("active"); document.getElementById(target).classList.add("active"); }); }); </script> </body> </html>