[국민취업지원제도 일경험프로그램 52일차] 결재시스템 대리결제 (제이쿼리 팝업창 제어 window.open(), window.close())

52일 차 특이사항

1. 대리결제 기능 요구사항 

- 누르면 팝업

- 대리결제자 : 자기보다 2 직급 아래만 나온다. 이름만 나온다. 

- 대리자 : 로그인 정보

- 승인 누르면 ? 그 대리결재자 정보 표시가 된다. 

- 대리결재자가 된 사람은 대리결재자에서 사라진다. 

- 대리결재자가 되면 과장, 부장 대신 결재를 할 수 있다. 

- 대리결재자가 결재하면 결재자에 홍길동(최 과장) 

- 과장에게 결재권한을 부여받았다고 해도 모든 글을 볼 수 있는 것이 아니다. 

 

jQuery(제이쿼리)로 팝업창 띄우고 끄기 

1. 대리결재 버튼을 누르면 팝업창이 띄워진다. 

 

1) HTML

<input type = "button" name = "replaceBtn" id = "replaceBtn" value = "대리결재" style = "display: none;">

 

2) javascript : 대리결재 버튼을 누르면 window.open함수가 실행된다. 설정은 괄호 안에 들어있다. 

'replace'부분은 연결되는 url이다. 

$(function(){
//대리결재 버튼 조건 
var proxSh = '${memInfo.memRank}';
if(proxSh == 'BOSS' || proxSh == 'KING'){
    $("#replaceBtn").show();
}

$("#replaceBtn").click(function () {
  window.open('replace', '팝업창', 'width=400, height=400');
});

$("#logoutBtn").click(function () {
    // 로그아웃 버튼 클릭 시 확인 대화상자 표시
    if (confirm("로그아웃 하시겠습니까?")) {
        location.href = 'logout';
    }
    return false; 
})

 

2. 취소버튼을 누르면 팝업창이 꺼진다. 

 

1)HTML 

<input type = "button" name = "xx" id = "xx" value = "취소">

 

2) javascript : window.close() 함수를 사용하면 팝업창이 꺼진다. 

 $("#xx").click(function () {
  	window.close();
});

 

느낀 점

대리결재 기능을 하려는데 압도되는 느낌이 든다. 어떻게 접근해야 할지 막막하다. 하나씩 해보자. 부담감을 느끼는 것 같다. 잘하려고 해서일까? 실력에 비해 많은 것을 나에게 바라는 것 같다. 그렇게 해야 성장할 것 같다. 그런데 생각해 보면 부담 느껴서 하지 않는 것보다 대충이라도 가볍게 시도해 보고 실패하면 물어보면 될 일 아닌가? 부담을 내려놓자.