https://elysian.co.kr/chunks/SpecialOrderOption-9c78a18d.js

1import{v as B,r as n,i as H,o as W,p as X,a as r,b as i,g as e,d as j,F as w,e as C,j as N,I as d,G as I,J as ee,H as L,D as R}from"../entry/index-8d9c8467.js";import{_ as se}from"./plus-circle-f1e84d48.js";import{B as te}from"./BreadcumNew-b36de75a.js";import{s as oe}from"./specialOrder-beab0884.js";import{v as F}from"./index-382a81be.js";const le=V=>{let _={};const{visitorName:E,visitorPhoneNumber:U}=V,c=/^.{2,14}$/;return F.isEmpty(E)?_.visitorName="이용자명을 입력해주세요.":c.test(E)||(_.visitorName="이용자명을 정확하게 입력해주세요."),F.isEmpty(U)&&(_.visitorPhoneNumber="이용자 휴대폰 번호를 입력해주세요."),{isInvalid:Object.keys(_).length>0,error:_}},ae={class:"wrapper-innr"},ne={class:"breaudcum-area"},re={class:"container"},ie={class:"purchase-formarea reservation-form"},ue={class:"container"},de={class:"login__area"},ce={class:"eshop-packageouter"},ve={class:"eshop-package-form-item no-border-bttm pb-0"},pe={class:"package-for-inner"},me={class:"package-form-row"},_e={class:"form-group"},he=["value"],ge={class:"eshop-package-form-item no-border-bttm pb-0"},fe={class:"option-inner"},ke={class:"option-menu-heading"},Ne={class:"additional-productarea"},ye={class:"additional-count-row"},Te={class:"left-count-text"},be={class:"count-number"},Ee={class:"count-option"},Me={class:"right-counter"},Oe={class:"number-input"},De=["onClick"],Se=["value"],we=["onClick"],Ce={class:"option-item"},Ie={class:"additional-productarea"},Ue={class:"additional-price-area"},Ae={key:0,class:"price-row"},xe={class:"price-left"},Pe={class:"price-right"},Le={class:"price-row pricetotal-row"},Ve={class:"price-right"},qe={class:"eshop-package-form-item"},Be={class:"package-for-inner"},He={class:"package-form-row"},Re={class:"double-fillouter"},Fe={class:"form-group"},$e=["value"],Ge={class:"form-group"},Je=["value"],Ke={class:"eshop-package-form-item"},Ye={class:"border-heading d-flex"},Ze={class:"check-text"},ze={for:"same-as-prev",class:"check-group"},Qe={class:"package-for-inner"},We={class:"package-form-row"},Xe={class:"double-fillouter"},je={class:"form-group"},es=["value"],ss={class:"form-group"},ts=["value"],os={class:"package-form-row"},ls={class:"double-fillouter"},as={class:"form-group"},ns=["value"],rs={class:"form-group"},is=["value"],us={class:"package-form-row"},ds={class:"double-fillouter"},cs={class:"form-group"},vs={class:"w-100"},ps={class:"form-group"},ms={class:"w-100"},_s={class:"package-form-row"}

1,hs={class:"form-group top-align"},gs={class:"full-row"},fs={key:0,class:"red-text"},ks={class:"eshop-package-form-item no-border-bttm pb-0"},Ns={class:"policy-list-box"},ys=["innerHTML"],Ts={class:"double-btns eshop-btns"},Ss={__name:"SpecialOrderOption",setup(V){const _=[{breadName:"Home",routeName:"Home"},{breadName:"통합예약",routeName:"IntegratedReservationInquiryList"},{breadName:"스페셜 오더",routeName:""}],E=B.useRoute(),U=B.useRouter(),c=n(!1),p=n({}),u=n([]),M=n(0),A=H("commonStore"),x=n({}),$=n(""),y=n(""),T=n(""),O=n(""),D=n(!1),h=n({}),G=n("ko-KR"),J=a=>{const s=a.slice(0,4),o=a.slice(5,7),g=a.slice(8,10),f=new Date(Date.UTC(s,o-1,g)),b={weekday:"short",localeMatcher:"best fit",timeZone:"UTC"},k=f.toLocaleDateString(G.value,b);return s+"."+o+"."+g+"("+k+")"},K=a=>{const s=a.slice(0,2),o=a.slice(2,4);return`${s<12?"오전":"오후"}`+" "+s+":"+o},Y=n(J(E.query.date)),Z=n(K(E.query.time)),S=H("oneStore");W(()=>{S.methods.changeLoader(!0),p.value=JSON.parse(localStorage.getItem("userDetails")),x.value=A.state.specialOrderData,z()});const z=async a=>{S.methods.changeLoader(!0);let s={LOCATION:"g",ASHOP_GUBUN_A:"4101"};try{let o=await oe.itemList(s);u.value=o.data.data??[],S.methods.changeLoader(!1)}catch(o){S.methods.changeLoader(!1),alert(o)}},q=()=>{const a=u.value.reduce((s,o,g)=>{const f=o.ITEM.reduce((b,k)=>b+k.COUNT*k.AMTS,0);return s+f},0);M.value=a??0};X(()=>O.value,(a,s)=>{const o=document.getElementById("email");o!=null&&o.checkValidity()?D.value=!1:D.value=!0});const Q=()=>{if(M.value===0){alert("예약금액이 0 이므로 결제가 되지 않습니다.");return}else{let a={visitorName:y.value,visitorPhoneNumber:T.value.toString()};const{isInvalid:s,error:o}=le(a);if(s){h.value=o;return}else if(D.value){h.value={};return}else h.value={},A.methods.setSpecialOrderData({...A.state.specialOrderData,options:{userDetails:p,listItems:u,reservationTotalAmount:M,visitorName:y,visitorPhoneNumber:T,visitorEmail:O,request:$}}),U.push({name:"SpecialOrderPayment",query:{}})}};return(a,s)=>{var o,g,f,b,k,P;return r(),i("div",ae,[e("div",ne,[e("div",re,[j(te,{breadData:_})])]),e("div",ie,[e("div",ue,[e("div",de,[s[31]||(s[31]=e("div",{class:"login-heading eshop-purchase-heading text-center"},[e("h2",null,"예약하기")],-1)),e("div",ce,[e("div",ve,[s[9]||(s[9]=e("div",{class:"border-heading"},[e("h4",null,"시설 정보")],-1)),e("div",pe,[e("div",me,[e("div",_e,[s[8]||(s[8]=e("label",null,"시설 ",-1)),e("input",{type:"text",value:(g=(o=x.value)==null?void 0:o.order)==null?void 0:g.SHOP_NAME,class:"form-control disable",placeholder:"그랑셰프 (골프)"},null,8,he)])])])]),e("div",ge,[s[14]||(s[14]=e("div",{class:"border-heading"},[e("h4",null,"옵션 선택")],-1)),e("div",fe,[(r(!0),i(w,null,C(u.value,(l,m)=>(r(),i("div",{class:"option-item",key:m},[e("div",ke,[e("h3",null,d(l==null?void 0:l.TYPE_NAME),1)]),e("div",Ne,[(r(!0),i(w,null,C(l==null?void 0:l.ITEM,(t,v)=>(r(),i("div",{class:"additional-counter-area",key:v},[e("div",ye,[e("div",Te,[e("div",be,d(v+1),1),e("div",Ee,[e("h4",null,[N(d(t==null?void 0:t.SHOP_NAME)+" ",1),s[10]||(s[10]=e("span",null,[e("img",{src:se})],-1))]),e("h5",null,d(t!=null&&t.AMTS?Number(t==null?void 0:t.AMTS).toLocaleString("en-US"):"0")+" 원 ",1)])]),e("div",Me,[e("div",Oe,[e("button",{onclick:"this.parentNode.querySelector(`input[type=number]`).stepDown()",class:"minus",onClick:()=>{u.value[m].ITEM[v].COUNT>0&&(u.value[m].ITEM[v].COUNT=u.value[m].ITEM[v].COUNT-1,q())}},null,8,De),e("input",{class:"quantity form-control",min:"0",name:"quantity",value:t==null?void 0:t.COUNT,type:"number",readonly:""},null,8,Se),e("button",{onclick:"this.parentNode.querySelector(`input[type=number]`).stepUp()",class:"plus",onClick:()=>{u.value[m].ITEM[v].COUNT=u.value[m].ITEM[v].COUNT+1,q()}},null,8,we)])])])]))),128))])]))),128)),e("div",Ce,[e("div",Ie,[e("div",Ue,[(r(!0),i(w,null,C(u.value,(l,m)=>(r(),i("div",{key:m},[(r(!0),i(w,null,C(l==null?void 0:l.ITEM,(t,v)=>(r(),i("div",{key:v},[t.COUNT>0?(r(),i("div",Ae,[e("div",xe,[e("h4",null,[N(d(t==null?void 0:t.SHOP_NAME)+" ",1),e("span",null,"* "+d(t==null?void 0:t.COUNT)+" 개",1)])]),e("div",Pe,[e("h5",null,[N(" + "+d(t!=null&&t.COUNT?Number((t==null?void 0:t.COUNT)*(t==null?void 0:t.AMTS)).toLocaleStr

1ing("en-US"):"0")+" ",1),s[11]||(s[11]=e("span",null,"원",-1))])])])):R("",!0)]))),128))]))),128)),e("div",Le,[s[13]||(s[13]=e("div",{class:"price-left"},[e("h3",null,"총 예약 금액")],-1)),e("div",Ve,[e("h4",null,[N(d(M.value.toLocaleString("en-US"))+" ",1),s[12]||(s[12]=e("span",null,"원",-1))])])])])])])])]),e("div",qe,[s[17]||(s[17]=e("div",{class:"border-heading"},[e("h4",null,"날짜/서비스 정보")],-1)),e("div",Be,[e("div",He,[e("div",Re,[e("div",Fe,[s[15]||(s[15]=e("label",null,"날짜",-1)),e("input",{type:"text",value:Y.value,class:"form-control disable",placeholder:""},null,8,$e)]),e("div",Ge,[s[16]||(s[16]=e("label",null,"시간",-1)),e("input",{type:"text",value:Z.value,class:"form-control disable",placeholder:""},null,8,Je)])])])])]),e("div",Ke,[e("div",Ye,[s[21]||(s[21]=e("h4",null,"이용자 정보 입력",-1)),e("div",Ze,[e("label",ze,[I(e("input",{type:"checkbox",name:"",id:"same-as-prev","onUpdate:modelValue":s[0]||(s[0]=l=>c.value=l),onClick:s[1]||(s[1]=()=>{c.value=!c.value,c.value?(y.value=p.value.MEMBER_NAME,T.value=p.value.Mob_Tel):(y.value="",T.value="")}

1)},null,512),[[ee,c.value]]),s[18]||(s[18]=e("div",{class:"circle"},null,-1)),s[19]||(s[19]=e("span",null,"예약자 정보와 동일",-1))]),s[20]||(s[20]=e("span",{class:"required-text"},[e("span",{class:"red-star"},"*"),N("필수입력항목")],-1))])]),e("div",Qe,[e("div",We,[e("div",Xe,[e("div",je,[s[22]||(s[22]=e("label",null,"회원번호",-1)),e("input",{type:"text",value:p.value.MEMBER_NO,class:"form-control disable",placeholder:""},null,8,es)]),e("div",ss,[s[23]||(s[23]=e("label",null,"회원구분",-1)),e("input",{type:"text",value:p.value.Classification,class:"form-control disable",placeholder:""},null,8,ts)])])]),e("div",os,[e("div",ls,[e("div",as,[s[24]||(s[24]=e("label",null,"예약자명",-1)),e("input",{type:"text",value:p.value.MEMBER_NAME,class:"form-control disable",placeholder:""},null,8,ns)]),e("div",rs,[s[25]||(s[25]=e("label",null,"예약자 휴대폰",-1)),e("input",{type:"text",value:p.value.Mob_Tel,class:"form-control disable",placeholder:""},null,8,is)])])]),e("div",us,[e("div",ds,[e("div",cs,[s[26]||(s[26]=e("label",null,[N("방문자명"),e("span",{class:"red-star"},"*")],-1)),e("div",vs,[I(e("input",{type:"text","onUpdate:modelValue":s[2]||(s[2]=l=>y.value=l),onClick:s[3]||(s[3]=()=>{h.value.visitorName=null,c.value=!1}),class:"form-control",placeholder:"예약자명을 입력해 주세요"},null,512),[[L,y.value]]),e("small",{class:"err",ref:"error3"},d((f=h.value)==null?void 0:f.visitorName),513)])]),e("div",ps,[s[27]||(s[27]=e("label",null,[N("방문자 휴대폰"),e("span",{class:"red-star"},"*")],-1)),e("div",ms,[I(e("input",{type:"number",oninput:"javascript: if (this.value.length > 11) this.value = this.value.slice(0, 11);","onUpdate:modelValue":s[4]||(s[4]=l=>T.value=l),onClick:s[5]||(s[5]=()=>{h.value.visitorPhoneNumber=null,c.value=!1}),class:"form-control",placeholder:"‘-’제외하고 숫자만 입력"},null,512),[[L,T.value]]),e("small",{class:"err",ref:"error3"},d((b=h.value)==null?void 0:b.visitorPhoneNumber),513)])])])]),e("div",_s,[e("div",hs,[s[29]||(s[29]=e("label",null,"이메일",-1)),e("div",gs,[I(e("input",{id:"email",type:"email","onUpdate:modelValue":s[6]||(s[6]=l=>O.value=l),class:"form-control",placeholder:"[email protected]"},null,512),[[L,O.value]]),D.value?(r(),i("p",fs," 올바른 이메일을 제공해 주세요. ")):R("",!0),s[28]||(s[28]=e("p",{class:"bullet-begin"}," 이메일 주소 입력 시 ‘예약확정` 이메일이 전송 됩니다 ",-1))])])])])]),e("div",ks,[s[30]||(s[30]=e("div",{class:"border-heading"},[e("h4",null,"유의사항")],-1)),e("div",Ns,[e("p",{innerHTML:(P=(k=x.value)==null?void 0:k.order)==null?void 0:P.NOTICE},null,8,ys)])])]),e("div",Ts,[e("button",{class:"btn outline gray-outline",onClick:s[7]||(s[7]=()=>{a.$router.push({name:"SpecialOrder",query:{}})})}," 취소 "),e("button",{class:"btn",onClick:Q},"예약하기")])])])])])}}};export{Ss as default};