124 lines
4.7 KiB
HTML
124 lines
4.7 KiB
HTML
<!doctype html>
|
||
<html lang="ru">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<title>БиОТ Жамбылского ДЭСД</title>
|
||
<link rel="stylesheet" href="style.css">
|
||
</head>
|
||
<body>
|
||
<nav class="tabs">
|
||
<div class="container">
|
||
<button class="tab active" onclick="switchTab('biot')">БиОТ</button>
|
||
<button class="tab" onclick="switchTab('ctpsr')">ЦТПСР</button>
|
||
</div>
|
||
</nav>
|
||
|
||
<header class="hero">
|
||
<div class="container">
|
||
<h1 id="page-title">Информация по БиОТ</h1>
|
||
<p class="subtitle">Жамбылский ДЭСД</p>
|
||
<div id="subtabs" class="subtabs" style="display:none;">
|
||
<button class="subtab active" onclick="switchSubtab('ctpsr_main')">Мероприятия</button>
|
||
<button class="subtab" onclick="switchSubtab('gloves')">Диэлектрические перчатки</button>
|
||
</div>
|
||
<button class="btn btn-primary" onclick="addNew()">+ Добавить</button>
|
||
</div>
|
||
</header>
|
||
|
||
<main class="container">
|
||
<div class="filters">
|
||
<input type="text" id="search" placeholder="Поиск..." oninput="render()">
|
||
<div class="chips" id="chips"></div>
|
||
</div>
|
||
|
||
<div class="stats" id="stats"></div>
|
||
|
||
<div class="events-grid" id="events"></div>
|
||
</main>
|
||
|
||
<div class="modal" id="modal">
|
||
<div class="modal-content">
|
||
<h2 id="modal-title">Добавить мероприятие</h2>
|
||
<form id="form">
|
||
<input type="hidden" id="eventId">
|
||
|
||
<div id="gloves-fields" style="display:none;">
|
||
<div class="form-group">
|
||
<label>Количество ДЭ перчатки</label>
|
||
<input type="text" id="quantity" placeholder="Например: 2 пары" required>
|
||
</div>
|
||
<div class="form-group">
|
||
<label>Место эксплуатации</label>
|
||
<input type="text" id="location" placeholder="Например: ПС-110 кВ" required>
|
||
</div>
|
||
<div class="form-group">
|
||
<label>Ответственное лицо</label>
|
||
<input type="text" id="responsible" placeholder="ФИО" required>
|
||
</div>
|
||
<div class="form-group">
|
||
<label>Дата последнего испытания</label>
|
||
<input type="date" id="lastTestDate" required>
|
||
</div>
|
||
<div class="form-group">
|
||
<label>Дата следующего испытания</label>
|
||
<input type="date" id="nextTestDate" required>
|
||
</div>
|
||
<div class="form-group">
|
||
<label>Срок эксплуатации (месяцев)</label>
|
||
<input type="number" id="expiryMonths" placeholder="Например: 24" required>
|
||
</div>
|
||
<div class="form-group">
|
||
<label>Примечание</label>
|
||
<textarea id="notes" rows="3"></textarea>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="event-fields">
|
||
<div class="form-group">
|
||
<label>Название</label>
|
||
<input type="text" id="title" required>
|
||
</div>
|
||
<div class="form-group">
|
||
<label>Дата</label>
|
||
<input type="date" id="date" required>
|
||
</div>
|
||
<div class="form-group">
|
||
<label>Время</label>
|
||
<input type="time" id="time">
|
||
</div>
|
||
<div class="form-group">
|
||
<label>Место проведения</label>
|
||
<input type="text" id="eventLocation">
|
||
</div>
|
||
<div class="form-group">
|
||
<label>Ответственный</label>
|
||
<input type="text" id="organizer">
|
||
</div>
|
||
<div class="form-group">
|
||
<label>Статус</label>
|
||
<select id="status">
|
||
<option value="запланировано">Запланировано</option>
|
||
<option value="в процессе">В процессе</option>
|
||
<option value="завершено">Завершено</option>
|
||
<option value="отменено">Отменено</option>
|
||
</select>
|
||
</div>
|
||
<div class="form-group">
|
||
<label>Описание</label>
|
||
<textarea id="description" rows="4"></textarea>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="form-actions">
|
||
<button type="submit" class="btn btn-primary">Сохранить</button>
|
||
<button type="button" class="btn btn-secondary" onclick="closeModal()">Отмена</button>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
|
||
<script src="script.js"></script>
|
||
</body>
|
||
</html>
|