|
|
@ -70,25 +70,25 @@
|
|
|
|
<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">그룹단위1</label>
|
|
|
|
<label class="form-label fw-bold form-search-title text-end">그룹단위1</label>
|
|
|
|
<select name="groupLevel1" class="form-select">
|
|
|
|
<select id="groupLevel1--${pageName}" 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">그룹단위2</label>
|
|
|
|
<label class="form-label fw-bold form-search-title text-end">그룹단위2</label>
|
|
|
|
<select name="groupLevel2" class="form-select">
|
|
|
|
<select id="groupLevel2--${pageName}" 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">그룹단위3</label>
|
|
|
|
<label class="form-label fw-bold form-search-title text-end">그룹단위3</label>
|
|
|
|
<select name="groupLevel3" class="form-select">
|
|
|
|
<select id="groupLevel3--${pageName}" 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">그룹단위4</label>
|
|
|
|
<label class="form-label fw-bold form-search-title text-end">그룹단위4</label>
|
|
|
|
<select name="groupLevel4" class="form-select">
|
|
|
|
<select id="groupLevel4--${pageName}" name="groupLevel4" class="form-select">
|
|
|
|
<option value="">미선택</option>
|
|
|
|
<option value="">미선택</option>
|
|
|
|
</select>
|
|
|
|
</select>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
@ -103,6 +103,10 @@
|
|
|
|
<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">상세목록</label>
|
|
|
|
<label class="form-label fw-bold form-search-title text-end">상세목록</label>
|
|
|
|
|
|
|
|
<select id="refListYn--${pageName}" name="refListYn" class="form-select">
|
|
|
|
|
|
|
|
<option value="N">미조회</option>
|
|
|
|
|
|
|
|
<option value="Y">조회</option>
|
|
|
|
|
|
|
|
</select>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
@ -110,12 +114,42 @@
|
|
|
|
</form>
|
|
|
|
</form>
|
|
|
|
</span>
|
|
|
|
</span>
|
|
|
|
|
|
|
|
|
|
|
|
<span id="grid--${pageName}">
|
|
|
|
<span>
|
|
|
|
|
|
|
|
<div class="card-datatable text-nowrap">
|
|
|
|
|
|
|
|
<div class="dataTables_wrapper dt-bootstrap5 no-footer">
|
|
|
|
|
|
|
|
<div class="table-responsive"
|
|
|
|
|
|
|
|
style="overflow-x: scroll;height:500px;overflow-y: scroll;">
|
|
|
|
|
|
|
|
<table id="masterTable--${pageName}"
|
|
|
|
|
|
|
|
class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
|
|
|
|
|
|
|
|
<thead class="sticky-thead">
|
|
|
|
|
|
|
|
<tr id="masterThead--${pageName}">
|
|
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
|
|
</thead>
|
|
|
|
|
|
|
|
<tbody id="masterTbody--${pageName}">
|
|
|
|
|
|
|
|
</tbody>
|
|
|
|
|
|
|
|
</table>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</span>
|
|
|
|
</span>
|
|
|
|
|
|
|
|
|
|
|
|
<span id="detailGrid--${pageName}">
|
|
|
|
<span id="detailArea" hidden>
|
|
|
|
|
|
|
|
<div class="card-datatable text-nowrap">
|
|
|
|
|
|
|
|
<div class="dataTables_wrapper dt-bootstrap5 no-footer">
|
|
|
|
|
|
|
|
<div class="table-responsive"
|
|
|
|
|
|
|
|
style="overflow-x: scroll;height:500px;overflow-y: scroll;">
|
|
|
|
|
|
|
|
<table id="detailTable--${pageName}"
|
|
|
|
|
|
|
|
class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
|
|
|
|
|
|
|
|
<thead class="sticky-thead">
|
|
|
|
|
|
|
|
<tr id="detailThead--${pageName}">
|
|
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
|
|
</thead>
|
|
|
|
|
|
|
|
<tbody id="detailTbody--${pageName}">
|
|
|
|
|
|
|
|
</tbody>
|
|
|
|
|
|
|
|
</table>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</span>
|
|
|
|
</span>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
@ -140,27 +174,107 @@ $(document).ready(function(){
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
$P.getGroupInfoList = () => {
|
|
|
|
|
|
|
|
var groupInfoLiost = [];
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var selected = $("#groupLevel1--${pageName}").find(":selected");
|
|
|
|
|
|
|
|
groupInfoLiost.push({
|
|
|
|
|
|
|
|
refCol : selected[0].dataset.refCol,
|
|
|
|
|
|
|
|
ctgrType : selected[0].dataset.ctgrType,
|
|
|
|
|
|
|
|
dtlCtgr : selected[0].dataset.dtlCtgr
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
selected = $("#groupLevel2--${pageName}").find(":selected");
|
|
|
|
|
|
|
|
if(selected.val() == ""){
|
|
|
|
|
|
|
|
return groupInfoLiost;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
groupInfoLiost.push({
|
|
|
|
|
|
|
|
refCol : selected[0].dataset.refCol,
|
|
|
|
|
|
|
|
ctgrType : selected[0].dataset.ctgrType,
|
|
|
|
|
|
|
|
dtlCtgr : selected[0].dataset.dtlCtgr
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
selected = $("#groupLevel3--${pageName}").find(":selected");
|
|
|
|
|
|
|
|
if(selected.val() == ""){
|
|
|
|
|
|
|
|
return groupInfoLiost;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
groupInfoLiost.push({
|
|
|
|
|
|
|
|
refCol : selected[0].dataset.refCol,
|
|
|
|
|
|
|
|
ctgrType : selected[0].dataset.ctgrType,
|
|
|
|
|
|
|
|
dtlCtgr : selected[0].dataset.dtlCtgr
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
selected = $("#groupLevel4--${pageName}").find(":selected");
|
|
|
|
|
|
|
|
if(selected.val() == ""){
|
|
|
|
|
|
|
|
return groupInfoLiost;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
groupInfoLiost.push({
|
|
|
|
|
|
|
|
refCol : selected[0].dataset.refCol,
|
|
|
|
|
|
|
|
ctgrType : selected[0].dataset.ctgrType,
|
|
|
|
|
|
|
|
dtlCtgr : selected[0].dataset.dtlCtgr
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
return groupInfoLiost;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
$P.getNumberValueInfoList = () => {
|
|
|
|
|
|
|
|
var numberValuefoLiost = [];
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
return numberValuefoLiost;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
$P.searchStat = () => {
|
|
|
|
$P.searchStat = () => {
|
|
|
|
|
|
|
|
|
|
|
|
var defaultQuery = {
|
|
|
|
var statQuery = {
|
|
|
|
structureType : "list",
|
|
|
|
structureType : "aggregate"
|
|
|
|
refCol : ["OPNN_SBMSN_STTS_CD"],
|
|
|
|
|
|
|
|
ctgrType : ["code"],
|
|
|
|
|
|
|
|
dtlCtgr : ["FIM031"]
|
|
|
|
|
|
|
|
};
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
ajax.get({
|
|
|
|
var formFields = new FimsFormFields("#frmSearch--${pageName}");
|
|
|
|
url : wctx.url("/stat/stat01/010/info.do"),
|
|
|
|
var formFieldsData = formFields.get();
|
|
|
|
data : defaultQuery,
|
|
|
|
|
|
|
|
success : (resp) => {
|
|
|
|
//업무구분
|
|
|
|
|
|
|
|
if(formFieldsData.taskSeCd != ""){
|
|
|
|
|
|
|
|
statQuery.taskSeCd = formFieldsData.taskSeCd;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//집계 그룹 정보
|
|
|
|
|
|
|
|
statQuery.groupInfoList = $P.getGroupInfoList();
|
|
|
|
|
|
|
|
//수치값 정보
|
|
|
|
|
|
|
|
statQuery.numberValueInfoList = $P.getNumberValueInfoList();
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
//상세목록 조회 여부
|
|
|
|
});
|
|
|
|
statQuery.refListYn = formFieldsData.refListYn;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//ajax.get({
|
|
|
|
|
|
|
|
// url : wctx.url("/stat/stat01/010/info.do"),
|
|
|
|
|
|
|
|
// data : defaultQuery,
|
|
|
|
|
|
|
|
// success : (resp) => {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
//});
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
initDatepicker("frmSearch--${pageName}"); //달력 초기화
|
|
|
|
initDatepicker("frmSearch--${pageName}"); //달력 초기화
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
$("#schDateOpt--${pageName}").append(document.getElementById("schDateOptDatalist--${pageName}").innerHTML);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
$("#groupLevel1--${pageName}").append(document.getElementById("groupLevelDatalist--${pageName}").innerHTML);
|
|
|
|
|
|
|
|
$("#groupLevel2--${pageName}").append(document.getElementById("groupLevelDatalist--${pageName}").innerHTML);
|
|
|
|
|
|
|
|
$("#groupLevel3--${pageName}").append(document.getElementById("groupLevelDatalist--${pageName}").innerHTML);
|
|
|
|
|
|
|
|
$("#groupLevel4--${pageName}").append(document.getElementById("groupLevelDatalist--${pageName}").innerHTML);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
$("#searchForMenu--${pageName}").append(document.getElementById("searchForMenuTemplate--${pageName}").innerHTML);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/**************************************************************************
|
|
|
|
/**************************************************************************
|
|
|
|
* element.on
|
|
|
|
* element.on
|
|
|
|
**************************************************************************/
|
|
|
|
**************************************************************************/
|
|
|
|