121 lines
5.6 KiB
HTML
121 lines
5.6 KiB
HTML
<!DOCTYPE html>
|
||
<!-- Дизайн: Стандартный дизайн. Сохраняй все пять CSS; подробности в design.md. -->
|
||
<html lang="ru" data-theme="light">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||
<title>Журнал заявок на ремонт оборудования</title>
|
||
<link rel="icon" href="design-system/brand/kt-ai-logo.png">
|
||
<link rel="stylesheet" href="design-system/kt-ai-fonts.css">
|
||
<link rel="stylesheet" href="design-system/kt-ai-tokens.css">
|
||
<link rel="stylesheet" href="design-system/kt-ai-components.css">
|
||
<link rel="stylesheet" href="design-system/kt-ai-page.css">
|
||
<link rel="stylesheet" href="design-system/vibe-theme.css">
|
||
<link rel="stylesheet" href="style.css">
|
||
</head>
|
||
<body class="kt-ai-app">
|
||
|
||
<div class="kt-ai-shell">
|
||
<aside class="kt-ai-sidebar">
|
||
<div class="sidebar-brand">
|
||
<img class="brand-logo" src="design-system/brand/kazakhtelecom-logo.png" alt="Казахтелеком">
|
||
<span class="nav-label">Журнал заявок</span>
|
||
</div>
|
||
<button class="kt-ai-btn sidebar-new" data-variant="primary" id="btnNew"><svg class="kt-icon" aria-hidden="true"><use href="design-system/icons/kt-ai-lucide-sprite.svg#plus"></use></svg><span>Новая заявка</span></button>
|
||
<nav class="kt-ai-nav-group" aria-label="Разделы">
|
||
<a class="kt-ai-nav-item is-active" href="#"><svg class="kt-icon" aria-hidden="true"><use href="design-system/icons/kt-ai-lucide-sprite.svg#clipboard"></use></svg><span>Заявки</span></a>
|
||
<a class="kt-ai-nav-item" href="#history"><svg class="kt-icon" aria-hidden="true"><use href="design-system/icons/kt-ai-lucide-sprite.svg#history"></use></svg><span>История действий</span></a>
|
||
</nav>
|
||
<div class="sidebar-tools">
|
||
<button class="kt-ai-btn" data-variant="ghost" id="btnCsv"><svg class="kt-icon" aria-hidden="true"><use href="design-system/icons/kt-ai-lucide-sprite.svg#download"></use></svg><span>Выгрузка в Excel</span></button>
|
||
<button class="kt-ai-btn" data-variant="ghost" data-size="sm" id="btnReset">Сброс к исходным данным</button>
|
||
</div>
|
||
</aside>
|
||
|
||
<main class="kt-ai-main">
|
||
<header class="kt-ai-topbar">
|
||
<nav class="topbar-crumb" aria-label="Раздел">Заявки · ремонт оборудования</nav>
|
||
<div class="spacer"></div>
|
||
<button class="kt-ai-theme-toggle" id="themeToggle" data-mode="light" aria-label="Переключить тему" title="Переключить тему">
|
||
<span class="thumb">
|
||
<svg class="ic ic-sun kt-icon" aria-hidden="true"><use href="design-system/icons/kt-ai-lucide-sprite.svg#sun"></use></svg>
|
||
<svg class="ic ic-moon kt-icon" aria-hidden="true"><use href="design-system/icons/kt-ai-lucide-sprite.svg#moon"></use></svg>
|
||
</span>
|
||
</button>
|
||
</header>
|
||
|
||
<div class="kt-ai-work-column-table">
|
||
<div class="page-head">
|
||
<div>
|
||
<h1 class="kt-ai-h2">Заявки на ремонт</h1>
|
||
<p class="kt-ai-meta" id="pageSub">Ведение реестра заявок с отслеживанием статуса и сроков</p>
|
||
</div>
|
||
<span class="kt-ai-chip meta-chip" id="todayChip"></span>
|
||
</div>
|
||
|
||
<div class="kt-ai-kpi-strip" id="kpiStrip"></div>
|
||
|
||
<div class="toolbar">
|
||
<div class="kt-ai-filterbar" id="filterChips" role="group" aria-label="Фильтр по статусу"></div>
|
||
<input type="search" class="kt-ai-input search-input" id="searchInput" placeholder="Поиск: кто подал, что сломалось…" aria-label="Поиск по заявкам">
|
||
</div>
|
||
|
||
<div id="listView">
|
||
<div class="kt-ai-table-wrap" data-framed="true">
|
||
<table class="kt-ai-table">
|
||
<thead>
|
||
<tr>
|
||
<th>Кто подал</th>
|
||
<th>Что сломалось</th>
|
||
<th>Срок</th>
|
||
<th>Статус</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody id="rowsBody"></tbody>
|
||
</table>
|
||
</div>
|
||
<p class="kt-ai-meta table-foot" id="tableFoot"></p>
|
||
</div>
|
||
|
||
<div id="emptyState" class="kt-ai-empty" hidden></div>
|
||
|
||
<section class="kt-ai-conclusion" id="conclusion"></section>
|
||
|
||
<section class="log-section" id="history">
|
||
<h2 class="kt-ai-h3">История действий</h2>
|
||
<div class="kt-ai-table-wrap" data-framed="true">
|
||
<table class="kt-ai-table">
|
||
<thead>
|
||
<tr>
|
||
<th>Когда</th>
|
||
<th>Кто</th>
|
||
<th>Действие</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody id="logBody"></tbody>
|
||
</table>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
</main>
|
||
</div>
|
||
|
||
<div class="kt-ai-drawer" id="drawer" hidden>
|
||
<div class="drawer-head">
|
||
<div>
|
||
<h2 class="kt-ai-h3" id="drawerTitle">Заявка</h2>
|
||
<p class="kt-ai-meta" id="drawerMeta"></p>
|
||
</div>
|
||
<button class="kt-ai-icon-button" id="drawerClose" aria-label="Закрыть панель" title="Закрыть"><svg class="kt-icon" aria-hidden="true"><use href="design-system/icons/kt-ai-lucide-sprite.svg#x"></use></svg></button>
|
||
</div>
|
||
<div id="drawerBody"></div>
|
||
<div class="kt-ai-drawer-actions" id="drawerActions"></div>
|
||
</aside>
|
||
<button type="button" class="drawer-overlay" id="drawerOverlay" hidden aria-label="Закрыть панель"></button>
|
||
|
||
<div class="kt-ai-toast-stack" id="toasts"></div>
|
||
|
||
<script src="script.js"></script>
|
||
</body>
|
||
</html>
|