<div class="container"> <div class="screen b1"> <div class="top_wrap"> <div class="flex_between flex_center"> <div class="logo"><img src="/images/logo.svg"></div> <div class="date_clock flex_wrap g30"> <div class="days" name="date">2021.11.02</div> <div class="time flex_between"> <div class="hour" name="hour">06</div>:<div class="min" name="minute">40</div> </div> </div> </div> </div> <div class="midcont flex_center"> <div class="maintxt flex_center flex_wrap g30"> <div class="point"></div> <div class="txtbox">반려동물과 보호자가 함께하는<br>건강하고 행복한 삶을 위해 노력합니다.</div> </div> </div> <div class="bottom flex_center"> <div class="button_area flex_center_center"> <div class="button_2 on"><button>화면을 터치하세요.</button></div> </div> </div> </div> </div> <div class="container"> <div class="screen b1"> <video oncontextmenu="return false;" width="1080" height="1920" autoplay muted loop name="video"> <!-- <source name="source1" src="intro.mp4" type="video/mp4"> --> </video> <div class="top_wrap2"> <div class="flex_between flex_center"> <div class="logo"><img src="/images/logo.svg"></div> <div class="date_clock flex_wrap g30"> <div class="days" name="date">2021.11.02</div> <div class="time flex_between"> <div class="hour" name="hour">06</div>:<div class="min" name="minute">40</div> </div> </div> </div> </div> <div class="bottom flex_center"> <div class="button_area flex_center_center"> <div class="button_2 on"><button>화면을 터치하세요.</button></div> </div> </div> </div> </div> <div class="container"> <div class="back"> <div class="header"> <div class="close flex_end"><img src="/images/close_white.svg"></div> <div class="mainLogo"> <img src="images/logo.svg"> </div> </div> <div class="contbox flex_center_center flex_wrap"> <div class="box_wrap flex_around g80"> <div class="box01 flex_center_center" id="btnCheckIn"> <div class="icon"> <img src="/images/01_icon.svg"> <div class="txt1">접수</div> </div> </div> <div class="box01 flex_center_center" id="btnPayment"> <div class="icon"> <img src="/images/02_icon.svg"> <div class="txt1">수납</div> </div> </div> </div> <div class="box_wrap3 flex_around g80"> <div class="box01 flex_center_center" id="btnReceipt"> <div class="icon"> <img src="/images/04_icon.svg"> <div class="txt1">영수증 재출력</div> </div> </div> <div class="box01 flex_center_center" id="btnBuyItem"> <div class="icon"> <img src="/images/shopping_cart.svg"> <div class="txt1">용품구입</div> </div> </div> </div> </div> <div class="bottom flex_center"> <div class="frame flex_start flex_center"> <div class="point"></div> <div class="txtbox">반려동물과 보호자가 함께하는<br>건강하고 행복한 삶을 위해 노력합니다.</div> </div> <div class="imgbox"></div> <div class="admin"></div> </div> </div> </div> <div class="container"> <div class="back"> <div class="header"> <div class="flex_between flex_center"> <div class="logo"><img src="/images/logo.svg"></div> <div class="home flex_end"><img src="/images/home.svg"></div> </div> <div class="title"> <div class="titbox flex_wrap flex_center_center"> <div class="large">관리자 비밀번호</div> <div class="small">관리자 비밀번호를 입력해주세요.</div> </div> </div> </div> <div class="contbox flex_center_center flex_wrap"> <div class="NumberWrap flex_center_center"> <div class="number_input flex"> <input type="password" name="password" placeholder="비밀번호 입력"> </div> </div> <div class="numberKey_wrap flex flex_wrap"> <div class="keygroup flex_around"> <div class="circle flex_center_center" data-number="1">1</div> <div class="circle flex_center_center" data-number="2">2</div> <div class="circle flex_center_center" data-number="3">3</div> </div> <div class="keygroup flex_around"> <div class="circle flex_center_center" data-number="4">4</div> <div class="circle flex_center_center" data-number="5">5</div> <div class="circle flex_center_center" data-number="6">6</div> </div> <div class="keygroup flex_around"> <div class="circle flex_center_center" data-number="7">7</div> <div class="circle flex_center_center" data-number="8">8</div> <div class="circle flex_center_center" data-number="9">9</div> </div> <div class="keygroup flex_around"> <div class="circle clear flex_center_center" data-number="clear">clear</div> <div class="circle flex_center_center" data-number="0">0</div> <div class="circle flex_center_center delete" data-number="delete"></div> </div> </div> </div> <div class="bottom flex_center"> <div class="button_area flex_center_center"> <div class="button_1" name="btnCancel"><button>취소</button></div> <div class="button_2" name="btnConfirm"><button>확인</button></div> </div> </div> </div> </div> <div class="container"> <div class="back"> <div class="header"> <div class="flex_between flex_center"> <div class="logo"><img src="/images/logo.svg"></div> <div class="home flex_end"><img src="/images/home.svg"></div> </div> <div class="title"> <div class="titbox flex_wrap flex_center_center"> <div class="large">키오스크 설정</div> <div class="small">기본 설정에 필요한 정보를 저장해주세요.</div> </div> </div> </div> <div class="contbox flex_center_center flex_wrap"> <div class="box_wrap flex flex_wrap g50"> <div class="setupBox flex_start flex_center"> <label name="doctorLabel">수의사 지정</label> <div class="selectWrap"> <select name="doctorList"> <!-- <option>지정안함</option> --> <!-- <option>김대한</option> <option>김민국</option> --> </select> </div> <div class="btnBox flex_center_center" name="btnDoctorSave"> <button>저장</button> </div> </div> <div class="setupBox flex_start flex_center"> <label>접수자 지정</label> <div class="selectWrap"> <select name="receiptionistList"> <!-- <option>지정안함</option> --> <!-- <option>김대한</option> <option>김민국</option> --> </select> </div> <div class="btnBox flex_center_center" name="btnReceiptionistSave"> <button>저장</button> </div> </div> <div class="setupBox flex_start flex_center"> <label>결제타입</label> <div class="selectWrap"> <select name="payTypeList"> <!-- <option>지정안함</option> --> </select> </div> <div class="btnBox flex_center_center" name="btnPayTypeSave"> <button>저장</button> </div> </div> <div class="setupBox flex_start flex_center"> <label>프린트 정보</label> <div class="selectWrap"> <select disabled> <option name="networkPrinterName">dafsd_dfawefasdf343893</option> </select> </div> </div> </div> </div> <div class="bottom flex_center"> <div class="button_area flex_center_center"> <div class="button_2 on" name="btnExit"><button>나가기</button></div> </div> </div> </div> </div> <div class="container"> <div class="back"> <div class="header"> <div class="flex_between flex_center"> <div class="logo"><img src="/images/logo.svg"></div> <div class="home flex_end"><img src="/images/home.svg"></div> </div> <div class="title type2"> <div class="titbox flex_wrap flex_center_center"> <div class="large">##title##</div> <div class="small" id="pageDescription"><span class="em">전화번호를 입력</span>하거나 화면 아래의 <br> 바코드 스캐너에 <span class="em">반려동물번호를 스캔</span>해주세요.</div> </div> </div> </div> <div class="contbox flex_center_center flex_wrap"> <div class="NumberWrap flex_center_center"> <div class="number_input flex"> <input disabled type="text" name="phoneNumber" placeholder="전화번호 입력"> </div> </div> <div class="numberKey_wrap flex flex_wrap"> <div class="keygroup flex_around"> <div class="circle flex_center_center" data-number="1">1</div> <div class="circle flex_center_center" data-number="2">2</div> <div class="circle flex_center_center" data-number="3">3</div> </div> <div class="keygroup flex_around"> <div class="circle flex_center_center" data-number="4">4</div> <div class="circle flex_center_center" data-number="5">5</div> <div class="circle flex_center_center" data-number="6">6</div> </div> <div class="keygroup flex_around"> <div class="circle flex_center_center" data-number="7">7</div> <div class="circle flex_center_center" data-number="8">8</div> <div class="circle flex_center_center" data-number="9">9</div> </div> <div class="keygroup flex_around"> <div class="circle clear flex_center_center" data-number="clear">clear</div> <div class="circle flex_center_center" data-number="0">0</div> <div class="circle flex_center_center delete" data-number="delete"></div> </div> </div> <div class="infoWrap flex_center_center"> <div class="imgbox flex_center_center"><img src="/images/QR_icon.png"></div> <div class="txtbox">바코드는 화면 아래에<br>빨간불이 나오는 곳에서 스캔할 수 있어요.</div> </div> </div> <div class="bottom flex_center"> <div class="button_area flex_center_center"> <div class="button_1" name="btnCancel"><button>취소</button></div> <div class="button_2" name="btnConfirm"><button>확인</button></div> </div> </div> </div> </div> <div class="container"> <div class="back"> <div class="header"> <div class="flex_between flex_center"> <div class="logo"><img src="/images/logo.svg"></div> <div class="home flex_end"><img src="/images/home.svg"></div> </div> <div class="title"> <div class="titbox flex_wrap flex_center_center"> <div class="large">##name## 보호자</div> <div class="small">예약이 되어있지 않아 방문접수로 진행합니다.<br><span class="em">접수할 반려동물을 선택해주세요.</span></div> </div> </div> </div> <div class="contbox flex_center_center flex_wrap"> <div class="box_wrap2 flex flex_wrap g80"> <div class="searchWrap flex_center_center"> <div class="searchBox flex_center_center g30"> <div><img src="/images/search_icon.svg"></div> <div class="keyboardInputWrap"> <input type="text" value="" name="patientName" readonly placeholder="이름으로 검색하기"> </div> </div> <button name="btnAddNewPatient">신규추가</button> </div> <div class="flex flex_wrap g50"> <div class="pet_list g30 flex_wrap flex_start" id="patientList"> <!-- <div class="list_box flex_center"> <div class="txt1 ellipsis">누렁이</div> </div> --> <!-- <div class="list_box flex_center on"> <div class="txt1 ellipsis">두부</div> </div> --> </div> <div class="pagingWrap"> <div class="paging" name="paging"> <ul class="flex_center_center g30"> <li class="box prev"><a href="#">이전</a></li> <li class="box number on"><a href="#">1</a></li> <li class="box number"><a href="#">2</a></li> <li class="box number"><a href="#">3</a></li> <li class="box number"><a href="#">4</a></li> <li class="box number"><a href="#">5</a></li> <li class="box next"><a href="#">다음</a></li> </ul> </div> </div> <div class="choice_box flex_wrap g30"> <div class="label flex_center g20"> <img src="/images/dogpaw_icon.svg"><div>선택한 반려동물</div> </div> <div class="scrollbar"> <div class="list_wrap scroll flex_center g20" name="selectedPatientList"> <!-- <div class="box">나두</div> --> </div> </div> </div> </div> </div> </div> <div class="bottom flex_center"> <div class="button_area flex_center_center"> <div class="button_1" name="btnBack"><button>이전</button></div> <div class="button_2" name="btnNext"><button>다음</button></div> </div> </div> </div> <script type="template" id="tplPatientListItem"> <div class="list_box flex_center"> <div class="txt1 ellipsis" name="patientName">누렁이</div> </div> </script> <template id="tplWeightPopup"> <div class="popup"> <div class="p_box nb bc01"> <div class="p_header"> <div class="flex_end"> <button type="button" name="btnCancel">닫기</button> </div> </div> <div class="p-searchWrap flex_center_center flex_wrap g30"> <div class="p-searchBox flex_center_center g30"> <div class="scales"><img src="/images/scales_icon.svg"></div> <input id="weight" type="text" value="" readonly placeholder="몸무게 입력"> <div class="kgbox">Kg</div> </div> <div class="ex_text" name="intText">소수점 2자리까지 입력 <a>ex</a> : 2.00kg</div> </div><!--p-searchWrap --> <div class="pop_inner h4 flex flex_wrap flex_column"> <div class="numberKey_wrap flex flex_wrap"> <div class="keygroup flex_around"> <div class="circle flex_center_center" data-number="1">1</div> <div class="circle flex_center_center" data-number="2">2</div> <div class="circle flex_center_center" data-number="3">3</div> </div> <div class="keygroup flex_around"> <div class="circle flex_center_center" data-number="4">4</div> <div class="circle flex_center_center" data-number="5">5</div> <div class="circle flex_center_center" data-number="6">6</div> </div> <div class="keygroup flex_around"> <div class="circle flex_center_center" data-number="7">7</div> <div class="circle flex_center_center" data-number="8">8</div> <div class="circle flex_center_center" data-number="9">9</div> </div> <div class="keygroup flex_around"> <div class="circle clear flex_center_center" data-number=".">.</div> <div class="circle flex_center_center" data-number="0">0</div> <div class="circle flex_center_center delete" data-number="delete"></div> </div> </div><!--numberKey_wrap --> </div><!--pop_inner--> <div class="p_bottom bdtop flex_center_center"> <div class="button_area flex_center_center"> <div class="p_button_1 w230"><button name="btnCancel">취소</button></div> <div class="p_button_2 on"><button name="btnConfirm">확인</button></div> </div> </div><!--p_bottom --> </div> </div> </template> <template id="tplPurposePopup"> <div class="popup"> <div class="p_box nb bc01"> <div class="p_header"> <div class="flex_end"> <button type="button" name="btnClose">닫기</button> </div> </div><!--p_header--> <div class="p-searchWrap flex_center_center flex_wrap g30"> <div class="flex_center_center g30"> <div class="ex_text">방문 목적을 선택해주세요.</div> </div> </div><!--p-searchWrap--> <div class="pop_inner h4 flex flex_wrap flex_column"> <div class="p_clinic_wrap"> <template id="tplPurposeListItem"> <div class="breed_box flex_center"> <div class="txt1" name="purpose">진료 (호흡기 질환)</div> </div> </template> <div class="clinic_list st2 g30 flex_wrap flex_start flow_column" id="purposeList"> <!-- <div class="breed_box flex_center"> <div class="txt1">진료 (호흡기 질환)</div> </div> <div class="breed_box flex_center on"> <div class="txt1">진료 (내분비 질환)</div> </div> --> </div><!--clinic_list--> </div> <!--p_clinic_wrap--> </div><!--pop_inner --> <div class="p_bottom bdtop flex_center_center"> <div class="button_area flex_center_center"> <div class="p_button_1 w230"><button name="btnClose">취소</button></div> <div class="p_button_2 on"><button name="btnConfirm">확인</button></div> </div> </div><!--p_bottom bdtop--> </div><!--p_box bc01--> </div><!--popup--> </template> <script type="template" id="tplUserPopup"> <div class="popup"> <div class="p_box bc01"> <div class="p_header"> <div class="flex_end"> <button type="button" name="btnUserPopupClose">닫기</button> </div> </div> <div class="p_labelBox flex g30 flex_center_center"> <div class="point"></div> <div class="txtBox flex flex_wrap g25"> <div class="label_txt" name="title">진료실 선택</div> <div class="small_txt" name="content">진료실을 선택해주세요.</div> </div> </div> <div class="pop_inner h2 flex flex_wrap flex_column"> <div class="clinic_list g30 flex_wrap flex_start" id="userList"> <!-- <div class="list_box flex_center"> <div class="txt1">진료실1</div> </div> --> </div> </div> <div class="p_bottom bdtop flex_center_center"> <div class="button_area flex_center_center"> <div class="p_button_1 w230" name="btnUserPopupCancel"><button>취소</button></div> <div class="p_button_2" name="btnUserPopupConfirm"><button>확인</button></div> </div> </div> </div> </div> </script> <script type="template" id="tplUserPopupListItem"> <div class="list_box flex_center"> <div class="txt1" name="userName">진료실1</div> </div> </script> </div> <div class="container"> <div class="back"> <div class="header"> <div class="flex_between flex_center"> <div class="logo"><img src="/images/logo.svg"></div> <div class="home flex_end"><img src="/images/home.svg"></div> </div> <div class="title"> <div class="titbox flex_wrap flex_center_center"> <div class="large">신규 반려동물 등록</div> <div class="small">저희 병원을 찾아주셔서 감사합니다.</div> </div> </div> </div> <div class="contbox flex_center_center flex_wrap"> <div class="box_wrap flex flex_wrap g50"> <div class="inputbox flex_sart flex_center"> <label>전화번호</label> <input type="text" name="phoneNumber" placeholder="" disabled> </div> <div class="inputbox flex_start flex_center"> <label>보호자명</label> <input type="text" name="clientName" placeholder="보호자 이름을 입력해주세요." disabled> </div> <div class="inputbox flex_start flex_center"> <label>반려동물명</label> <div class="keyboardInputWrap"> <input type="text" name="patientName" placeholder="반려동물 이름을 입력해주세요."> </div> </div> <div class="setupBox flex_start flex_center"> <label>종</label> <div class="selectWrap"> <button class="img flex_between flex_center" name="btnSpecies"> 종 선택 </button> </div> </div> <div class="setupBox flex_start flex_center"> <label>품종</label> <div class="selectWrap"> <button name="btnBreed">품종 선택</button> </div> </div> <div class="setupBox flex_start flex_center"> <label>성별</label> <div class="selectWrap"> <button name="btnSex">성별 선택</button> </div> </div> </div><!--box_wrap--> </div><!--contbox--> <div class="bottom flex_center"> <div class="button_area flex_center_center"> <div class="button_2"><button name="btnPrev">이전</button></div> <div class="button_2 on"><button name="btnNext">다음</button></div> </div> </div><!--bottom--> </div><!--back--> <template id="tplSpeciesPopup"> <div class="popup"> <div class="p_box nb bc01"> <div class="p_header"> <div class="flex_end"> <button type="button" name="btnClose">닫기</button> </div> </div><!--p_header--> <div class="p-searchWrap flex_center_center flex_wrap g30"> <div class="flex_center_center g30"> <div class="ex_text">종을 선택해주세요.</div> </div> </div><!--p-searchWrap--> <div class="pop_inner h4 flex flex_wrap flex_column"> <div class="p_clinic_wrap"> <template name="tplSpeciesListItem"> <div class="breed_box flex_center"> <div class="txt1" name="species">강아지</div> </div> </template> <div class="clinic_list st2 g30 flex_wrap flex_start flow_column" name="speciesList"> <!-- <div class="breed_box flex_center on"> <div class="txt1">고양이</div> </div> --> </div><!--clinic_list--> </div> <!--p_clinic_wrap--> </div><!--pop_inner --> <div class="p_bottom bdtop flex_center_center"> <div class="button_area flex_center_center"> <div class="p_button_1 w230"><button name="btnClose">취소</button></div> <div class="p_button_2 on"><button name="btnConfirm">확인</button></div> </div> </div><!--p_bottom bdtop--> </div><!--p_box bc01--> </div><!--popup--> </template> <template id="tplBreedPopup"> <div class="popup"> <div class="p_box nb bc01"> <div class="p_header"> <div class="flex_end"> <button type="button" name="btnClose">닫기</button> </div> </div><!--p_header--> <div class="p-searchWrap flex_center_center"> <div class="p-searchBox flex_center_center g30"> <div class="search"><img src="/images/search_icon.svg"></div> <div class="keyboardInputWrap"> <input type="text" name="search" placeholder="품종을 입력하세요."> </div> </div> </div><!--p-searchWrap--> <div class="pop_inner h5 flex flex_wrap flex_column"> <div class="p_clinic_wrap"> <template name="tplBreedListItem"> <div class="breed_box flex_center"> <div class="txt1" name="breed">강아지</div> </div> </template> <div class="clinic_list st2 g30 flex_wrap flex_start flow_column" name="breedList"> <!-- <div class="breed_box flex_center on"> <div class="txt1">고양이</div> </div> --> </div><!--clinic_list--> </div> <!--p_clinic_wrap--> </div><!--pop_inner --> <div class="p_bottom bdtop flex_center_center"> <div class="button_area flex_center_center"> <div class="p_button_1 w230"><button name="btnClose">취소</button></div> <div class="p_button_2 on"><button name="btnConfirm">확인</button></div> </div> </div><!--p_bottom bdtop--> </div><!--p_box bc01--> </div><!--popup--> </template> <template id="tplSexPopup"> <div class="popup"> <div class="p_box nb bc01"> <div class="p_header"> <div class="flex_end"> <button type="button" name="btnClose">닫기</button> </div> </div><!--p_header--> <div class="p-searchWrap flex_center_center flex_wrap g30"> <div class="flex_center_center g30"> <div class="ex_text">성별을 선택해주세요.</div> </div> </div><!--p-searchWrap--> <div class="pop_inner h4 flex flex_wrap flex_column"> <div class="p_clinic_wrap"> <template name="tplSexListItem"> <div class="breed_box flex_center"> <div class="txt1" name="sex">암컷</div> </div> </template> <div class="clinic_list st2 g30 flex_wrap flex_start flow_column" name="sexList"> <!-- <div class="breed_box flex_center"> <div class="txt1">암컷</div> </div> --> </div><!--clinic_list--> </div> <!--p_clinic_wrap--> </div><!--pop_inner --> <div class="p_bottom bdtop flex_center_center"> <div class="button_area flex_center_center"> <div class="p_button_1 w230"><button name="btnClose">취소</button></div> <div class="p_button_2 on"><button name="btnConfirm">확인</button></div> </div> </div><!--p_bottom bdtop--> </div><!--p_box bc01--> </div><!--popup--> </template> </div><!--container--> <div class="container"> <div class="back"> <div class="header"> <div class="flex_between flex_center"> <div class="logo"><img src="/images/logo.svg"></div> <div class="home flex_end"><img src="/images/home.svg"></div> </div> <div class="title"> <div class="titbox flex_wrap flex_center_center"> <div class="large">##name## 보호자</div> <div class="small">필요한 서비스를 선택해주세요.</div> </div> </div> </div> <div class="contbox flex_center_center flex_wrap"> <div class="box_wrap flex_around g80"> <div class="box01 on flex_center_center" name="purpose" data-index="0"> <div class="icon"> <img src="/images/purpose_1.svg"> <div class="txt1">진료</div> </div> </div> <div class="box01 flex_center_center" name="purpose" data-index="1"> <div class="icon"> <img src="/images/purpose_2.svg"> <div class="txt1">미용</div> </div> </div> </div> <div class="box_wrap3"> <div class="box01 flex_center_center" name="purpose" data-index="2"> <div class="icon"> <img src="/images/purpose_3.svg"> <div class="txt1">기타</div> </div> </div> </div> </div> <div class="bottom flex_center"> <div class="button_area flex_center_center"> <div class="button_1" name="btnBack"><button>이전</button></div> <div class="button_2" name="btnConfirm"><button>다음</button></div> </div> </div> </div> <script type="template" id="tplUserPopup"> <div class="popup"> <div class="p_box bc01"> <div class="p_header"> <div class="flex_end"> <button type="button" name="btnUserPopupClose">닫기</button> </div> </div> <div class="p_labelBox flex g30 flex_center_center"> <div class="point"></div> <div class="txtBox flex flex_wrap g25"> <div class="label_txt" name="title">진료실 선택</div> <div class="small_txt" name="content">진료실을 선택해주세요.</div> </div> </div> <div class="pop_inner h2 flex flex_wrap flex_column"> <div class="clinic_list g30 flex_wrap flex_start" id="userList"> <!-- <div class="list_box flex_center"> <div class="txt1">진료실1</div> </div> --> </div> </div> <div class="p_bottom bdtop flex_center_center"> <div class="button_area flex_center_center"> <div class="p_button_1 w230" name="btnUserPopupCancel"><button>취소</button></div> <div class="p_button_2" name="btnUserPopupConfirm"><button>확인</button></div> </div> </div> </div> </div> </script> <script type="template" id="tplUserPopupListItem"> <div class="list_box flex_center"> <div class="txt1" name="userName">진료실1</div> </div> </script> </div> <div class="container"> <div class="back"> <div class="header"> <div class="flex_between flex_center"> <div class="logo"><img src="/images/logo.svg"></div> <div class="home flex_end"><img src="/images/home.svg"></div> </div> <div class="title"> <div class="titbox flex_wrap flex_center_center"> <div class="large">접수완료</div> <div class="small">대기공간에서 편하게 대기해주세요.</div> </div> </div> </div> <div class="contbox flex_center_center flex_wrap"> <div class="scrollbar"> <div class="bigBox scroll flex_center_center" style="width:920px;"> <div class="box_inner flex flex_wrap g100" style="overflow-y: auto; max-height: 750px;"> <div class="icon"> <img src="/images/complete_icon.svg"> <div class="label">접수완료</div> </div> <div class="flex_wrap g10"> <div class="flex_start flex_column" style="margin-bottom: 20px;" name="successArea"> <div class="text3" style="font-weight: bold">접수완료된 반려동물</div> <div class="text3" name="successPatients">-</div> </div> <div class="flex_start flex_column" name="failureArea"> <div class="text3" style="font-weight: bold">이미접수된 반려동물</div> <div class="text3" name="failurePatients">-</div> </div> </div> </div> </div><!--"bigBox --> </div><!--scrollbar--> <div class="waiting_wrap g40"> <div class="text" style="font-weight: bold">현재 대기 반려동물 :</div> <span name="waitingCount">1</span> </div> </div> <div class="bottom flex_center"> <div class="button_area flex_center_center"> <div class="button_2 on"><button name="btnConfirm">확인</button></div> </div> </div> </div> </div> <div class="container"> <div class="back"> <div class="header"> <div class="flex_between flex_center"> <div class="logo"><img src="/images/logo.svg"></div> <div class="home flex_end"><img src="/images/home.svg"></div> </div> <div class="title"> <div class="titbox flex_wrap flex_center_center"> <div class="large">신규 방문자</div> <div class="small">저희 병원을 찾아주셔서 감사합니다.</div> </div> </div> </div> <div class="contbox flex_center_center flex_wrap"> <div class="bigBox flex_center_center "> <div class="box_inner flex flex_wrap g100"> <div class="icon"> <img src="/images/complete_icon.svg"> <div class="label">접수처에 문의해주세요</div> </div> <div class="text">신규 방문하신 경우엔<br> 접수처에서 직접 접수를 진행해드립니다.</div> </div> </div> </div> <div class="bottom flex_center"> <div class="button_area flex_center_center"> <div class="button_2 on" name="btnConfirm"><button>확인</button></div> </div> </div> </div> </div> <div class="container"> <div class="back"> <div class="header"> <div class="flex_between flex_center"> <div class="logo"><img src="/images/logo.svg"></div> <div class="home flex_end"><img src="/images/home.svg"></div> </div> <div class="title"> <div class="titbox flex_wrap flex_center_center"> <div class="large">##name## 보호자</div> <div class="small"> 접수를 원하는 아래 <span class="em">예약 내역 선택</span> 후<br /> <span class="em">접수하기 버튼을 눌러주세요</span> </div> </div> </div> </div> <div class="contbox contbox2 flex_center_center flex_wrap"> <div class="box_wrap flex flex_wrap g50" id="appointmentList"> <!-- <div class="patientBox flex_around g20 on"> <div class="largebox flex_center"> 예약일시 : 2021년 10월 21일 14:00시<br> 반려동물 : 깨비 <br> 방문사유 : 피부병때문에 내원 </div> <div class="smallbox flex_center_center"> <div class="check_img_icon"></div> </div> </div> --> </div> </div> <div class="bottom flex_center"> <div class="button_area flex_center_center"> <div class="button_1" name="btnBack"><button>이전</button></div> <div class="button_2" name="btnConfirm"><button>접수하기</button></div> </div> </div> </div> <script type="template" id="tplAppointmentItem"> <div class="patientBox flex_around g20"> <!-- .on으로 활성화 --> <div class="largebox flex_center"> 예약일시 : ##inDate##<br> 반려동물 : ##patientName## <br> 방문사유 : ##purpose## </div> <div class="smallbox flex_center_center"> <div class="check_img_icon"></div> </div> </div> </script> <template id="tplWeightPopup"> <div class="popup"> <div class="p_box nb bc01"> <div class="p_header"> <div class="flex_end"> <button type="button" name="btnCancel">닫기</button> </div> </div> <div class="p-searchWrap flex_center_center flex_wrap g30"> <div class="p-searchBox flex_center_center g30"> <div class="scales"><img src="/images/scales_icon.svg"></div> <input id="weight" type="text" value="" readonly placeholder="몸무게 입력"> <div class="kgbox">Kg</div> </div> <div class="ex_text" name="intText">소수점 2자리까지 입력 <a>ex</a> : 2.00kg</div> </div><!--p-searchWrap --> <div class="pop_inner h4 flex flex_wrap flex_column"> <div class="numberKey_wrap flex flex_wrap"> <div class="keygroup flex_around"> <div class="circle flex_center_center" data-number="1">1</div> <div class="circle flex_center_center" data-number="2">2</div> <div class="circle flex_center_center" data-number="3">3</div> </div> <div class="keygroup flex_around"> <div class="circle flex_center_center" data-number="4">4</div> <div class="circle flex_center_center" data-number="5">5</div> <div class="circle flex_center_center" data-number="6">6</div> </div> <div class="keygroup flex_around"> <div class="circle flex_center_center" data-number="7">7</div> <div class="circle flex_center_center" data-number="8">8</div> <div class="circle flex_center_center" data-number="9">9</div> </div> <div class="keygroup flex_around"> <div class="circle clear flex_center_center" data-number=".">.</div> <div class="circle flex_center_center" data-number="0">0</div> <div class="circle flex_center_center delete" data-number="delete"></div> </div> </div><!--numberKey_wrap --> </div><!--pop_inner--> <div class="p_bottom bdtop flex_center_center"> <div class="button_area flex_center_center"> <div class="p_button_1 w230"><button name="btnCancel">취소</button></div> <div class="p_button_2 on"><button name="btnConfirm">확인</button></div> </div> </div><!--p_bottom --> </div> </div> </template> </div> <div class="container"> <div class="back"> <div class="header"> <div class="flex_between flex_center"> <div class="logo"><img src="/images/logo.svg"></div> <div class="home flex_end"><img src="/images/home.svg"></div> </div> <div class="title"> <div class="titbox flex_wrap flex_center_center"> <div class="large">접수완료</div> <div class="small">접수가 완료되었습니다.</div> </div> </div> </div> <div class="contbox flex_center_center flex_wrap"> <div class="bigBox flex_center_center "> <div class="box_inner flex flex_wrap g100"> <div class="icon"> <img src="/images/complete_icon.svg"> <div class="label">접수완료</div> </div> <div class="text">대기공간에서 편하게 대기해주세요.<br> 차례가 되면 안내해드리겠습니다.</div> </div> </div> </div> <div class="bottom flex_center"> <div class="button_area flex_center_center"> <div class="button_2 on"><button name="btnConfirm">확인</button></div> </div> </div> </div> </div> <div class="container"> <div class="back"> <div class="header"> <div class="flex_between flex_center"> <div class="logo"><img src="/images/logo.svg"></div> <div class="home flex_end"><img src="/images/home.svg"></div> </div> <div class="title"> <div class="titbox flex_wrap flex_center_center"> <div class="large">접수오류</div> <div class="small">접수하는 과정에서 <span class="em">오류가 발생했습니다.</span></div> </div> </div> </div> <div class="contbox flex_center_center flex_wrap"> <div class="scrollbar"> <div class="bigBox scroll flex_center_center" style="width:920px;"> <div class="box_inner flex flex_wrap g100" style="overflow-y: auto; max-height: 750px;"> <div class="icon"> <img src="/images/warning_icon.svg"> <div class="label">접수처에 문의해주세요.</div> </div> <div class="flex_wrap g10"> <div class="flex_start flex_column" style="margin-bottom: 20px;"> <div class="text3" style="font-weight: bold">접수완료된 반려동물</div> <div class="text3">강아지1</div> </div> <div class="flex_start flex_column"> <div class="text3" style="font-weight: bold">이미접수된 반려동물</div> <div class="text3">블라블라</div> </div> </div> </div> </div> </div> </div> <div class="bottom flex_center"> <div class="button_area flex_center_center"> <div class="button_2 on" name="btnConfirm"><button>확인</button></div> </div> </div> </div> </div> <div class="container"> <div class="back"> <div class="header"> <div class="flex_between flex_center"> <div class="logo"><img src="/images/logo.svg"></div> <div class="home flex_end"><img src="/images/home.svg"></div> </div> <div class="title"> <div class="titbox flex_wrap flex_center_center"> <div class="large">보호자 선택</div> <div class="small">보호자 분의 성함을 선택해주세요.</div> </div> </div> </div> <div class="contbox flex_center_center flex_wrap"> <div class="ownerbox flex_around g80" id="clientList"> <!-- <div class="box01 flex_center_center"> <div class="icon"> <img src="/images/petheart.svg"> <div class="txt1">##clientName##</div> </div> </div> --> </div> </div> <div class="bottom flex_center"> <div class="button_area flex_center_center"> <div class="button_1" name="btnBack"><button>이전</button></div> <div class="button_2" name="btnNext"><button>다음</button></div> </div> </div> </div> <script type="template" id="tplSelectClientListItem"> <div class="box01 flex_center_center"> <div class="icon"> <img src="/images/petheart.svg"> <div class="txt1">##clientName##</div> </div> </div> </script> </div> <div class="container"> <div class="back"> <div class="header"> <div class="flex_between flex_center"> <div class="logo"><img src="/images/logo.svg"></div> <div class="home flex_end"><img src="/images/home.svg"></div> </div> <div class="title"> <div class="titbox flex_wrap flex_center_center"> <div class="large">##name## 보호자</div> <div class="small">수납 정보를 확인해주세요.</div> </div> </div> </div> <div class="contbox flex_center_center flex_wrap"> <div class="box_wrap flex flex_wrap g25"> <div class="details"> <div class="g25 flex flex_wrap" id="receiptList"> <!-- <div class="dtBox01 flex_center_center"> <div class="table"> <ul> <li class="line"> <div class="left_wrap"> <div class="font_c1">세부내역</div> </div> <div class="right_wrap flex_end"> <div class="font_c2">수량</div> <div class="font_c2">금액</div> <div class="font_c2">DC</div> </div> </li> <li class="line"> <div class="left_wrap flex_wrap"> <div class="font_c1 h50">깨비[201800417] - 2021-10-08</div> <div class="font_c2 h50">힐스_처방사료_개_i/d캔</div> </div> <div class="right_wrap flex_end"> <div class="font_c3">3</div> <div class="font_c3">18,000</div> <div class="font_c3">10%</div> </div> </li> <li class="line2"> <div class="sumBox flex_end"> <div class="cell font_c2">초코의 합계</div> <div class="cell font_c2">18,000</div> </div> <div class="sumBox flex_end"> <div class="cell font_c2">할인/할증</div> <div class="cell font_c2">1,800</div> </div> <div class="sumBox flex_end"> <div class="cell font_c1">부가세 포함 합계</div> <div class="cell font_c3">16,200</div> </div> </li> </ul> </div> </div> --> </div><!---fixed frame---> </div> <div class="sumPays_wrap flex_wrap" name="summary"> <!-- <div class="paybox flex_center flex_between"> <div class="sumtxt01">중간 합계</div> <div class="sumtxt01">137,000원</div> </div> <div class="paybox flex_center flex_between"> <div class="flex_center g10"> <div class="sumtxt01">사용가능 포인트</div> <div class="sumtxt05">(총 포인트: 27,500)</div> </div> <div class="flex_between g10"> <div class="point_btn on"><button>사용함</button></div> <div class="point_btn"><button>사용안함</button></div> <div class="sumtxt02">20,000원</div> </div> </div> <div class="paybox flex_center flex_between"> <div class="sumtxt03">결제 금액</div> <div class="sumtxt04">137,000원</div> </div> <div class="paybox flex_center flex_between"> <div class="sumtxt01">할부 선택</div> <div class="flex_between g20"> <div class="month_btn on"><button>일시불</button></div> <div class="month_btn"><button>2개월</button></div> <div class="month_btn"><button>3개월</button></div> </div> </div> --> </div> </div> </div> <div class="bottom flex_center"> <div class="button_area flex_center_center"> <div class="button_1" name="btnBack"><button>이전</button></div> <div class="button_2" name="btnPayment"><button>결제하기</button></div> </div> </div> </div> <script type="template" id="tplReceiptListItem"> <div class="dtBox01 flex_center_center"> <div class="table"> <ul> <li class="line"> <div class="left_wrap"> <div class="font_c1">세부내역</div> </div> <div class="right_wrap flex_end"> <div class="font_c2">수량</div> <div class="font_c2">금액</div> <div class="font_c2">DC</div> </div> </li> <li class="line" name="planList"> <div class="font_c1 h50" name="planPatientInfo">깨비[201800417] - 2021-10-08</div> <!-- <div class="left_wrap flex_wrap"> <div class="font_c2 ellipsis h50">힐스_처방사료_개_i/d캔</div> </div> <div class="right_wrap flex_end"> <div class="font_c3">3</div> <div class="font_c3">18,000</div> <div class="font_c3">10%</div> </div> --> </li> <li class="line2" name="planSummary"> <!-- <div class="sumBox flex_end"> <div class="cell font_c2">초코의 합계</div> <div class="cell font_c2">18,000</div> </div> <div class="sumBox flex_end"> <div class="cell font_c2">할인/할증</div> <div class="cell font_c2">1,800</div> </div> <div class="sumBox flex_end"> <div class="cell font_c1">부가세 포함 합계</div> <div class="cell font_c3">16,200</div> </div> --> </li> </ul> </div> </div> </script> <script type="template" id="tplReceiptSummary"> <div class="sumPays_wrap flex_wrap" name="summary"> <div class="paybox flex_center flex_between"> <div class="sumtxt01">중간 합계</div> <div class="sumtxt01" name="subTotal">137,000원</div> </div> <div class="paybox flex_center flex_between" id="pointLine"> <div class="flex_center g10"> <div class="sumtxt01">사용가능 포인트</div> <div class="sumtxt05">(총 포인트: <span name="pointTotal">27,500</span>)</div> </div> <div class="flex_between g10"> <div class="point_btn" name="btnPoint"><button>사용안함</button></div> <div class="sumtxt02" name="totalUsePoint">20,000원</div> </div> </div> <div class="paybox flex_center flex_between"> <div class="sumtxt03">결제 금액</div> <div class="sumtxt04" name="total">137,000원</div> </div> <div class="paybox flex_center flex_between"> <div class="flex_center g10"> <div class="sumtxt01">할부개월</div> <div class="sumtxt05">(할부는 50,000이상 결제시 가능합니다.)</div> </div> <div class="flex_between g20"> <div class="oneoff_pay_btn"><button name="installment">일시불</button></div> <div class="month_btn on"><button name="btnChangeInstallment">할부변경</button></div> <!-- <div class="month_btn" name="installment" data-installment="0"><button>일시불</button></div> <div class="month_btn" name="installment" data-installment="2"><button>2개월</button></div> <div class="month_btn" name="installment" data-installment="3"><button>3개월</button></div> --> </div> </div> </div> </script> <script type="template" id="tplReceiptPlanListItem"> <div class="left_wrap flex_wrap"> <div class="font_c2 ellipsis h50" name="description">힐스_처방사료_개_i/d캔</div> </div> <div class="right_wrap flex_end"> <div class="font_c3" name="qty">3</div> <div class="font_c3" name="amount">18,000</div> <div class="font_c3" name="discRate">10%</div> </div> </script> <script type="template" id="tplReceiptPlanSummary"> <div class="sumBox flex_end"> <div class="cell font_c2" name="patientNameSummary">초코의 합계</div> <div class="cell font_c2" name="subTotal">18,000</div> </div> <div class="sumBox flex_end"> <div class="cell font_c2">할인/할증</div> <div class="cell font_c2" name="discTotal">1,800</div> </div> <div class="sumBox flex_end"> <div class="cell font_c1">부가세 포함 합계</div> <div class="cell font_c3" name="total">16,200</div> </div> </script> <script type="template" id="tplCardPayPopup"> <div class="popup" name="popupCardPay"> <div class="p_box bc01 insert_card"> <div class="p_labelBox flex g30 flex_center_center"> <div class="point"></div> <div class="txtBox flex flex_wrap g25"> <div class="label_txt">결제하기</div> <div class="small_txt">화면 아래 카드 리더기에 <span class="em">카드를 삽입해주세요.</span></div> </div> </div> <div class="pop_inner h1 flex flex_wrap flex_center_center"> <div class="p_contwrap flex_center_center"> <div class="contbox flex_center_center"> <div class="imgbox flex_wrap g50 flex_center_center"> <div class="roundbar"></div> <div><img src="/images/card_icon.svg"></div> </div> </div> </div> </div> </div> </div> </script> <script type="template" id="tplInstallmentPopup"> <div class="popup"> <div class="p_box bc01"> <div class="p_header"> <div class="flex_end"> <button type="button" name="btnClose">닫기</button> </div> </div> <div class="p_labelBox flex g30 flex_center_center"> <div class="point"></div> <div class="txtBox flex flex_wrap g25"> <div class="label_txt">할부변경</div> <div class="small_txt">할부 개월수를 선택해주세요.</div> </div> </div> <div class="pop_inner h2 flex flex_wrap flex_column"> <div class="clinic_list g30 flex_wrap flex_start" name="installmentList"> <!-- <div class="period_box flex_center on"> <div class="txt1">일시불</div> </div> --> </div> </div> <div class="p_bottom bdtop flex_center_center"> <div class="button_area flex_center_center"> <div class="p_button_1 w230"><button name="btnCancel">취소</button></div> <div class="p_button_2 on"><button name="btnConfirm">확인</button></div> </div> </div> </div> </div> </script> <script type="template" id="tplInstallmentListItem"> <div class="period_box flex_center"> <div class="txt1" name="installmentName">일시불</div> </div> </script> <template id="tplPayMethodSelectPopup"> <div class="popup"> <div class="p_box nb bc01"> <div class="p_header"> <div class="flex_end"> <button type="button" name="btnClose">닫기</button> </div> </div> <div class="p_labelBox flex g30 flex_center_center"> <div class="point"></div> <div class="txtBox flex flex_wrap g25"> <div class="label_txt">결제하기</div> <div class="small_txt">결제 방식을 선택해주세요.</div> </div> </div><!--p_labelBox--> <div class="pop_inner h2 flex flex_wrap"> <div class="p_contwrap flex flex_wrap g40"> <div class="cardbox2 c01 flex_center_center" name="btnCard"> <div class="card_icon"> <div class="card_txt large">신용/체크카드</div> <img src="/images/icon_card.svg" /> <div class="card_txt small">카드 결제 시 선택해주세요.</div> </div> </div><!--cardbox2 --> <div class="pay_btn_wrap flex flex_between g50"> <div class="cardbox2 kakao flex_wrap flex_center_center" name="btnKakao"> <div class="card_logo"><img src="/images/logo_kakao_02.svg"></div> <div class="card_infotxt black flex flex_start g10"> <img src="/images/warning_icon_black.svg"> <p> 할부 결제 이용시<br> 카카오페이 카드를 이용해주세요.<br>(카카오페이 머니 할부 불가) </p> </div> </div> <div class="cardbox2 zero flex_wrap flex_center_center" name="btnZeroPay"> <div class="card_logo"><img src="/images/logo_zero_02.svg"></div> <div class="card_infotxt white flex flex_start flex_center g10"> <img src="/images/warning_icon_white.svg"> <p> 할부 결제가 불가능합니다 </p> </div> </div> </div> <!--pay_btn_wrap--> </div><!--p_contwrap --> </div> <!--pop_inner h2 --> <div class="p_bottom flex_center_center"> <div class="button_area flex_center_center"> <div class="p_button_1"><button name="btnClose">취소</button></div> </div> </div> </div> </div> </template> <template id="tplKakaoPaymentPopup"> <div class="popup"> <div class="p_box nb kakao"> <div class="p_header"> <div class="flex_end"> <button type="button" name="btnClose">닫기</button> </div> </div> <div class="p_topBox flex g30 flex_center_center"> <div class="txtBox flex flex_between"> <div class="left_wrap flex flex_wrap g20"> <div class="logo"><img src="/images/logo_kakaopay.svg"></div> <div class="small_txt">카카오페이 결제 진행중..</div> </div><!--left_wrap --> <div class="right_wrap flex flex_wrap g20"> <div class="small_txt">총 결제 금액</div> <div class="price_txt" name="payAmount">20,000,000원</div> <div class="month_txt">할부 개월 : <span name="installment">10</span></div> </div><!--right_wrap--> </div><!--txtBox--> </div><!--p_topBox--> <div class="pop_inner h2 flex flex_wrap"> <div class="p_contwrap flex flex_wrap flex_center_center g40"> <div class="codebox flex_center_center flex_wrap g40"> <div class="code_area c01 flex_center_center"></div> <div class="code_text flex flex_center_center g30"> <img src="/images/icon_barcode_black.svg"> <div class="txt">사용중인 카카오페이 앱을 실행하여<br>바코드를 스캔해주세요 </div> </div><!--code_text --> </div><!--codebox --> </div><!--p_contwrap--> </div> <!--pop_inner h2 --> <div class="p_card_bottom flex_center_center"> <div class="button_area flex_center"> <div class="scan_box" name="barcode"> <a>이곳에 바코드를 스캔해주세요.</a> <div class="icon"><img src="/images/icon_dpscan_black.svg"></div> </div> <div class="p_button_1 w300"><button name="btnClose">취소</button></div> </div><!--button_area --> </div><!--p_bottom--> </div> </div> </template> <template id="tplZeroPayPaymentPopup"> <div class="popup"> <div class="p_box nb zero"> <div class="p_header"> <div class="flex_end"> <button type="button" name="btnClose">닫기</button> </div> </div> <div class="p_topBox flex g30 flex_center_center"> <div class="txtBox flex flex_between"> <div class="left_wrap flex flex_wrap g20"> <div class="logo"><img src="/images/logo_zero.svg"></div> <div class="small_txt">제로페이 결제 진행중..</div> </div> <div class="right_wrap flex flex_wrap g20"> <div class="small_txt">총 결제 금액</div> <div class="price_txt" name="payAmount">20,000,000원</div> </div> </div><!--txtBox--> </div><!--p_topBox--> <div class="pop_inner h2 flex flex_wrap"> <div class="p_contwrap flex flex_wrap flex_center_center g40"> <div class="codebox flex_center_center flex_wrap g40"> <div class="code_area c01 flex_center_center"></div> <div class="code_text flex flex_center_center g30"> <img src="/images/icon_barcode_white.svg"> <div class="txt">사용중인 제로페이 앱을 실행하여<br>바코드를 스캔해주세요 </div> </div> </div><!--codebox--> </div><!--p_contwrap--> </div> <!--pop_inner--> <div class="p_card_bottom flex_center_center"> <div class="button_area flex_center"> <div class="scan_box" name="barcode"> <a>이곳에 바코드를 스캔해주세요.</a> <div class="icon"><img src="/images/icon_dpscan_white.svg"></div> </div> <div class="p_button_1 w300"><button name="btnClose">취소</button></div> </div><!--button_area--> </div><!--p_bottom--> </div><!--p_box nb zero--> </div> </template> </div> <div class="container"> <div class="back"> <div class="header"> <div class="flex_between flex_center"> <div class="logo"><img src="/images/logo.svg"></div> <div class="home flex_end"><img src="/images/home.svg"></div> </div> <div class="title"> <div class="titbox flex_wrap flex_center_center"> <div class="large">수납완료</div> <div class="small">수납이 완료되었습니다.<br>아래에서 <span class="em">영수증과 카드를 챙겨주세요.</span></div> </div> </div> </div> <div class="contbox flex_center_center flex_wrap"> <div class="bigBox flex_center_center "> <div class="box_inner flex flex_wrap g100"> <div class="icon"> <img src="/images/complete_icon.svg"> <div class="label">수납완료</div> </div> <div class="text2">보호자 명 : ##clientName##<br> 총 수납액 : ##total##원<br> 카드 번호 : ##cardNumber##</div> </div> </div> </div> <div class="bottom flex_center"> <div class="button_area flex_center_center"> <div class="button_2 on"><button name="btnConfirm">확인</button></div> </div> </div> </div> </div> <div class="container"> <div class="back"> <div class="header"> <div class="flex_between flex_center"> <div class="logo"><img src="/images/logo.svg"></div> <div class="home flex_end"><img src="/images/home.svg"></div> </div> <div class="title"> <div class="titbox flex_wrap flex_center_center"> <div class="large">##clientName## 보호자</div> <div class="small">수납 정보를 확인해주세요.</div> </div> </div> </div> <div class="contbox flex_center_center flex_wrap"> <div class="bigBox flex_center_center "> <div class="box_inner flex flex_wrap g100"> <div class="icon"> <img src="/images/complete_icon.svg"> <div class="label">접수처에 문의해주세요.</div> </div> <div class="text">수납 내역이 없습니다.</div> </div> </div> </div> <div class="bottom flex_center"> <div class="button_area flex_center_center"> <div class="button_2 on"><button name="btnConfirm">확인</button></div> </div> </div> </div> </div> <div class="container"> <div class="back"> <div class="header"> <div class="flex_between flex_center"> <div class="logo"><img src="/images/logo.svg"></div> <div class="home flex_end"><img src="/images/home.svg"></div> </div> <div class="title"> <div class="titbox flex_wrap flex_center_center"> <div class="large">출력완료</div> <div class="small">영수증이 출력되었습니다.</div> </div> </div> </div> <div class="contbox flex_center_center flex_wrap"> <div class="bigBox flex_center_center "> <div class="box_inner flex flex_wrap g100"> <div class="icon"> <img src="/images/complete_icon.svg"> <div class="label">출력완료</div> </div> <div class="text">아래에서 영수증을 챙겨주세요.<br> 이용해 주셔서 감사합니다.</div> </div> </div> </div> <div class="bottom flex_center"> <div class="button_area flex_center_center"> <div class="button_2 on" name="btnConfirm"><button>확인</button></div> </div> </div> </div> </div> <div class="container"> <div class="back"> <div class="header"> <div class="flex_between flex_center"> <div class="logo"><img src="/images/logo.svg"></div> <div class="home flex_end"><img src="/images/home.svg"></div> </div> <div class="title"> <div class="titbox flex_wrap flex_center_center"> <div class="large">영수증 목록</div> <div class="small">영수증 <span class="em">재출력이 필요한 건을 선택</span> 후<br>오른쪽 하단의 <span class="em">출력하기 버튼을 눌러주세요.</span></div> </div> </div> </div> <div class="contbox flex_center_center flex_wrap"> <div class="box_wrap flex flex_wrap g50"> <div class="re_output flex_wrap flex_between flex_start g20" id="paymentList"> <!-- <div class="label flex_between"> <div class="txt">##name## 보호자</div> <div class="txt">수납완료 목록<span id="paymentCount">10</span></div> </div> --> <!-- <div class="listbox flex_wrap"> <div class="txt01">2021-10-07</div> <div class="txt02">300,510원</div> </div> --> </div> </div> </div> <div class="bottom flex_center"> <div class="button_area flex_center_center"> <div class="button_1" name="btnBack"><button>이전</button></div> <div class="button_2" name="btnPrint"><button>출력하기</button></div> </div> </div> </div> <script type="template" id="tplPaymentListItemHead"> <div class="label flex_between"> <div class="txt" name="name">김*한 보호자</div> <div class="txt">수납완료 목록<span id="paymentCount">10</span></div> </div> </script> <script type="template" id="tplPaymentListItem"> <div class="listbox flex_wrap"> <div class="txt01" name="date">2021-10-07</div> <div class="txt02" name="total">300,510원</div> </div> </script> </div> <div class="container"> <div class="back"> <div class="header"> <div class="flex_between flex_center"> <div class="logo"><img src="/images/logo.svg"></div> <div class="home flex_end"><img src="/images/home.svg"></div> </div> <div class="title"> <div class="titbox flex_wrap flex_center_center"> <div class="large">출력오류</div> <div class="small">영수증을 출력하는 과정에서 <span class="em">오류가 발생했습니다.</span></div> </div> </div> </div> <div class="contbox flex_center_center flex_wrap"> <div class="scrollbar"> <div class="bigBox scroll flex_center_center" style="overflow-y: auto;"> <div class="box_inner flex flex_wrap g100" style="max-height: 750px;"> <div class="icon"> <img src="/images/warning_icon.svg"> <div class="label">접수처에 문의해주세요.</div> </div> <div class="flex_wrap"> <div class="flex_start"> <div class="text3" style="width:160px">오류정보 :</div> <div class="text3" style="width:480px;" name="errMsg">프린터 커버가 열려있습니다.</div> </div> </div> </div> </div> </div> </div> <div class="bottom flex_center"> <div class="button_area flex_center_center"> <div class="button_2 on" name="btnConfirm"><button>확인</button></div> </div> </div> </div> </div> <div class="popup"> <div class="p_common_box"> <div class="pop_inner"> <div class="flex_end" name="btnSetting"> <img src="/images/popup_setting.svg"> </div> <div class="textbox flex_center_center"> <span name="message">오류가 있습니다.</span> </div> </div> <div class="p_bottom flex_center_center"> <div class="button_area flex_center_center"> <div class="p_button_1" name="btnConfirm"><button>확인</button></div> </div> </div> </div> </div> <div class="popup"> <div class="p_common_box"> <div class="pop_inner"> <div class="flex_end"> <img src="/images/popup_setting.svg" name="btnSetting"> </div> <div class="textbox flex_center_center"> <span name="message">확인 할 수 없습니다. 확인할 수 없습니다. 확인할 수 없습니다. 확인할 수 없습니다. 확인할 수 없습니다. 확인할 수 없습니다.</span> </div> </div> <div class="p_bottom flex_center_center"> <div class="button_area flex_center_center"> <div class="p_button_1" name="btnCancel"><button>취소</button></div> <div class="p_button_2" name="btnConfirm"><button>확인</button></div> </div> </div> </div> </div> <div class="popup" name="popupLoading"> <div class="p_common_box"> <div class="pop_inner"> <div class="flex_end" name="btnSetting"> <img src="/images/popup_setting.svg"> </div> <div class="icon flex_center_center"> <div class="loader2">Loading..</div> </div> <div class="textbox2 flex_center_center"> <span name="pageTitle">데이터를 불러오고 있습니다.</span> <span name="pageName"></span> </div> </div> </div> </div>