|
|
|
@ -9,62 +9,86 @@
|
|
|
|
|
<div class="container flex-grow-1 px-0 row g-1">
|
|
|
|
|
<!-- Page Body -->
|
|
|
|
|
<div class="card col-6">
|
|
|
|
|
<label class="form-label fw-bold form-search-title" for="Receipt--${pageName}">신청서 정보</label>
|
|
|
|
|
<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 h-px-250" 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: 72px;">No.</th>
|
|
|
|
|
<th class="cmn" style="width: 160.141px;">취급일자</th>
|
|
|
|
|
<th class="cmn" style="width: 160.141px;">관리번호</th>
|
|
|
|
|
<th class="cmn" style="width: 230.469px;">업체명</th>
|
|
|
|
|
<th class="cmn" style="width: 100px;">보고건수</th>
|
|
|
|
|
<th class="cmn" style="width: 230.469px;">처리상태</th>
|
|
|
|
|
<th class="cmn" style="width: 180px;">폐기구분</th>
|
|
|
|
|
<th class="cmn" style="width: 230.469px;">폐기사유</th>
|
|
|
|
|
<th class="cmn" style="width: 180px;">폐기방법</th>
|
|
|
|
|
<th class="cmn" style="width: 230.469px;">폐기장소</th>
|
|
|
|
|
<th class="cmn" style="width: 230.469px;">폐기일자</th>
|
|
|
|
|
</tr>
|
|
|
|
|
</thead>
|
|
|
|
|
<tbody id="tbody--${pageName}">
|
|
|
|
|
</tbody>
|
|
|
|
|
<template id="${infoPrefix}Row--${pageName}">
|
|
|
|
|
<tr data-key="{USR_RPT_ID_NO}">
|
|
|
|
|
<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{ROW_NUM}</td>
|
|
|
|
|
<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{HDR_DE}</td>
|
|
|
|
|
<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{DSCDMNG_ID}</td>
|
|
|
|
|
<td class="cmn text-start" onclick="{onclick}" ondblclick="{ondblclick}">{BSSH_NM}</td>
|
|
|
|
|
<td class="cmn text-end" onclick="{onclick}" ondblclick="{ondblclick}">{RND_DTL_RPT_CNT}</td>
|
|
|
|
|
<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{PRGRS_STTS_NM}</td>
|
|
|
|
|
<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{DSUSE_SE_NM}</td>
|
|
|
|
|
<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{DSUSE_PRV_NM}</td>
|
|
|
|
|
<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{DSUSE_MTH_NM}</td>
|
|
|
|
|
<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{DSUSE_LOC}</td>
|
|
|
|
|
<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{DSUSE_DE}</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 class="card">
|
|
|
|
|
<!-- 입력 영역 -->
|
|
|
|
|
<form id="frmEdit--${pageName}" name="frmEdit">
|
|
|
|
|
<!-- hidden -->
|
|
|
|
|
<input type="hidden" name="dscdmngId" data-map="dscdmngId" />
|
|
|
|
|
<label class="form-label fw-bold form-search-title" for="Rslt--${pageName}">신청 정보</label>
|
|
|
|
|
<div class="row my-1 mx-4 g-1 border-card rounded-3">
|
|
|
|
|
<input type="hidden" id="usrRptIdNo--${pageName}" name="usrRptIdNo" data-map="usrRptIdNo">
|
|
|
|
|
<div class="col-md-6">
|
|
|
|
|
<label for="dscdmngId--${pageName}" class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">폐기관리번호</label>
|
|
|
|
|
<input type="text" class="form-control w-60" id="dscdmngId--${pageName}" name="dscdmngId" data-map="dscdmngId" readonly>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-md-6">
|
|
|
|
|
<label for="bsshNm--${pageName}" class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">업체명</label>
|
|
|
|
|
<input type="text" class="form-control w-60" id="bsshNm--${pageName}" name="bsshNm" data-map="bsshNm" readonly>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-md-6">
|
|
|
|
|
<label for="indutyNm--${pageName}" class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">업종명</label>
|
|
|
|
|
<input type="text" class="form-control w-60" id="indutyNm--${pageName}" name="indutyNm" data-map="indutyNm" readonly>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-md-6">
|
|
|
|
|
<label for="rndDtlRptCnt--${pageName}" class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">보고건수</label>
|
|
|
|
|
<input type="text" class="form-control w-60" id="rndDtlRptCnt--${pageName}" name="rndDtlRptCnt" data-map="rndDtlRptCnt" readonly>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-md-12">
|
|
|
|
|
<label for="dsusePrvNm--${pageName}" class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">폐기사유</label>
|
|
|
|
|
<input type="text" class="form-control w-60" id="dsusePrvNm--${pageName}" name="dsusePrvNm" data-map="dsusePrvNm" readonly>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="row my-1 mx-1 g-1 border-card rounded"></div>
|
|
|
|
|
<%-- <label for="bssh--${pageName}">폐기 정보</label>--%>
|
|
|
|
|
<div class="row my-1 mx-4 g-1 border-card rounded-3">
|
|
|
|
|
<div class="col-md-6">
|
|
|
|
|
<label for="hdrDe--${pageName}" class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">취급일자</label>
|
|
|
|
|
<input type="text" class="form-control w-45 form-date" id="hdrDe--${pageName}" name="hdrDe" data-fmt-type="day" data-map="hdrDe" autocomplete="off" title="종료 날짜 선택" readonly/>
|
|
|
|
|
<button type="button" class="bx bx-sm bx-calendar bg-white"></button>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-md-6">
|
|
|
|
|
<label for="dsuseDe--${pageName}" class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">폐기일자</label>
|
|
|
|
|
<input type="text" class="form-control w-45 form-date" id="dsuseDe--${pageName}" name="dsuseDe" data-fmt-type="day" data-map="dsuseDe" autocomplete="off" title="종료 날짜 선택" readonly/>
|
|
|
|
|
<button type="button" class="bx bx-sm bx-calendar bg-white"></button>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-md-6">
|
|
|
|
|
<label for="dsuseSeCd--${pageName}" class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">폐기구분</label>
|
|
|
|
|
<select class="form-select w-60" id="dsuseSeCd--${pageName}" name="dsuseSeCd" style="pointer-events: none;">
|
|
|
|
|
<option value="1">보건소폐기</option>
|
|
|
|
|
<option value="2">공무원임회</option>
|
|
|
|
|
<option value="4">도난/분실/재해 발생 사고마약류</option>
|
|
|
|
|
</select>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-md-6">
|
|
|
|
|
<label for="dsuseMthCd--${pageName}" class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">폐기방법</label>
|
|
|
|
|
<select class="form-select w-60" id="dsuseMthCd--${pageName}" name="dsuseMthCd" style="pointer-events: none;">
|
|
|
|
|
<option value="1">소각</option>
|
|
|
|
|
<option value="2">중화</option>
|
|
|
|
|
<option value="3">가수분해</option>
|
|
|
|
|
<option value="4">산화</option>
|
|
|
|
|
<option value="5">환원</option>
|
|
|
|
|
<option value="6">희석</option>
|
|
|
|
|
<option value="7">매몰</option>
|
|
|
|
|
<option value="8">기타(파쇄,혼합)</option>
|
|
|
|
|
<option value="9">사고(사고마약류중재해상실, 분실, 도난에의한경우)</option>
|
|
|
|
|
</select>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-md-12">
|
|
|
|
|
<label for="dsuseLoc--${pageName}" class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">폐기장소</label>
|
|
|
|
|
<input type="text" class="form-control w-80" id="dsuseLoc--${pageName}" name="dsuseLoc" data-map="dsuseLoc">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</form> <!-- /입력 영역 -->
|
|
|
|
|
</div>
|
|
|
|
|
<!-- / DataTables(그리드) -->
|
|
|
|
|
<div class="card">
|
|
|
|
|
<label class="form-label fw-bold form-search-title" for="ReceiptDetail--${pageName}">제품 정보</label>
|
|
|
|
|
<div class="row g-1">
|
|
|
|
|
<div class="card-datatable text-nowrap">
|
|
|
|
|
<div class="dataTables_wrapper dt-bootstrap5 no-footer" id="DataTables_Table_1_wrapper--${pageName}">
|
|
|
|
|
<div class="table-responsive ox-scroll oy-scroll h-px-300" id="table-responsive-1--${pageName}">
|
|
|
|
|
<div class="dataTables_wrapper dt-bootstrap5 no-footer" id="DataTables_Table_0_wrapper--${pageName}">
|
|
|
|
|
<div class="table-responsive ox-scroll oy-scroll h-px-300" id="table-responsive-0--${pageName}">
|
|
|
|
|
<table class="table-layout-fixed dataTable datatables-ajax table table-bordered no-footer"
|
|
|
|
|
id="DataTables_Table_1--${pageName}" aria-describedby="DataTables_Table_0_info">
|
|
|
|
|
id="DataTables_Table_0--${pageName}" aria-describedby="DataTables_Table_0_info">
|
|
|
|
|
<thead class="sticky-thead">
|
|
|
|
|
<tr>
|
|
|
|
|
<th class="cmn" style="width: 72px;">No.</th>
|
|
|
|
@ -151,6 +175,7 @@
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="row my-1 mx-1 g-1 border-card rounded"></div>
|
|
|
|
|
<!-- / DataTables(그리드) -->
|
|
|
|
|
<div class="card">
|
|
|
|
|
<label class="form-label fw-bold form-search-title" for="RsltDetail--${pageName}">제품 정보</label>
|
|
|
|
@ -225,56 +250,37 @@
|
|
|
|
|
let $P = pageObject["${pageName}"];
|
|
|
|
|
|
|
|
|
|
// FormFields
|
|
|
|
|
$P.bsshFormFields = new AddsFormFields("#bssh--${pageName}");
|
|
|
|
|
$P.formFields = new AddsFormFields("#frmEdit--${pageName}");
|
|
|
|
|
$P.productFormFields = new AddsFormFields("#product--${pageName}");
|
|
|
|
|
|
|
|
|
|
/**************************************************************************
|
|
|
|
|
* DatasetControl
|
|
|
|
|
**************************************************************************/
|
|
|
|
|
$P.control = new DatasetControl({
|
|
|
|
|
prefix: "dsuseMgtReceiptBssh"
|
|
|
|
|
prefix: "dsuseMgtMapping"
|
|
|
|
|
, prefixName: "마약류 취급업체 조회"
|
|
|
|
|
, keymapper: info => info ? info.bsshCd : ""
|
|
|
|
|
, keymapper: info => info ? info.dscdmngId : ""
|
|
|
|
|
, dataGetter: obj => obj.${infoPrefix}Info
|
|
|
|
|
, infoSize: "xl"
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
$P.productControl = new DatasetControl({
|
|
|
|
|
prefix: "dsuseMgtReceiptProduct"
|
|
|
|
|
, prefixName: "마약류 제품 조회"
|
|
|
|
|
, keymapper: info => info ? info.prductCd : ""
|
|
|
|
|
, dataGetter: obj => obj.${infoPrefix}Info
|
|
|
|
|
, infoSize: "xl"
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
$P.productList = new Dataset({
|
|
|
|
|
prefix: "dsuseMgtReceiptProductList"
|
|
|
|
|
, prefixName: "마약류 제품 조회"
|
|
|
|
|
, keymapper: info => info ? info.prductCd : ""
|
|
|
|
|
, dataGetter: obj => obj
|
|
|
|
|
, infoSize: "xl"
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
/**************************************************************************
|
|
|
|
|
* DatasetControl 이벤트
|
|
|
|
|
**************************************************************************/
|
|
|
|
|
|
|
|
|
|
// Dataset 변경 이벤트
|
|
|
|
|
$P.control.onDatasetChange = (obj) => {
|
|
|
|
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
// 현재 선택 자료 변경 이벤트
|
|
|
|
|
$P.control.onCurrentChange = item => {
|
|
|
|
|
if (!item) return;
|
|
|
|
|
|
|
|
|
|
$P.bsshFormFields.set($P.control, item);
|
|
|
|
|
$P.formFields.set($P.control, item);
|
|
|
|
|
// 업무구분에 따른 URL 변경
|
|
|
|
|
//$P.fnSetURL(item.data.bsshCd);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
$P.productControl.onCurrentChange = item => {
|
|
|
|
|
if (!item) return;
|
|
|
|
|
|
|
|
|
|
// Dataset 셋팅
|
|
|
|
|
$P.productFormFields.set($P.productControl, item);
|
|
|
|
|
// 업무구분에 따른 URL 변경
|
|
|
|
|
//$P.fnSetURL(item.data.bsshCd);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// 저장 callback
|
|
|
|
|
$P.control.onSave = (resp) => {
|
|
|
|
|
let dialogTitle = $("#" + $P.control.prefix + "Dialog--${openerPageName}").find("h5.modal-title").html();
|
|
|
|
@ -291,44 +297,6 @@
|
|
|
|
|
dialog.close($P.control.prefix + "Dialog--${openerPageName}");
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
$P.control.getBsshInfo = () => {
|
|
|
|
|
let dialogTitle = "마약류 취급업체 조회";
|
|
|
|
|
let params = {openPage : "bssh--${pageName}"};
|
|
|
|
|
|
|
|
|
|
ajax.get({
|
|
|
|
|
url : wctx.url("/adds/nims/bssh-main.do")
|
|
|
|
|
, data : params
|
|
|
|
|
, success : resp => {
|
|
|
|
|
dialog.open({
|
|
|
|
|
id : "bsshMainDialog"
|
|
|
|
|
, title : dialogTitle
|
|
|
|
|
, content : resp
|
|
|
|
|
, size : $P.control.infoSize
|
|
|
|
|
, onClose : () => { $P.control.setData(); }
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
$P.productControl.getProductInfo = () => {
|
|
|
|
|
let dialogTitle = "마약류 제품 조회";
|
|
|
|
|
let params = {openPage : "product--${pageName}"};
|
|
|
|
|
|
|
|
|
|
ajax.get({
|
|
|
|
|
url : wctx.url("/adds/nims/product-main.do")
|
|
|
|
|
, data : params
|
|
|
|
|
, success : resp => {
|
|
|
|
|
dialog.open({
|
|
|
|
|
id : "productMainDialog"
|
|
|
|
|
, title : dialogTitle
|
|
|
|
|
, content : resp
|
|
|
|
|
, size : $P.productControl.infoSize
|
|
|
|
|
, onClose : () => { $P.productControl.setData(); }
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// 저장
|
|
|
|
|
$P.control.save = (info) => {
|
|
|
|
@ -342,31 +310,7 @@
|
|
|
|
|
, success: resp => $P.control.onSave(resp)
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
$P.productList.onDatasetChange = item => {
|
|
|
|
|
if (!item) return;
|
|
|
|
|
|
|
|
|
|
let empty = $P.productListList.empty;
|
|
|
|
|
|
|
|
|
|
// 업무별 DataTables(그리드) tr, td
|
|
|
|
|
let foundContent = document.getElementById("productListRow--productList").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
|
|
|
|
|
.replace(/{onclick}/gi, "pageObject['${pageName}'].productList.setCurrent('" + dataItem.getValue("prductCd") + "');");
|
|
|
|
|
|
|
|
|
|
let trs = empty ? [document.getElementById("$productListNotFound--productList").content.outerHTML]
|
|
|
|
|
: $P.productList.inStrings(foundTr.outerHTML, replacer);
|
|
|
|
|
|
|
|
|
|
$("#table-responsive--${pageName}")[0].changeContent(trs.join(), initScroll, noMore);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/**************************************************************************
|
|
|
|
|
* DataTables 이벤트
|
|
|
|
|
**************************************************************************/
|
|
|
|
@ -380,21 +324,6 @@
|
|
|
|
|
$P.control.query.fetchSize = $P.control.defaultFetchSize * $P.control.query.pageNum;
|
|
|
|
|
$P.control.load(1);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// 업무구분에 따른 URL 설정
|
|
|
|
|
$P.fnSetURL = (taskSeCd) => {
|
|
|
|
|
// $P.control.urls.create = wctx.url("/" + taskSeCd + "${infoPrefixUrl}" + "/040/create.do"); // 등록
|
|
|
|
|
// $P.control.urls.update = wctx.url("/" + taskSeCd + "${infoPrefixUrl}" + "/040/update.do"); // 수정
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// 전자우편 안내문 등록 버튼 이벤트
|
|
|
|
|
$P.fnSearchBssh = (title) => {
|
|
|
|
|
$P.control.getBsshInfo();
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
$P.fnSearchProduct = (title) => {
|
|
|
|
|
$P.productControl.getProductInfo();
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/**************************************************************************
|
|
|
|
|
* 버튼 clickEvent
|
|
|
|
@ -472,8 +401,8 @@
|
|
|
|
|
$P.initForm();
|
|
|
|
|
|
|
|
|
|
// 3. Dataset 설정
|
|
|
|
|
$P.control.setData([${opnnDlbrMbrInfo}]);
|
|
|
|
|
$P.productControl.setData([${opnnDlbrMbrInfo}]);
|
|
|
|
|
$P.control.setData([${dsuseMappingInfo}]);
|
|
|
|
|
// $P.productControl.setData([${dsuseMappingInfo}]);
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|