회원님의 장소가 배달 가능한 지역인가요?

`, confirmText : '배달이 가능한 지역입니다.', cancelText : '아니요', }, () => { this.openTrialFormSheet(); }, () => { msg('안타깝지만 다른 배달 체험단을 이용해주시기 바랍니다. ????'); }) }else{ this.openTrialFormSheet(); } }, async openTrialFormSheet(){ this.currentPage = 0; this.wr_type = trl_view.itemList.wr_type; this.tr_it_cate_id = trl_view.itemList.tr_it_cate_id; this.sns_type = trl_view.itemList.sns_type; this.wr_id = trl_view.itemList.wr_id; console.log(trl_view.itemList); // if(!this.sns_type){ // getMyUrl() 받아온 적이 없을때만 데이터 받아오도록 await this.getMyUrl(); // } // 240111 MS 요청 '/ship/address' wr_type이 제공일때에만 호출되게 해주세요. if(this.wr_type == '제공'){ await this.getMyDefaultAddress(); } document.getElementById('trialFormSheet').openFullSheet(); }, closeTrialFormSheet(){ const closeTrialFormPayload = { isConfirm: true, title : '신청을 중단하고 되돌아갈까요?', body : '뒤로 가면 입력한 정보가 모두 삭제돼요.', confirmText : '예', cancelText : '아니요', }; ui.customModal(closeTrialFormPayload, () => { document.getElementById('trialFormSheet').closeSheet(); this.currentPage = 0; }) }, blurPhoneNumber(e){ if(!validateInput('phoneNumber', this.addressInput.ad_hp)){ e.target.parentElement.classList.add("warning"); this.isValid.ad_hp = false; } }, async getMyUrl() { console.clear(); console.log('getMyUrl'); console.log(SNSFORM); console.log(this.sns_type); const myUrlConfig = { method: 'get', url: '/trial/blog', headers: { 'Cache-Control': 'no-cache', 'Pragma': 'no-cache', 'Expires': '0', }, }; try { this.selectedSNS = SNSFORM[this.sns_type]; const {data: {success, data}} = await axiosT(myUrlConfig); console.log(data); console.log(this.sns_type); if(this.sns_type == 'naverclip'){ this.selectedSNS.url = data.find(sns => (sns.ms_type == "naverblog"))?.ms_url; // 내 url들 중 해당되는 url }else{ this.selectedSNS.url = data.find(sns => this.sns_type.includes(sns.ms_type))?.ms_url; // 내 url들 중 해당되는 url } } catch (error) { console.error(error); } }, async getMyAddress() { const myAddressConfig = { method: 'get', url: '/ship/address-list', }; try { const {data: {success, data}} = await axiosT(myAddressConfig); this.addressList = data; } catch (error) { console.error(error); } }, async getMyDefaultAddress() { const myDefaultAddressConfig = { method: 'get', url: '/ship/address', }; try { let {data: {success, data}} = await axiosT(myDefaultAddressConfig); if(data.ad_id) { this.isAddrDefault = true; this.addressDefault = data; this.addressInput = this.cloneObj(this.addressDefault); }else{ // msg('디폴트 없음'); this.addressInput.ad_hp = member.mb_hp; } } catch (error) { console.error(error); } }, daumPostCode(target){ document.getElementById('addressSheet').openFullSheet(); new window.daum.Postcode({ width: '100%', height: '100%', oncomplete: (data) => { // ref. https://chlost.tistory.com/53 let fullRoadAddr = data.roadAddress; let extraRoadAddr = ''; if(data.bname !== '' && /[동|로|가]$/g.test(data.bname)){ extraRoadAddr += data.bname } // 건물명이 있고, 공동주택일 경우 추가한다. if(data.buildingName !== '' && data.apartment === 'Y'){ extraRoadAddr += (extraRoadAddr !== '' ? ', ' + data.buildingName : data.buildingName) } // 도로명, 지번 조합형 주소가 있을 경우, 괄호까지 추가한 최종 문자열을 만든다. if(extraRoadAddr !== ''){ extraRoadAddr = ' (' + extraRoadAddr + ')' } // 도로명, 지번 주소의 유무에 따라 해당 조합형 주소를 추가한다. if(fullRoadAddr !== ''){ fullRoadAddr += extraRoadAddr } // 우편번호와 주소 정보를 해당 필드에 넣는다. this[target].ad_zip = data.zonecode //5자리 새우편번호 사용 this[target].ad_addr1 = fullRoadAddr this[target].ad_addr3 = data.bname this[target].ad_jibeon = data.addressType document.getElementById('ad_addr2').focus(); document.getElementById('addressSheet').closeSheet(); } }).embed(this.$refs.embed) }, openAddressModal(){ $('#popup_addresslist').modal('show'); document.getElementById('tempAddressForm').classList.toggle('hidden'); this.getMyAddress(); }, empty_addrItemModify(){ this.addrItemModify.ad_id = 0 this.addrItemModify.ad_subject = "" this.addrItemModify.ad_name = "" this.addrItemModify.ad_hp = "" this.addrItemModify.ad_addr1 = "" this.addrItemModify.ad_addr2 = "" this.addrItemModify.ad_addr3 = "" this.addrItemModify.ad_zip = "" this.addrItemModify.ad_default = "" this.addrItemModify.ad_jibeon = "" }, async myAddressFunc(mode, addrItem) { switch (mode) { case 'select': this.addressInput = addrItem; $('#popup_addresslist').modal('hide'); document.getElementById('tempAddressForm').classList.toggle('hidden'); break case 'delete': const deleteAddrPayload = { isConfirm: true, title : `${addrItem.ad_name} 배송지를 삭제할까요?`, body : '삭제한 배송지는 복구할 수 없어요', confirmText : '삭제하기', cancelText : '뒤로가기', }; ui.customModal(deleteAddrPayload, async() => { const deleteAddrConfig = { method: 'delete', url: '/ship/address', data : { ad_id: addrItem.ad_id, } }; try { const {data: {success, data}} = await axiosT(deleteAddrConfig); if(success) { this.addressList = this.addressList.filter(addr => addr.ad_id !== addrItem.ad_id); } } catch (error) { console.error(error); } }) break case 'add': case 'modify': let tmpLabel = "" // 250106 name, hp는 무조건 내 정보! this.addrItemModify.ad_name = member.mb_name; this.addrItemModify.ad_hp = member.mb_hp; if(this.addrItemModify.ad_addr1 == "" || this.addrItemModify.ad_zip == "") tmpLabel = "주소를" if(this.addrItemModify.ad_hp == "") tmpLabel = "휴대폰번호를" if(this.addrItemModify.ad_name == "") tmpLabel = "받는 사람을" if(this.addrItemModify.ad_subject == "") tmpLabel = "배송지명을" if(tmpLabel){ SnackBar({ message: `필수정보 ${tmpLabel} 입력해주세요`, position: "tc", fixed: true, }); return; } const regPhone = /^01([0|1|6|7|8|9])-?([0-9]{3,4})-?([0-9]{4})$/ if (!regPhone.test(this.addrItemModify.ad_hp) === true) { console.log(this.addrItemModify.ad_hp) SnackBar({ message: "올바른 휴대폰 번호를 입력해 주세요.", position: "tc", fixed: true, }); return; } if(mode == 'add'){ const addAddrConfig = { method: 'post', url: '/ship/address', data : { ad_subject: this.addrItemModify.ad_subject, ad_name: this.addrItemModify.ad_name, ad_hp: this.addrItemModify.ad_hp, ad_zip: this.addrItemModify.ad_zip, ad_addr1: this.addrItemModify.ad_addr1, ad_addr2: this.addrItemModify.ad_addr2, ad_addr3: this.addrItemModify.ad_addr3, ad_jibeon: this.addrItemModify.ad_jibeon, ad_default: this.addrItemModify.ad_default ? 1 : 0, } }; try { const {data: {success, data}} = await axiosT(addAddrConfig); if(success){ this.addressList.push(data); this.addressListMode = 'list'; SnackBar({ message: "새 배송지가 추가되었어요.", position: "tc", fixed: true, }); } } catch (error) { console.error(error); } } else if(mode == 'modify'){ const modifyAddrConfig = { method: 'put', url: '/ship/address', data : { ad_id: this.addrItemModify.ad_id, ad_subject: this.addrItemModify.ad_subject, ad_name: this.addrItemModify.ad_name, ad_hp: this.addrItemModify.ad_hp, ad_zip: this.addrItemModify.ad_zip, ad_addr1: this.addrItemModify.ad_addr1, ad_addr2: this.addrItemModify.ad_addr2, ad_addr3: this.addrItemModify.ad_addr3, ad_jibeon: this.addrItemModify.ad_jibeon, ad_default: this.addrItemModify.ad_default ? 1 : 0, } }; try { const {data: {success, data}} = await axiosT(modifyAddrConfig); if(success){ this.getMyAddress(); // const editAddrIdx = this.addressList.findIndex(addr => addr.ad_id === this.addrItemModify.ad_id); // this.addressList[editAddrIdx] = this.addrItemModify; this.addressListMode = 'list'; SnackBar({ message: "배송지가 변경되었어요.", position: "tc", fixed: true, }); } } catch (error) { console.error(error); } } break default: break } }, allCheckList(){ if(this.checkedList.length === this.checkList.length ){ this.checkedList = []; } else { this.checkedList = this.checkList.map(check => check.id); } }, async submitTrialForm(e){ e.target.classList.add("_btn_loading"); const submitTrialFormConfig = { method: 'post', url: '/trial/enroll', data : { wr_id : this.wr_id, apply_url: this.selectedSNS?.url ? this.selectedSNS?.url : '', wr_name: this.addressInput.ad_name, wr_hp: this.addressInput.ad_hp, wr_zip: this.addressInput.ad_zip, wr_addr1: this.wr_type === '제공' ? this.addressInput.ad_addr1 : '', wr_addr2: this.wr_type === '제공' ? this.addressInput.ad_addr2 : '', wr_addr3: this.wr_type === '제공' ? this.addressInput.ad_addr3 : '', wr_reason : this.wr_reason } }; try { const {data: {success, data}} = await axiosT(submitTrialFormConfig); if(success) { trl_view.itemList.is_mine = 1; e.target.classList.remove("_btn_loading"); document.getElementById('trialFormSheet').closeSheet(); const submitTrialFormPayload = { isOrange: true, src: 'https://cdn2.buzbuz.mycafe24.com/app_ui/submit_trial_form_graphic.svg', title : '체험단 신청이 완료되었어요!', body : `${moment(trl_view.itemList.tr_winners_announce).format('YYYY.MM.DD')}에
당첨자가 선정될 예정이에요.`, confirmText : '다른 체험단 보러가기', cancelText : '닫기', }; // ui.customModal(submitTrialFormPayload, '/trials') ui.customModal(submitTrialFormPayload, ()=>{ goback() }); // 231115 mission added setTimeout(() => { stcf.applyMission('xPfGQcV5UY', this.wr_id); // 미션관련코드 }, 10); } } catch (error) { const {response: {data:{message}, status}} = error; if(status === 400) { alertModal(message); document.getElementById('trialFormSheet').closeSheet(); } e.target.classList.remove("_btn_loading"); console.error(error); } }, prePage(){ if(this.currentPage === 0) { return } this.currentPage -= 1; }, nextPage(){ if (this.debounceTimer) { clearTimeout(this.debounceTimer); } this.debounceTimer = setTimeout(() => { this.currentPage += 1; window.scrollTo({ top: 0, left: 0, behavior: 'smooth' }); this.debounceTimer = null; }, 200); // 디바운싱 딜레이 시간 -> 버튼 한번 눌렀는데 슬라이드 연속으로 넘어가는 경우가 있어서 추가 }, cloneObj(original) { return JSON.parse(JSON.stringify(original)); }, resetInput(target){ this.addressInput[target]=''; }, }, mounted() { } })