FAISP/src/main/resources/templates/igActivities/fpiMgt/statistics/affairStatistics.html

156 lines
9.3 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/igActivities/statistics.js}"></script>
</th:block>
<th:block layout:fragment="css">
<link rel="stylesheet" th:href="@{/css/affair/affair.css}">
</th:block>
<div layout:fragment="content">
<main>
<input type="hidden" id="menuKey" value="39">
<div class="row justify-content-between">
<div class="col-auto">
<div class="d-inline align-middle"><i class="bi bi-square-fill"></i></div>
<h5 class="d-inline align-middle"> 견문통계</h5>
</div>
<div class="col-auto"><p class="mb-0 mt-2">첩보수집활동 > 견문통계</p></div>
</div>
<div class="row mx-0">
<div class="col-12 card bg-light text-center">
<div class="card-body">
<div class="card">
<div class="card-body">
<form id="searchFm">
<input type="hidden" name="_csrf_header" th:value="${_csrf.headerName}"/>
<input type="hidden" th:name="${_csrf.parameterName}" th:value="${_csrf.token}"/>
<div class="row py-1">
<div class="col-auto">
<div class="input-group w-auto input-daterange" id="dateSelectorDiv">
<input type="text" class="form-control form-control-sm" id="startDate" name="startDate" placeholder="시작일" autocomplete="off" readonly th:value="${searchParams.startDate}">
<input type="text" class="form-control form-control-sm" id="endDate" name="endDate" placeholder="종료일" autocomplete="off" readonly th:value="${searchParams.endDate}">
</div>
</div>
<div class="col-auto">
<input type="text" class="form-control form-control-sm" name="userNm" placeholder="보고자명" autocomplete="off" th:value="${searchParams.userNm}">
</div>
<div class="col-auto">
<select class="form-select form-select-sm" name="reportOrgan">
<option value="">결제처</option>
<th:block th:each="code:${session.commonCode.get('OG')}">
<option th:value="${code.itemValue}" th:text="${code.itemValue}" th:selected="${code.itemValue eq searchParams.reportOrgan}"></option>
</th:block>
</select>
</div>
<div class="col-auto">
<label><input name="sangbo" type="checkbox" value="OGC003">경찰서상보</label>
<label><input name="sangbo" type="checkbox" value="OGC002">지방청상보</label>
</div>
</div>
<div class="row pe-3 py-1">
<div class="col-2 affair-scroll">
<ul class="list-group text-start">
<li class="list-group-item list-group-item-primary fw-bold">
<input class="form-check-input me-1" id="organAll" type="checkbox" checked>
<label class="form-check-label" for="organAll">소속</label>
</li>
<th:block th:each="code:${session.commonCode.get('OG')}">
<th:block th:if="${#lists.contains(mgtOrganList, code.itemCd)}">
<li class="list-group-item">
<input class="form-check-input me-1" th:id="|organ${code.itemCd}|" name="organList" type="checkbox" th:value="${code.itemCd}" checked>
<label class="form-check-label" th:for="|organ${code.itemCd}|" th:text="${code.itemValue}"></label>
</li>
</th:block>
</th:block>
</ul>
</div>
<div class="col-1 affair-scroll">
<ul class="list-group text-start">
<li class="list-group-item list-group-item-primary fw-bold">
<input class="form-check-input me-1" id="ratingAll" type="checkbox" checked>
<label class="form-check-label" for="ratingAll">평가</label>
</li>
<th:block th:each="code:${session.commonCode.get('AAR')}">
<li class="list-group-item">
<input class="form-check-input me-1" th:id="|rating${code.itemCd}|" name="rating" type="checkbox" th:value="${code.itemCd}" checked>
<label class="form-check-label" th:for="|rating${code.itemCd}|" th:text="${code.itemValue}"></label>
</li>
</th:block>
</ul>
</div>
<div class="col-2 affair-scroll">
<ul class="list-group text-start">
<li class="list-group-item list-group-item-primary fw-bold">
<input class="form-check-input me-1" id="category1All" type="checkbox" checked>
<label class="form-check-label" for="category1All">분야1</label>
</li>
<th:block th:each="code:${session.commonCode.get('DC01')}">
<li class="list-group-item">
<input class="form-check-input me-1" th:id="|category1${code.itemCd}|" name="category1" type="checkbox" th:value="${code.itemCd}" checked>
<label class="form-check-label" th:for="|category1${code.itemCd}|" th:text="${code.itemValue}"></label>
</li>
</th:block>
</ul>
</div>
<div class="col-2 affair-scroll">
<ul class="list-group text-start">
<li class="list-group-item list-group-item-primary fw-bold">
<input class="form-check-input me-1" id="category2All" type="checkbox" checked>
<label class="form-check-label" for="category2All">분야2</label>
</li>
<th:block th:each="code:${session.commonCode.get('DC02')}">
<li class="list-group-item">
<input class="form-check-input me-1" th:id="|category2${code.itemCd}|" name="category2" type="checkbox" th:value="${code.itemCd}" checked>
<label class="form-check-label" th:for="|category2${code.itemCd}|" th:text="${code.itemValue}"></label>
</li>
</th:block>
</ul>
</div>
<div class="col-2 affair-scroll">
<ul class="list-group text-start">
<li class="list-group-item list-group-item-primary fw-bold">
<input class="form-check-input me-1" id="category3All" type="checkbox" checked>
<label class="form-check-label" for="category3All">분야3</label>
</li>
<th:block th:each="code:${session.commonCode.get('DC03')}">
<li class="list-group-item">
<input class="form-check-input me-1" th:id="|category3${code.itemCd}|" name="category3" type="checkbox" th:value="${code.itemCd}" checked>
<label class="form-check-label" th:for=|category3${code.itemCd}| th:text="${code.itemValue}"></label>
</li>
</th:block>
</ul>
</div>
<div class="col-2 affair-scroll">
<ul class="list-group text-start">
<li class="list-group-item list-group-item-primary fw-bold">
<input class="form-check-input me-1" id="category4All" type="checkbox" checked>
<label class="form-check-label" for="category4All">분야4</label>
</li>
<th:block th:each="code:${session.commonCode.get('DC04')}">
<li class="list-group-item">
<input class="form-check-input me-1" th:id="|category4${code.itemCd}|" name="category4" type="checkbox" th:value="${code.itemCd}" checked>
<label class="form-check-label" th:for="|category4${code.itemCd}|" th:text="${code.itemValue}"></label>
</li>
</th:block>
</ul>
</div>
<div class="col-1 d-grid gap-2">
<button type="button" id="fieldSearch" class="btn btn-primary">분야별 검색</button>
<button type="button" id="ratingSearch" class="btn btn-primary">평가별 검색</button>
<button type="button" id="personalSearch" class="btn btn-primary">개인실적 검색</button>
</div>
</div>
</form>
</div>
</div>
</div>
<div class="row justify-content-start pt-1">
<div class="col-12" id="statisticsBody" style="display:none;"></div>
</div>
</div>
</div>
</main>
</div>
</html>