|
|
@ -4,15 +4,15 @@
|
|
|
|
|
|
|
|
|
|
|
|
<div class="content-wrapper">
|
|
|
|
<div class="content-wrapper">
|
|
|
|
<div class="container-xxl flex-grow-1 px-0">
|
|
|
|
<div class="container-xxl flex-grow-1 px-0">
|
|
|
|
<div id="statWrapper--${pageName}" class="card wrapper-list">
|
|
|
|
<div name="statWrapper" class="card wrapper-list">
|
|
|
|
<span class="mb-1">
|
|
|
|
<span class="mb-1">
|
|
|
|
<!-- 상단 버튼 -->
|
|
|
|
<!-- 상단 버튼 -->
|
|
|
|
<div class="container-page-btn">
|
|
|
|
<div class="container-page-btn">
|
|
|
|
<button type="button" id="btnReset--${pageName}" class="btn btn-outline-dark w-px-120" title="초기화">
|
|
|
|
<button type="button" name="btnReset" class="btn btn-outline-dark w-px-120" title="초기화">
|
|
|
|
초기화
|
|
|
|
초기화
|
|
|
|
</button>
|
|
|
|
</button>
|
|
|
|
<span class="container-window-btn-right">
|
|
|
|
<span class="container-window-btn-right">
|
|
|
|
<button type="button" id="btnSearch--${pageName}" class="btn btn-search w-px-120"
|
|
|
|
<button type="button" name="btnSearch" class="btn btn-search w-px-120"
|
|
|
|
title="검색">
|
|
|
|
title="검색">
|
|
|
|
검색
|
|
|
|
검색
|
|
|
|
</button>
|
|
|
|
</button>
|
|
|
@ -21,7 +21,7 @@
|
|
|
|
<!-- / 상단 버튼 -->
|
|
|
|
<!-- / 상단 버튼 -->
|
|
|
|
|
|
|
|
|
|
|
|
<!-- 검색 조건 영역 -->
|
|
|
|
<!-- 검색 조건 영역 -->
|
|
|
|
<form id="frmSearch--${pageName}" name="frmSearch">
|
|
|
|
<form name="frmSearch">
|
|
|
|
<!-- 메인 조건 -->
|
|
|
|
<!-- 메인 조건 -->
|
|
|
|
<div class="container-search">
|
|
|
|
<div class="container-search">
|
|
|
|
<div class="row g-1 my-2">
|
|
|
|
<div class="row g-1 my-2">
|
|
|
@ -44,9 +44,9 @@
|
|
|
|
</span>
|
|
|
|
</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col-4">
|
|
|
|
<div class="col-4">
|
|
|
|
<label class="form-label fw-bold form-search-title text-end" for="sggCd--${pageName}">시군구</label>
|
|
|
|
<label is="name-label" for="sggCd" class="form-label fw-bold form-search-title text-end">시군구</label>
|
|
|
|
<span class="form-search-linebox">
|
|
|
|
<span class="form-search-linebox">
|
|
|
|
<select id="sggCd--${pageName}" name="sggCd" class="form-select">
|
|
|
|
<select is="id-select" name="sggCd" class="form-select">
|
|
|
|
<option value="">전체</option>
|
|
|
|
<option value="">전체</option>
|
|
|
|
<option value="${sggCd}" selected>${sggNm}</option>
|
|
|
|
<option value="${sggCd}" selected>${sggNm}</option>
|
|
|
|
</select>
|
|
|
|
</select>
|
|
|
@ -55,16 +55,16 @@
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="row g-1 my-2">
|
|
|
|
<div class="row g-1 my-2">
|
|
|
|
<div class="col-12">
|
|
|
|
<div class="col-12">
|
|
|
|
<select id="dayColumn--${pageName}" name="dayColumn" class="form-select">
|
|
|
|
<select name="dayColumn" class="form-select">
|
|
|
|
|
|
|
|
|
|
|
|
</select>
|
|
|
|
</select>
|
|
|
|
<span class="form-search-linebox">
|
|
|
|
<span class="form-search-linebox">
|
|
|
|
<input type="text" id="firstDay--${pageName}" name="firstDay"
|
|
|
|
<input type="text" name="firstDay"
|
|
|
|
class="form-control form-date"
|
|
|
|
class="form-control form-date"
|
|
|
|
data-fmt-type="day" title="시작 날짜 선택" />
|
|
|
|
data-fmt-type="day" title="시작 날짜 선택" />
|
|
|
|
<button type="button" class="bx bx-lg bx-calendar bg-white"></button>
|
|
|
|
<button type="button" class="bx bx-lg bx-calendar bg-white"></button>
|
|
|
|
~
|
|
|
|
~
|
|
|
|
<input type="text" id="lastDay--${pageName}" name="lastDay"
|
|
|
|
<input type="text" name="lastDay"
|
|
|
|
class="form-control form-date"
|
|
|
|
class="form-control form-date"
|
|
|
|
data-fmt-type="day" title="종료 날짜 선택">
|
|
|
|
data-fmt-type="day" title="종료 날짜 선택">
|
|
|
|
<button type="button" class="bx bx-lg bx-calendar bg-white"></button>
|
|
|
|
<button type="button" class="bx bx-lg bx-calendar bg-white"></button>
|
|
|
@ -72,31 +72,31 @@
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="row g-1 my-2" id="searchForMenu--${pageName}">
|
|
|
|
<div class="row g-1 my-2" name="searchForMenu">
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="row g-1 my-2 bg-lighter">
|
|
|
|
<div class="row g-1 my-2 bg-lighter">
|
|
|
|
<div class="col-3">
|
|
|
|
<div class="col-3">
|
|
|
|
<label class="form-label fw-bold form-search-title text-end" for="groupLevel1--${pageName}">그룹단위1</label>
|
|
|
|
<label is="name-label" for="groupLevel1" class="form-label fw-bold form-search-title text-end">그룹단위1</label>
|
|
|
|
<select id="groupLevel1--${pageName}" name="groupLevel1" class="form-select">
|
|
|
|
<select is="id-select" name="groupLevel1" class="form-select">
|
|
|
|
|
|
|
|
|
|
|
|
</select>
|
|
|
|
</select>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col-3">
|
|
|
|
<div class="col-3">
|
|
|
|
<label class="form-label fw-bold form-search-title text-end" for="groupLevel2--${pageName}">그룹단위2</label>
|
|
|
|
<label is="name-label" for="groupLevel2" class="form-label fw-bold form-search-title text-end">그룹단위2</label>
|
|
|
|
<select id="groupLevel2--${pageName}" name="groupLevel2" class="form-select">
|
|
|
|
<select is="id-select" name="groupLevel2" class="form-select">
|
|
|
|
<option value="">미선택</option>
|
|
|
|
<option value="">미선택</option>
|
|
|
|
</select>
|
|
|
|
</select>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col-3">
|
|
|
|
<div class="col-3">
|
|
|
|
<label class="form-label fw-bold form-search-title text-end" for="groupLevel3--${pageName}">그룹단위3</label>
|
|
|
|
<label is="name-label" for="groupLevel3" class="form-label fw-bold form-search-title text-end">그룹단위3</label>
|
|
|
|
<select id="groupLevel3--${pageName}" name="groupLevel3" class="form-select">
|
|
|
|
<select is="id-select" name="groupLevel3" class="form-select">
|
|
|
|
<option value="">미선택</option>
|
|
|
|
<option value="">미선택</option>
|
|
|
|
</select>
|
|
|
|
</select>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col-3">
|
|
|
|
<div class="col-3">
|
|
|
|
<label class="form-label fw-bold form-search-title text-end" for="groupLevel4--${pageName}">그룹단위4</label>
|
|
|
|
<label is="name-label" for="groupLevel4" class="form-label fw-bold form-search-title text-end">그룹단위4</label>
|
|
|
|
<select id="groupLevel4--${pageName}" name="groupLevel4" class="form-select">
|
|
|
|
<select is="id-select" name="groupLevel4" class="form-select">
|
|
|
|
<option value="">미선택</option>
|
|
|
|
<option value="">미선택</option>
|
|
|
|
</select>
|
|
|
|
</select>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
@ -104,8 +104,8 @@
|
|
|
|
|
|
|
|
|
|
|
|
<div class="row g-1 my-2">
|
|
|
|
<div class="row g-1 my-2">
|
|
|
|
<div class="col-12 d-flex">
|
|
|
|
<div class="col-12 d-flex">
|
|
|
|
<label class="form-label fw-bold form-search-title text-end" for="preset--${pageName}">집계항목</label>
|
|
|
|
<label is="name-label" for="preset" class="form-label fw-bold form-search-title text-end">집계항목</label>
|
|
|
|
<select id="preset--${pageName}" name="preset"
|
|
|
|
<select is="id-select" name="preset"
|
|
|
|
class="form-select w-100 mw-100">
|
|
|
|
class="form-select w-100 mw-100">
|
|
|
|
<option value="totCnt" selected>전체건수</option>
|
|
|
|
<option value="totCnt" selected>전체건수</option>
|
|
|
|
</select>
|
|
|
|
</select>
|
|
|
@ -114,8 +114,8 @@
|
|
|
|
|
|
|
|
|
|
|
|
<div class="row g-1 my-2 bg-lighter">
|
|
|
|
<div class="row g-1 my-2 bg-lighter">
|
|
|
|
<div class="col-3">
|
|
|
|
<div class="col-3">
|
|
|
|
<label class="form-label fw-bold form-search-title text-end" for="refListYn--${pageName}">상세목록</label>
|
|
|
|
<label is="name-label" for="refListYn" class="form-label fw-bold form-search-title text-end">상세목록</label>
|
|
|
|
<select id="refListYn--${pageName}" name="refListYn" class="form-select">
|
|
|
|
<select is="id-select" name="refListYn" class="form-select">
|
|
|
|
<option value="N">미조회</option>
|
|
|
|
<option value="N">미조회</option>
|
|
|
|
<option value="Y">조회</option>
|
|
|
|
<option value="Y">조회</option>
|
|
|
|
</select>
|
|
|
|
</select>
|
|
|
@ -126,17 +126,17 @@
|
|
|
|
</form>
|
|
|
|
</form>
|
|
|
|
</span>
|
|
|
|
</span>
|
|
|
|
|
|
|
|
|
|
|
|
<span id="masterArea--${pageName}">
|
|
|
|
<span name="masterArea">
|
|
|
|
<div class="card-datatable text-nowrap">
|
|
|
|
<div class="card-datatable text-nowrap">
|
|
|
|
<div class="dataTables_wrapper dt-bootstrap5 no-footer">
|
|
|
|
<div class="dataTables_wrapper dt-bootstrap5 no-footer">
|
|
|
|
<div class="table-responsive ox-scroll oy-scroll h-px-350">
|
|
|
|
<div class="table-responsive ox-scroll oy-scroll h-px-350">
|
|
|
|
<table id="masterTable--${pageName}"
|
|
|
|
<table name="masterTable"
|
|
|
|
class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
|
|
|
|
class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
|
|
|
|
<thead class="sticky-thead">
|
|
|
|
<thead class="sticky-thead">
|
|
|
|
<tr id="masterThead--${pageName}">
|
|
|
|
<tr name="masterThead">
|
|
|
|
</tr>
|
|
|
|
</tr>
|
|
|
|
</thead>
|
|
|
|
</thead>
|
|
|
|
<tbody id="masterTbody--${pageName}">
|
|
|
|
<tbody name="masterTbody">
|
|
|
|
</tbody>
|
|
|
|
</tbody>
|
|
|
|
</table>
|
|
|
|
</table>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
@ -144,18 +144,18 @@
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</span>
|
|
|
|
</span>
|
|
|
|
|
|
|
|
|
|
|
|
<span id="detailArea--${pageName}" hidden>
|
|
|
|
<span name="detailArea" hidden>
|
|
|
|
<h2 class="mt-4">상세목록</h2>
|
|
|
|
<h2 class="mt-4">상세목록</h2>
|
|
|
|
<div class="card-datatable text-nowrap">
|
|
|
|
<div class="card-datatable text-nowrap">
|
|
|
|
<div class="dataTables_wrapper dt-bootstrap5 no-footer">
|
|
|
|
<div class="dataTables_wrapper dt-bootstrap5 no-footer">
|
|
|
|
<div class="table-responsive ox-scroll oy-scroll h-px-350">
|
|
|
|
<div class="table-responsive ox-scroll oy-scroll h-px-350">
|
|
|
|
<table id="detailTable--${pageName}"
|
|
|
|
<table name="detailTable"
|
|
|
|
class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
|
|
|
|
class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
|
|
|
|
<thead class="sticky-thead">
|
|
|
|
<thead class="sticky-thead">
|
|
|
|
<tr id="detailThead--${pageName}">
|
|
|
|
<tr name="detailThead">
|
|
|
|
</tr>
|
|
|
|
</tr>
|
|
|
|
</thead>
|
|
|
|
</thead>
|
|
|
|
<tbody id="detailTbody--${pageName}">
|
|
|
|
<tbody name="detailTbody">
|
|
|
|
</tbody>
|
|
|
|
</tbody>
|
|
|
|
</table>
|
|
|
|
</table>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
@ -174,7 +174,7 @@
|
|
|
|
/**************************************************************************
|
|
|
|
/**************************************************************************
|
|
|
|
* Global Variable
|
|
|
|
* Global Variable
|
|
|
|
**************************************************************************/
|
|
|
|
**************************************************************************/
|
|
|
|
pageObject["${pageName}"] = {};
|
|
|
|
pageObject["${pageName}"] = newDoctxFinder("${pageName}");
|
|
|
|
|
|
|
|
|
|
|
|
$(document).ready(function(){
|
|
|
|
$(document).ready(function(){
|
|
|
|
|
|
|
|
|
|
|
@ -215,12 +215,12 @@ $(document).ready(function(){
|
|
|
|
var DS = $P.alt.dataset;
|
|
|
|
var DS = $P.alt.dataset;
|
|
|
|
var empty = DS.empty;
|
|
|
|
var empty = DS.empty;
|
|
|
|
var notFound = [""];
|
|
|
|
var notFound = [""];
|
|
|
|
var found = document.getElementById("detailGridTbodyTemplate--${pageName}").innerHTML;
|
|
|
|
var found = $P.find("detailGridTbodyTemplate").innerHTML;
|
|
|
|
var replacer = (str, dataItem) => str
|
|
|
|
var replacer = (str, dataItem) => str
|
|
|
|
.replace(/{onclick}/gi, "pageObject['${pageName}'].clickDetailGrid('" + dataItem.getValue("DATA_ID") + "');")
|
|
|
|
.replace(/{onclick}/gi, "pageObject['${pageName}'].clickDetailGrid('" + dataItem.getValue("DATA_ID") + "');")
|
|
|
|
.replace(/{ondblclick}/gi, "pageObject['${pageName}'].dblClickDetailGrid('" + dataItem.getValue("DATA_ID") + "');");
|
|
|
|
.replace(/{ondblclick}/gi, "pageObject['${pageName}'].dblClickDetailGrid('" + dataItem.getValue("DATA_ID") + "');");
|
|
|
|
var trs = empty ? notFound : DS.inStrings(found, replacer);
|
|
|
|
var trs = empty ? notFound : DS.inStrings(found, replacer);
|
|
|
|
$("#detailTbody--${pageName}").html(trs.join());
|
|
|
|
$P.$find("detailTbody").html(trs.join());
|
|
|
|
|
|
|
|
|
|
|
|
//보안모드
|
|
|
|
//보안모드
|
|
|
|
fn_securityModeToggle($("#securityMode--top").is(":checked"));
|
|
|
|
fn_securityModeToggle($("#securityMode--top").is(":checked"));
|
|
|
@ -231,24 +231,25 @@ $(document).ready(function(){
|
|
|
|
**************************************************************************/
|
|
|
|
**************************************************************************/
|
|
|
|
$P.fnReset = () => {
|
|
|
|
$P.fnReset = () => {
|
|
|
|
|
|
|
|
|
|
|
|
var searchForm = $("#frmSearch--${pageName}");
|
|
|
|
var searchForm = $P.$find("frmSearch");
|
|
|
|
searchForm.find("input[type='radio'][name='taskSeCd'][value='']").prop("checked", true);
|
|
|
|
searchForm.find("input[type='radio'][name='taskSeCd'][value='']").prop("checked", true);
|
|
|
|
$("select[id='sggCd--${pageName}']").find("option:eq(1)").prop("selected", true);
|
|
|
|
$P.$find("sggCd").find("option:eq(1)").prop("selected", true);
|
|
|
|
$("select[id='dayColumn--${pageName}']").find("option:eq(0)").prop("selected", true);
|
|
|
|
$P.$find("dayColumn").find("option:eq(0)").prop("selected", true);
|
|
|
|
$("#firstDay--${pageName}").datepicker('setDate', TODAY());
|
|
|
|
|
|
|
|
$("#lastDay--${pageName}").datepicker('setDate', TODAY());
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var searchForMenu = $("#searchForMenu--${pageName}");
|
|
|
|
$P.$find("firstDay").datepicker('setDate', TODAY());
|
|
|
|
|
|
|
|
$P.$find("lastDay").datepicker('setDate', TODAY());
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var searchForMenu = $P.$find("searchForMenu");
|
|
|
|
searchForMenu.find("select").each(function(){ $(this).find("option:eq(0)").prop("selected", true); });
|
|
|
|
searchForMenu.find("select").each(function(){ $(this).find("option:eq(0)").prop("selected", true); });
|
|
|
|
searchForMenu.find("input[type='checkbox']").prop("checked", false);
|
|
|
|
searchForMenu.find("input[type='checkbox']").prop("checked", false);
|
|
|
|
searchForMenu.find("input[type='text']").val("");
|
|
|
|
searchForMenu.find("input[type='text']").val("");
|
|
|
|
|
|
|
|
|
|
|
|
$("#groupLevel1--${pageName}").find("option:eq(0)").prop("selected", true);
|
|
|
|
$P.$find("groupLevel1").find("option:eq(0)").prop("selected", true);
|
|
|
|
$("#groupLevel2--${pageName}").val("");
|
|
|
|
$P.$find("groupLevel2").val("");
|
|
|
|
$("#groupLevel3--${pageName}").val("");
|
|
|
|
$P.$find("groupLevel3").val("");
|
|
|
|
$("#groupLevel4--${pageName}").val("");
|
|
|
|
$P.$find("groupLevel4").val("");
|
|
|
|
$("#preset--${pageName}").find("option:eq(0)").prop("selected", true);
|
|
|
|
$P.$find("preset").find("option:eq(0)").prop("selected", true);
|
|
|
|
$("#refListYn--${pageName}").find("option:eq(0)").prop("selected", true);
|
|
|
|
$P.$find("refListYn").find("option:eq(0)").prop("selected", true);
|
|
|
|
|
|
|
|
|
|
|
|
$P.changeGrid();
|
|
|
|
$P.changeGrid();
|
|
|
|
$P.showDetailGrid();
|
|
|
|
$P.showDetailGrid();
|
|
|
@ -258,14 +259,14 @@ $(document).ready(function(){
|
|
|
|
$P.getGroupInfoList = () => {
|
|
|
|
$P.getGroupInfoList = () => {
|
|
|
|
var groupInfoLiost = [];
|
|
|
|
var groupInfoLiost = [];
|
|
|
|
|
|
|
|
|
|
|
|
var selected = $("#groupLevel1--${pageName}").find(":selected");
|
|
|
|
var selected = $P.$find("groupLevel1").find(":selected");
|
|
|
|
groupInfoLiost.push({
|
|
|
|
groupInfoLiost.push({
|
|
|
|
refCol : selected[0].dataset.refCol,
|
|
|
|
refCol : selected[0].dataset.refCol,
|
|
|
|
ctgrType : selected[0].dataset.ctgrType,
|
|
|
|
ctgrType : selected[0].dataset.ctgrType,
|
|
|
|
dtlCtgr : selected[0].dataset.dtlCtgr
|
|
|
|
dtlCtgr : selected[0].dataset.dtlCtgr
|
|
|
|
})
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
selected = $("#groupLevel2--${pageName}").find(":selected");
|
|
|
|
selected = $P.$find("groupLevel2").find(":selected");
|
|
|
|
if(selected.val() == ""){
|
|
|
|
if(selected.val() == ""){
|
|
|
|
return groupInfoLiost;
|
|
|
|
return groupInfoLiost;
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -276,7 +277,7 @@ $(document).ready(function(){
|
|
|
|
dtlCtgr : selected[0].dataset.dtlCtgr
|
|
|
|
dtlCtgr : selected[0].dataset.dtlCtgr
|
|
|
|
})
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
selected = $("#groupLevel3--${pageName}").find(":selected");
|
|
|
|
selected = $P.$find("groupLevel3").find(":selected");
|
|
|
|
if(selected.val() == ""){
|
|
|
|
if(selected.val() == ""){
|
|
|
|
return groupInfoLiost;
|
|
|
|
return groupInfoLiost;
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -287,7 +288,7 @@ $(document).ready(function(){
|
|
|
|
dtlCtgr : selected[0].dataset.dtlCtgr
|
|
|
|
dtlCtgr : selected[0].dataset.dtlCtgr
|
|
|
|
})
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
selected = $("#groupLevel4--${pageName}").find(":selected");
|
|
|
|
selected = $P.$find("groupLevel4").find(":selected");
|
|
|
|
if(selected.val() == ""){
|
|
|
|
if(selected.val() == ""){
|
|
|
|
return groupInfoLiost;
|
|
|
|
return groupInfoLiost;
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -305,7 +306,7 @@ $(document).ready(function(){
|
|
|
|
$P.getNumberValueInfoList = () => {
|
|
|
|
$P.getNumberValueInfoList = () => {
|
|
|
|
var numberValuefoLiost = [];
|
|
|
|
var numberValuefoLiost = [];
|
|
|
|
|
|
|
|
|
|
|
|
var preset = $("#preset--${pageName}").find(":selected");
|
|
|
|
var preset = $P.$find("preset").find(":selected");
|
|
|
|
|
|
|
|
|
|
|
|
if(preset.val() == "totCnt"){
|
|
|
|
if(preset.val() == "totCnt"){
|
|
|
|
numberValuefoLiost = [{ aggregateType : "count" }];
|
|
|
|
numberValuefoLiost = [{ aggregateType : "count" }];
|
|
|
@ -321,23 +322,23 @@ $(document).ready(function(){
|
|
|
|
$P.getCodeSubsetInfoList = () => {
|
|
|
|
$P.getCodeSubsetInfoList = () => {
|
|
|
|
var codeSubsetInfoList = [];
|
|
|
|
var codeSubsetInfoList = [];
|
|
|
|
|
|
|
|
|
|
|
|
var groupLevel1subset = $P.getCodeSubsetInfo("groupLevel1--${pageName}");
|
|
|
|
var groupLevel1subset = $P.getCodeSubsetInfo("groupLevel1");
|
|
|
|
var groupLevel2subset = $P.getCodeSubsetInfo("groupLevel2--${pageName}");
|
|
|
|
var groupLevel2subset = $P.getCodeSubsetInfo("groupLevel2");
|
|
|
|
var groupLevel3subset = $P.getCodeSubsetInfo("groupLevel3--${pageName}");
|
|
|
|
var groupLevel3subset = $P.getCodeSubsetInfo("groupLevel3");
|
|
|
|
var groupLevel4subset = $P.getCodeSubsetInfo("groupLevel4--${pageName}");
|
|
|
|
var groupLevel4subset = $P.getCodeSubsetInfo("groupLevel4");
|
|
|
|
var subsetForGroup = [];
|
|
|
|
var subsetForGroup = [];
|
|
|
|
subsetForGroup = subsetForGroup.concat(groupLevel1subset);
|
|
|
|
subsetForGroup = subsetForGroup.concat(groupLevel1subset);
|
|
|
|
if($("#groupLevel2--${pageName}").val() != ""){
|
|
|
|
if($P.$find("groupLevel2").val() != ""){
|
|
|
|
subsetForGroup = subsetForGroup.concat(groupLevel2subset);
|
|
|
|
subsetForGroup = subsetForGroup.concat(groupLevel2subset);
|
|
|
|
if($("#groupLevel3--${pageName}").val() != ""){
|
|
|
|
if($P.$find("groupLevel3").val() != ""){
|
|
|
|
subsetForGroup = subsetForGroup.concat(groupLevel3subset);
|
|
|
|
subsetForGroup = subsetForGroup.concat(groupLevel3subset);
|
|
|
|
if($("#groupLevel4--${pageName}").val() != ""){
|
|
|
|
if($P.$find("groupLevel4").val() != ""){
|
|
|
|
subsetForGroup = subsetForGroup.concat(groupLevel4subset);
|
|
|
|
subsetForGroup = subsetForGroup.concat(groupLevel4subset);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
var subsetForPreset = $P.getCodeSubsetInfo("preset--${pageName}");
|
|
|
|
var subsetForPreset = $P.getCodeSubsetInfo("preset");
|
|
|
|
|
|
|
|
|
|
|
|
codeSubsetInfoList = subsetForGroup.concat(subsetForPreset);
|
|
|
|
codeSubsetInfoList = subsetForGroup.concat(subsetForPreset);
|
|
|
|
|
|
|
|
|
|
|
@ -349,10 +350,10 @@ $(document).ready(function(){
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
//특정 요소의 코드서브셋 정보 추출
|
|
|
|
//특정 요소의 코드서브셋 정보 추출
|
|
|
|
$P.getCodeSubsetInfo = (elementId) => {
|
|
|
|
$P.getCodeSubsetInfo = (elementName) => {
|
|
|
|
var result = [];
|
|
|
|
var result = [];
|
|
|
|
|
|
|
|
|
|
|
|
var selected = $("#"+elementId).find(":selected");
|
|
|
|
var selected = $P.$find(elementName).find(":selected");
|
|
|
|
if(window[selected.val()+"_codeSubsetInfoList"] != undefined){
|
|
|
|
if(window[selected.val()+"_codeSubsetInfoList"] != undefined){
|
|
|
|
result = window[selected.val()+"_codeSubsetInfoList"];
|
|
|
|
result = window[selected.val()+"_codeSubsetInfoList"];
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -384,64 +385,64 @@ $(document).ready(function(){
|
|
|
|
$P.changeGrid = () => {
|
|
|
|
$P.changeGrid = () => {
|
|
|
|
|
|
|
|
|
|
|
|
//그룹단위 초기화
|
|
|
|
//그룹단위 초기화
|
|
|
|
if($("#groupLevel2--${pageName}").val() == ""){
|
|
|
|
if($P.$find("groupLevel2").val() == ""){
|
|
|
|
$("#groupLevel3--${pageName}").val("");
|
|
|
|
$P.$find("groupLevel3").val("");
|
|
|
|
$("#groupLevel3--${pageName}").attr("disabled","disabled");
|
|
|
|
$P.$find("groupLevel3").attr("disabled","disabled");
|
|
|
|
} else {
|
|
|
|
} else {
|
|
|
|
$("#groupLevel3--${pageName}").removeAttr("disabled");
|
|
|
|
$P.$find("groupLevel3").removeAttr("disabled");
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
if($("#groupLevel3--${pageName}").val() == ""){
|
|
|
|
if($P.$find("groupLevel3").val() == ""){
|
|
|
|
$("#groupLevel4--${pageName}").val("");
|
|
|
|
$P.$find("groupLevel4").val("");
|
|
|
|
$("#groupLevel4--${pageName}").attr("disabled","disabled");
|
|
|
|
$P.$find("groupLevel4").attr("disabled","disabled");
|
|
|
|
} else {
|
|
|
|
} else {
|
|
|
|
$("#groupLevel4--${pageName}").removeAttr("disabled");
|
|
|
|
$P.$find("groupLevel4").removeAttr("disabled");
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
//그리드 초기화
|
|
|
|
//그리드 초기화
|
|
|
|
$("#masterThead--${pageName}").html("");
|
|
|
|
$P.$find("masterThead").html("");
|
|
|
|
$("#masterTbody--${pageName}").html("");
|
|
|
|
$P.$find("masterTbody").html("");
|
|
|
|
$("#detailThead--${pageName}").html("");
|
|
|
|
$P.$find("detailThead").html("");
|
|
|
|
$("#detailTbody--${pageName}").html("");
|
|
|
|
$P.$find("detailTbody").html("");
|
|
|
|
|
|
|
|
|
|
|
|
//상단 그리드
|
|
|
|
//상단 그리드
|
|
|
|
var level1Text = $("#groupLevel1--${pageName}").find(":selected").text();
|
|
|
|
var level1Text = $P.$find("groupLevel1").find(":selected").text();
|
|
|
|
$("#masterThead--${pageName}").append("<th class='text-orange' style='width:160px'>"+level1Text+"</th>");
|
|
|
|
$P.$find("masterThead").append("<th class='text-orange' style='width:160px'>"+level1Text+"</th>");
|
|
|
|
|
|
|
|
|
|
|
|
if($("#groupLevel2--${pageName}").val() != ""){
|
|
|
|
if($P.$find("groupLevel2").val() != ""){
|
|
|
|
var level2Text = $("#groupLevel2--${pageName}").find(":selected").text();
|
|
|
|
var level2Text = $P.$find("groupLevel2").find(":selected").text();
|
|
|
|
$("#masterThead--${pageName}").append("<th class='text-orange' style='width:160px'>"+level2Text+"</th>");
|
|
|
|
$P.$find("masterThead").append("<th class='text-orange' style='width:160px'>"+level2Text+"</th>");
|
|
|
|
|
|
|
|
|
|
|
|
if($("#groupLevel3--${pageName}").val() != ""){
|
|
|
|
if($P.$find("groupLevel3").val() != ""){
|
|
|
|
var level3Text = $("#groupLevel3--${pageName}").find(":selected").text();
|
|
|
|
var level3Text = $P.$find("groupLevel3").find(":selected").text();
|
|
|
|
$("#masterThead--${pageName}").append("<th class='text-orange' style='width:160px'>"+level3Text+"</th>");
|
|
|
|
$P.$find("masterThead").append("<th class='text-orange' style='width:160px'>"+level3Text+"</th>");
|
|
|
|
|
|
|
|
|
|
|
|
if($("#groupLevel4--${pageName}").val() != ""){
|
|
|
|
if($P.$find("groupLevel4").val() != ""){
|
|
|
|
var level4Text = $("#groupLevel4--${pageName}").find(":selected").text();
|
|
|
|
var level4Text = $P.$find("groupLevel4").find(":selected").text();
|
|
|
|
$("#masterThead--${pageName}").append("<th class='text-orange' style='width:160px'>"+level4Text+"</th>");
|
|
|
|
$P.$find("masterThead").append("<th class='text-orange' style='width:160px'>"+level4Text+"</th>");
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
var preset = $("#preset--${pageName}").find(":selected");
|
|
|
|
var preset = $P.$find("preset").find(":selected");
|
|
|
|
var cols = preset.text().split(",");
|
|
|
|
var cols = preset.text().split(",");
|
|
|
|
for(var i=0; i < cols.length; i++){
|
|
|
|
for(var i=0; i < cols.length; i++){
|
|
|
|
$("#masterThead--${pageName}").append("<th style='width: 160px;'>"+cols[i]+"</th>");
|
|
|
|
$P.$find("masterThead").append("<th style='width: 160px;'>"+cols[i]+"</th>");
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
$("#masterThead--${pageName}").append("<th class='cmn dummy-th'></th>");
|
|
|
|
$P.$find("masterThead").append("<th class='cmn dummy-th'></th>");
|
|
|
|
|
|
|
|
|
|
|
|
//하단 그리드
|
|
|
|
//하단 그리드
|
|
|
|
var detailTheadTemplate = document.getElementById("detailGridTheadTemplate--${pageName}");
|
|
|
|
var detailTheadTemplate = $P.find("detailGridTheadTemplate");
|
|
|
|
$("#detailThead--${pageName}").append(detailTheadTemplate.innerHTML);
|
|
|
|
$P.$find("detailThead").append(detailTheadTemplate.innerHTML);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
//상세 그리드 표시
|
|
|
|
//상세 그리드 표시
|
|
|
|
$P.showDetailGrid = () => {
|
|
|
|
$P.showDetailGrid = () => {
|
|
|
|
if($("#refListYn--${pageName}").val() == "Y"){
|
|
|
|
if($P.$find("refListYn").val() == "Y"){
|
|
|
|
$("#detailArea--${pageName}").removeAttr("hidden");
|
|
|
|
$P.$find("detailArea").removeAttr("hidden");
|
|
|
|
} else {
|
|
|
|
} else {
|
|
|
|
$("#detailArea--${pageName}").attr("hidden","hidden");
|
|
|
|
$P.$find("detailArea").attr("hidden","hidden");
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
@ -449,7 +450,7 @@ $(document).ready(function(){
|
|
|
|
$P.searchStat = () => {
|
|
|
|
$P.searchStat = () => {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var formFields = new FimsFormFields("#frmSearch--${pageName}");
|
|
|
|
var formFields = new FimsFormFields($P.selector("frmSearch"));
|
|
|
|
var formFieldsData = formFields.get();
|
|
|
|
var formFieldsData = formFields.get();
|
|
|
|
|
|
|
|
|
|
|
|
if(formFieldsData.firstDay == "" || formFieldsData.lastDay == ""){
|
|
|
|
if(formFieldsData.firstDay == "" || formFieldsData.lastDay == ""){
|
|
|
@ -477,9 +478,9 @@ $(document).ready(function(){
|
|
|
|
statQuery.schOnlyRent = formFieldsData.schOnlyRent;
|
|
|
|
statQuery.schOnlyRent = formFieldsData.schOnlyRent;
|
|
|
|
|
|
|
|
|
|
|
|
//통계 유형
|
|
|
|
//통계 유형
|
|
|
|
var preset = $("#preset--${pageName}").find(":selected");
|
|
|
|
var preset = $P.$find("preset").find(":selected");
|
|
|
|
if(preset.val() == "totCnt"){
|
|
|
|
if(preset.val() == "totCnt"){
|
|
|
|
statQuery.statDomain = $("#defaultStatDomain--${pageName}").val();
|
|
|
|
statQuery.statDomain = $P.$find("defaultStatDomain").val();
|
|
|
|
} else {
|
|
|
|
} else {
|
|
|
|
statQuery.statDomain = preset[0].dataset.statDomain;
|
|
|
|
statQuery.statDomain = preset[0].dataset.statDomain;
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -515,8 +516,8 @@ $(document).ready(function(){
|
|
|
|
|
|
|
|
|
|
|
|
//통계 그리드 렌더링
|
|
|
|
//통계 그리드 렌더링
|
|
|
|
$P.renderStat = (stat) => {
|
|
|
|
$P.renderStat = (stat) => {
|
|
|
|
$("#masterTbody--${pageName}").html("");
|
|
|
|
$P.$find("masterTbody").html("");
|
|
|
|
$("#detailTbody--${pageName}").html("");
|
|
|
|
$P.$find("detailTbody").html("");
|
|
|
|
refListMap = {};
|
|
|
|
refListMap = {};
|
|
|
|
|
|
|
|
|
|
|
|
var statItems = stat.statItems;
|
|
|
|
var statItems = stat.statItems;
|
|
|
@ -571,59 +572,59 @@ $(document).ready(function(){
|
|
|
|
|
|
|
|
|
|
|
|
tr += "</tr>";
|
|
|
|
tr += "</tr>";
|
|
|
|
|
|
|
|
|
|
|
|
$("#masterTbody--${pageName}").append(tr);
|
|
|
|
$P.$find("masterTbody").append(tr);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
$("#masterTbody--${pageName} tr").attr("onclick","pageObject['${pageName}'].clickMasterGrid(this);");
|
|
|
|
$P.$find("masterTbody").find("tr").attr("onclick","pageObject['${pageName}'].clickMasterGrid(this);");
|
|
|
|
$("#masterTbody--${pageName} tr").attr("ondblclick","pageObject['${pageName}'].dblClickMasterGrid(this);");
|
|
|
|
$P.$find("masterTbody").find("tr").attr("ondblclick","pageObject['${pageName}'].dblClickMasterGrid(this);");
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
$P.clickMasterGrid = (obj) => {
|
|
|
|
$P.clickMasterGrid = (obj) => {
|
|
|
|
var dataKey = obj.dataset.key;
|
|
|
|
var dataKey = obj.dataset.key;
|
|
|
|
$("#masterTbody--${pageName}").setCurrentRow(dataKey);
|
|
|
|
$P.$find("masterTbody").setCurrentRow(dataKey);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
$P.dblClickMasterGrid = (obj) => {
|
|
|
|
$P.dblClickMasterGrid = (obj) => {
|
|
|
|
var dataKey = obj.dataset.key;
|
|
|
|
var dataKey = obj.dataset.key;
|
|
|
|
$P.alt.dataset.setData(refListMap[dataKey]);
|
|
|
|
$P.alt.dataset.setData(refListMap[dataKey]);
|
|
|
|
|
|
|
|
|
|
|
|
var offset = $('#masterArea--${pageName}').offset();
|
|
|
|
var offset = $P.$find("masterArea").offset();
|
|
|
|
$('#statWrapper--${pageName}').animate({scrollTop : offset.top}, 400);
|
|
|
|
$P.$find("statWrapper").animate({scrollTop : offset.top}, 400);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
$P.clickDetailGrid = (key) => {
|
|
|
|
$P.clickDetailGrid = (key) => {
|
|
|
|
$("#detailTbody--${pageName}").setCurrentRow(key);
|
|
|
|
$P.$find("detailTbody").setCurrentRow(key);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
$P.dblClickDetailGrid = (key) => {
|
|
|
|
$P.dblClickDetailGrid = (key) => {
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
initDatepicker("frmSearch--${pageName}"); //달력 초기화
|
|
|
|
initDatepicker($P.find("frmSearch")); //달력 초기화
|
|
|
|
|
|
|
|
|
|
|
|
$("#dayColumn--${pageName}").append(document.getElementById("dayColumnDatalist--${pageName}").innerHTML);
|
|
|
|
$P.$find("dayColumn").append($P.find("dayColumnDatalist").innerHTML);
|
|
|
|
|
|
|
|
|
|
|
|
$("#searchForMenu--${pageName}").append(document.getElementById("searchForMenuTemplate--${pageName}").innerHTML);
|
|
|
|
$P.$find("searchForMenu").append($P.find("searchForMenuTemplate").innerHTML);
|
|
|
|
|
|
|
|
|
|
|
|
$("#groupLevel1--${pageName}").append(document.getElementById("groupLevelDatalist--${pageName}").innerHTML);
|
|
|
|
$P.$find("groupLevel1").append($P.find("groupLevelDatalist").innerHTML);
|
|
|
|
$("#groupLevel2--${pageName}").append(document.getElementById("groupLevelDatalist--${pageName}").innerHTML);
|
|
|
|
$P.$find("groupLevel2").append($P.find("groupLevelDatalist").innerHTML);
|
|
|
|
$("#groupLevel3--${pageName}").append(document.getElementById("groupLevelDatalist--${pageName}").innerHTML);
|
|
|
|
$P.$find("groupLevel3").append($P.find("groupLevelDatalist").innerHTML);
|
|
|
|
$("#groupLevel4--${pageName}").append(document.getElementById("groupLevelDatalist--${pageName}").innerHTML);
|
|
|
|
$P.$find("groupLevel4").append($P.find("groupLevelDatalist").innerHTML);
|
|
|
|
|
|
|
|
|
|
|
|
$("#preset--${pageName}").append(document.getElementById("presetDatalist--${pageName}").innerHTML);
|
|
|
|
$P.$find("preset").append($P.find("presetDatalist").innerHTML);
|
|
|
|
|
|
|
|
|
|
|
|
/**************************************************************************
|
|
|
|
/**************************************************************************
|
|
|
|
* element.on
|
|
|
|
* element.on
|
|
|
|
**************************************************************************/
|
|
|
|
**************************************************************************/
|
|
|
|
$('#btnReset--${pageName}').on('click', () => $P.fnReset());
|
|
|
|
$P.$find("btnReset").on('click', () => $P.fnReset());
|
|
|
|
$('#btnSearch--${pageName}').on('click', () => $P.searchStat());
|
|
|
|
$P.$find("btnSearch").on('click', () => $P.searchStat());
|
|
|
|
|
|
|
|
|
|
|
|
$('#groupLevel1--${pageName}').on('change', () => $P.changeGrid());
|
|
|
|
$P.$find("groupLevel1").on('change', () => $P.changeGrid());
|
|
|
|
$('#groupLevel2--${pageName}').on('change', () => $P.changeGrid());
|
|
|
|
$P.$find("groupLevel2").on('change', () => $P.changeGrid());
|
|
|
|
$('#groupLevel3--${pageName}').on('change', () => $P.changeGrid());
|
|
|
|
$P.$find("groupLevel3").on('change', () => $P.changeGrid());
|
|
|
|
$('#groupLevel4--${pageName}').on('change', () => $P.changeGrid());
|
|
|
|
$P.$find("groupLevel4").on('change', () => $P.changeGrid());
|
|
|
|
$("#preset--${pageName}").on('change', () => $P.changeGrid());
|
|
|
|
$P.$find("preset").on('change', () => $P.changeGrid());
|
|
|
|
|
|
|
|
|
|
|
|
$("#refListYn--${pageName}").on('change', () => $P.showDetailGrid());
|
|
|
|
$P.$find("refListYn").on('change', () => $P.showDetailGrid());
|
|
|
|
|
|
|
|
|
|
|
|
$P.fnReset();
|
|
|
|
$P.fnReset();
|
|
|
|
});
|
|
|
|
});
|
|
|
|