사건진행정보, 사건관련문서 등록
조정진행상세 - 워크플로우
This commit is contained in:
HappyITN
parent
0b4db77b20
commit
08e803a778
@ -294,7 +294,19 @@ $(document).ready(function(){
|
||||
function fnc_aprvl_pop(param){
|
||||
commonPopWindowopenForm("/kccadr/adjReqMgOff/popup/adjReqMgrOffAppReqPop.do", '1000', '700', "entInfoPop", $('#pop'));
|
||||
}
|
||||
|
||||
/* 워크플로우 */
|
||||
$(function(){
|
||||
$(".work_flow_wrap .btn_open").click(function(){
|
||||
if($(".work_flow_wrap").is(".off") == true){
|
||||
$(".work_flow_wrap").removeClass("off");
|
||||
$(this).addClass("btn_close").removeClass("btn_open").attr('title','닫힘');
|
||||
}else{
|
||||
$(".work_flow_wrap").addClass("off");
|
||||
$(this).removeClass("btn_close").addClass("btn_open").attr('title','열림');
|
||||
}
|
||||
});
|
||||
});
|
||||
/*//워크플로우 */
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
@ -314,6 +326,53 @@ $(document).ready(function(){
|
||||
<form:form id="tabForm0" onsubmit="return false;" method="post">
|
||||
<input type="hidden" id="adrNo" name="adrNo" value="<c:out value="${info.adrNo}" />" />
|
||||
<div class="tab_cont on">
|
||||
|
||||
<div class="work_flow_wrap off">
|
||||
<div class="work_tit">
|
||||
<p>조정진행 워크플로우</p>
|
||||
<button type="button" title="열림" class="btn_open"><i></i></button>
|
||||
</div>
|
||||
<div class="work_cont">
|
||||
<ul class="top_work">
|
||||
<li class="status01"><p>조정신청 제출</p><img src="/kccadrPb/usr/image/workflow/nexticon1.png" alt="다음"></li>
|
||||
<li class="status02"><p>신청서 보완</p><img src="/kccadrPb/usr/image/workflow/nexticon1.png" alt="다음"></li>
|
||||
<li><p>조정비용납부</p><img src="/kccadrPb/usr/image/workflow/nexticon1.png" alt="다음"></li>
|
||||
<li><p>사건접수</p><img src="/kccadrPb/usr/image/workflow/nexticon1.png" alt="다음"></li>
|
||||
<li><p>조정부배정</p><img src="/kccadrPb/usr/image/workflow/nexticon2.png" alt="다음" style="top: 51px; right: 105px;"></li>
|
||||
</ul>
|
||||
<ul class="work_2">
|
||||
<li><p>기일확정</p><img src="/kccadrPb/usr/image/workflow/nexticon3.png" alt="다음" class="nexticon_3"></li>
|
||||
<li>
|
||||
<p>기일통지</p><img src="/kccadrPb/usr/image/workflow/nexticon3.png" alt="다음" class="nexticon_3"><img src="/kccadrPb/usr/image/workflow/nexticon1.png" alt="다음" style="position: absolute;z-index: 1;top: 8px;left: 203px;">
|
||||
<ul class="work_3">
|
||||
<li><p>1차 기일 개최</p><img src="/kccadrPb/usr/image/workflow/nexticon3.png" alt="다음" class="nexticon_3"></li>
|
||||
<li>
|
||||
<p>2차 기일 개최<img src="/kccadrPb/usr/image/workflow/nexticon4.png" alt="다음" class="nexticon_4"></p><img src="/kccadrPb/usr/image/workflow/nexticon3.png" alt="다음" class="nexticon_3">
|
||||
<ul class="work_4">
|
||||
<li><p>조정성립</p></li>
|
||||
<li><p>직권조정<img src="/kccadrPb/usr/image/workflow/nexticon5.png" alt="다음" class="nexticon_5"></p>
|
||||
<ul class="work_5">
|
||||
<li><p>이의신청</p></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><p>조정권고</p></li>
|
||||
<li><p>쌍방수락여부 확인</p></li>
|
||||
<li><p>불성립종결</p></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><p>3차 기일 개최</p><img src="/kccadrPb/usr/image/workflow/nexticon3.png" alt="다음" class="nexticon_3"></li>
|
||||
<li><p>4차 기일 개최</p></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li style="position: absolute; top: 146px"><p>기일변경</p></li>
|
||||
<li><p>변론서 및 답변서</p></li>
|
||||
<li style="width: 450px;"><p>취하신청</p><img src="/kccadrPb/usr/image/workflow/nexticon1.png" alt="다음" style="position:absolute; left: 203px;"><p style="margin-left: 7px;">취하종결</p></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- list_상세 -->
|
||||
<p class="tb_tit">조정 사건 일반</p>
|
||||
<div class="tbType02">
|
||||
|
||||
@ -235,7 +235,7 @@ function fn_testPageAlert(){
|
||||
</script>
|
||||
<style type="text/css">
|
||||
.calendarPop {left:-165px;}
|
||||
.cont .list {min-height:auto;border-bottom:0 none;}
|
||||
.cont .list {overflow:inherit;min-height:auto;border-bottom:0 none;}
|
||||
.cont .list.tbType01 tbody tr td {padding:10px 15px;}
|
||||
.cont .list.tbType01 tbody tr td .sel_date {position:relative;}
|
||||
.cont .list.tbType01 tbody tr td .sel_date .startDate {width:100%;box-sizing:border-box;}
|
||||
|
||||
@ -123,35 +123,43 @@ $(document).on('click','.removeBtn', function(){
|
||||
function fn_addRow(len){
|
||||
|
||||
return addRow= '<tr id="row'+len+'">'
|
||||
+' <td>'
|
||||
+' <input type="text" id="" name="" style="width: 302px;" placeholder="내용을 입력해 주세요" value="">'
|
||||
+' </td>'
|
||||
+' <td>'
|
||||
+' <input type="text" id="" name="" style="width: 650px;" placeholder="비고를 입력해 주세요" value="">'
|
||||
+' </td>'
|
||||
+' <td>'
|
||||
+' <div class="sel_date">'
|
||||
+' <input type="text" style="width: 125px;" class="appDeDay inp" title="검색시작일" id="appDeDay" name="appDeDay1" onclick="return calendarOpen(\'appDeDay-lry'+len+'\',\'\',this)" value="<c:out value="${apmChgInfo.appDeDay }"></c:out>" data-datecontrol="true" onkeyup="setFormat(\'day\',this)" maxlength="10" readonly>'
|
||||
+' <input type="text" class="appDeDay inp" title="검색시작일" id="appDeDay'+len+'" name="appDeDay1" onclick="return calendarOpen(\'appDeDay'+len+'-lry\',\'\',this)" value="<c:out value="${apmChgInfo.appDeDay }"></c:out>" data-datecontrol="true" onkeyup="setFormat(\'day\',this)" maxlength="10" readonly>'
|
||||
+' <div class="calendar_in" id="calendarName_startDate" style="z-index: 9;">'
|
||||
+' <button type="button" value="달력 팝업 열기" onclick="return calendarOpen(\'appDeDay-lry'+len+'\',\'\',this)" class="btn_cal"></button>'
|
||||
+' <div id="appDeDay-lry'+len+'" class="calendarPop" style="display: none;">'
|
||||
+' <iframe id="appDeDay-ifrm" name="appDeDay-ifrm" class="calendar-frame" src="/kccadrPb/adm/calendar.html" title=" 달력 팝업" frameborder="0" scrolling="no"></iframe>'
|
||||
+' <button type="button" value="달력 팝업 열기" onclick="return calendarOpen(\'appDeDay'+len+'-lry\',\'\',this)" class="btn_cal"></button>'
|
||||
+' <div id="appDeDay'+len+'-lry" class="calendarPop" style="display: none;">'
|
||||
+' <iframe id="appDeDay'+len+'-ifrm" name="appDeDay'+len+'-ifrm" class="calendar-frame" src="/kccadrPb/adm/calendar.html" title=" 달력 팝업" frameborder="0" scrolling="no"></iframe>'
|
||||
+' </div>'
|
||||
+' </div>'
|
||||
+' </div>'
|
||||
+' </td>'
|
||||
+' <td>'
|
||||
+' <button class="btn_search removeBtn">삭제</button>'
|
||||
+' <input type="text" id="" name="" placeholder="내용을 입력해 주세요" value="" />'
|
||||
+' </td>'
|
||||
+' <td>'
|
||||
+' <input type="text" id="" name="" placeholder="비고를 입력해 주세요" value="" />'
|
||||
+' </td>'
|
||||
+' <td>'
|
||||
+' <button type="button" class="btnType04 btn_del removeBtn">삭제</button>'
|
||||
+' </td>'
|
||||
+'</tr>'
|
||||
;
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
</script>
|
||||
<style type="text/css">
|
||||
.calendarPop {left:-165px;}
|
||||
.cont .list {overflow:inherit;min-height:auto;border-bottom:0 none;}
|
||||
.cont .list.tbType01 tbody tr td {padding:10px 15px;}
|
||||
.cont .list.tbType01 tbody tr td input[type=text] {width:100%;box-sizing:border-box;}
|
||||
.cont .list.tbType01 tbody tr td .sel_date {position:relative;}
|
||||
.cont .list.tbType01 tbody tr td .sel_date .startDate {width:100%;box-sizing:border-box;}
|
||||
.cont .list.tbType01 tbody tr td .sel_date .calendar_in {position:absolute;right:0;top:8px;}
|
||||
.cont .list.tbType01 tbody tr td.upload_area {text-align:left;}
|
||||
.cont .list.tbType01 tbody tr td.upload_area .btnType01 {height:36px;padding:0 11px;font-size:15px;}
|
||||
</style>
|
||||
<title>사건진행정보</title>
|
||||
</head>
|
||||
<body>
|
||||
@ -204,16 +212,16 @@ function fn_addRow(len){
|
||||
<div class="list tbType01">
|
||||
<table>
|
||||
<colgroup>
|
||||
<col style="width: 25%">
|
||||
<col style="width: auto">
|
||||
<col style="width: 14%">
|
||||
<col style="width: 8%">
|
||||
<col style="width:15%">
|
||||
<col style="width:auto">
|
||||
<col style="width:20%">
|
||||
<col style="width:10%">
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>일자</th>
|
||||
<th>내용</th>
|
||||
<th>비고</th>
|
||||
<th>일자</th>
|
||||
<th>삭제</th>
|
||||
</tr>
|
||||
</thead>
|
||||
@ -247,15 +255,9 @@ function fn_addRow(len){
|
||||
<%-- </c:forEach> --%>
|
||||
<tr>
|
||||
<td>
|
||||
<input type="text" id="" name="" style="width: 302px;" placeholder="내용을 입력해 주세요" value="" />
|
||||
</td>
|
||||
<td>
|
||||
<input type="text" id="" name="" style="width: 650px;" placeholder="비고를 입력해 주세요" value="" />
|
||||
</td>
|
||||
<td>
|
||||
<!-- <input type="text" id="" name="" style="width: 125px;" placeholder="YYYY-MM-DD" value="" /> -->
|
||||
<div class="sel_date">
|
||||
<input type="text" style="width: 125px;" class="appDeDay inp" title="검색시작일" id="appDeDay" name="appDeDay1" onclick="return calendarOpen('appDeDay-lry','',this)" value="<c:out value="${apmChgInfo.appDeDay }"></c:out>" data-datecontrol="true" onkeyup="setFormat('day',this)" maxlength="10" readonly>
|
||||
<input type="text" class="appDeDay inp" title="검색시작일" id="appDeDay" name="appDeDay1" onclick="return calendarOpen('appDeDay-lry','',this)" value="<c:out value="${apmChgInfo.appDeDay }"></c:out>" data-datecontrol="true" onkeyup="setFormat('day',this)" maxlength="10" readonly>
|
||||
<div class="calendar_in" id="calendarName_startDate" style="z-index: 9;">
|
||||
<button type="button" value="달력 팝업 열기" onclick="return calendarOpen('appDeDay-lry','',this)" class="btn_cal"></button>
|
||||
<div id="appDeDay-lry" class="calendarPop" style="display: none;">
|
||||
@ -265,7 +267,13 @@ function fn_addRow(len){
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<button class="btn_search removeBtn">삭제</button>
|
||||
<input type="text" id="" name="" placeholder="내용을 입력해 주세요" value="" />
|
||||
</td>
|
||||
<td>
|
||||
<input type="text" id="" name="" placeholder="비고를 입력해 주세요" value="" />
|
||||
</td>
|
||||
<td>
|
||||
<button type="button" class="btnType04 btn_del removeBtn">삭제</button>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
|
||||
@ -411,3 +411,30 @@ table select+button{vertical-align: middle;}
|
||||
.showMask{display: inline-block}
|
||||
.cfText{font-size: 16px; color: #666}
|
||||
#pageUnit{width: 100px}
|
||||
|
||||
/* 워크플로우 */
|
||||
.work_flow_wrap{background-color: #f1f2f4; border: 1px solid #d5d5d5; border-radius: 5px; padding: 0 20px; margin: 0 0 30px 0;transition: all 0.5s ease; height: auto;}
|
||||
.work_flow_wrap .work_tit{display: flex; justify-content: space-between; align-items: center; font-size: 20px; padding: 20px 0 20px 6px;}
|
||||
.btn_open, .work_flow_wrap .btn_close{width: 30px; height: 30px; border-radius: 5px; background-color: #fff;}
|
||||
.btn_open i{display: inline-block; width: 100%; height: 100%; background-image: url(/kccadrPb/usr/image/common/btn_plus.png); background-repeat: no-repeat; background-position: center;}
|
||||
.work_flow_wrap .btn_close i{display: inline-block; width: 100%; height: 100%; background-image: url(/kccadrPb/usr/image/common/btn_minus.png); background-repeat: no-repeat; background-position: center;}
|
||||
.work_cont{background-color: #fff; border-radius: 5px; padding: 20px 25px; margin: 0 0 25px 0;transition: all 0.5s ease;height:714px;overflow:hidden;}
|
||||
.work_flow_wrap .top_work{display: flex; justify-content: space-between; align-items: center;}
|
||||
|
||||
.work_flow_wrap .work_cont .top_work li{overflow: visible;}
|
||||
.work_flow_wrap .work_cont li{position: relative; width: 100%; overflow: hidden;}
|
||||
.work_flow_wrap .work_cont p{display: inline-flex; width: 210px; text-align: center; border: 1px solid #d5d5d5; height: 45px; border-radius: 5px; align-items: center; justify-content: center; font-size: 16px; color: #666; margin-bottom: 26px;background-color: transparent; position: relative;}
|
||||
.work_flow_wrap .work_cont p+img{position: absolute; right: -10px; top: 8px; z-index: 1;}
|
||||
.work_2{margin-top: 55px; position: relative;}
|
||||
.work_3,.work_5{float: right;}
|
||||
.work_5{margin-left: 10px; margin-top: 73px;}
|
||||
.work_flow_wrap .work_cont .work_3 li{overflow: visible;}
|
||||
.work_4{float: right; margin-left: 240px; margin-top: -73px; position: relative;}
|
||||
.work_flow_wrap .work_cont p+.nexticon_3{position: absolute; top: 100%; left: 98px; top: 54px;}
|
||||
.nexticon_4{position: absolute; top: -58px; left: 235px;}
|
||||
.nexticon_5{position: absolute; top: 22px; left: 215px;}
|
||||
|
||||
.work_flow_wrap.off .work_cont{height: 0; padding: 0 25px; margin: 0; transition: all 0.5s ease;}
|
||||
.work_cont .status01 p{border: 1px solid #ea5404; color: #ea5404;}
|
||||
.work_cont .status02 p{border: 2px solid #1b6fcd; color: #1b6fcd; font-weight: 500;}
|
||||
/* //워크플로우 */
|
||||
Loading…
Reference in New Issue
Block a user