|
|
|
@ -4,50 +4,50 @@
|
|
|
|
<c:set var="prefixName" scope="request">의견제출 상세 정보</c:set>
|
|
|
|
<c:set var="prefixName" scope="request">의견제출 상세 정보</c:set>
|
|
|
|
|
|
|
|
|
|
|
|
<!-- inner page html -->
|
|
|
|
<!-- inner page html -->
|
|
|
|
<div class="content-pop">
|
|
|
|
<div class="content-pop" data-doctx="${pageName}">
|
|
|
|
<!-- Content -->
|
|
|
|
<!-- Content -->
|
|
|
|
<div class="container flex-grow-1 px-0">
|
|
|
|
<div class="container flex-grow-1 px-0">
|
|
|
|
<div class="card">
|
|
|
|
<div class="card">
|
|
|
|
<!-- 입력 영역 -->
|
|
|
|
<!-- 입력 영역 -->
|
|
|
|
<form id="frmEdit--${pageName}" name="frmEdit">
|
|
|
|
<form name="frmEdit">
|
|
|
|
<!-- hidden -->
|
|
|
|
<!-- hidden -->
|
|
|
|
<input type="hidden" id="sggCd--${pageName}" name="sggCd" data-map="SGG_CD" />
|
|
|
|
<input type="hidden" name="sggCd" data-map="SGG_CD" />
|
|
|
|
<input type="hidden" id="taskSeCd--${pageName}" name="taskSeCd" data-map="TASK_SE_CD" />
|
|
|
|
<input type="hidden" name="taskSeCd" data-map="TASK_SE_CD" />
|
|
|
|
<input type="hidden" id="crdnId--${pageName}" name="crdnId" data-map="CRDN_ID" />
|
|
|
|
<input type="hidden" name="crdnId" data-map="CRDN_ID" />
|
|
|
|
<input type="hidden" id="opnnId--${pageName}" name="opnnId" data-map="OPNN_ID" />
|
|
|
|
<input type="hidden" name="opnnId" data-map="OPNN_ID" />
|
|
|
|
|
|
|
|
|
|
|
|
<div class="row g-1">
|
|
|
|
<div class="row g-1">
|
|
|
|
<!-- 단속일시 -->
|
|
|
|
<!-- 단속일시 -->
|
|
|
|
<div class="col-md-4">
|
|
|
|
<div class="col-md-4">
|
|
|
|
<label for="crdnYmdTm--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">단속일시</label>
|
|
|
|
<label is="name-label" class="col-form-label bg-lighter pe-2 w-px-120 text-sm-end" for="crdnYmdTm">단속일시</label>
|
|
|
|
<input type="text" class="form-control w-50" id="crdnYmdTm--${pageName}" name="crdnYmdTm" data-map="CRDN_YMD_TM" data-fmt-type="dt" />
|
|
|
|
<input is="id-input" type="text" class="form-control w-50" name="crdnYmdTm" data-map="CRDN_YMD_TM" data-fmt-type="dt" readonly />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- 차량번호 -->
|
|
|
|
<!-- 차량번호 -->
|
|
|
|
<div class="col-md-4">
|
|
|
|
<div class="col-md-4">
|
|
|
|
<label for="vhrno--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">차량번호</label>
|
|
|
|
<label is="name-label" class="col-form-label bg-lighter pe-2 w-px-120 text-sm-end" for="vhrno">차량번호</label>
|
|
|
|
<input type="text" class="form-control w-40" id="vhrno--${pageName}" name="vhrno" data-map="VHRNO" />
|
|
|
|
<input is="id-input" type="text" class="form-control w-45" name="vhrno" data-map="VHRNO" readonly />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- 납부자 명 -->
|
|
|
|
<!-- 납부자 명 -->
|
|
|
|
<div class="col-md-4">
|
|
|
|
<div class="col-md-4">
|
|
|
|
<label for="rtpyrNm--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">납부자</label>
|
|
|
|
<label is="name-label" class="col-form-label bg-lighter pe-2 w-px-120 text-sm-end" for="rtpyrNm">납부자</label>
|
|
|
|
<input type="text" class="form-control w-55" id="rtpyrNm--${pageName}" name="rtpyrNm" data-map="RTPYR_NM" />
|
|
|
|
<input is="id-input" type="text" class="form-control w-55" name="rtpyrNm" data-map="RTPYR_NM" readonly />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- 접수 번호 -->
|
|
|
|
<!-- 접수 번호 -->
|
|
|
|
<div class="col-md-4">
|
|
|
|
<div class="col-md-4">
|
|
|
|
<label for="rcptNo--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">접수번호</label>
|
|
|
|
<label is="name-label" class="col-form-label bg-lighter pe-2 w-px-120 text-sm-end" for="rcptNo">접수번호</label>
|
|
|
|
<input type="text" class="form-control w-40" id="rcptNo--${pageName}" name="rcptNo" data-map="RCPT_NO" />
|
|
|
|
<input is="id-input" type="text" class="form-control w-40" name="rcptNo" data-map="RCPT_NO" />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- 접수 일자 -->
|
|
|
|
<!-- 접수 일자 -->
|
|
|
|
<div class="col-md-4">
|
|
|
|
<div class="col-md-4">
|
|
|
|
<label for="rcptYmd--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end required">접수일자</label>
|
|
|
|
<label is="name-label" class="col-form-label bg-lighter pe-2 w-px-120 text-sm-end required" for="rcptYmd">접수일자</label>
|
|
|
|
<input type="text" class="form-control form-date" id="rcptYmd--${pageName}" name="rcptYmd" data-map="RCPT_YMD"
|
|
|
|
<input is="id-input" type="text" class="form-control form-date" name="rcptYmd" data-map="RCPT_YMD"
|
|
|
|
data-fmt-type="day" title="날짜 선택" maxlength="10" required />
|
|
|
|
data-fmt-type="day" title="날짜 선택" maxlength="10" required />
|
|
|
|
<button type="button" class="bx bx-lg bx-calendar bg-white" id="btnRcptYmd--${pageName}"></button>
|
|
|
|
<button type="button" class="bx bx-lg bx-calendar bg-white" id="btnRcptYmd--${pageName}"></button>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- 접수 구분 -->
|
|
|
|
<!-- 접수 구분 -->
|
|
|
|
<div class="col-md-4">
|
|
|
|
<div class="col-md-4">
|
|
|
|
<label for="rcptSeCd--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end required">접수구분</label>
|
|
|
|
<label is="name-label" class="col-form-label bg-lighter pe-2 w-px-120 text-sm-end required" for="rcptSeCd">접수구분</label>
|
|
|
|
<select class="form-select" id="rcptSeCd--${pageName}" name="rcptSeCd" data-map="RCPT_SE_CD" required>
|
|
|
|
<select is="id-select" class="form-select" name="rcptSeCd" data-map="RCPT_SE_CD" required>
|
|
|
|
<option value="">선택하세요</option>
|
|
|
|
<option value="">선택하세요</option>
|
|
|
|
<c:forEach items="${FIM029List}" var="item">
|
|
|
|
<c:forEach items="${FIM029List}" var="item">
|
|
|
|
<option value="${item.code}">${item.value}</option>
|
|
|
|
<option value="${item.code}">${item.value}</option>
|
|
|
|
@ -56,21 +56,21 @@
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- 진술자 이름 -->
|
|
|
|
<!-- 진술자 이름 -->
|
|
|
|
<div class="col-md-4">
|
|
|
|
<div class="col-md-4">
|
|
|
|
<label for="sttrNm--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end required">성명</label>
|
|
|
|
<label is="name-label" class="col-form-label bg-lighter pe-2 w-px-120 text-sm-end required" for="sttrNm">성명</label>
|
|
|
|
<input type="text" class="form-control w-35" id="sttrNm--${pageName}" name="sttrNm" data-map="STTR_NM" required />
|
|
|
|
<input is="id-input" type="text" class="form-control w-35" name="sttrNm" data-map="STTR_NM" required />
|
|
|
|
<button type="button" class="btn btn-sm btn-outline-dark" id="btnSearchPayer--${pageName}" title="납부자 정보 적용">
|
|
|
|
<button type="button" class="btn btn-sm btn-outline-dark" name="btnSearchPayer" title="납부자 정보 적용">
|
|
|
|
납부자
|
|
|
|
납부자
|
|
|
|
</button>
|
|
|
|
</button>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- 진술자 생년월일 -->
|
|
|
|
<!-- 진술자 생년월일 -->
|
|
|
|
<div class="col-md-4">
|
|
|
|
<div class="col-md-4">
|
|
|
|
<label for="sttrBrdt--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">생년월일</label>
|
|
|
|
<label is="name-label" class="col-form-label bg-lighter pe-2 w-px-120 text-sm-end" for="sttrBrdt">생년월일</label>
|
|
|
|
<input type="text" class="form-control w-30" id="sttrBrdt--${pageName}" name="sttrBrdt" data-map="STTR_BRDT" placeholder="YYMMDD" />
|
|
|
|
<input is="id-input" type="text" class="form-control w-30" name="sttrBrdt" data-map="STTR_BRDT" placeholder="YYMMDD" />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- 소유주 관계 구분 코드 -->
|
|
|
|
<!-- 소유주 관계 구분 코드 -->
|
|
|
|
<div class="col-md-4">
|
|
|
|
<div class="col-md-4">
|
|
|
|
<label for="ownrRelCd--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">소유주관계</label>
|
|
|
|
<label is="name-label" class="col-form-label bg-lighter pe-2 w-px-120 text-sm-end required" for="ownrRelCd">소유주관계</label>
|
|
|
|
<select class="form-select" id="ownrRelCd--${pageName}" name="ownrRelCd" data-map="OWNR_REL_CD">
|
|
|
|
<select is="id-select" class="form-select" name="ownrRelCd" data-map="OWNR_REL_CD" required>
|
|
|
|
<option value="">선택하세요</option>
|
|
|
|
<option value="">선택하세요</option>
|
|
|
|
<c:forEach items="${FIM032List}" var="item">
|
|
|
|
<c:forEach items="${FIM032List}" var="item">
|
|
|
|
<option value="${item.code}">${item.value}</option>
|
|
|
|
<option value="${item.code}">${item.value}</option>
|
|
|
|
@ -79,37 +79,37 @@
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- 진술자 주소 --><!-- 진술자 우편번호 -->
|
|
|
|
<!-- 진술자 주소 --><!-- 진술자 우편번호 -->
|
|
|
|
<div class="col-md-12">
|
|
|
|
<div class="col-md-12">
|
|
|
|
<label for="sttrAddr--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">주소</label>
|
|
|
|
<label is="name-label" class="col-form-label bg-lighter pe-2 w-px-120 text-sm-end" for="sttrAddr">주소</label>
|
|
|
|
<input type="text" class="form-control w-70" id="sttrAddr--${pageName}" name="sttrAddr" data-map="STTR_ADDR" />
|
|
|
|
<input is="id-input" type="text" class="form-control w-70" name="sttrAddr" data-map="STTR_ADDR" />
|
|
|
|
<input type="text" class="form-control w-px-75" id="sttrZip--${pageName}" name="sttrZip" data-map="STTR_ZIP" />
|
|
|
|
<input is="id-input" type="text" class="form-control w-px-75" name="sttrZip" data-map="STTR_ZIP" />
|
|
|
|
<button type="button" class="btn btn-sm btn-outline-dark" id="btnSearchAddr--${pageName}" title="주소 검색">
|
|
|
|
<button type="button" class="btn btn-sm btn-outline-dark" name="btnSearchAddr" title="주소 검색">
|
|
|
|
검색
|
|
|
|
검색
|
|
|
|
</button>
|
|
|
|
</button>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- 진술자 상세주소 -->
|
|
|
|
<!-- 진술자 상세주소 -->
|
|
|
|
<div class="col-md-12">
|
|
|
|
<div class="col-md-12">
|
|
|
|
<label for="sttrDaddr--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">상세주소</label>
|
|
|
|
<label is="name-label" class="col-form-label bg-lighter pe-2 w-px-120 text-sm-end" for="sttrDaddr">상세주소</label>
|
|
|
|
<input type="text" class="form-control w-85" id="sttrDaddr--${pageName}" name="sttrDaddr" data-map="STTR_DADDR" />
|
|
|
|
<input is="id-input" type="text" class="form-control w-85" name="sttrDaddr" data-map="STTR_DADDR" />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- 진술자 연락처 -->
|
|
|
|
<!-- 진술자 연락처 -->
|
|
|
|
<div class="col-md-4">
|
|
|
|
<div class="col-md-4">
|
|
|
|
<label for="sttrCttpc--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">연락처</label>
|
|
|
|
<label is="name-label" class="col-form-label bg-lighter pe-2 w-px-120 text-sm-end" for="sttrCttpc">연락처</label>
|
|
|
|
<input type="text" class="form-control w-45" id="sttrCttpc--${pageName}" name="sttrCttpc" data-map="STTR_CTTPC" />
|
|
|
|
<input is="id-input" type="text" class="form-control w-45" name="sttrCttpc" data-map="STTR_CTTPC" />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- 진술자 이메일 -->
|
|
|
|
<!-- 진술자 이메일 -->
|
|
|
|
<div class="col-md-8">
|
|
|
|
<div class="col-md-8">
|
|
|
|
<label for="sttrEml--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">이메일</label>
|
|
|
|
<label is="name-label" class="col-form-label bg-lighter pe-2 w-px-120 text-sm-end" for="sttrEml">이메일</label>
|
|
|
|
<input type="text" class="form-control w-40" id="sttrEml--${pageName}" name="sttrEml" data-map="STTR_EML" />
|
|
|
|
<input is="id-input" type="text" class="form-control w-40" name="sttrEml" data-map="STTR_EML" />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- 의견 제출 내용 -->
|
|
|
|
<!-- 의견 제출 내용 -->
|
|
|
|
<div class="col-md-12">
|
|
|
|
<div class="col-md-12">
|
|
|
|
<label for="opnnSbmsnCn--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">의견제출내용</label>
|
|
|
|
<label is="name-label" class="col-form-label bg-lighter pe-2 w-px-120 text-sm-end align-top" for="opnnSbmsnCn">의견제출내용</label>
|
|
|
|
<textarea type="text" class="form-control w-85" id="opnnSbmsnCn--${pageName}" name="opnnSbmsnCn" data-map="OPNN_SBMSN_CN" rows="5" data-maxlengthb="4000"></textarea>
|
|
|
|
<textarea is="id-textarea" type="text" class="form-control w-85" name="opnnSbmsnCn" data-map="OPNN_SBMSN_CN" rows="5" data-maxlengthb="4000"></textarea>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- 의견 제출 구분 코드 -->
|
|
|
|
<!-- 의견 제출 구분 코드 -->
|
|
|
|
<div class="col-md-12">
|
|
|
|
<div class="col-md-12">
|
|
|
|
<label for="opnnSbmsnSeCd--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end required">의견제출구분</label>
|
|
|
|
<label is="name-label" class="col-form-label bg-lighter pe-2 w-px-120 text-sm-end required" for="opnnSbmsnSeCd">의견제출구분</label>
|
|
|
|
<select class="form-select" id="opnnSbmsnSeCd--${pageName}" name="opnnSbmsnSeCd" data-map="OPNN_SBMSN_SE_CD" required>
|
|
|
|
<select is="id-select" class="form-select" name="opnnSbmsnSeCd" data-map="OPNN_SBMSN_SE_CD" required>
|
|
|
|
<option value="">선택하세요</option>
|
|
|
|
<option value="">선택하세요</option>
|
|
|
|
<c:forEach items="${FIM033List}" var="item">
|
|
|
|
<c:forEach items="${FIM033List}" var="item">
|
|
|
|
<option value="${item.code}">${item.value}</option>
|
|
|
|
<option value="${item.code}">${item.value}</option>
|
|
|
|
@ -118,14 +118,13 @@
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- 의견 제출 요지 -->
|
|
|
|
<!-- 의견 제출 요지 -->
|
|
|
|
<div class="col-md-12">
|
|
|
|
<div class="col-md-12">
|
|
|
|
<label for="opnnSbmsnGist--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">의견제출요지</label>
|
|
|
|
<label is="name-label" class="col-form-label bg-lighter pe-2 w-px-120 text-sm-end" for="opnnSbmsnGist">의견제출요지</label>
|
|
|
|
<input type="text" class="form-control w-85" id="opnnSbmsnGist--${pageName}" name="opnnSbmsnGist" data-map="OPNN_SBMSN_GIST" data-maxlengthb="300" />
|
|
|
|
<input is="id-input" type="text" class="form-control w-85" name="opnnSbmsnGist" data-map="OPNN_SBMSN_GIST" data-maxlengthb="300" />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- 담당자 검토 의견 -->
|
|
|
|
<!-- 담당자 검토 의견 -->
|
|
|
|
<div class="col-md-12">
|
|
|
|
<div class="col-md-12">
|
|
|
|
<label for="picRvwOpnn--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">검토의견</label>
|
|
|
|
<label is="name-label" class="col-form-label bg-lighter pe-2 w-px-120 text-sm-end align-top" for="picRvwOpnn">검토의견</label>
|
|
|
|
<textarea class="form-control w-85" id="picRvwOpnn--${pageName}" name="picRvwOpnn" data-map="PIC_RVW_OPNN" rows="3" data-maxlengthb="1000">
|
|
|
|
<textarea is="id-textarea" class="form-control w-85" name="picRvwOpnn" data-map="PIC_RVW_OPNN" rows="2" data-maxlengthb="1000"></textarea>
|
|
|
|
</textarea>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</form>
|
|
|
|
</form>
|
|
|
|
@ -133,17 +132,17 @@
|
|
|
|
|
|
|
|
|
|
|
|
<!-- 첨부 파일 -->
|
|
|
|
<!-- 첨부 파일 -->
|
|
|
|
<div class="card">
|
|
|
|
<div class="card">
|
|
|
|
<form id="frmFile--${pageName}" method="post" enctype="multipart/form-data" >
|
|
|
|
<form name="frmFile" method="post" enctype="multipart/form-data" >
|
|
|
|
<input type="file" id="uploadFiles--${pageName}" name="uploadFiles" multiple="multiple" onchange="pageObject['${pageName}'].fnAddFiles(this);" hidden />
|
|
|
|
<input type="file" name="uploadFiles" multiple="multiple" onchange="pageObject['${pageName}'].fnAddFiles(this);" hidden />
|
|
|
|
</form>
|
|
|
|
</form>
|
|
|
|
<div class="row g-1">
|
|
|
|
<div class="row g-1">
|
|
|
|
<div class="col-md-12">
|
|
|
|
<div class="col-md-12">
|
|
|
|
<button type="button" class="btn btn-blue w-px-120" id="btnAddFile--${pageName}" title="첨부파일 추가">파일추가</button>
|
|
|
|
<button type="button" class="btn btn-blue w-px-120" name="btnAddFile" title="첨부파일 추가">파일추가</button>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- 첨부 파일 테이블 -->
|
|
|
|
<!-- 첨부 파일 테이블 -->
|
|
|
|
<div class="table-responsive">
|
|
|
|
<div class="table-responsive">
|
|
|
|
<table class="table table-bordered table-hover table-striped" id="fileList--${pageName}">
|
|
|
|
<table class="table table-bordered table-hover table-striped" name="fileList">
|
|
|
|
<thead>
|
|
|
|
<thead>
|
|
|
|
<th class="text-center" style="width: 24px">No.</th>
|
|
|
|
<th class="text-center" style="width: 24px">No.</th>
|
|
|
|
<th class="text-center" style="width: 200px">파일번호</th>
|
|
|
|
<th class="text-center" style="width: 200px">파일번호</th>
|
|
|
|
@ -152,7 +151,7 @@
|
|
|
|
<th class="text-center" style="width: 120px">다운로드</th>
|
|
|
|
<th class="text-center" style="width: 120px">다운로드</th>
|
|
|
|
<th class="text-center" style="width: 120px">삭제</th>
|
|
|
|
<th class="text-center" style="width: 120px">삭제</th>
|
|
|
|
</thead>
|
|
|
|
</thead>
|
|
|
|
<tbody>
|
|
|
|
<tbody name="tbodyFileList">
|
|
|
|
</tbody>
|
|
|
|
</tbody>
|
|
|
|
</table>
|
|
|
|
</table>
|
|
|
|
</div> <!-- 첨부 파일 테이블 <div class="table-responsive"> -->
|
|
|
|
</div> <!-- 첨부 파일 테이블 <div class="table-responsive"> -->
|
|
|
|
@ -164,7 +163,9 @@
|
|
|
|
<span class="container-page-btn">
|
|
|
|
<span class="container-page-btn">
|
|
|
|
<!-- 업무 버튼 -->
|
|
|
|
<!-- 업무 버튼 -->
|
|
|
|
<span class="container-window-btn-right">
|
|
|
|
<span class="container-window-btn-right">
|
|
|
|
<button type="button" class="btn btn-primary w-px-120" id="btnSave--${pageName}" title="저장">저장</button>
|
|
|
|
<button type="button" class="btn btn-primary w-px-120" name="btnSave" title="저장">
|
|
|
|
|
|
|
|
저장
|
|
|
|
|
|
|
|
</button>
|
|
|
|
</span>
|
|
|
|
</span>
|
|
|
|
</span>
|
|
|
|
</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
@ -176,346 +177,358 @@
|
|
|
|
<!-- / inner page html <div class="content-pop"> -->
|
|
|
|
<!-- / inner page html <div class="content-pop"> -->
|
|
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
<script>
|
|
|
|
/**************************************************************************
|
|
|
|
/**************************************************************************
|
|
|
|
* Global Variable
|
|
|
|
* Global Variable
|
|
|
|
**************************************************************************/
|
|
|
|
**************************************************************************/
|
|
|
|
pageObject["${pageName}"] = {};
|
|
|
|
pageObject["${pageName}"] = newDoctxFinder("${pageName}");
|
|
|
|
|
|
|
|
|
|
|
|
/**************************************************************************
|
|
|
|
/**************************************************************************
|
|
|
|
* script 진입
|
|
|
|
* script 진입
|
|
|
|
**************************************************************************/
|
|
|
|
**************************************************************************/
|
|
|
|
$(document).ready(function() {
|
|
|
|
$(document).ready(function() {
|
|
|
|
// pageObject
|
|
|
|
// pageObject
|
|
|
|
let $P = pageObject["${pageName}"];
|
|
|
|
let $P = pageObject["${pageName}"];
|
|
|
|
|
|
|
|
|
|
|
|
// infoDialog 호출 용도(view 조회(편집불가), create 등록, update 수정)
|
|
|
|
// infoDialog 호출 용도(view 조회(편집불가), create 등록, update 수정)
|
|
|
|
$P.callPurpose = "${callPurpose}";
|
|
|
|
$P.callPurpose = "${callPurpose}";
|
|
|
|
// FormFields
|
|
|
|
// FormFields
|
|
|
|
$P.formFields = new FimsFormFields("#frmEdit--${pageName}");
|
|
|
|
$P.formFields = new FimsFormFields($P.selector("frmEdit"));
|
|
|
|
// 파일 리스트
|
|
|
|
// 파일 리스트
|
|
|
|
$P.fileListArr = new Array();
|
|
|
|
$P.fileListArr = new Array();
|
|
|
|
|
|
|
|
|
|
|
|
/**************************************************************************
|
|
|
|
/**************************************************************************
|
|
|
|
* DatasetControl
|
|
|
|
* DatasetControl
|
|
|
|
**************************************************************************/
|
|
|
|
**************************************************************************/
|
|
|
|
$P.control = new DatasetControl({
|
|
|
|
$P.ctrl = new DatasetControl({
|
|
|
|
prefix: "opnn"
|
|
|
|
prefix: "opnn"
|
|
|
|
, prefixName: "의견제출"
|
|
|
|
, prefixName: "의견제출"
|
|
|
|
, keymapper: info => info ? info.OPNN_ID : ""
|
|
|
|
, keymapper: info => info ? info.OPNN_ID : ""
|
|
|
|
, dataGetter: obj => obj.${infoPrefix}Info
|
|
|
|
, dataGetter: obj => obj.info
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
/**************************************************************************
|
|
|
|
/**************************************************************************
|
|
|
|
* DatasetControl 이벤트
|
|
|
|
* DatasetControl 이벤트
|
|
|
|
**************************************************************************/
|
|
|
|
**************************************************************************/
|
|
|
|
// 현재 선택 자료 변경 이벤트
|
|
|
|
// 현재 선택 자료 변경 이벤트
|
|
|
|
$P.control.onCurrentChange = (item) => {
|
|
|
|
$P.ctrl.onCurrentChange = (item) => {
|
|
|
|
if (!item) return;
|
|
|
|
if (!item) return;
|
|
|
|
|
|
|
|
|
|
|
|
// Dataset 셋팅
|
|
|
|
// Dataset 셋팅
|
|
|
|
$P.formFields.set($P.control, item);
|
|
|
|
$P.formFields.set($P.ctrl, item);
|
|
|
|
// 업무구분에 따른 URL 변경
|
|
|
|
|
|
|
|
$P.fnSetURL(item.data.TASK_SE_CD);
|
|
|
|
// 업무구분에 따른 URL 변경
|
|
|
|
|
|
|
|
$P.fnSetURL(item.data.TASK_SE_CD);
|
|
|
|
// 호출용도가 등록..
|
|
|
|
|
|
|
|
if ($P.callPurpose == "create") {
|
|
|
|
let key = item.data.OPNN_ID;
|
|
|
|
$("#rcptYmd--${pageName}").datepicker("setDate", new Date());
|
|
|
|
|
|
|
|
} else {
|
|
|
|
// 호출용도가 등록..
|
|
|
|
$P.fnSearchFileList(item.data.OPNN_ID); // 첨부파일 조회
|
|
|
|
if ($P.callPurpose == "create") {
|
|
|
|
}
|
|
|
|
$P.$find("rcptYmd").datepicker("setDate", TODAY());
|
|
|
|
}
|
|
|
|
} else {
|
|
|
|
|
|
|
|
// 첨부파일 조회
|
|
|
|
// 저장 callback
|
|
|
|
if (key != null) { $P.fnSearchFileList(key); }
|
|
|
|
$P.control.onSave = (resp) => {
|
|
|
|
}
|
|
|
|
let dialogTitle = $("#" + $P.control.prefix + "Dialog--${openerPageName}").find("h5.modal-title").html();
|
|
|
|
}
|
|
|
|
let showMessage = resp.rtnMsg.replace(/[S]|[F]/g, dialogTitle);
|
|
|
|
|
|
|
|
|
|
|
|
// 저장 callback
|
|
|
|
// 메시지 출력
|
|
|
|
$P.ctrl.onSave = (resp) => {
|
|
|
|
dialog.alert({
|
|
|
|
let dialogTitle = $("#" + $P.selfDlgId()).find("h5.modal-title").html();
|
|
|
|
content: showMessage
|
|
|
|
let showMessage = resp.rtnMsg.replace(/[S]|[F]/g, dialogTitle);
|
|
|
|
, init: () => { setDialogZindex(); }
|
|
|
|
|
|
|
|
, onOK: () => { }
|
|
|
|
// 메시지 출력
|
|
|
|
});
|
|
|
|
dialog.alert({
|
|
|
|
|
|
|
|
content: showMessage
|
|
|
|
if (resp.saved) {
|
|
|
|
, init: () => { setDialogZindex(); }
|
|
|
|
// 폼을 리셋해서 uploadFiles에 출력된 선택 파일을 초기화시킨다.
|
|
|
|
, onOK: () => { }
|
|
|
|
document.getElementById("frmFile--${pageName}").reset();
|
|
|
|
, onClose: () => {
|
|
|
|
|
|
|
|
if (resp.saved) {
|
|
|
|
dialog.close($P.control.prefix + "Dialog--${openerPageName}");
|
|
|
|
// 폼을 리셋해서 uploadFiles에 출력된 선택 파일을 초기화시킨다.
|
|
|
|
}
|
|
|
|
$P.find("frmFile").reset();
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
dialog.close($P.selfDlgId());
|
|
|
|
// 저장
|
|
|
|
}
|
|
|
|
$P.control.save = (info) => {
|
|
|
|
}
|
|
|
|
if (!info) return;
|
|
|
|
});
|
|
|
|
|
|
|
|
}
|
|
|
|
let create = ($P.callPurpose == "create");
|
|
|
|
|
|
|
|
let formData = new FormData();
|
|
|
|
// 저장
|
|
|
|
|
|
|
|
$P.ctrl.save = (info) => {
|
|
|
|
// 첨부파일 배열에 있는 내용을 등록
|
|
|
|
if (!info) return;
|
|
|
|
for (let iLoop = 0; iLoop < $P.fileListArr.length; iLoop++) {
|
|
|
|
|
|
|
|
formData.append("uploadFiles" , $P.fileListArr[iLoop]);
|
|
|
|
let create = ($P.callPurpose == "create");
|
|
|
|
}
|
|
|
|
let formData = new FormData();
|
|
|
|
for (let key in info) {
|
|
|
|
|
|
|
|
let value = info[key];
|
|
|
|
// 첨부파일 배열에 있는 내용을 등록
|
|
|
|
formData.append(key, value);
|
|
|
|
for (let iLoop = 0; iLoop < $P.fileListArr.length; iLoop++) {
|
|
|
|
}
|
|
|
|
formData.append("uploadFiles" , $P.fileListArr[iLoop]);
|
|
|
|
|
|
|
|
}
|
|
|
|
ajax.post({
|
|
|
|
for (let key in info) {
|
|
|
|
url: !create ? $P.control.urls.update : $P.control.urls.create
|
|
|
|
let value = info[key];
|
|
|
|
, data: formData
|
|
|
|
formData.append(key, value);
|
|
|
|
, contentType: false
|
|
|
|
}
|
|
|
|
, processData: false
|
|
|
|
|
|
|
|
, success: resp => $P.control.onSave(resp)
|
|
|
|
ajax.post({
|
|
|
|
});
|
|
|
|
url: !create ? $P.ctrl.urls.update : $P.ctrl.urls.create
|
|
|
|
}
|
|
|
|
, data: formData
|
|
|
|
|
|
|
|
, contentType: false
|
|
|
|
/**************************************************************************
|
|
|
|
, processData: false
|
|
|
|
* 사용자 함수(function)
|
|
|
|
, success: (resp) => { $P.ctrl.onSave(resp); }
|
|
|
|
**************************************************************************/
|
|
|
|
});
|
|
|
|
// 업무구분에 따른 url 변경
|
|
|
|
}
|
|
|
|
$P.fnSetURL = (taskSeCd) => {
|
|
|
|
|
|
|
|
$P.control.urls.create = wctx.url("/" + taskSeCd + "${infoPrefixUrl}" + "/020/create.do"); // 등록
|
|
|
|
/**************************************************************************
|
|
|
|
$P.control.urls.update = wctx.url("/" + taskSeCd + "${infoPrefixUrl}" + "/020/update.do"); // 수정
|
|
|
|
* 사용자 함수(function)
|
|
|
|
}
|
|
|
|
**************************************************************************/
|
|
|
|
|
|
|
|
// 업무구분에 따른 url 변경
|
|
|
|
// 주소 검색 결과 callback
|
|
|
|
$P.fnSetURL = (taskSeCd) => {
|
|
|
|
$P.callbackSearchAddr = (obj) => {
|
|
|
|
$P.ctrl.urls.create = wctx.url("/" + taskSeCd + "${infoPrefixUrl}" + "/020/create.do"); // 등록
|
|
|
|
$("#sttrAddr--${pageName}").val(obj.ADDR); // 주소
|
|
|
|
$P.ctrl.urls.update = wctx.url("/" + taskSeCd + "${infoPrefixUrl}" + "/020/update.do"); // 수정
|
|
|
|
$("#sttrZip--${pageName}").val(obj.ZIP); // 우편번호
|
|
|
|
}
|
|
|
|
$("#sttrDaddr--${pageName}").val(obj.DTL_ADDR); // 상세 주소
|
|
|
|
|
|
|
|
}
|
|
|
|
// 주소 검색 결과 callback
|
|
|
|
|
|
|
|
$P.callbackSearchAddr = (obj) => {
|
|
|
|
/**************************************************************************
|
|
|
|
$P.$find("sttrAddr").val(obj.ADDR); // 주소
|
|
|
|
* 버튼 clickEvent
|
|
|
|
$P.$find("sttrZip").val(obj.ZIP); // 우편번호
|
|
|
|
**************************************************************************/
|
|
|
|
$P.$find("sttrDaddr").val(obj.DTL_ADDR); // 상세 주소
|
|
|
|
// 납부자 정보를 진술자 정보로 입력한다.
|
|
|
|
}
|
|
|
|
$P.fnSearchPayer = (title) => {
|
|
|
|
|
|
|
|
$("select[name='ownrRelCd'] option:contains('본인')").attr("selected", "selected");
|
|
|
|
/**************************************************************************
|
|
|
|
$("#sttrNm--${pageName}").val($P.control.getValue("RTPYR_NM"));
|
|
|
|
* 버튼 clickEvent
|
|
|
|
$("#sttrBrdt--${pageName}").val($P.control.getValue("RTPYR_BRDT"));
|
|
|
|
**************************************************************************/
|
|
|
|
$("#sttrAddr--${pageName}").val($P.control.getValue("ADDR"));
|
|
|
|
// 납부자 정보를 진술자 정보로 입력한다.
|
|
|
|
$("#sttrZip--${pageName}").val($P.control.getValue("ZIP"));
|
|
|
|
$P.fnSearchPayer = (btnTitle) => {
|
|
|
|
$("#sttrDaddr--${pageName}").val($P.control.getValue("DTL_ADDR"));
|
|
|
|
$P.$find("frmEdit").find("[name='ownrRelCd'] option:contains('본인')").prop("selected", true);
|
|
|
|
|
|
|
|
$P.$find("sttrNm").val($P.ctrl.getValue("RTPYR_NM"));
|
|
|
|
if ($P.control.getValue("RTPYR_MBL_TELNO") != "")
|
|
|
|
$P.$find("sttrBrdt").val($P.ctrl.getValue("RTPYR_BRDT"));
|
|
|
|
$("#sttrCttpc--${pageName}").val($P.control.getValue("RTPYR_MBL_TELNO"));
|
|
|
|
$P.$find("sttrAddr").val($P.ctrl.getValue("ADDR"));
|
|
|
|
else
|
|
|
|
$P.$find("sttrZip").val($P.ctrl.getValue("ZIP"));
|
|
|
|
$("#sttrCttpc--${pageName}").val($P.control.getValue("RTPYR_TELNO"));
|
|
|
|
$P.$find("sttrDaddr").val($P.ctrl.getValue("DTL_ADDR"));
|
|
|
|
|
|
|
|
|
|
|
|
$("#sttrEml--${pageName}").val($P.control.getValue("RTPYR_EML"));
|
|
|
|
if ($P.ctrl.getValue("RTPYR_MBL_TELNO") != "")
|
|
|
|
}
|
|
|
|
$P.$find("sttrCttpc").val($P.ctrl.getValue("RTPYR_MBL_TELNO"));
|
|
|
|
|
|
|
|
else
|
|
|
|
// 주소 검색
|
|
|
|
$P.$find("sttrCttpc").val($P.ctrl.getValue("RTPYR_TELNO"));
|
|
|
|
$P.fnSearchAddr = async(title) => {
|
|
|
|
|
|
|
|
let resp = await fetch(wctx.url("/resources/html/searchAddr.html"));
|
|
|
|
$P.$find("sttrEml").val($P.ctrl.getValue("RTPYR_EML"));
|
|
|
|
let template = await resp.text();
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
dialog.open({
|
|
|
|
// 주소 검색
|
|
|
|
id: "searchAddrDialog"
|
|
|
|
$P.fnSearchAddr = async(btnTitle) => {
|
|
|
|
, title: title
|
|
|
|
let resp = await fetch(wctx.url("/resources/html/searchAddr.html"));
|
|
|
|
, size: "lg"
|
|
|
|
let template = await resp.text();
|
|
|
|
, content: template
|
|
|
|
|
|
|
|
, init: () => {
|
|
|
|
dialog.open({
|
|
|
|
$("#searchAddrCallback").val("pageObject['${pageName}'].callbackSearchAddr");
|
|
|
|
id: "searchAddrDialog"
|
|
|
|
|
|
|
|
, title: btnTitle
|
|
|
|
setDialogZindex();
|
|
|
|
, size: "lg"
|
|
|
|
}
|
|
|
|
, content: template
|
|
|
|
});
|
|
|
|
, init: () => {
|
|
|
|
}
|
|
|
|
$("#searchAddrCallback").val("pageObject['${pageName}'].callbackSearchAddr");
|
|
|
|
|
|
|
|
|
|
|
|
// 첨부파일 조회
|
|
|
|
setDialogZindex();
|
|
|
|
$P.fnSearchFileList = (opnnId) => {
|
|
|
|
}
|
|
|
|
// 의견제출 등록일 경우에는 첨부파일을 조회하지 안는다..
|
|
|
|
});
|
|
|
|
if (opnnId == null || opnnId == "") return;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
// 첨부파일 리스트
|
|
|
|
// 첨부파일 조회
|
|
|
|
ajax.get({
|
|
|
|
$P.fnSearchFileList = (opnnId) => {
|
|
|
|
url: "file/list.do"
|
|
|
|
let tableFileList = $P.find("fileList"); // table element 찾기
|
|
|
|
, data: {
|
|
|
|
let fileLength = tableFileList.rows.length;
|
|
|
|
infoType: "110"
|
|
|
|
|
|
|
|
, infoKeys: opnnId
|
|
|
|
// 기존 table에 자료가 존재하면 tableRow 삭제
|
|
|
|
, fetchSize: 0
|
|
|
|
for (let iLoop = 1; iLoop < fileLength; iLoop++) {
|
|
|
|
}
|
|
|
|
tableFileList.deleteRow(1); // table 행(Row) 삭제
|
|
|
|
, success: resp => {
|
|
|
|
}
|
|
|
|
let fileNo = 0;
|
|
|
|
|
|
|
|
let fileList = resp.fileList;
|
|
|
|
// 의견제출 등록일 경우에는 첨부파일을 조회하지 안는다..
|
|
|
|
|
|
|
|
if (!opnnId) return;
|
|
|
|
fileList.forEach(function (item, index, array) {
|
|
|
|
|
|
|
|
fileNo = index + 1;
|
|
|
|
// 첨부파일 리스트
|
|
|
|
|
|
|
|
ajax.get({
|
|
|
|
let innerHtml = "";
|
|
|
|
url: "file/list.do"
|
|
|
|
innerHtml += "<tr>";
|
|
|
|
, data: {
|
|
|
|
innerHtml += "<td class='text-center'>" + fileNo + "</td>";
|
|
|
|
infoType: "110"
|
|
|
|
innerHtml += "<td class='text-center'>" + item.FILE_ID + "</td>";
|
|
|
|
, infoKeys: opnnId
|
|
|
|
innerHtml += "<td class='text-center'>" + item.FILE_NM + "</td>";
|
|
|
|
, fetchSize: 0
|
|
|
|
innerHtml += "<td class='text-center'>" + item.FILE_SIZE + " byte</td>";
|
|
|
|
}
|
|
|
|
innerHtml += "<td class='text-center'>" + "<button type='button' class='btn' onclick=";
|
|
|
|
, success: (resp) => {
|
|
|
|
innerHtml += "pageObject['${pageName}'].fnFileDownload(" + item.FILE_ID + ");" + "><i class='bx bx-download me-1'></i></button>" + "</td>";
|
|
|
|
let fileNo = 0;
|
|
|
|
innerHtml += "<td class='text-center'>" + "<button type='button' class='btn' onclick=";
|
|
|
|
let fileList = resp.fileList;
|
|
|
|
innerHtml += "pageObject['${pageName}'].fnFileRemove(this);" + "><i class='bx bx-trash me-1'></i></button>" + "</td>";
|
|
|
|
|
|
|
|
innerHtml += "</tr>";
|
|
|
|
fileList.forEach(function (item, index, array) {
|
|
|
|
|
|
|
|
fileNo = index + 1;
|
|
|
|
$("#fileList--${pageName} > tbody:last").append(innerHtml);
|
|
|
|
|
|
|
|
});
|
|
|
|
let innerHtml = "";
|
|
|
|
}
|
|
|
|
innerHtml += "<tr>";
|
|
|
|
});
|
|
|
|
innerHtml += "<td class='text-center'>" + fileNo + "</td>";
|
|
|
|
}
|
|
|
|
innerHtml += "<td class='text-center'>" + item.FILE_ID + "</td>";
|
|
|
|
|
|
|
|
innerHtml += "<td class='text-center'>" + item.FILE_NM + "</td>";
|
|
|
|
// 첨부파일 등록
|
|
|
|
innerHtml += "<td class='text-center'>" + item.FILE_SIZE + " byte</td>";
|
|
|
|
$P.fnAddFiles = (obj) => {
|
|
|
|
innerHtml += "<td class='text-center'>" + "<button type='button' class='btn' onclick=";
|
|
|
|
let fileNo = $("#fileList--${pageName} > tbody tr").length; // table의 tr 개수
|
|
|
|
innerHtml += "pageObject['${pageName}'].fnFileDownload(" + item.FILE_ID + ");" + "><i class='bx bx-download me-1'></i></button>" + "</td>";
|
|
|
|
|
|
|
|
innerHtml += "<td class='text-center'>" + "<button type='button' class='btn' onclick=";
|
|
|
|
let maxFileCnt = 3; // 첨부파일 최대 개수
|
|
|
|
innerHtml += "pageObject['${pageName}'].fnFileRemove(this);" + "><i class='bx bx-trash me-1'></i></button>" + "</td>";
|
|
|
|
let attFileCnt = obj.files.length; // 선택한 파일 개수 + 기존 파일 개수
|
|
|
|
innerHtml += "</tr>";
|
|
|
|
let fileArr = new Array(); // 파일 배열
|
|
|
|
|
|
|
|
|
|
|
|
$P.$find("tbodyFileList").append(innerHtml);
|
|
|
|
fileArr = $P.fileListArr;
|
|
|
|
});
|
|
|
|
|
|
|
|
}
|
|
|
|
// 등록할 파일 개수 확인
|
|
|
|
});
|
|
|
|
if (attFileCnt + fileNo > maxFileCnt) {
|
|
|
|
}
|
|
|
|
dialog.alert({
|
|
|
|
|
|
|
|
content : "첨부파일은 최대 " + maxFileCnt + "개 까지 첨부 가능합니다."
|
|
|
|
// 첨부파일 등록
|
|
|
|
});
|
|
|
|
$P.fnAddFiles = (obj) => {
|
|
|
|
return;
|
|
|
|
let tableFileList = $P.find("fileList"); // table element 찾기
|
|
|
|
}
|
|
|
|
let fileNo = tableFileList.rows.length - 1; // table에 있는 파일 갯수 (첫번째 title은 제외하기 위해서 -1 처리)
|
|
|
|
|
|
|
|
let maxFileCnt = 3; // 의견제출에 등록 할 수 있는 첨부 파일 최대 개수
|
|
|
|
// 첨부파일을 table에 추가.
|
|
|
|
let attFileCnt = obj.files.length; // 선택한 파일의 개수
|
|
|
|
for (let iLoop = 0; iLoop < attFileCnt; iLoop++) {
|
|
|
|
let fileArr = new Array(); // 파일 배열
|
|
|
|
let selectedFile = obj.files[iLoop];
|
|
|
|
|
|
|
|
let innerHtml = "";
|
|
|
|
fileArr = $P.fileListArr;
|
|
|
|
|
|
|
|
|
|
|
|
fileNo += 1;
|
|
|
|
// 등록할 파일 개수 확인
|
|
|
|
|
|
|
|
if (attFileCnt + fileNo > maxFileCnt) {
|
|
|
|
innerHtml += "<tr>";
|
|
|
|
dialog.alert({
|
|
|
|
innerHtml += "<td class='text-center'>" + fileNo + "</td>";
|
|
|
|
content : "첨부파일은 최대 " + maxFileCnt + "개 까지 첨부 가능합니다."
|
|
|
|
innerHtml += "<td class='text-center'>" + "</td>";
|
|
|
|
, init: () => { setDialogZindex(); }
|
|
|
|
innerHtml += "<td class='text-center'>" + selectedFile.name + "</td>";
|
|
|
|
, onOK: () => { }
|
|
|
|
innerHtml += "<td class='text-center'>" + selectedFile.size + " byte</td>";
|
|
|
|
});
|
|
|
|
innerHtml += "<td class='text-center'>" + "</td>";
|
|
|
|
return;
|
|
|
|
innerHtml += "<td class='text-center'>" + "<button type='button' class='btn' onclick=";
|
|
|
|
}
|
|
|
|
innerHtml += "pageObject['${pageName}'].fnFileRemove(this);" + "><i class='bx bx-trash me-1'></i></button>" + "</td>";
|
|
|
|
|
|
|
|
innerHtml += "</tr>";
|
|
|
|
// 첨부파일을 table에 추가.
|
|
|
|
|
|
|
|
for (let iLoop = 0; iLoop < attFileCnt; iLoop++) {
|
|
|
|
$("#fileList--${pageName} > tbody:last").append(innerHtml);
|
|
|
|
let selectedFile = obj.files[iLoop];
|
|
|
|
|
|
|
|
let innerHtml = "";
|
|
|
|
fileArr.push(obj.files[iLoop]);
|
|
|
|
|
|
|
|
}
|
|
|
|
fileNo += 1;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
innerHtml += "<tr>";
|
|
|
|
// 첨부파일 삭제 아이콘 클릭 이벤트
|
|
|
|
innerHtml += "<td class='text-center'>" + fileNo + "</td>";
|
|
|
|
$P.fnFileRemove = (obj) => {
|
|
|
|
innerHtml += "<td class='text-center'>" + "</td>";
|
|
|
|
dialog.alert({
|
|
|
|
innerHtml += "<td class='text-center'>" + selectedFile.name + "</td>";
|
|
|
|
content: "선택한 파일을 삭제하시겠습니까?"
|
|
|
|
innerHtml += "<td class='text-center'>" + selectedFile.size + " byte</td>";
|
|
|
|
, onOK: () => {
|
|
|
|
innerHtml += "<td class='text-center'>" + "</td>";
|
|
|
|
let tr = $(obj).parent().parent(); // 클릭한 버튼이 속한 tr 요소
|
|
|
|
innerHtml += "<td class='text-center'>" + "<button type='button' class='btn' onclick=";
|
|
|
|
let td = tr.children();
|
|
|
|
innerHtml += "pageObject['${pageName}'].fnFileRemove(this);" + "><i class='bx bx-trash me-1'></i></button>" + "</td>";
|
|
|
|
let fileNo = td.eq(0).text(); // 삭제할 파일 번호
|
|
|
|
innerHtml += "</tr>";
|
|
|
|
let fileId = td.eq(1).text();
|
|
|
|
|
|
|
|
|
|
|
|
$P.$find("tbodyFileList").append(innerHtml);
|
|
|
|
if (fileId != null && fileId != "") {
|
|
|
|
|
|
|
|
ajax.post({
|
|
|
|
fileArr.push(obj.files[iLoop]);
|
|
|
|
url: "file/remove.do"
|
|
|
|
}
|
|
|
|
, data: { fileIDs : fileId }
|
|
|
|
}
|
|
|
|
, success: resp => { // 성공
|
|
|
|
|
|
|
|
}
|
|
|
|
// 첨부파일 삭제 아이콘 클릭 이벤트
|
|
|
|
});
|
|
|
|
$P.fnFileRemove = (obj) => {
|
|
|
|
} else {
|
|
|
|
dialog.alert({
|
|
|
|
// 배열에서 삭제한다. 배열은 0부터 시작하기 때문에 -1 해준다.
|
|
|
|
content: "선택한 파일을 삭제하시겠습니까?"
|
|
|
|
$P.fileListArr.splice(fileNo - 1);
|
|
|
|
, onOK: () => {
|
|
|
|
}
|
|
|
|
let tr = $(obj).parent().parent(); // 클릭한 버튼이 속한 tr 요소
|
|
|
|
|
|
|
|
let td = tr.children();
|
|
|
|
$(obj).closest("tr").remove(); // table 에서 제거
|
|
|
|
let fileId = td.eq(1).text(); // 삭제할 파일번호
|
|
|
|
}
|
|
|
|
let fileName = td.eq(2).text(); // 삭제할 파일이름
|
|
|
|
});
|
|
|
|
|
|
|
|
}
|
|
|
|
if (fileId != null && fileId != "") {
|
|
|
|
|
|
|
|
ajax.post({
|
|
|
|
// 첨부파일 다운로드 아이콘 클릭 이벤트
|
|
|
|
url: "file/remove.do"
|
|
|
|
$P.fnFileDownload = (fileID) => {
|
|
|
|
, data: { fileIDs: fileId }
|
|
|
|
top.location.href = "/file/download.do?fileID=" + fileID;
|
|
|
|
, success: (resp) => { }
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
} else {
|
|
|
|
// 저장
|
|
|
|
let filtered = $P.fileListArr.filter((value, index, arr) => {
|
|
|
|
$P.fnSave = () => {
|
|
|
|
return (value.name != fileName);
|
|
|
|
// validate 확인
|
|
|
|
});
|
|
|
|
if (!customValidate($("#frmEdit--${pageName}").find("input, select, textarea"))) return;
|
|
|
|
|
|
|
|
|
|
|
|
$P.fileListArr = filtered;
|
|
|
|
dialog.alert({
|
|
|
|
}
|
|
|
|
content: "현재 " + $P.control.prefixName + " 정보를 저장하시겠습니까?"
|
|
|
|
|
|
|
|
, init: () => { setDialogZindex(); }
|
|
|
|
$(obj).closest("tr").remove(); // table 에서 제거
|
|
|
|
, onOK: () => {
|
|
|
|
}
|
|
|
|
$P.control.save($P.formFields.get()); // formFields
|
|
|
|
});
|
|
|
|
}
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
}
|
|
|
|
// 첨부파일 다운로드 아이콘 클릭 이벤트
|
|
|
|
|
|
|
|
$P.fnFileDownload = (fileID) => {
|
|
|
|
/**************************************************************************
|
|
|
|
top.location.href = "/file/download.do?fileID=" + fileID;
|
|
|
|
* 초기 셋팅
|
|
|
|
}
|
|
|
|
**************************************************************************/
|
|
|
|
|
|
|
|
// 이벤트 설정
|
|
|
|
// 저장
|
|
|
|
$P.setEvent = () => {
|
|
|
|
$P.fnSave = () => {
|
|
|
|
// form-date 항목에서 키보드로 입력시 날짜 포맷팅 적용
|
|
|
|
// validate 확인
|
|
|
|
$("#frmEdit--${pageName}").find(".form-date").each(function() {
|
|
|
|
if (!customValidate($P.$find("frmEdit").find("input,select,textarea"))) return;
|
|
|
|
$(this).on("input",function() {
|
|
|
|
|
|
|
|
let value = this.value.replaceAll("-", "");
|
|
|
|
dialog.alert({
|
|
|
|
|
|
|
|
content: "현재 " + $P.ctrl.prefixName + " 정보를 저장하시겠습니까?"
|
|
|
|
if (value.length > 7) {
|
|
|
|
, init: () => { setDialogZindex(); }
|
|
|
|
this.value = value.substring(0,4) + "-" + value.substring(4,6) + "-" + value.substring(6);
|
|
|
|
, onOK: () => { $P.ctrl.save($P.formFields.get()); } // formFields
|
|
|
|
} else if(value.length > 5) {
|
|
|
|
});
|
|
|
|
this.value = value.substring(0,4) + "-" + value.substring(4);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
});
|
|
|
|
/**************************************************************************
|
|
|
|
});
|
|
|
|
* 초기 셋팅
|
|
|
|
|
|
|
|
**************************************************************************/
|
|
|
|
// 버튼 이벤트
|
|
|
|
// 이벤트 설정
|
|
|
|
$("#btnSearchPayer--${pageName}").on("click", function() { // 납부자 정보 조회 버튼 이벤트
|
|
|
|
$P.setEvent = () => {
|
|
|
|
$P.fnSearchPayer($(this).attr("title"));
|
|
|
|
// form-date 항목에서 키보드로 입력시 날짜 포맷팅 적용
|
|
|
|
});
|
|
|
|
$P.$find("frmEdit").find(".form-date").each(function() {
|
|
|
|
$("#btnSearchAddr--${pageName}").on("click", function() { // 주소 검색 버튼 이벤트
|
|
|
|
$(this).on("input", function() {
|
|
|
|
$P.fnSearchAddr($(this).attr("title"));
|
|
|
|
let value = this.value.replaceAll("-", "");
|
|
|
|
});
|
|
|
|
|
|
|
|
$("#btnAddFile--${pageName}").on('click', () => $("#uploadFiles--${pageName}").trigger("click")); // 파일 등록 버튼 이벤트
|
|
|
|
if (value.length > 7) {
|
|
|
|
$("#btnSave--${pageName}").on("click", () => $P.fnSave()); // 저장 버튼 이벤트
|
|
|
|
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);
|
|
|
|
// 초기 화면 설정
|
|
|
|
}
|
|
|
|
$P.initForm = () => {
|
|
|
|
});
|
|
|
|
// 달력 초기화
|
|
|
|
});
|
|
|
|
initDatepicker("frmEdit--${pageName}");
|
|
|
|
|
|
|
|
$("#rcptYmd--${pageName}").datepicker("setDate", new Date());
|
|
|
|
// 버튼 이벤트
|
|
|
|
|
|
|
|
$P.$find("btnSearchPayer").on("click", function() {
|
|
|
|
// 화면 활성화 설정
|
|
|
|
$P.fnSearchPayer($(this).attr("title")); // 납부자 정보 조회 버튼 이벤트
|
|
|
|
$("#vhrno--${pageName}").prop("readonly", true); // 차량번호
|
|
|
|
});
|
|
|
|
$("#crdnYmdTm--${pageName}").prop("readonly", true); // 단속 일자
|
|
|
|
$P.$find("btnSearchAddr").on("click", function() {
|
|
|
|
$("#rtpyrNm--${pageName}").prop("readonly", true); // 납부자 명
|
|
|
|
$P.fnSearchAddr($(this).attr("title")); // 주소 검색 버튼 이벤트
|
|
|
|
|
|
|
|
});
|
|
|
|
// View로 호출
|
|
|
|
$P.$find("btnAddFile").on("click", () => $P.$find("uploadFiles").trigger("click")); // 파일 등록 버튼 이벤트
|
|
|
|
if ($P.callPurpose == "view") {
|
|
|
|
$P.$find("btnSave").on("click", () => { $P.fnSave() }); // 저장
|
|
|
|
// input 요소들을 disabled
|
|
|
|
}
|
|
|
|
$("#frmEdit--${pageName}").find("input,textarea,select").prop("disabled", true);
|
|
|
|
|
|
|
|
// button 요소들을 disabled
|
|
|
|
// 초기 화면 설정
|
|
|
|
$("#btnRcptYmd--${pageName}").prop("disabled", true); // 접수 일자 달력 버튼
|
|
|
|
$P.initForm = () => {
|
|
|
|
$("#btnSearchPayer--${pageName}").prop("disabled", true); // 납부자 버튼
|
|
|
|
// 화면 초기화
|
|
|
|
$("#btnSearchAddr--${pageName}").prop("disabled", true); // 우편번호 버튼
|
|
|
|
$P.find("frmEdit").reset();
|
|
|
|
$("#btnAddFile--${pageName}").prop("disabled", true); // 파일 추가 버튼
|
|
|
|
|
|
|
|
$("#btnSave--${pageName}").prop("disabled", true); // 저장 버튼
|
|
|
|
// 달력 초기화
|
|
|
|
} else if ($P.callPurpose == "create") {
|
|
|
|
initDatepicker($P.find("frmEdit"));
|
|
|
|
$("#rcptNo--${pageName}").prop("readonly", true); // 접수 번호
|
|
|
|
$P.$find("rcptYmd").datepicker("setDate", TODAY());
|
|
|
|
$("#rcptYmd--${pageName}").datepicker("setDate", new Date()); // 접수 일자
|
|
|
|
|
|
|
|
}
|
|
|
|
// View로 호출되었을때 disabled 셋팅
|
|
|
|
}
|
|
|
|
if ($P.callPurpose == "view") {
|
|
|
|
|
|
|
|
// input 요소들을 disabled
|
|
|
|
/**************************************************************************
|
|
|
|
$P.$find("frmEdit").find("input,textarea,select").prop("disabled", true);
|
|
|
|
* 최초 실행 함수
|
|
|
|
// button 요소들을 disabled
|
|
|
|
**************************************************************************/
|
|
|
|
$P.$find("btnRcptYmd").prop("disabled", true); // 접수 일자 달력 버튼
|
|
|
|
// 1. 이벤트 설정
|
|
|
|
$P.$find("btnSearchPayer").prop("disabled", true); // 납부자 버튼
|
|
|
|
$P.setEvent();
|
|
|
|
$P.$find("btnSearchAddr").prop("disabled", true); // 우편번호 버튼
|
|
|
|
|
|
|
|
$P.$find("btnAddFile").prop("disabled", true); // 파일 추가 버튼
|
|
|
|
// 2. 초기 화면 설정
|
|
|
|
$P.$find("btnSave").prop("disabled", true); // 저장 버튼
|
|
|
|
$P.initForm();
|
|
|
|
} else if ($P.callPurpose == "create") {
|
|
|
|
|
|
|
|
$P.$find("rcptNo").prop("readonly", true); // 접수 번호
|
|
|
|
// 3. Dataset 설정
|
|
|
|
}
|
|
|
|
$P.control.setData([${opnnSbmsnInfo}]);
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
/**************************************************************************
|
|
|
|
|
|
|
|
* 최초 실행 함수
|
|
|
|
|
|
|
|
**************************************************************************/
|
|
|
|
|
|
|
|
// 1. 이벤트 설정
|
|
|
|
|
|
|
|
$P.setEvent();
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 2. 초기 화면 설정
|
|
|
|
|
|
|
|
$P.initForm();
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 3. Dataset 설정
|
|
|
|
|
|
|
|
$P.ctrl.setData([${info}]);
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
</script>
|
|
|
|
|
jjh
3 months ago