FAISP/src/main/resources/templates/adminPage/codeMgt/codeMgt2.html

109 lines
5.1 KiB
HTML

<!DOCTYPE html>
<html lang="ko" xmlns:th="http://www.thymeleaf.org"
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
layout:decorate="~{layout/layout}">
<th:block layout:fragment="script">
<script type="text/javascript" th:src="@{/js/codeMgt/codeMgt2.js}"></script>
</th:block>
<div layout:fragment="content">
<main>
<div class="mb-2">
<div class="d-inline align-middle"><i class="bi bi-square-fill"></i></div>
<h5 class="d-inline align-middle"> 코드 관리</h5>
</div>
<input type="hidden" name="_csrf_header" th:value="${_csrf.headerName}"/>
<input type="hidden" th:name="${_csrf.parameterName}" th:value="${_csrf.token}"/>
<div class="row mx-0">
<div class="col-12 card bg-light text-center">
<div class="card-body">
<div class="row">
<div class="col-10">
<div class="row justify-content-end my-1">
<div class="col-auto">
<button class="col-auto btn btn-success" id="codeSaveBtn">저장</button>
</div>
</div>
</div>
</div>
<div class="row justify-content-start">
<div class="col-6">
<div class="card">
<div class="card-body">
<div class="row justify-content-end pb-1">
<div class="col-auto">
<button class="btn btn-sm btn-outline-primary" id="categoryAddBtn"><i class="bi bi-plus-lg"></i></button>
</div>
</div>
<div class="codeMgtDiv">
<table class="table table-sm table-hover table-bordered">
<thead>
<tr class="table-secondary">
<th>분류코드</th>
<th>분류명</th>
<th>설명</th>
</tr>
</thead>
<tbody class="table-group-divider" id="categoryTbody">
<th:block th:each="category:${catgList}">
<tr class="categoryTr" th:data-categorycd="${category.categoryCd}">
<input type="hidden" class="categoryCd" th:value="${category.categoryCd}">
<input type="hidden" class="categoryValue" th:value="${category.categoryValue}">
<input type="hidden" class="status" value="saved">
<td th:text="${category.categoryCd}"></td>
<td th:text="${category.categoryValue}"></td>
<td><input type="text" class="form-control form-control-sm description" th:value="${category.description}"></td>
</tr>
</th:block>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="col-4" id="valueDiv">
<div class="card">
<div class="card-body">
<div class="row justify-content-end pb-1">
<div class="col-auto">
<button class="btn btn-sm btn-outline-primary" id="codeAddBtn"><i class="bi bi-plus-lg"></i></button>
</div>
</div>
<div class="codeMgtDiv">
<table class="table table-sm table-hover table-bordered">
<thead>
<tr class="table-secondary">
<th>하위코드</th>
<th>코드값</th>
<th class="w-100p">정렬순번</th>
<th>사용</th>
</tr>
</thead>
<tbody class="table-group-divider" id="codeTbody">
<th:block th:each="code:${codeList}">
<tr class="codeTr" th:classappend="${code.categoryCd}" style="display: none">
<input type="hidden" class="categoryCd" th:value="${code.categoryCd}">
<input type="hidden" class="itemCd" th:value="${code.itemCd}">
<input type="hidden" class="itemValue" th:value="${code.itemValue}">
<input type="hidden" class="status" value="saved">
<td th:text="${code.itemCd}"></td>
<td th:text="${code.itemValue}"></td>
<td class="w-100p"><input type="number" class="form-control form-control-sm codeInfo orderNum" min="0" th:value="${code.orderNum}"></td>
<td><input type="checkbox" class="codeInfo useChk" th:checked="${code.useChk eq 'T'}"></td>
</tr>
</th:block>
</tbody>
<tfoot>
<tr id="emptyTr"><td colspan="4">분류를 선택해주세요.</td></tr>
</tfoot>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
</div>
</html>