176 lines
10 KiB
HTML
176 lines
10 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/budget/expense.js}"></script>
|
|
</th:block>
|
|
<div layout:fragment="content">
|
|
<main>
|
|
<input type="hidden" id="menuKey" value="56">
|
|
<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">
|
|
<form id="assginForm" method="get" action="/budget/assign" onsubmit="return false;">
|
|
<input type="hidden" name="year" id="year" th:value="${param.year}"/>
|
|
<div class="row justify-content-between py-1">
|
|
<div class="col-auto">
|
|
</div>
|
|
<div class="col-auto">
|
|
<div class="row justify-content-end">
|
|
<div class="col-auto">
|
|
</div>
|
|
<div class="col-auto">
|
|
</div>
|
|
<div class="col-auto">
|
|
</div>
|
|
<div class="col-auto">
|
|
<th:block th:if="${loginOrgan eq 'OG001'}">
|
|
<select class="form-select form-select-sm" name="code" id="code">
|
|
<option th:each="code : ${downOrgList}" th:value="${code?.orgCode}"
|
|
th:text="${code?.orgName}" th:selected="${searchParams?.code eq code.orgCode}">
|
|
</option>
|
|
</select>
|
|
</th:block>
|
|
<th:block th:unless="${loginOrgan eq 'OG001'}">
|
|
<input type="hidden" name="code" id="code" th:value="${loginOrgan}">
|
|
</th:block>
|
|
</div>
|
|
<div class="col-auto">
|
|
<div class="input-group w-auto input-daterange" id="dateSelectorDiv">
|
|
<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}">
|
|
</div>
|
|
</div>
|
|
<div class=" col-auto">
|
|
<input type="submit" class="btn btn-sm btn-primary" id="searchBtn" value="검색">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
<div class="row">
|
|
<div class="col-12 overflow-auto">
|
|
<table class="table table-sm table-bordered table-hover text-nowrap">
|
|
<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>
|
|
<th:block th:each="org:${downList}">
|
|
<th colspan="4" class="w-400px" th:text="${org.orgName}"></th>
|
|
</th:block>
|
|
</tr>
|
|
<tr class="table-secondary">
|
|
<th>지출총액</th>
|
|
<th>보유잔액</th>
|
|
<th:block th:each="org : ${downList}">
|
|
<th class="w-100px">배정액</th>
|
|
<th class="w-100px">지출총액</th>
|
|
<th class="w-100px">잔액</th>
|
|
<th class="w-100px">집행률</th>
|
|
</th:block>
|
|
</tr>
|
|
</thead>
|
|
<tbody class="table-group-divider" id="ResultRow">
|
|
<tr class="faRptTr" th:each="info, i : ${list}" onclick="getEditModal(this)"
|
|
th:data-name1="${info.budgetNameL1}"
|
|
th:data-name2="${info.budgetNameL2}"
|
|
th:data-name3="${info.budgetNameL3}">
|
|
<td th:text="${info.budgetNameL1}"></td>
|
|
<td th:text="${info.budgetNameL2}"></td>
|
|
<td th:text="${info.budgetNameL3}"></td>
|
|
<td th:text="${#numbers.formatInteger(info.planAmount,1,'COMMA')}" class="text-end"></td>
|
|
<td th:text="${#numbers.formatInteger(info.totalAssignAmount,1,'COMMA')}" class="text-end"></td>
|
|
<td th:text="${#numbers.formatInteger(info.expenseTAmount,1,'COMMA')}" class="text-end"></td>
|
|
<td th:text="${#numbers.formatInteger(info.balanceTAmount,1,'COMMA')}" class="text-end"></td>
|
|
<th:block th:each="orglist, j : ${downList}">
|
|
<th:block th:if="${j.index} == '0'"><!--배정, 집행, 잔액, 률-->
|
|
<td th:text="${#numbers.formatInteger(info.periodAssignAmount1,1,'COMMA')}" class="text-end"></td>
|
|
<td th:text="${#numbers.formatInteger(info.expensePAmount1,1,'COMMA')}" class="text-end"></td>
|
|
<td th:text="${#numbers.formatInteger(info.balanceAmount1,1,'COMMA')}" class="text-end"></td>
|
|
<td th:text="${#strings.concat(info.expenseRate1, '%')}" class="text-end"></td>
|
|
</th:block>
|
|
<th:block th:if="${j.index} == '1'">
|
|
<td th:text="${#numbers.formatInteger(info.periodAssignAmount2,1,'COMMA')}" class="text-end"></td>
|
|
<td th:text="${#numbers.formatInteger(info.expensePAmount2,1,'COMMA')}" class="text-end"></td>
|
|
<td th:text="${#numbers.formatInteger(info.balanceAmount2,1,'COMMA')}" class="text-end"></td>
|
|
<td th:text="${#strings.concat(info.expenseRate2, '%')}" class="text-end"></td>
|
|
</th:block>
|
|
<th:block th:if="${j.index} == '2'">
|
|
<td th:text="${#numbers.formatInteger(info.periodAssignAmount3,1,'COMMA')}" class="text-end"></td>
|
|
<td th:text="${#numbers.formatInteger(info.expensePAmount3,1,'COMMA')}" class="text-end"></td>
|
|
<td th:text="${#numbers.formatInteger(info.balanceAmount3,1,'COMMA')}" class="text-end"></td>
|
|
<td th:text="${#strings.concat(info.expenseRate3, '%')}" class="text-end"></td>
|
|
</th:block>
|
|
<th:block th:if="${j.index} == '3'">
|
|
<td th:text="${#numbers.formatInteger(info.periodAssignAmount4,1,'COMMA')}" class="text-end"></td>
|
|
<td th:text="${#numbers.formatInteger(info.expensePAmount4,1,'COMMA')}" class="text-end"></td>
|
|
<td th:text="${#numbers.formatInteger(info.balanceAmount4,1,'COMMA')}" class="text-end"></td>
|
|
<td th:text="${#strings.concat(info.expenseRate4, '%')}" class="text-end"></td>
|
|
</th:block>
|
|
<th:block th:if="${j.index} == '4'">
|
|
<td th:text="${#numbers.formatInteger(info.periodAssignAmount5,1,'COMMA')}" class="text-end"></td>
|
|
<td th:text="${#numbers.formatInteger(info.expensePAmount5,1,'COMMA')}" class="text-end"></td>
|
|
<td th:text="${#numbers.formatInteger(info.balanceAmount5,1,'COMMA')}" class="text-end"></td>
|
|
<td th:text="${#strings.concat(info.expenseRate5, '%')}" class="text-end"></td>
|
|
</th:block>
|
|
<th:block th:if="${j.index} == '5'">
|
|
<td th:text="${#numbers.formatInteger(info.periodAssignAmount6,1,'COMMA')}" class="text-end"></td>
|
|
<td th:text="${#numbers.formatInteger(info.expensePAmount6,1,'COMMA')}" class="text-end"></td>
|
|
<td th:text="${#numbers.formatInteger(info.balanceAmount6,1,'COMMA')}" class="text-end"></td>
|
|
<td th:text="${#strings.concat(info.expenseRate6, '%')}" class="text-end"></td>
|
|
</th:block>
|
|
<th:block th:if="${j.index} == '6'">
|
|
<td th:text="${#numbers.formatInteger(info.periodAssignAmount7,1,'COMMA')}" class="text-end"></td>
|
|
<td th:text="${#numbers.formatInteger(info.expensePAmount7,1,'COMMA')}" class="text-end"></td>
|
|
<td th:text="${#numbers.formatInteger(info.balanceAmount7,1,'COMMA')}" class="text-end"></td>
|
|
<td th:text="${#strings.concat(info.expenseRate7, '%')}" class="text-end"></td>
|
|
</th:block>
|
|
<th:block th:if="${j.index} == '7'">
|
|
<td th:text="${#numbers.formatInteger(info.periodAssignAmount8,1,'COMMA')}" class="text-end"></td>
|
|
<td th:text="${#numbers.formatInteger(info.expensePAmount8,1,'COMMA')}" class="text-end"></td>
|
|
<td th:text="${#numbers.formatInteger(info.balanceAmount8,1,'COMMA')}" class="text-end"></td>
|
|
<td th:text="${#strings.concat(info.expenseRate8, '%')}" class="text-end"></td>
|
|
</th:block>
|
|
</th:block>
|
|
</tr>
|
|
</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>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
</div>
|
|
</html> |