접수 테스트

IMFIX 수리 접수 body { font-family: "Apple SD Gothic Neo","Noto Sans KR",Arial,sans-serif; background: #f4f6f9; display: flex; justify-content: center; padding: 40px 0; } .card { width: 520px; background: #fff; border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); padding: 30px; } .title { font-size: 22px; font-weight: 700; text-align: center; margin-bottom: 6px; } .subtitle { text-align: center; font-size: 14px; color: #666; margin-bottom: 25px; } .step { text-align: center; font-size: 13px; color: #888; margin-bottom: 12px; } .notice { font-size: 13px; line-height: 1.6; color: #444; } .section { margin-top: 25px; padding-top: 20px; border-top: 1px solid #eee; }.agree-box { background: #f9fafb; padding: 15px; border-radius: 8px; margin-top: 15px; text-align: left;} .row { display: flex; justify-content: space-between; align-items: center; margin-bottom: 14px; } .row label { font-size: 14px; font-weight: 600; } select, input { width: 280px; padding: 10px; font-size: 14px; border-radius: 6px; border: 1px solid #ccc; } .btn { width: 100%; padding: 14px; border-radius: 8px; border: none; font-size: 16px; cursor: pointer; margin-top: 20px; } .btn-primary { background: #2b6df3; color: #fff; } .btn-primary:hover { background: #1f56c1; } STEP 1 · 사전 안내 및 동의 수리 접수 전 안내 아래 내용을 반드시 확인해주세요 정직하게 수리할 의무, 우리는 IMFIX 입니다. 1. IMFIX는 애플사설수리전문 브랜드이며, 공인서비스센터가 아닙니다. 2. 제품 구매일이 1년 이내 제품인 경우 고객과실이 없는 경우 공인센터 방문 시 무상서비스 대상입니다. 3. SKT, KT, LGU+ 등 통신사 보험은 처리불가능 하며, 공인서비스센터로 방문 하시면 됩니다. 4. 기타 여행자, 손해, 손실, 교통사고보험 등 그 외 보험은 처리가능 합니다. 5. 수리 서비스 이용 시 기본 점검비용은 발생하지 않습니다. 단, 수리 접수 후 점검만 진행하는 경우 기본비용이 발생됩니다. ▶ 맥북 - 35,000원 ㅣ ▶ 아이패드 15,000원 ㅣ ▶아이폰 및 기타제품 9,900원 ※ 수리 서비스 이용 시 해당비용은 발생하지 않습니다. [ 개인정보 수집 및 이용 동의 ] 수집 목적: 제품 수리 서비스 제공 수집 항목: 고객명, 전화번호, 제품모델 보유 기간: 접수 후 3년 개인정보 수집에 대해 거부할 수 있는 권리가 있으며, 동의 거부 시 접수 불가합니다. 개인정보 수집 및 이용에 동의 확인 및 다음 STEP 2 · 접수 정보 입력 수리 접수 신청서 아래 항목을 정확히 입력해주세요 제품군 선택 아이폰 아이패드 맥북 아이맥 워치 고장 증상 선택 액정파손 등 배터리 관련 카메라관련 메인보드 관련 기타 접수인 성함 전화번호 제품 잠금번호 접수 제출function isValidPhone(phone) { const onlyNumber = phone.replace(/[^0-9]/g, ''); return /^010\d{8}$/.test(onlyNumber);}function goNext() { if (!document.getElementById('agree').checked) { alert('동의를 해주셔야 접수가 가능합니다.'); return; } document.getElementById('page1').style.display = 'none'; document.getElementById('page2').style.display = 'block';}function submitForm() { const product = document.getElementById('product'); const issue = document.getElementById('issue'); const customerName = document.getElementById('customerName'); const phone = document.getElementById('phone'); const lock = document.getElementById('lock'); if (!product.value) { alert('제품군을 선택해주세요.'); product.focus(); return; } if (!issue.value) { alert('고장 증상을 선택해주세요.'); issue.focus(); return; } if (!customerName.value) { alert('접수인 성함을 입력해주세요.'); customerName.focus(); return; } if (!phone.value) { alert('전화번호를 입력해주세요.'); phone.focus(); return; } if (!isValidPhone(phone.value)) { alert('전화번호를 다시 확인해주세요.'); phone.focus(); return; } if (!lock.value) { alert('제품 잠금번호를 입력해주세요.'); lock.focus(); return; } const data = { product: product.value, issue: issue.value, customerName: customerName.value, phone: phone.value.replace(/[^0-9]/g, ''), lock: lock.value }; google.script.run.withSuccessHandler(() => { alert('접수가 완료되었습니다.'); document.querySelectorAll('input, select').forEach(el => el.value = ''); document.getElementById('agree').checked = false; document.getElementById('page2').style.display = 'none'; document.getElementById('page1').style.display = 'block'; }).submitForm(data);}