FAISP/src/main/resources/templates/budget/expense.html

207 lines
15 KiB
HTML
Raw Normal View History

2023-05-04 07:59:51 +00:00
<!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">
2023-05-09 07:24:41 +00:00
<script type="text/javascript" th:src="@{/js/budget/expense.js}"></script>
2023-05-04 07:59:51 +00:00
</th:block>
<div layout:fragment="content">
<main>
<input type="hidden" id="menuKey" value="56">
2023-05-04 07:59:51 +00:00
<div class="row justify-content-between">
<div class="col-auto">
<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>
</div>
<div class="col-auto">
<p class="mb-0 mt-2">정보예산관리 > 집행관리</p>
</div>
</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">
2023-05-09 07:24:41 +00:00
<form id="assginForm" method="get" action="/budget/assign" onsubmit="return false;">
<input type="hidden" name="year" id="year" th:value="${param.year}"/>
2023-05-04 07:59:51 +00:00
<div class="row justify-content-between py-1">
<div class="col-auto">
</div>
<div class="col-auto">
<div class="row justify-content-end">
2023-05-09 07:24:41 +00:00
<div class="col-auto">
2023-05-04 07:59:51 +00:00
</div>
<div class="col-auto">
</div>
<div class="col-auto">
</div>
2023-05-09 07:24:41 +00:00
<div class="col-auto">
<select class="form-select form-select-sm" name="code" id="code">
<option value="OG001" th:selected="${searchParams?.code eq '본청'}">본청</option>
<option th:each="code, i : ${codeList}" th:value="${code?.orgCode}"
th:text="${code?.orgName}"
th:selected="${searchParams?.code eq code.orgCode}">
</option>
</select>
2023-05-04 07:59:51 +00:00
</div>
<div class="col-auto">
<div class="input-group w-auto input-daterange" id="dateSelectorDiv">
2023-05-09 07:24:41 +00:00
<input type="text" class="form-control form-control-sm" id="stDate" name="stDate" placeholder="시작일" autocomplete="off" readonly th:value="${searchParams.stDate}">
<input type="text" class="form-control form-control-sm" id="edDate" name="edDate" placeholder="종료일" autocomplete="off" readonly th:value="${searchParams.edDate}">
2023-05-04 07:59:51 +00:00
</div>
</div>
<div class=" col-auto">
<input type="submit" class="btn btn-sm btn-primary" id="searchBtn" value="검색">
</div>
</div>
</div>
</div>
2023-05-09 07:24:41 +00:00
</form>
2023-05-04 07:59:51 +00:00
<div class="row">
2023-05-09 07:24:41 +00:00
<div class="table-responsive col-12">
2023-05-04 07:59:51 +00:00
<table class="table table-sm table-bordered table-hover">
<thead>
<tr class="table-secondary">
<th rowspan="2">사업명</th>
<th rowspan="2">구분</th>
<th rowspan="2">세부내역</th>
<th rowspan="2">예산총액</th>
<th rowspan="2">예산총배정액<br>(누적)</th>
<th colspan="2">집행액(총계)</th>
2023-05-09 07:24:41 +00:00
<th colspan="4" class="w-400px" th:each="orglist : ${downOrgList}" th:text="${orglist.orgName}"></th>
2023-05-04 07:59:51 +00:00
</tr>
<tr class="table-secondary">
<td>지출총액</td>
<td>보유잔액</td>
2023-05-09 07:24:41 +00:00
<th:block th:each="orglist : ${downOrgList}">
<th class="w-100px">배정액</th>
<th class="w-100px">지출총액</th>
<th class="w-100px">잔액</th>
<th class="w-100px">집행률</th>
</th:block>
2023-05-04 07:59:51 +00:00
</tr>
</thead>
<tbody class="table-group-divider" id="ResultRow">
2023-05-09 07:24:41 +00:00
<tr class="faRptTr" th:each="info, i : ${list}" onclick="getEditModal(this)"
th:data-name1="${info.getbudget_name_l1}"
th:data-name2="${info.getbudget_name_l2}"
th:data-name3="${info.getbudget_name_l3}">
<td th:text="${info.getbudget_name_l1}"></td>
<td th:text="${info.getbudget_name_l2}"></td>
<td th:text="${info.getbudget_name_l3}"></td>
<td th:text="${#numbers.formatInteger(info.getplan_amount,1,'COMMA')}"
class="text-end"></td>
<td th:text="${#numbers.formatInteger(info.gettotal_assign_amount,1,'COMMA')}"
class="text-end"></td>
<td th:text="${#numbers.formatInteger(info.getexpense_t_amount,1,'COMMA')}"
class="text-end"></td>
<td th:text="${#numbers.formatInteger(info.getbalance_t_amount,1,'COMMA')}"
class="text-end"></td>
<th:block th:each="orglist, j : ${downOrgList}">
<th:block th:if="${j.index} == '0'">
<td th:text="${#numbers.formatInteger(info.getperiod_assign_amount1,1,'COMMA')}"
class="text-end"></td>
<td th:text="${#numbers.formatInteger(info.getexpense_p_amount1,1,'COMMA')}"
class="text-end"></td>
<td th:text="${#numbers.formatInteger(info.getblance_amount1,1,'COMMA')}"
class="text-end"></td>
<td th:text="${#numbers.formatInteger(info.getexpense_rate1,1,'COMMA')}"
class="text-end"></td>
</th:block>
<th:block th:if="${j.index} == '1'">
<td th:text="${#numbers.formatInteger(info.getperiod_assign_amount2,1,'COMMA')}"
class="text-end"></td>
<td th:text="${#numbers.formatInteger(info.getexpense_p_amount2,1,'COMMA')}"
class="text-end"></td>
<td th:text="${#numbers.formatInteger(info.getblance_amount2,1,'COMMA')}"
class="text-end"></td>
<td th:text="${#numbers.formatInteger(info.getexpense_rate2,1,'COMMA')}"
class="text-end"></td>
</th:block>
<th:block th:if="${j.index} == '2'">
<td th:text="${#numbers.formatInteger(info.getperiod_assign_amount3,1,'COMMA')}"
class="text-end"></td>
<td th:text="${#numbers.formatInteger(info.getexpense_p_amount3,1,'COMMA')}"
class="text-end"></td>
<td th:text="${#numbers.formatInteger(info.getblance_amount3,1,'COMMA')}"
class="text-end"></td>
<td th:text="${#numbers.formatInteger(info.getexpense_rate3,1,'COMMA')}"
class="text-end"></td>
</th:block>
<th:block th:if="${j.index} == '3'">
<td th:text="${#numbers.formatInteger(info.getperiod_assign_amount4,1,'COMMA')}"
class="text-end"></td>
<td th:text="${#numbers.formatInteger(info.getexpense_p_amount4,1,'COMMA')}"
class="text-end"></td>
<td th:text="${#numbers.formatInteger(info.getblance_amount4,1,'COMMA')}"
class="text-end"></td>
<td th:text="${#numbers.formatInteger(info.getexpense_rate4,1,'COMMA')}"
class="text-end"></td>
</th:block>
<th:block th:if="${j.index} == '4'">
<td th:text="${#numbers.formatInteger(info.getperiod_assign_amount5,1,'COMMA')}"
class="text-end"></td>
<td th:text="${#numbers.formatInteger(info.getexpense_p_amount5,1,'COMMA')}"
class="text-end"></td>
<td th:text="${#numbers.formatInteger(info.getblance_amount5,1,'COMMA')}"
class="text-end"></td>
<td th:text="${#numbers.formatInteger(info.getexpense_rate5,1,'COMMA')}"
class="text-end"></td>
2023-05-04 07:59:51 +00:00
</th:block>
2023-05-09 07:24:41 +00:00
<th:block th:if="${j.index} == '5'">
<td th:text="${#numbers.formatInteger(info.getperiod_assign_amount6,1,'COMMA')}"
class="text-end"></td>
<td th:text="${#numbers.formatInteger(info.getexpense_p_amount6,1,'COMMA')}"
class="text-end"></td>
<td th:text="${#numbers.formatInteger(info.getblance_amount6,1,'COMMA')}"
class="text-end"></td>
<td th:text="${#numbers.formatInteger(info.getexpense_rate6,1,'COMMA')}"
class="text-end"></td>
2023-05-04 07:59:51 +00:00
</th:block>
2023-05-09 07:24:41 +00:00
<th:block th:if="${j.index} == '6'">
<td th:text="${#numbers.formatInteger(info.getperiod_assign_amount7,1,'COMMA')}"
class="text-end"></td>
<td th:text="${#numbers.formatInteger(info.getexpense_p_amount7,1,'COMMA')}"
class="text-end"></td>
<td th:text="${#numbers.formatInteger(info.getblance_amount7,1,'COMMA')}"
class="text-end"></td>
<td th:text="${#numbers.formatInteger(info.getexpense_rate7,1,'COMMA')}"
class="text-end"></td>
2023-05-04 07:59:51 +00:00
</th:block>
2023-05-09 07:24:41 +00:00
<th:block th:if="${j.index} == '7'">
<td th:text="${#numbers.formatInteger(info.getperiod_assign_amount8,1,'COMMA')}"
class="text-end"></td>
<td th:text="${#numbers.formatInteger(info.getexpense_p_amount8,1,'COMMA')}"
class="text-end"></td>
<td th:text="${#numbers.formatInteger(info.getblance_amount8,1,'COMMA')}"
class="text-end"></td>
<td th:text="${#numbers.formatInteger(info.getexpense_rate8,1,'COMMA')}"
class="text-end"></td>
2023-05-04 07:59:51 +00:00
</th:block>
2023-05-09 07:24:41 +00:00
</th:block>
</tr>
2023-05-04 07:59:51 +00:00
</tbody>
</table>
</div>
</div>
<div class="row justify-content-between">
<div class="col-auto"></div>
<div class="col-auto">
</div>
<div class="col-auto">
<!--<input type="button" class="btn btn-success" value="등록" id="addFaRptBtn">-->
</div>
</div>
<div class="modal fade" id="editModal">
<div class="modal-dialog modal-lg modal-dialog-scrollable">
<div class="modal-content" id="editModalContent"></div>
</div>
</div>
2023-05-04 07:59:51 +00:00
</div>
</div>
</div>
</main>
</div>
</html>