Files
TK-FB-Project/web-ui/pages/admin/manage-pipespec.html

62 lines
2.1 KiB
HTML

<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>파이프 스펙 관리 | (주)테크니컬코리아</title>
<link rel="stylesheet" href="/css/main-layout.css">
<link rel="stylesheet" href="/css/admin.css" />
<link rel="icon" type="image/png" href="/img/favicon.png">
<script src="/js/auth-check.js" defer></script>
</head>
<body>
<div class="main-layout">
<div id="navbar-container"></div>
<div class="content-wrapper">
<div id="sidebar-container"></div>
<div id="content-container">
<div class="page-header">
<h1>🧪 파이프 스펙 관리</h1>
<p class="subtitle">배관 사양 정보를 등록하고 관리합니다.</p>
</div>
<div class="card">
<h3>새 파이프 스펙 등록</h3>
<form id="specForm" class="form-horizontal">
<div class="form-row">
<input type="text" id="material" placeholder="재질 (예: STS304)" required />
<input type="text" id="diameter_in" placeholder="직경 (예: 1, 1/2)" required />
<input type="text" id="schedule" placeholder="스케줄 (예: SCH40)" required />
<button type="submit" class="btn btn-primary">등록</button>
</div>
</form>
</div>
<div class="card">
<h3>등록된 파이프 스펙</h3>
<div class="table-responsive">
<table class="data-table">
<thead>
<tr>
<th>ID</th>
<th>스펙</th>
<th>작업</th>
</tr>
</thead>
<tbody id="specTableBody">
<tr><td colspan="3" class="text-center">불러오는 중...</td></tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<script type="module" src="/js/load-navbar.js"></script>
<script type="module" src="/js/load-sidebar.js"></script>
<script type="module" src="/js/manage-pipespec.js"></script>
</body>
</html>