민원,단속 페이지 내부 그리드컬럼너비 조절 추가

main
이범준 1 year ago
parent 654a53780f
commit e0cb77b99f

@ -167,32 +167,33 @@
<div id="photoInspection-responsive--${pageName}" class="table-responsive"
style="overflow-x: scroll;height:200px;overflow-y: scroll;">
<table id="photoInspection_Table_0--${pageName}"
class="datatables-ajax table table-bordered dataTable no-footer">
class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
<thead class="sticky-thead">
<tr data-by="by--${pageName}" data-by-output="byOutput--${pageName}"
data-main-option="mainOption--${pageName}" data-sub-option="subOption--${pageName}">
<th style="min-width: 80px;">No.</th>
<th style="width: 80px;">No.</th>
<th onclick="searchFromGridTitle('CRDN_YMD','단속일자','ymd','');"
style="min-width: 160px;">단속일시</th>
style="width: 160px;">단속일시</th>
<th onclick="searchFromGridTitle('VHRNO',this.innerText,'match','part');"
style="min-width: 80px;">차량번호</th>
<th style="min-width: 80px;" class="text-orange">위반건수</th>
<th style="min-width: 80px;" class="text-orange">검사결과</th>
<th style="min-width: 250px;" class="text-orange">처리방법</th>
style="width: 120px;">차량번호</th>
<th style="width: 100px;" class="text-orange">위반건수</th>
<th style="width: 100px;" class="text-orange">검사결과</th>
<th style="width: 250px;" class="text-orange">처리방법</th>
<th onclick="searchFromGridTitle('CRDN_STDG_NM',this.innerText,'match','perfect');"
style="min-width: 80px;">위반동</th>
style="width: 100px;">위반동</th>
<th onclick="searchFromGridTitle('CRDN_PLC',this.innerText,'match','part');"
style="min-width: 300px;">위반장소</th>
style="width: 300px;">위반장소</th>
<th onclick="searchFromGridTitle('ATCH_FILE_CNT',this.innerText,'match','perfect');"
style="min-width: 80px;">사진매수</th>
style="width: 100px;">사진매수</th>
<th onclick="searchFromGridTitle('CRDN_STTS_CD',this.innerText,'codeValue','FIM010');"
style="min-width: 80px;">처리상태</th>
style="width: 100px;">처리상태</th>
<th onclick="searchFromGridTitle('FFNLG_CRDN_AMT',this.innerText,'match','perfect');"
style="min-width: 80px;">원금액</th>
style="width: 100px;">원금액</th>
<th onclick="searchFromGridTitle('UNKNOWN',this.innerText,'match','perfect');"
style="min-width: 80px;">감경금액</th>
style="width: 100px;">감경금액</th>
<th onclick="searchFromGridTitle('CRDN_INPT_SE_CD',this.innerText,'codeValue','FIM003');"
style="min-width: 80px;">자료출처</th>
style="width: 100px;">자료출처</th>
<th class="dummy-th"></th>
</tr>
</thead>
<tbody id="photoInspectionTbody--${pageName}"></tbody>
@ -212,11 +213,12 @@
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-end">{FFNLG_CRDN_AMT}</td>
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-end">{unknown}</td>
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{CRDN_INPT_SE_CD}</td>
<td class="dummy-td"></td>
</tr>
</template>
<template id="photoInspectionNotFound--${pageName}">
<tr class="odd">
<td valign="top" colspan="13" class="dataTables_empty text-center">단속 정보를 찾지 못했습니다.</td>
<td valign="top" colspan="14" class="dataTables_empty text-center">단속 정보를 찾지 못했습니다.</td>
</tr>
</template>
</table>
@ -239,22 +241,23 @@
</div>
</div>
<div class="area-samevehicleinspection">
<div class="area-samevehicleinspection" style="min-width:1400px;display:flex;justify-content: space-evenly;">
<div class="card-datatable text-nowrap" style="display: inline-flex;">
<div id="sameVehicleInspectionMain_Table_0_wrapper--${pageName}" class="dataTables_wrapper dt-bootstrap5 no-footer">
<div id="sameVehicleInspectionMain-responsive--${pageName}" class="table-responsive"
style="overflow-x: scroll;height:400px;width:310px;overflow-y: scroll;">
style="overflow-x: scroll;height:400px;width:350px;overflow-y: scroll;">
<table id="sameVehicleInspectionMain_Table_0--${pageName}"
class="datatables-ajax table table-bordered dataTable no-footer">
class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
<thead class="sticky-thead">
<tr data-by="by--${pageName}" data-by-output="byOutput--${pageName}"
data-main-option="mainOption--${pageName}" data-sub-option="subOption--${pageName}">
<th onclick="searchFromGridTitle('VHRNO',this.innerText,'match','part');"
>차량번호</th>
style="width:120px">차량번호</th>
<th onclick="searchFromGridTitle('CRDN_STDG_NM',this.innerText,'match','perfect');"
>단속동</th>
style="width:100px">단속동</th>
<th class="text-orange"
>단속건수</th>
style="width:100px">단속건수</th>
<th class="dummy-th"></th>
</tr>
</thead>
<tbody id="sameVehicleInspectionMainTbody--${pageName}"></tbody>
@ -263,11 +266,12 @@
<td onclick="{onclick}" class="text-center">{VHRNO}</td>
<td onclick="{onclick}" class="text-center">{CRDN_STDG_NM}</td>
<td onclick="{onclick}" class="text-center">{CRDN_CNT}</td>
<td class="dummy-td"></td>
</tr>
</template>
<template id="sameVehicleInspectionMainNotFound--${pageName}">
<tr class="odd">
<td valign="top" colspan="3" class="dataTables_empty text-center">단속 정보를 찾지 못했습니다.</td>
<td valign="top" colspan="4" class="dataTables_empty text-center">단속 정보를 찾지 못했습니다.</td>
</tr>
</template>
</table>
@ -280,30 +284,33 @@
<div id="sameVehicleInspectionSub-responsive--${pageName}" class="table-responsive"
style="overflow-x: scroll;height:400px;width:1000px;overflow-y: scroll;">
<table id="sameVehicleInspectionSub_Table_0--${pageName}"
class="datatables-ajax table table-bordered dataTable no-footer">
class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
<thead class="sticky-thead">
<tr data-by="by--${pageName}" data-by-output="byOutput--${pageName}"
data-main-option="mainOption--${pageName}" data-sub-option="subOption--${pageName}">
<th onclick="searchFromGridTitle('CRDN_YMD','단속일자','ymd','');"
>단속일시</th>
style="width:180px">단속일시</th>
<th onclick="searchFromGridTitle('CRDN_INPT_SE_CD',this.innerText,'codeValue','FIM003');"
>자료출처</th>
style="width:120px">자료출처</th>
<th onclick="searchFromGridTitle('TEAM_NM',this.innerText,'match','perfect');"
>단속조</th>
style="width:120px">단속조</th>
<th onclick="searchFromGridTitle('VHRNO',this.innerText,'match','part');"
>차량번호</th>
style="width:120px">차량번호</th>
<th onclick="searchFromGridTitle('CRDN_STDG_NM',this.innerText,'match','perfect');"
>단속동</th>
style="width:120px">단속동</th>
<th onclick="searchFromGridTitle('CRDN_PLC',this.innerText,'match','part');"
>단속장소</th>
style="width:120px">단속장소</th>
<th onclick="searchFromGridTitle('CRDN_STTS_CD',this.innerText,'codeValue','FIM010');"
>처리상태</th>
style="width:120px">처리상태</th>
<th onclick="searchFromGridTitle('FFNLG_CRDN_AMT',this.innerText,'match','perfect');"
>금액</th>
style="width:120px">금액</th>
<th onclick="searchFromGridTitle('RTPYR_NM',this.innerText,'match','part');"
>성명</th>
<th class="privacy">주민번호(전체)</th>
<th class="privacy-mask">주민번호(마스크)</th>
style="width:120px">성명</th>
<th class="privacy"
style="width:160px">주민번호(전체)</th>
<th class="privacy-mask"
style="width:160px">주민번호(마스크)</th>
<th class="dummy-th"></th>
</tr>
</thead>
<tbody id="sameVehicleInspectionSubTbody--${pageName}"></tbody>
@ -321,6 +328,7 @@
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-start">{RTPYR_NM}</td>
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center privacy">{RTPYR_NO}</td>
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center privacy-mask">************</td>
<td class="dummy-td"></td>
</tr>
</template>
<template id="sameVehicleInspectionSubNotFound--${pageName}">
@ -955,6 +963,9 @@ $(document).ready(function(){
//스크롤 이벤트 추가(동일차량검사)
$("#photoInspection-responsive--${pageName}").scroll(function(){ $P.scrollEnd(this); });
$("#sameVehicleInspectionMain-responsive--${pageName}").scroll(function(){ $P.scrollEnd(this); });
$("#photoInspection_Table_0--${pageName}").find("th").resizable({handles : "e"});
$("#sameVehicleInspectionMain_Table_0--${pageName}").find("th").resizable({handles : "e"});
$("#sameVehicleInspectionSub_Table_0--${pageName}").find("th").resizable({handles : "e"});
/**************************************************************************
* 초기화
@ -968,7 +979,6 @@ $(document).ready(function(){
//보안모드
fn_securityModeToggle($("#securityMode--top").is(":checked"));
});
</script>

@ -57,25 +57,28 @@
<div id="table-responsive--${pageName}" class="table-responsive"
style="overflow-x: scroll;height:600px;overflow-y: scroll;">
<table id="DataTables_Table_0--${pageName}"
class="datatables-ajax table table-bordered dataTable no-footer" >
class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer" >
<thead class="sticky-thead">
<tr id="crdnTheadTr--${pageName}"
data-by="by--${pageName}" data-by-output="byOutput--${pageName}"
data-main-option="mainOption--${pageName}" data-sub-option="subOption--${pageName}">
<th style="min-width: 80px;">No.</th>
<th style="width: 100px;">No.</th>
<th onclick="searchFromGridTitle('CRDN_INPT_SE_CD',this.innerText,'codeValue','FIM003');"
style="min-width: 80px;">자료출처</th>
style="width: 200px;">자료출처</th>
<th onclick="searchFromGridTitle('CRDN_YMD','위반일자','ymd','');"
style="min-width: 80px;">위반일시</th>
style="width: 200px;">위반일시</th>
<th onclick="searchFromGridTitle('VHRNO',this.innerText,'match','part');"
style="min-width: 80px;">차량번호</th>
style="width: 200px;">차량번호</th>
<th onclick="searchFromGridTitle('CRDN_STDG_NM',this.innerText,'match','perfect');"
style="min-width: 80px;">법정동</th>
<th class="text-orange">잔액</th>
style="width: 200px;">법정동</th>
<th
style="width: 200px;"
class="text-orange">잔액</th>
<th onclick="searchFromGridTitle('ATCH_FILE_CNT',this.innerText,'match','perfect');"
style="min-width: 80px;">사진건수</th>
style="width: 200px;">사진건수</th>
<th onclick="searchFromGridTitle('CRDN_SN',this.innerText,'match','perfect');"
style="min-width: 80px;">발행번호</th>
style="width: 200px;">발행번호</th>
<th class="dummy-th"></th>
</tr>
</thead>
<tbody id="crdnTbody--${pageName}">
@ -90,6 +93,7 @@
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-end">{BLNC}</td>
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-end">{ATCH_FILE_CNT}</td>
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-end">{CRDN_SN}</td>
<td class="dummy-td"></td>
</tr>
</template>
<template id="crdnNotFound--${pageName}">
@ -336,6 +340,7 @@ $(document).ready(function(){
//보안모드
fn_securityModeToggle($("#securityMode--top").is(":checked"));
$("#DataTables_Table_0--${pageName}").find("th").resizable({handles : "e"});
});
</script>

@ -55,16 +55,17 @@
<div id="table-responsive--${pageName}" class="table-responsive"
style="overflow-x: scroll;height:550px;overflow-y: scroll;">
<table id="DataTables_Table_0--${pageName}"
class="datatables-ajax table table-bordered dataTable no-footer">
class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
<thead class="sticky-thead">
<tr id="crdnTheadTr--${pageName}">
<th style="min-width: 50px;">No.</th>
<th style="min-width: 80px;">등록구분</th>
<th style="min-width: 80px;">자료출처</th>
<th style="min-width: 80px;">위반일시</th>
<th style="min-width: 80px;">차량번호</th>
<th style="min-width: 200px;">위반장소</th>
<th style="min-width: 80px;">위반내용</th>
<th style="width: 80px;">No.</th>
<th style="width: 200px;">등록구분</th>
<th style="width: 200px;">자료출처</th>
<th style="width: 200px;">위반일시</th>
<th style="width: 200px;">차량번호</th>
<th style="width: 400px;">위반장소</th>
<th style="width: 200px;">위반내용</th>
<th class="dummy-th"></th>
</tr>
</thead>
<tbody id="crdnTbody--${pageName}"></tbody>
@ -77,11 +78,12 @@
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{VHRNO}</td>
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-start">{CRDN_PLC}</td>
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-start">{VLTN_ARTCL}</td>
<td class="dummy-td"></td>
</tr>
</template>
<template id="crdnNotFound--${pageName}">
<tr>
<td valign="top" colspan="7" class="dataTables_empty text-center">단속 정보를 찾지 못했습니다.</td>
<td valign="top" colspan="8" class="dataTables_empty text-center">단속 정보를 찾지 못했습니다.</td>
</tr>
</template>
</table>
@ -310,7 +312,9 @@ $(document).ready(function(){
$("#btnSearch--${pageName}").on("click", () => $P.searchCrdnList());
$("#btnInsertByFile--${pageName}").on('click', () => { $P.crdnControl.newInfo("file"); });
$("#btnInsertByHand--${pageName}").on('click', () => { $P.crdnControl.newInfo("hand"); });
$("#table-responsive--${pageName}").scroll(function(){ $P.scrollEnd(this); });
$("#DataTables_Table_0--${pageName}").find("th").resizable({handles : "e"});
/**************************************************************************
* 초기화

@ -104,35 +104,36 @@
<div id="table-responsive--${pageName}" class="table-responsive"
style="overflow-x: scroll;height:550px;overflow-y: scroll;">
<table id="DataTables_Table_0--${pageName}"
class="datatables-ajax table table-bordered dataTable no-footer">
class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
<thead id="crdnThead--${pageName}" class="sticky-thead">
<tr data-by="by--${pageName}" data-by-output="byOutput--${pageName}"
data-main-option="mainOption--${pageName}" data-sub-option="subOption--${pageName}">
<th style="min-width: 80px;">No.</th>
<th style="width: 80px;">No.</th>
<th onclick="searchFromGridTitle('CVLCPT_RCPT_NO',this.innerText,'match','part');"
style="min-width: 80px;">접수번호</th>
style="width: 180px;">접수번호</th>
<th onclick="searchFromGridTitle('CVLCPT_LIST_NO',this.innerText,'match','part');"
style="min-width: 80px;">목록번호</th>
style="width: 100px;">목록번호</th>
<th onclick="searchFromGridTitle('CRDN_REG_SE_CD',this.innerText,'codeValue','FIM026');"
style="min-width: 80px;">등록구분</th>
style="width: 100px;">등록구분</th>
<th onclick="searchFromGridTitle('CVLCPT_APLCNT_NM',this.innerText,'match','part');"
style="min-width: 80px;">신고자</th>
style="width: 140px;">신고자</th>
<th onclick="searchFromGridTitle('CVLCPT_PRCS_PIC_NM',this.innerText,'match','part');"
style="min-width: 80px;">담당자</th>
style="width: 140px;">담당자</th>
<th onclick="searchFromGridTitle('CVLCPT_PRCS_PIC_TELNO',this.innerText,'match','part');"
style="min-width: 80px;">담당자전화번호</th>
style="width: 160px;">담당자전화번호</th>
<th onclick="searchFromGridTitle('CVLCPT_RCPT_YMD',this.innerText,'ymd');"
style="min-width: 80px;">접수일자</th>
style="width: 120px;">접수일자</th>
<th onclick="searchFromGridTitle('CVLCPT_PRCS_PRNMNT_DT',this.innerText,'ymd');"
style="min-width: 80px;">처리기한</th>
style="width: 180px;">처리기한</th>
<th onclick="searchFromGridTitle('CRDN_YMD','위반일자','ymd');"
style="min-width: 80px;">위반일시</th>
style="width: 180px;">위반일시</th>
<th onclick="searchFromGridTitle('VLTN_ARTCL',this.innerText);"
style="min-width: 80px;">위반내용</th>
style="width: 100px;">위반내용</th>
<th onclick="searchFromGridTitle('VHRNO',this.innerText,'match','part');"
style="min-width: 80px;">차량번호</th>
style="width: 140px;">차량번호</th>
<th onclick="searchFromGridTitle('ATCH_FILE_CNT',this.innerText,'match','perfect');"
style="min-width: 80px;">사진건수</th>
style="width: 100px;">사진건수</th>
<th class="dummy-th"></th>
</tr>
</thead>
<tbody id="crdnTbody--${pageName}"></tbody>
@ -151,11 +152,12 @@
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{VLTN_ARTCL}</td>
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{VHRNO}</td>
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{ATCH_FILE_CNT}</td>
<td class="dummy-td"></td>
</tr>
</template>
<template id="crdnNotFound--${pageName}">
<tr>
<td valign="top" colspan="13" class="dataTables_empty text-center">민원 정보를 찾지 못했습니다.</td>
<td valign="top" colspan="14" class="dataTables_empty text-center">민원 정보를 찾지 못했습니다.</td>
</tr>
</template>
</table>
@ -613,11 +615,14 @@ $(document).ready(function(){
**************************************************************************/
$('#btnReset--${pageName}').on('click', () => $P.fnReset());
$('#btnSearch--${pageName}').on('click', () => $P.searchCrdnList());
$("#table-responsive--${pageName}").scroll(function(){ $P.scrollEnd(this); });
$("#btnHold--${pageName}").on("click", () => $P.fnHold());
$("#btnDelete--${pageName}").on("click", () => $P.fnRemove());
$("#btnDeleteSameRcptYmd--${pageName}").on("click", () => $P.fnRemoveSameRcptYmd());
$("#btnOpenCvlcptOrgnl--${pageName}").on("click", () => $P.fnOpenCvlcptOrgnl());
$("#table-responsive--${pageName}").scroll(function(){ $P.scrollEnd(this); });
$("#DataTables_Table_0--${pageName}").find("th").resizable({handles : "e"});
/**************************************************************************
* 초기화
**************************************************************************/
@ -630,9 +635,6 @@ $(document).ready(function(){
//보안모드
fn_securityModeToggle($("#securityMode--top").is(":checked"));
});

@ -128,46 +128,47 @@
<div id="table-responsive--${pageName}" class="table-responsive"
style="overflow-x: scroll;height:550px;overflow-y: scroll;">
<table id="DataTables_Table_0--${pageName}"
class="datatables-ajax table table-bordered dataTable no-footer">
class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
<thead id="crdnThead--${pageName}" class="sticky-thead">
<tr data-by="by--${pageName}" data-by-output="byOutput--${pageName}"
data-main-option="mainOption--${pageName}" data-sub-option="subOption--${pageName}">
<th style="min-width: 80px;">No.</th>
<th style="min-width: 50px;">
<th style="width: 80px;">No.</th>
<th style="width: 60px;">
<input type="checkbox" name="gridAllCheckbox"
onchange="pageObject['${pageName}'].crdnControl.select(this.checked);" />
</th>
<th onclick="searchFromGridTitle('CVLCPT_RCPT_NO',this.innerText,'match','part');"
style="min-width: 80px;">접수번호</th>
style="width: 180px;">접수번호</th>
<th onclick="searchFromGridTitle('CVLCPT_LIST_NO',this.innerText,'match','part');"
style="min-width: 80px;">목록번호</th>
style="width: 160px;">목록번호</th>
<th onclick="searchFromGridTitle('CVLCPT_APLCNT_NM',this.innerText,'match','part');"
style="min-width: 80px;">신고자</th>
style="width: 160px;">신고자</th>
<th onclick="searchFromGridTitle('CVLCPT_PRCS_PIC_NM',this.innerText,'match','part');"
style="min-width: 80px;">담당자</th>
style="width: 160px;">담당자</th>
<th onclick="searchFromGridTitle('CVLCPT_PRCS_PIC_TELNO',this.innerText,'match','part');"
style="min-width: 80px;">담당자전화번호</th>
style="width: 160px;">담당자전화번호</th>
<th onclick="searchFromGridTitle('CVLCPT_RCPT_YMD',this.innerText,'ymd','');"
style="min-width: 80px;">접수일자</th>
style="width: 160px;">접수일자</th>
<th onclick="searchFromGridTitle('CVLCPT_PRCS_PRNMNT_DT',this.innerText,'ymd','');"
style="min-width: 80px;">처리기한</th>
style="width: 180px;">처리기한</th>
<th onclick="searchFromGridTitle('CRDN_YMD','위반일자','ymd','');"
style="min-width: 80px;">위반일시</th>
style="width: 180px;">위반일시</th>
<th onclick="searchFromGridTitle('VLTN_ARTCL',this.innerText);"
style="min-width: 80px;">위반내용</th>
style="width: 160px;">위반내용</th>
<th onclick="searchFromGridTitle('VHRNO',this.innerText,'match','part');"
style="min-width: 80px;">차량번호</th>
style="width: 160px;">차량번호</th>
<th onclick="searchFromGridTitle('LEVY_EXCL_RSN_CD',this.innerText,'codeValue','FIM022');"
style="min-width: 80px;">서손/계고사유</th>
style="width: 160px;">서손/계고사유</th>
<th onclick="searchFromGridTitle('ETC_CN',this.innerText,'match','part');"
style="min-width: 80px;">특기사항</th>
style="width: 160px;">특기사항</th>
<th class="dummy-th"></th>
</tr>
</thead>
<tbody id="crdnTbody--${pageName}"></tbody>
<template id="crdnRow--${pageName}">
<tr data-key="{CRDN_ID}">
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-end">{ROW_NUM}</td>
<td class="text-end">
<td class="text-center">
<input type="checkbox" name="gridCheckbox" value="{CRDN_ID}"
onchange="pageObject['${pageName}'].crdnControl.select('{CRDN_ID}', this.checked);" />
</td>
@ -183,11 +184,12 @@
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{VHRNO}</td>
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{LEVY_EXCL_RSN_CD}</td>
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{ETC_CN}</td>
<td class="dummy-td"></td>
</tr>
</template>
<template id="crdnNotFound--${pageName}">
<tr>
<td valign="top" colspan="14" class="dataTables_empty text-center">민원 정보를 찾지 못했습니다.</td>
<td valign="top" colspan="15" class="dataTables_empty text-center">민원 정보를 찾지 못했습니다.</td>
</tr>
</template>
</table>
@ -662,6 +664,7 @@ $(document).ready(function(){
$("#btnAnswerComplete--${pageName}").on("click", () => $P.fnAnswerComplete());
$("#table-responsive--${pageName}").scroll(function(){ $P.scrollEnd(this); });
$("#DataTables_Table_0--${pageName}").find("th").resizable({handles : "e"});
/**************************************************************************
* 초기화
@ -675,7 +678,6 @@ $(document).ready(function(){
//보안모드
fn_securityModeToggle($("#securityMode--top").is(":checked"));
});

@ -106,39 +106,40 @@
<div id="table-responsive--${pageName}" class="table-responsive"
style="overflow-x: scroll;height:550px;overflow-y: scroll;">
<table id="DataTables_Table_0--${pageName}"
class="datatables-ajax table table-bordered dataTable no-footer">
class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
<thead id="crdnThead--${pageName}" class="sticky-thead">
<tr data-by="by--${pageName}" data-by-output="byOutput--${pageName}"
data-main-option="mainOption--${pageName}" data-sub-option="subOption--${pageName}">
<th style="min-width: 80px;">No.</th>
<th style="width: 80px;">No.</th>
<th onclick="searchFromGridTitle('CVLCPT_RCPT_NO',this.innerText,'match','part');"
style="min-width: 80px;">접수번호</th>
style="width: 160px;">접수번호</th>
<th onclick="searchFromGridTitle('CVLCPT_LIST_NO',this.innerText,'match','part');"
style="min-width: 80px;">목록번호</th>
style="width: 160px;">목록번호</th>
<th onclick="searchFromGridTitle('CRDN_REG_SE_CD',this.innerText,'codeValue','FIM026');"
style="min-width: 80px;">등록구분</th>
style="width: 160px;">등록구분</th>
<th onclick="searchFromGridTitle('CVLCPT_APLCNT_NM',this.innerText,'match','part');"
style="min-width: 80px;">신고자</th>
style="width: 160px;">신고자</th>
<th onclick="searchFromGridTitle('CVLCPT_PRCS_PIC_NM',this.innerText,'match','part');"
style="min-width: 80px;">담당자</th>
style="width: 160px;">담당자</th>
<th onclick="searchFromGridTitle('CVLCPT_PRCS_PIC_TELNO',this.innerText,'match','part');"
style="min-width: 80px;">담당자전화번호</th>
style="width: 160px;">담당자전화번호</th>
<th onclick="searchFromGridTitle('CVLCPT_RCPT_YMD',this.innerText,'ymd');"
style="min-width: 80px;">접수일자</th>
style="width: 160px;">접수일자</th>
<th onclick="searchFromGridTitle('CVLCPT_PRCS_PRNMNT_DT',this.innerText,'ymd');"
style="min-width: 80px;">처리기한</th>
style="width: 180px;">처리기한</th>
<th onclick="searchFromGridTitle('CRDN_YMD','위반일자','ymd');"
style="min-width: 80px;">위반일시</th>
style="width: 180px;">위반일시</th>
<th onclick="searchFromGridTitle('VLTN_ARTCL',this.innerText);"
style="min-width: 80px;">위반내용</th>
style="width: 160px;">위반내용</th>
<th onclick="searchFromGridTitle('VHRNO',this.innerText,'match','part');"
style="min-width: 80px;">차량번호</th>
style="width: 160px;">차량번호</th>
<th onclick="searchFromGridTitle('ATCH_FILE_CNT',this.innerText,'match','perfect');"
style="min-width: 80px;">사진건수</th>
style="width: 160px;">사진건수</th>
<th onclick="searchFromGridTitle('LEVY_EXCL_RSN_CD',this.innerText,'codeValue','FIM022');"
style="min-width: 80px;">서손/계고사유</th>
style="width: 160px;">서손/계고사유</th>
<th onclick="searchFromGridTitle('ETC_CN',this.innerText,'match','part');"
style="min-width: 80px;">특기사항</th>
style="width: 160px;">특기사항</th>
<th class="dummy-th"></th>
</tr>
</thead>
<tbody id="crdnTbody--${pageName}"></tbody>
@ -159,11 +160,12 @@
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{ATCH_FILE_CNT}</td>
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{LEVY_EXCL_RSN_CD}</td>
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center">{ETC_CN}</td>
<td class="dummy-td"></td>
</tr>
</template>
<template id="crdnNotFound--${pageName}">
<tr>
<td valign="top" colspan="15" class="dataTables_empty text-center">민원 정보를 찾지 못했습니다.</td>
<td valign="top" colspan="16" class="dataTables_empty text-center">민원 정보를 찾지 못했습니다.</td>
</tr>
</template>
</table>
@ -527,10 +529,12 @@ $(document).ready(function(){
**************************************************************************/
$('#btnReset--${pageName}').on('click', () => $P.fnReset());
$('#btnSearch--${pageName}').on('click', () => $P.searchCrdnList());
$("#table-responsive--${pageName}").scroll(function(){ $P.scrollEnd(this); });
$("#btnDelete--${pageName}").on("click", () => $P.fnRemove());
$("#btnOpenCvlcptOrgnl--${pageName}").on("click", () => $P.fnOpenCvlcptOrgnl());
$("#table-responsive--${pageName}").scroll(function(){ $P.scrollEnd(this); });
$("#DataTables_Table_0--${pageName}").find("th").resizable({handles : "e"});
/**************************************************************************
* 초기화
**************************************************************************/
@ -543,9 +547,6 @@ $(document).ready(function(){
//보안모드
fn_securityModeToggle($("#securityMode--top").is(":checked"));
});

@ -72,17 +72,18 @@
<div id="table-responsive--${pageName}" class="table-responsive"
style="overflow-x: scroll;height:550px;overflow-y: scroll;">
<table id="DataTables_Table_0--${pageName}"
class="datatables-ajax table table-bordered dataTable no-footer">
class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
<thead id="dmndThead--${pageName}" class="sticky-thead">
<tr data-by="by--${pageName}" data-by-output="byOutput--${pageName}"
data-main-option="mainOption--${pageName}" data-sub-option="subOption--${pageName}">
<th style="min-width: 80px;">No.</th>
<th style="min-width: 80px;">요청일시</th>
<th style="min-width: 80px;">요청자</th>
<th style="min-width: 80px;">접수일자</th>
<th style="min-width: 80px;">목록번호</th>
<th style="min-width: 80px;">상태</th>
<th style="min-width: 80px;">응답일시</th>
<th style="width: 80px;">No.</th>
<th style="width: 180px;">요청일시</th>
<th style="width: 180px;">요청자</th>
<th style="width: 180px;">접수일자</th>
<th style="width: 180px;">목록번호</th>
<th style="width: 180px;">상태</th>
<th style="width: 180px;">응답일시</th>
<th class="dummy-th"></th>
</tr>
</thead>
<tbody id="dmndTbody--${pageName}"></tbody>
@ -95,11 +96,12 @@
<td onclick="{onclick}" class="text-center">{PST_NO}</td>
<td onclick="{onclick}" class="text-center">{STTS_NM}</td>
<td onclick="{onclick}" class="text-center">{RSPNS_DT}</td>
<td class="dummy-td"></td>
</tr>
</template>
<template id="dmndNotFound--${pageName}">
<tr>
<td valign="top" colspan="7" class="dataTables_empty text-center">요청 정보를 찾지 못했습니다.</td>
<td valign="top" colspan="8" class="dataTables_empty text-center">요청 정보를 찾지 못했습니다.</td>
</tr>
</template>
</table>
@ -450,12 +452,13 @@ $(document).ready(function(){
**************************************************************************/
$('#btnReset--${pageName}').on('click', () => $P.fnReset());
$('#btnSearch--${pageName}').on('click', () => $P.searchDmndList());
$("#table-responsive--${pageName}").scroll(function(){ $P.scrollEnd(this); });
$("#btnOpenDmndPop--${pageName}").on("click", () => $P.fnOpenDmndPop());
$("#btnDelete--${pageName}").on("click", () => $P.fnRemove(null));
$("#btnDeleteAllCompleteData--${pageName}").on("click", () => $P.fnRemoveAllCompleteData());
$("#table-responsive--${pageName}").scroll(function(){ $P.scrollEnd(this); });
$("#DataTables_Table_0--${pageName}").find("th").resizable({handles : "e"});
/**************************************************************************
* 초기화
**************************************************************************/
@ -465,7 +468,6 @@ $(document).ready(function(){
var defaultBizValue = $("#layout-navbar input[name='taskSeCd']:checked").val();
$("#frmSearch--${pageName} input[name='taskSeCd'][value='" + defaultBizValue + "']").prop("checked",true);
$P.fnResetAndChangeBiz(defaultBizValue);
});

@ -1762,7 +1762,7 @@ progress {
border-color: var(--bs-table-border-color);
}
.table > :not(caption) > * > * {
padding: 0.625rem 1.25rem;
padding: 0.625rem 1rem;
background-color: var(--bs-table-bg);
border-bottom-width: 1px;
box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
@ -1934,6 +1934,7 @@ progress {
.table-responsive {
overflow-x: auto;
border:solid 1px #d9dee3;
-webkit-overflow-scrolling: touch;
}
@ -1962,7 +1963,7 @@ progress {
.dummy-th {
width:auto;
background-color: #ECEEF1;
background-color: #ECEEF1!important;
}
.dummy-td {
background-color: #ECEEF1;
@ -1980,7 +1981,7 @@ table:has(.sticky-thead) {
table:has(.sticky-thead) th,
table:has(.sticky-thead) td {
border-width: 0.5px;
border-width: 1px;
border-color: #d9dee3;
}

Loading…
Cancel
Save