(function() { 'use strict'; class NewPatientPage { constructor() { this.choicesInstances = new Map(); this.data = { nationality: '', nationalityCode: '', // 선택된 국적 코드 저장용 visitPath: '' }; this.isInitialized = false; this.KOREA_CODE = 'C202404180007'; this.allowSystemCheck = false; } init() { if (this.isInitialized) return; if (!this.validateDependencies() || !this.validateDOM()) { this.scheduleRetry(); return; } this.initChoices(); this.loadCommonCategories(); this.bindEvents(); this.isInitialized = true; } validateDependencies() { return !!($ && window.Choices); } validateDOM() { return !!(document.querySelector('#selectNationality')); } scheduleRetry() { setTimeout(() => this.init(), 150); } bindEvents() { const $rrn1 = $('input[name="modalUserRrn1"]'); const $rrn2 = $('input[name="modalUserRrn2"]'); $rrn2.on('keyup input', (e) => { const rrn1Val = $rrn1.val(); const rrn2Val = $(e.target).val(); if (rrn1Val.length === 6 && rrn2Val.length >= 1) { this.handleRrnInput(rrn1Val, rrn2Val.charAt(0)); } }); const nationalityInstance = this.choicesInstances.get('nationality'); if (nationalityInstance) { const element = nationalityInstance.passedElement.element; element.addEventListener('change', (event) => { this.data.nationalityCode = event.detail.value; // 국적 코드 업데이트 this.updateUIByNationality(event.detail.value); }); } $('#modalAddress, #btnSearchAddress').on('click', () => { this.openAddrSearch(); }); // 체크박스 직접 클릭 방지 및 안내 문구 출력 const consentIds = ['#agreePrivacy', '#agreeProcedure', '#agreeTerms', '#refusePhoto']; $(consentIds.join(', ')).on('click', (e) => { if (!this.allowSystemCheck) { e.preventDefault(); alert('동의서 보기 버튼을 클릭하여 내용을 확인하신 후 [동의함] 버튼을 눌러주세요.'); } }); } updateUIByNationality(selectedCode) { const $rrnLabel = $('label[for="modalUserRrn1"], .form-row:has(input[name="modalUserRrn1"]) label').first(); const $passportBox = $('.foreigner_box'); if (selectedCode === this.KOREA_CODE) { $rrnLabel.text('주민등록번호'); $passportBox.hide(); } else { $rrnLabel.text('외국인등록번호'); $passportBox.show(); } } handleRrnInput(rrn1, genderDigitStr) { const genderDigit = parseInt(genderDigitStr, 10); const isMale = [1, 3, 5, 7].includes(genderDigit); if (isMale) $('#genderM').prop('checked', true); else $('#genderF').prop('checked', true); let yearPrefix = [1, 2, 5, 6].includes(genderDigit) ? '19' : '20'; const year = yearPrefix + rrn1.substring(0, 2); const month = rrn1.substring(2, 4); const day = rrn1.substring(4, 6); $('#modalBirthday').val(`${year}${month}${day}`); const today = new Date(); let age = today.getFullYear() - parseInt(year); const birthDate = new Date(year, month - 1, day); const m = today.getMonth() - birthDate.getMonth(); if (m < 0 || (m === 0 && today.getDate() < birthDate.getDate())) age--; $('.txtAge').text(`만 ${age}세`); } initChoices() { const choicesConfig = { searchEnabled: true, itemSelectText: '', shouldSort: false, placeholderValue: '선택하세요' }; ['nationality', 'channel'].forEach(key => { const selector = key === 'nationality' ? '#selectNationality' : '#selectChannel'; this.choicesInstances.set(key, new Choices(selector, choicesConfig)); }); } loadCommonCategories() { const categories = [{ code: 'C202404110001', key: 'nationality' }, { code: 'C202404110003', key: 'channel' }]; categories.forEach(({ code, key }) => this.fetchCategory(code, key)); } fetchCategory(code, choicesKey) { $.post('/kiosk/getCategoryItem.do', { categoryCode: code }, (data) => { if (data.rows?.length > 0) { const choices = data.rows.map(item => ({ value: item.categoryItemCode || item.commonCode, label: item.categoryItemName || item.codeName })); const instance = this.choicesInstances.get(choicesKey); if (instance) { instance.setChoices(choices, 'value', 'label', true); if (choicesKey === 'nationality') { instance.setChoiceByValue(this.KOREA_CODE); this.data.nationalityCode = this.KOREA_CODE; // 초기 국적 설정 this.updateUIByNationality(this.KOREA_CODE); } } } }); } openAddrSearch() { new daum.Postcode({ oncomplete: (data) => { let addr = data.userSelectedType === 'R' ? data.roadAddress : data.jibunAddress; document.getElementById("modalAddress").value = addr; document.getElementById("modalAddressDetail").focus(); } }).open(); } } $(document).ready(() => { const pageApp = new NewPatientPage(); window.newPatientPage = pageApp; pageApp.init(); $('.consent-link').on('click', function(e) { e.preventDefault(); openConsentDialog($(this).data('type')); }); function openConsentDialog(type) { if ($('#dynamicConsentDialog').length) $('#dynamicConsentDialog').dialog('destroy').remove(); const $dialog = $('
'); let isAgreed = false; $dialog.dialog({ modal: true, width: 800, height: 700, title: getDialogTitle(type), resizable: false, draggable: true, buttons: [ { text: "동의함", class: "registration_bth", click: function() { isAgreed = true; pageApp.allowSystemCheck = true; $('#' + type).prop('checked', true); pageApp.allowSystemCheck = false; $(this).dialog('close'); } }, { text: "닫기", class: "cancel_btn", click: function() { $(this).dialog('close'); } } ], close: function() { if (!isAgreed) { pageApp.allowSystemCheck = true; $('#' + type).prop('checked', false); pageApp.allowSystemCheck = false; } $(this).dialog('destroy').remove(); } }); $dialog.html('
내용을 불러오는 중입니다...
'); $.ajax({ url: '/kiosk/getConsentForm.do', type: 'POST', contentType: 'application/json', data: JSON.stringify({ consentFormTypeCd: getConsentFormTypeCd(type), // 코드로 변환하여 전송 nationalCd: pageApp.data.nationalityCode // 현재 국적 코드 전송 }), success: function(res) { if(res && res.consentFormContent) { $dialog.html(res.consentFormContent); } else { $dialog.html('
등록된 동의서 내용이 없습니다.
'); } }, error: function() { $dialog.html('
서버 통신 중 오류가 발생했습니다.
'); } }); } function getDialogTitle(type) { const titles = { 'agreePrivacy': '개인정보 수집 및 이용안내', 'agreeProcedure': '시술동의서', 'agreeTerms': '이용약관', 'refusePhoto': '사진촬영거부동의서' }; return titles[type] || '동의서'; } /** * type 명칭을 DB consentFormTypeCd 코드로 변환 */ function getConsentFormTypeCd(type) { const typeMapping = { 'agreePrivacy': 'C202601180001', 'agreeProcedure': 'C202601180002', 'agreeTerms': 'C202601180003', 'refusePhoto': 'C202601180004' }; return typeMapping[type] || ''; } }); })();