52 lines
2.0 KiB
HTML
52 lines
2.0 KiB
HTML
<!doctype html>
|
||
<html lang="ru">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<title>Сравнение документов: ПКМ замечания и Приложение 1_СФ</title>
|
||
<link rel="stylesheet" href="style.css">
|
||
</head>
|
||
<body>
|
||
<div class="container">
|
||
<header class="header">
|
||
<h1>Сравнительная таблица замечаний</h1>
|
||
<p class="subtitle">Анализ учёта замечаний из файла "ПКМ_замечания" в файле "Приложение 1_СФ"</p>
|
||
<a href="Сравнение_ПКМ_и_Приложение1_СФ.xlsx" class="download-btn" download>
|
||
📥 Скачать Excel-таблицу
|
||
</a>
|
||
<div class="summary" id="summary"></div>
|
||
</header>
|
||
|
||
<div class="filters">
|
||
<button class="filter-btn active" data-filter="all">Все замечания</button>
|
||
<button class="filter-btn" data-filter="fully">Полностью учтены</button>
|
||
<button class="filter-btn" data-filter="partially">Частично учтены</button>
|
||
<button class="filter-btn" data-filter="added">Добавлено новое</button>
|
||
</div>
|
||
|
||
<div class="table-wrapper">
|
||
<table class="comparison-table">
|
||
<thead>
|
||
<tr>
|
||
<th class="col-id">№</th>
|
||
<th class="col-problem">Проблема / Замечание</th>
|
||
<th class="col-recommendation">Рекомендации</th>
|
||
<th class="col-decision-zam">Решение (ПКМ)</th>
|
||
<th class="col-decision-sf">Решение (Приложение 1_СФ)</th>
|
||
<th class="col-status">Статус</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody id="table-body"></tbody>
|
||
</table>
|
||
</div>
|
||
|
||
<div class="summary-block">
|
||
<h2>Итоговая сводка</h2>
|
||
<div id="summary-details"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<script src="script.js"></script>
|
||
</body>
|
||
</html>
|