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

124 lines
7.6 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/statsDetail.js}"></script>
</th:block>
<div layout:fragment="content">
<main>
<input type="hidden" id="menuKey" value="1">
<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;">
<ul class="nav nav-tabs" role="tablist">
<li class="nav-item" role="presentation" onclick="goAll()">
<button class="nav-link ivsgtTab"
data-bs-toggle="tab" type="button" role="tab">총괄표</button>
</li>
<li class="nav-item" role="presentation" onclick="goOrg()">
<button class="nav-link ivsgtTab"
data-bs-toggle="tab" type="button" role="tab">관서별현황</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link ivsgtTab active"
data-bs-toggle="tab" type="button" role="tab">세부내역별현황</button>
</li>
</ul>
<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">
<select class="form-select form-select-sm" name="won" id="won">
<option value="1" th:selected="${searchParams?.won eq '1'}"></option>
<option value="2" th:selected="${searchParams?.won eq '2'}">백원</option>
<option value="3" th:selected="${searchParams?.won eq '3'}">천원</option>
<option value="4" th:selected="${searchParams?.won eq '4'}">만원</option>
</select>
</div>
<div class="col-auto">
<select class="form-select form-select-sm" name="year" id="year" onchange="changeYear()">
<option th:each="info, i : ${yearList}" th:value="${info.year}" th:selected="${searchParams?.year eq info.year}" th:text="${info.year}">2023</option>
</select>
</div>
<div class="col-auto">
<select class="form-select form-select-sm" name="item" id="item">
<option th:each="code, i : ${codeList}" th:value="${code?.getl3_code}" th:text="${code?.getl3_name}" th:selected="${searchParams?.item eq code.getl3_code}">2023</option>
</select>
</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">
<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">예산배정액<br/>(누적)</th>
<th rowspan="1" colspan="3">집행액(총계)</th>
</tr>
<tr class="table-secondary">
<th>지출액</th>
<th>보유잔액</th>
<th>집행비율</th>
</tr>
</tr>
</thead>
<tbody class="table-group-divider">
<tr class="faRptTr" th:each="info, i : ${list}">
<td th:text="${info.getorg_name}"></td>
<td th:text="${#numbers.formatInteger(info.getplan_amount,1,'COMMA')}"></td>
<td th:text="${#numbers.formatInteger(info.gettotal_assign_amount,1,'COMMA')}"></td>
<td th:text="${#numbers.formatInteger(info.getexpense_t_amount,1,'COMMA')}"></td>
<td th:text="${#numbers.formatInteger(info.getbalance_t_amount,1,'COMMA')}"></td>
<td th:text="${#numbers.formatInteger(info.getexpense_total_rate,1,'COMMA')}"></td>
</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>
</div>
</div>
</main>
</div>
</html>