fix: 폐기보고통계 - 마약류구분별통계
parent
4ae576369d
commit
096e174f6b
@ -0,0 +1,381 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false" session="false"%>
|
||||
<%@ include file="/WEB-INF/jsp/include/taglib.jsp"%>
|
||||
<c:set var="prefixName" scope="request">폐기 보고 확인</c:set>
|
||||
<!-- Page Body -->
|
||||
<div class="container-page-btn">
|
||||
<button type="button" class="btn btn-outline-dark w-px-120" id="btnReset--${pageName}" title="초기화">
|
||||
초기화
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<form id="frmSearch--${pageName}" name="frmSearch">
|
||||
<div class="container-search">
|
||||
<div class="row g-1">
|
||||
<div class="col-4">
|
||||
<label class="form-label fw-bold form-search-title text-end" for="schSggCd--${pageName}">관할관청</label>
|
||||
<select class="form-select" id="schSggCd--${pageName}" name="schSggCd" style="pointer-events: none;">
|
||||
<option value="">전체</option>
|
||||
<c:forEach items="${DEPTList}" var="item">
|
||||
<option value="${item.DEPT_CD}">${item.DEPT_NM}</option>
|
||||
</c:forEach>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="col-4">
|
||||
<label class="form-label fw-bold form-search-title text-end">폐기일자</label>
|
||||
<span class="form-search-linebox" id="inputHdrDe">
|
||||
<input type="text" class="form-control form-date" id="schDateFrom--${pageName}" name="schDateFrom" data-fmt-type="day" autocomplete="off" title="시작 날짜 선택" />
|
||||
<button type="button" class="bx bx-lg bx-calendar bg-white"></button>
|
||||
~
|
||||
<input type="text" class="form-control form-date" id="schDateTo--${pageName}" name="schDateTo" data-fmt-type="day" autocomplete="off" title="종료 날짜 선택" />
|
||||
<button type="button" class="bx bx-lg bx-calendar bg-white"></button>
|
||||
</span>
|
||||
<input type="checkbox" id="chkDsuseDe--${pageName}" name="chkDsuseDe" title="폐기일자 적용" style="align-items: baseline"/> <strong>폐기일자 적용</strong>
|
||||
</div>
|
||||
|
||||
<!-- 업체명 -->
|
||||
<%-- <div class="col-5">--%>
|
||||
<%-- <label class="form-label fw-bold form-search-title text-end" for="schBsshNm--${pageName}">업체명</label>--%>
|
||||
<%-- <input type="text" class="form-control w-px-160" id="schBsshNM--${pageName}" name="schBsshNm" data-map="bsshNm" autocomplete="off" readonly/>--%>
|
||||
<%-- <input type="hidden" id="schBsshCd--${pageName}" name="schBsshCd" data-map="bsshCd" autocomplete="off" />--%>
|
||||
<%-- <button type="button" class="btn btn-search w-px-120" id="btnBsshSearch--${pageName}" title="업체 검색">--%>
|
||||
<%-- 업체 검색--%>
|
||||
<%-- </button>--%>
|
||||
<%-- </div>--%>
|
||||
<!-- 처리상태 -->
|
||||
<%-- <div class="col-6">--%>
|
||||
<%-- <label class="form-label fw-bold form-search-title text-end" for="schSttsCd--${pageName}">처리상태</label>--%>
|
||||
<%-- <select class="form-select" id="schSttsCd--${pageName}" name="schSttsCd">--%>
|
||||
<%-- <option value="">전체</option>--%>
|
||||
<%-- <c:forEach items="${ADDS11}" var="item">--%>
|
||||
<%-- <option value="${item.code}">${item.value}</option>--%>
|
||||
<%-- </c:forEach>--%>
|
||||
<%-- </select>--%>
|
||||
<%-- </div>--%>
|
||||
<div class="col-1">
|
||||
<button type="button" class="btn btn-search w-px-120" id="btnSearch--${pageName}" title="검색">
|
||||
검색
|
||||
</button>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<div class="mt-3">
|
||||
<div class="float-end">
|
||||
<button type="button" class="btn btn-excel w-px-120" id="btnExcel--${pageName}" title="엑셀 저장">
|
||||
엑셀
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 업무 버튼 및 건수 표시 -->
|
||||
<div class="d-flex flex-row justify-content-between p-3">
|
||||
<div>
|
||||
<div class="input-group" id="DataTables_Table_0_length">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- DataTables(그리드) -->
|
||||
<div class="card-datatable text-nowrap">
|
||||
<div class="dataTables_wrapper dt-bootstrap5 no-footer" id="DataTables_Table_0_wrapper--${pageName}">
|
||||
<div class="table-responsive ox-scroll oy-scroll" style="height: 580px !important;" id="table-responsive--${pageName}">
|
||||
<table class="table-layout-fixed dataTable datatables-ajax table table-bordered no-footer" id="DataTables_Table_0--${pageName}" aria-describedby="DataTables_Table_0_info">
|
||||
<thead class="sticky-thead">
|
||||
<tr id="theadTr--${pageName}"
|
||||
data-by="by--${pageName}" data-by-output="byOutput--${pageName}" data-main-option="mainOption--${pageName}" data-sub-option="subOption--${pageName}">
|
||||
<th class="cmn" style="width: 60px;">No.</th>
|
||||
<th class="cmn" style="width: 170px;">관할관청</th>
|
||||
<th class="cmn" style="width: 100px;">종 폐기건수</th>
|
||||
<th class="cmn" style="width: 120px;">마약류취급의료업</th>
|
||||
<th class="cmn" style="width: 100px;">마약류소매업</th>
|
||||
<th class="cmn" style="width: 100px;">마약류도매업</th>
|
||||
<th class="cmn" style="width: 100px;">마약류제조업</th>
|
||||
<th class="cmn" style="width: 100px;">마약류수출입업</th>
|
||||
<th class="cmn" style="width: 100px;">마약류원료사용</th>
|
||||
<th class="cmn" style="width: 120px;">마약류취급학술연구</th>
|
||||
<th class="cmn" style="width: 100px;">폐기수량</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="tbody--${pageName}">
|
||||
</tbody>
|
||||
<template id="${infoPrefix}Row--${pageName}">
|
||||
<tr data-key="{dept_cd}" class="{fw-bold-if-total}">
|
||||
<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{ROW_NUM}</td>
|
||||
<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{dept_nm}</td>
|
||||
<td class="text-end" onclick="{onclick}" ondblclick="{ondblclick}">{dsuseCnt}</td>
|
||||
<td class="text-end" onclick="{onclick}" ondblclick="{ondblclick}">{마약류취급의료업}</td>
|
||||
<td class="text-end" onclick="{onclick}" ondblclick="{ondblclick}">{마약류소매업}</td>
|
||||
<td class="text-end" onclick="{onclick}" ondblclick="{ondblclick}">{마약류도매업}</td>
|
||||
<td class="text-end" onclick="{onclick}" ondblclick="{ondblclick}">{마약류제조업}</td>
|
||||
<td class="text-end" onclick="{onclick}" ondblclick="{ondblclick}">{마약류수출입업}</td>
|
||||
<td class="text-end" onclick="{onclick}" ondblclick="{ondblclick}">{마약류원료사용}</td>
|
||||
<td class="text-end" onclick="{onclick}" ondblclick="{ondblclick}">{마약류취급학술연구}</td>
|
||||
<td class="text-end" onclick="{onclick}" ondblclick="{ondblclick}">{dsuseQy}</td>
|
||||
</tr>
|
||||
</template>
|
||||
<template id="${infoPrefix}NotFound--${pageName}">
|
||||
<tr class="odd">
|
||||
<td valign="top" colspan="13" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
|
||||
</tr>
|
||||
</template>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- / DataTables(그리드) -->
|
||||
|
||||
<div class="d-flex flex-row p-3 justify-content-between">
|
||||
<label id="${infoPrefix}Paging--${pageName}PagingInfo" class="dataTables_info" role="status" aria-live="polite"></label>
|
||||
<ul id="${infoPrefix}Paging--${pageName}" class="pagination pagination-primary" style="display: none;">
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
||||
<script>
|
||||
<!--/ Page Body -->
|
||||
/**************************************************************************
|
||||
* Global Variable
|
||||
**************************************************************************/
|
||||
pageObject["${pageName}"] = {};
|
||||
|
||||
/**************************************************************************
|
||||
* script 진입
|
||||
**************************************************************************/
|
||||
$(document).ready(function() {
|
||||
// pageObject
|
||||
let $P = pageObject["${pageName}"];
|
||||
|
||||
// FormFields
|
||||
$P.formFields = new AddsFormFields("#frmSearch--${pageName}");
|
||||
|
||||
/**************************************************************************
|
||||
* DatasetControl
|
||||
**************************************************************************/
|
||||
$P.control = new DatasetControl({
|
||||
urls : {
|
||||
load : wctx.url("/adds/nims/getDsuseMgtDsuseQyByBsshStatistics.do")
|
||||
}
|
||||
, prefix: "dsuseMgtDsuseQyByBsshStatistics"
|
||||
, prefixName: "제품별 폐기 현황"
|
||||
, keymapper: info => info ? info.dept_cd : ""
|
||||
, dataGetter: obj => obj.${infoPrefix}List
|
||||
, appendData: true
|
||||
, infoSize: "xl"
|
||||
});
|
||||
// $P.control 설정
|
||||
$P.control.defaultFetchSize = FETCH_XXS; // 1 페이지당 조회되는 자료 건수 index.jsp에서 확인 FETCH_XS = 30
|
||||
//$P.control.query = { pageNum : 1, fetchSize : $P.control.defaultFetchSize };
|
||||
$P.control.beforeCurrent = null;
|
||||
|
||||
|
||||
/**************************************************************************
|
||||
* DatasetControl 이벤트
|
||||
**************************************************************************/
|
||||
// Dataset 변경 이벤트
|
||||
$P.control.onDatasetChange = (obj) => {
|
||||
$P.renderList(obj.${infoPrefix}Total);
|
||||
};
|
||||
|
||||
// 현재 선택 자료 변경 이벤트
|
||||
$P.control.onCurrentChange = (item) => {
|
||||
if (!item) {
|
||||
return;
|
||||
}
|
||||
|
||||
let key = item.data.dept_cd;
|
||||
$("#tbody--${pageName}").setCurrentRow(key);
|
||||
};
|
||||
|
||||
|
||||
/**************************************************************************
|
||||
* DataTables 이벤트
|
||||
**************************************************************************/
|
||||
// DataTables에 click, dbclick 이벤트
|
||||
$P.renderList = (totalSize) => {
|
||||
let ${infoPrefix}List = $P.control.dataset;
|
||||
let empty = ${infoPrefix}List.empty;
|
||||
|
||||
// 업무별 DataTables(그리드) tr, td
|
||||
let foundContent = document.getElementById("${infoPrefix}Row--${pageName}").content;
|
||||
let foundTr = $(foundContent).find("tr")[0].cloneNode(false);
|
||||
let foundTds = $(foundContent).find("td");
|
||||
|
||||
foundTds.each(function() {
|
||||
foundTr.appendChild(this.cloneNode(true));
|
||||
});
|
||||
|
||||
let replacer = (str, dataItem) => {
|
||||
str = str.replace(/{onclick}/gi, "pageObject['${pageName}'].control.setCurrent('" + dataItem.getValue("dept_cd") + "');")
|
||||
if(dataItem.getValue("dept_cd") == "TOTAL"){
|
||||
str = str.replace(/{fw-bold-if-total}/gi, "fw-bold");
|
||||
} else {
|
||||
str = str.replace(/{fw-bold-if-total}/gi, "");
|
||||
}
|
||||
return str;
|
||||
}
|
||||
|
||||
|
||||
let trs = empty ? [document.getElementById("${infoPrefix}NotFound--${pageName}").content.outerHTML]
|
||||
: ${infoPrefix}List.inStrings(foundTr.outerHTML, replacer);
|
||||
|
||||
$("#tbody--${pageName}").html(trs.join());
|
||||
}
|
||||
|
||||
$P.control.getBsshInfo = (gdccId) => {
|
||||
let dialogTitle = "마약류 취급업체 조회";
|
||||
let params = {openPage : "frmSearch--${pageName}"};
|
||||
|
||||
ajax.get({
|
||||
url : wctx.url("/adds/nims/bssh-popup.do")
|
||||
, data : params
|
||||
, success : resp => {
|
||||
dialog.open({
|
||||
id : "bsshPopupDialog"
|
||||
, title : dialogTitle
|
||||
, content : resp
|
||||
, size : $P.control.infoSize
|
||||
, onClose : () => { }
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
/**************************************************************************
|
||||
* 사용자 함수(function)
|
||||
**************************************************************************/
|
||||
|
||||
|
||||
// 사용자검색 callback
|
||||
$P.callbackFindUser = (userId, userNm) => {
|
||||
$("#schRgtrCd--${pageName}").val(userId); // 사용자 ID
|
||||
$("#schRgtrNm--${pageName}").val(userNm); // 사용자 명
|
||||
}
|
||||
|
||||
// 업체 검색 버튼 이벤트
|
||||
$P.fnSearchBssh = () => {
|
||||
$P.control.getBsshInfo();
|
||||
}
|
||||
|
||||
/**************************************************************************
|
||||
* 버튼 clickEvent
|
||||
**************************************************************************/
|
||||
// 업무 구분 변경 이벤트
|
||||
$P.fnReset = () => {
|
||||
//$P.control.dataset.clear();
|
||||
// 초기 기본 설정
|
||||
$P.initForm();
|
||||
|
||||
// dataset 초기화
|
||||
|
||||
}
|
||||
|
||||
// 검색 버튼 클릭 이벤트
|
||||
$P.fnSearchList = () => {
|
||||
// 검색조건
|
||||
$P.control.query = $P.formFields.get(); // 검색 조건
|
||||
if(!$('#chkDsuseDe--${pageName}').is(":checked")){
|
||||
$P.control.query.schDateFrom = '';
|
||||
$P.control.query.schDateTo = '';
|
||||
}
|
||||
$P.control.query.fetchSize = $P.control.defaultFetchSize; // 한번에 조회되는 자료 건수
|
||||
$P.control.query.delYn = "N"; // 삭제 여부
|
||||
|
||||
$P.control.load();
|
||||
}
|
||||
|
||||
// 엑셀 버튼 클릭 이벤트
|
||||
$P.fnExcel = () => {
|
||||
if ($P.control.dataset.empty) {
|
||||
dialog.alert({
|
||||
content: "검색된 자료가 없습니다."
|
||||
, onOK: () => { }
|
||||
});
|
||||
return;
|
||||
}
|
||||
|
||||
// DataTables(그리드)
|
||||
let cellDefs = getCellDefs(
|
||||
$("#theadTr0--${pageName} th, #theadTr--${pageName} th")
|
||||
.not(".dummy-th").not(":eq(0)").not("[colspan]"),
|
||||
$($("#${infoPrefix}Row--${pageName}")[0].content).find("td")
|
||||
.not(".dummy-td").not(":eq(0)").not("[colspan]"));
|
||||
$P.control.query.cellDefs = cellDefs;
|
||||
|
||||
$P.control.download();
|
||||
}
|
||||
|
||||
/**************************************************************************
|
||||
* 초기 설정
|
||||
**************************************************************************/
|
||||
// 이벤트 설정
|
||||
$P.setEvent = () => {
|
||||
// 기본 버튼 이벤트
|
||||
$("#btnReset--${pageName}").on("click", () => $P.fnReset()); // 초기화
|
||||
$("#btnSearch--${pageName}").on("click", () => $P.fnSearchList()); // 검색
|
||||
$("#btnExcel--${pageName}").on("click", () => $P.fnExcel()); // 엑셀
|
||||
|
||||
// 동적검색에서 엔터(Enter) 키를 누르면 검색한다.
|
||||
$("#term--${pageName}").keypress(function(e) {
|
||||
if (e.keyCode == 13) {
|
||||
$P.fnSearchList();
|
||||
}
|
||||
});
|
||||
|
||||
// form-date 항목에서 키보드로 입력시 날짜 포맷팅 적용
|
||||
$("#frmSearch--${pageName}").find(".form-date").each(function() {
|
||||
$(this).on("input", function() {
|
||||
let value = this.value.replaceAll("-", "");
|
||||
|
||||
if (value.length > 7) {
|
||||
this.value = value.substring(0, 4) + "-" + value.substring(4, 6) + "-" + value.substring(6);
|
||||
} else if (value.length > 5) {
|
||||
this.value = value.substring(0, 4) + "-" + value.substring(4);
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
// 업체 검색 버튼 이벤트
|
||||
$("#btnBsshSearch--${pageName}").on("click", function() {
|
||||
$P.fnSearchBssh();
|
||||
});
|
||||
|
||||
// DataTables width 변경 조정 (업무별 그리드가 존재 한다면.. crdn06010-main.jsp 참고)
|
||||
fnMakeResizableTable($("#table-responsive--${pageName}")[0]);
|
||||
|
||||
}
|
||||
|
||||
// 초기 화면 설정
|
||||
$P.initForm = () => {
|
||||
// 화면 초기화
|
||||
$("#frmSearch--${pageName}")[0].reset();
|
||||
|
||||
// input, select 초기화
|
||||
let searchForm = $("#frmSearch--${pageName}");
|
||||
searchForm.find("input[type='checkbox']").prop("checked", false);
|
||||
searchForm.find("input[type='text']").val("");
|
||||
searchForm.find("input[type='hidden']").val("");
|
||||
searchForm.find("select").each(function() { $(this).find("option:eq(0)").prop("selected", true); });
|
||||
|
||||
// 기본 데이터 설정
|
||||
initDatepicker("frmSearch--${pageName}"); // 달력 초기화
|
||||
$("#schDateFrom--${pageName}").datepicker("setDate", DateUtil.getDateDay(-7).date); // 부과 제외 일자 시작
|
||||
$("#schDateTo--${pageName}").datepicker("setDate", new Date()); // 부과 제외 일자 종료
|
||||
|
||||
$('#schSggCd--${pageName}').val("${currentUser.deptCode}");
|
||||
|
||||
$P.fnSearchList();
|
||||
|
||||
}
|
||||
|
||||
/**************************************************************************
|
||||
* 최초 실행 함수
|
||||
**************************************************************************/
|
||||
// 1. 이벤트 설정
|
||||
$P.setEvent();
|
||||
|
||||
// 2. 초기 설정 및 업무 구분 변경
|
||||
$P.fnReset();
|
||||
});
|
||||
|
||||
</script>
|
||||
Loading…
Reference in New Issue