https://static.upgarage.com/_nuxt/BB1u5rtb.js

1import{d as U,c as d,a as _,F as A,i as z,h as e,e as l,f as o,t as n,w as i,v as p,a6 as C,p as q,j as L,_ as N,m as r,K as se,u as te,O as ae,r as S,z as x,ar as re,o as oe,a5 as _e,b as P,l as T,x as J,L as ne,aO as ce,q as de}from"./CBb99Q15.js";import{P as ie}from"./DVaJ00Jg.js";import{M as le}from"./dFIXalo2.js";import{S as M}from"./wZw3oH-b.js";import{D as pe}from"./9J_DqIxr.js";import{r as O,g as V}from"./p5lT38kJ.js";import{b as ue}from"./Jd6aBPtE.js";import{h as ve}from"./CbGaPIAM.js";import"./HJwVSgq5.js";import"./BDr1m4Qv.js";const D=c=>(q("data-v-5e1b4b85"),c=c(),L(),c),he={class:"mypage__reserve-tab-content-wrap"},me={key:0,class:"mypage__reserve-tab-content"},ge={key:0,class:"mypage__reserve-box mypage__reserve-box--current"},fe=D(()=>e("div",{class:"mypage__reserve-status"}," 現在予約されています ",-1)),ye={class:"mypage__reserve-dl"},ke=D(()=>e("dt",{class:"mypage__reserve-dt line"}," 予約日時 ",-1)),be={class:"mypage__reserve-dd line"},we=D(()=>e("dt",{class:"mypage__reserve-dt"}," 予約店舗 ",-1)),Re={class:"mypage__reserve-dd"},$e={key:1,class:"mypage__reserve-box"},Ie={class:"mypage__reserve-dl"},Se=D(()=>e("dt",{class:"mypage__reserve-dt line"}," 予約日時 ",-1)),xe={class:"mypage__reserve-dd line"},Pe=D(()=>e("dt",{class:"mypage__reserve-dt"}," 予約店舗 ",-1)),Te={class:"mypage__reserve-dd"},De={key:1,class:"mypage__reserve-attention"},Ae=U({__name:"purchase_reservation_list",props:{purchaseReservations:{default:()=>[]}},setup(c){const{purchaseReservations:R}=c,$=u=>{const k=C.local();return C.fromISO(u)>k},b=u=>M.formatIsoToStringWithMinutes(u);return(u,k)=>(_(),d("div",he,[R.length?(_(),d("div",me,[(_(),d(A,null,z(R,t=>(_(),d(A,{key:t.id},[$(t.begunAt)?(_(),d("div",ge,[fe,e("dl",ye,[ke,e("dd",be,[o(n(b(t.begunAt))+" ",1),l(p,{href:t.reservationUrl,class:"mypage__reserve-detail-btn--pc",target:"_blank"},{default:i(()=>[o(" 詳細を表示 ")]),_:2},1032,["href"])]),we,e("dd",Re,[l(p,{href:`/shop/${t.shop.kikanShopId}`,class:"mypage__reserve-shop"},{default:i(()=>[o(n(t.shop.name),1)]),_:2},1032,["href"])])]),l(p,{href:t.reservationUrl,class:"mypage__reserve-detail-btn--sp",target:"_blank"},{default:i(()=>[o(" 詳細を表示 ")]),_:2},1032,["href"])])):(_(),d("div",$e,[e("dl",Ie,[Se,e("dd",xe,[o(n(b(t.begunAt))+" ",1),l(p,{href:t.reservationUrl,class:"mypage__reserve-detail-btn--pc",target:"_blank"},{default:i(()=>[o(" 詳細を表示 ")]),_:2},1032,["href"])]),Pe,e("dd",Te,[l(p,{href:`/shop/${t.shop.kikanShopId}`,class:"mypage__reserve-shop"},{default:i(()=>[o(n(t.shop.name),1)]),_:2},1032,["href"])])]),l(p,{href:t.reservationUrl,class:"mypage__reserve-detail-btn--sp",target:"_blank"},{default:i(()=>[o(" 詳細を表示 ")]),_:2},1032,["href"])]))],64))),64))])):(_(),d("p",De," 買取予約はございません。 "))]))}}),Ce=N(Ae,[["__scopeId","data-v-5e1b4b85"]]),m=c=>(q("data-v-9c531373"),c=c(),L(),c),Me={class:"mypage__reserve-tab-content-wrap"},Ue={key:0,class:"mypage__reserve-tab-content reserve"},qe={key:0,class:"mypage__reserve-box mypage__reserve-box--current"},Le=m(()=>e("div",{class:"mypage__reserve-status"}," 現在予約されています ",-1)),Ne={class:"mypage__reserve-dl--top"},We=m(()=>e("dt",{class:"mypage__reserve-dt mypage__reserve-dt--line"}," 予約日時 ",-1)),Qe={class:"mypage__reserve-dd mypage__reserve-dd--top mypage__reserve-dt--line"},Be={class:"mypage__reserve-dl--bottom"},Ee=m(()=>e("dt",{class:"mypage__reserve-dt"}," 予約店舗 ",-1)),Fe={class:"mypage__reserve-dd"},Je=m(()=>e("dt",{class:"mypage__reserve-dt"}," 作業内容 ",-1)),Oe={class:"mypage__reserve-dd"},Ve=m(()=>e("dt",{class:"mypage__reserve-dt mypage__reserve-dt--pc"}," 作業時間の目安 ",-1)),ze={class:"mypage__reserve-dd mypage__reserve-dt--pc"},Ge=m(()=>e("dt",{class:"mypage__reserve-dt mypage__reserve-dt--pc"}," お見積もり ",-1)),He={class:"mypage__reserve-dd mypage__reserve-dt--pc"},je={key:1,class:"mypage__reserve-box"},Ke={class:"mypage__reserve-dl--top"},Xe=m(()=>e("dt",{class:"mypage__reserve-dt mypage__reserve-dt--line"}," 予約日時 ",-1)),Ye={class:"mypage__reserve-dd mypage__reserve-dd--top mypage__reserve-dt--line"},Ze={class:"mypage__reserve-dl--bottom"},es=m(()=>e("dt",{class:"mypage__reserve-dt"}," 予約店舗 ",-1)),ss={class:"mypage__reserve-dd"},ts=m(()=>e("dt",{class:"mypage__reserve-dt"}," 作業内容 ",-1)),as={class:"mypage__reserve-dd"},rs=m(()=>e("dt",{class:"mypage__reserve-dt mypage__reserve-dt--pc"}," 作業時間の目安 ",-1)),os={class:"mypage__reserve-dd mypage__reserve-dt--pc"},_s=m(()=>e("dt",{class:"mypage__reserve-dt mypage__reserve-dt--pc"}," お見積もり ",-1)),ns={class:"mypage__reserve-dd mypage__reserve-dt--pc"},cs={key:1,class:"mypage__reserve-attention"},ds=U({__name:"work_reservation_list",props:{workReservations:{default:()=>[]}},setup(c){const{workReservations:R}=c,$=t=>M.formatIsoToStringWithMinutes(t),b=t=>t?`${M.numberToPriceString(t)}～`:"未設定",u=(t,g)=>{const s=pe.getDiffDateTime(t,g);return s!=="未設定"?`${s}～`:s},k=t=>{const g=C.local();return C.fromISO(t)>g};return(t,g)=>(_(),d("div",Me,[R.length?(_(),d("div",Ue,[(_(),d(A,null,z(R,s=>(_(),d(A,{key:s.id},[k(s.begunAt)?(_(),d("div",qe,[Le,e("dl",Ne,[We,e("dd",Qe,[o(n($(s.begunAt))+" ",1),l(p,{href:`/mypage/reservation/${s.id}`,class:"mypage__reserve-detail-btn--pc"},{default:i(()=>[o(" 詳細を表示 ")]),_:2},1032,["href"])])]),e("dl",Be,[Ee,e("dd",Fe,[l(p,{href:`/shop/${s.shop.kikanS

1hopId}`,class:"mypage__reserve-shop"},{default:i(()=>[o(n(s.shop.name),1)]),_:2},1032,["href"])]),Je,e("dd",Oe,n(r(O)(s.workName,s.detailsJson)),1),Ve,e("dd",ze,n(u(s.begunAt,s.endedAt)),1),Ge,e("dd",He,n(b(s.price))+" "+n(r(V)(s.detailsJson)),1)]),l(p,{href:`/mypage/reservation/${s.id}`,class:"mypage__reserve-detail-btn--sp"},{default:i(()=>[o(" 詳細を表示 ")]),_:2},1032,["href"])])):(_(),d("div",je,[e("dl",Ke,[Xe,e("dd",Ye,[o(n($(s.begunAt))+" ",1),l(p,{href:`/mypage/reservation/${s.id}`,class:"mypage__reserve-detail-btn--pc"},{default:i(()=>[o(" 詳細を表示 ")]),_:2},1032,["href"])])]),e("dl",Ze,[es,e("dd",ss,[l(p,{href:`/shop/${s.shop.kikanShopId}`,class:"mypage__reserve-shop"},{default:i(()=>[o(n(s.shop.name),1)]),_:2},1032,["href"])]),ts,e("dd",as,n(r(O)(s.workName,s.detailsJson)),1),rs,e("dd",os,n(u(s.begunAt,s.endedAt)),1),_s,e("dd",ns,n(b(s.price))+" "+n(r(V)(s.detailsJson)),1)]),l(p,{href:`/mypage/reservation/${s.id}`,class:"mypage__reserve-detail-btn--sp"},{default:i(()=>[o(" 詳細を表示 ")]),_:2},1032,["href"])]))],64))),64))])):(_(),d("p",cs," 予約している作業はございません。 "))]))}}),is=N(ds,[["__scopeId","data-v-9c531373"]]),ls=c=>(q("data-v-eedc68e7"),c=c(),L(),c),ps={class:"reservation"},us={key:0},vs=ls(()=>e("aside",{class:"reservation__notice"}," ご予約が完了から予約一覧に反映されるまで1分ほど時間がかかります。 ",-1)),hs={class:"reservation__tabs"},ms=["checked"],gs=["checked"],fs={class:"reservation__panel"},ys={class:"reservation__summary"},ks={class:"reservation__count"},y=10,bs=U({__name:"index",setup(c){const R=se(),{$accountApi:$,$errorHandler:b}=te(),u=ae(),k=S(null),t=S(null),g=S(!1),s=S(1),a=S("purchaseReservations"),h=S({purchaseReservations:{offset:0,limit:10,total_count:0},workReservations:{offset:0,limit:10,total_count:0}}),I=x(()=>(s.value-1)*y),G=x(()=>I.value+1),H=x(()=>s.value*y>h.value[a.value].total_count?h.value[a.value].total_count:s.value*y),j=x(()=>re.get("UPPIT_SITE_URL")),K=async()=>{await Promise.all([B(),E()]),await ce()};oe(async()=>{ve.set({title:"予約履歴",useShortSiteTitle:!0}),ue.set([{name:"マイページ",path:"/mypage/"},{name:"予約履歴",path:"/mypage/reservation/"}]),u.query&&W(),await K(),!(!k.value||!t.value)&&(g.value=!0)});const W=()=>{a.value=u.query.tab||"purchaseReservations",u.query.offset?(h.value[a.value].offset=u.query.offset,s.value=h.value[a.value].offset/y+1):(h.value[a.value].offset=I.value,s.value=1)},Q=()=>{const v={tab:a.value,offset:h.value[a.value].offset};de({path:R("/mypage/reservation/"),query:v})},B=async()=>{const v={after:btoa(String(I.value)),first:y},{data:f,errors:w}=await $().getPurchaseReservations(v);if(w){b().handleGraphQlErrors(w);return}k.value=f.purchaseReservations.nodes,h.value.purchaseReservations={offset:I.value,limit:y,total_count:f.purchaseReservations.totalCount}},E=async()=>{const v={after:btoa(String(I.value)),first:y},{data:f,errors:w}=await $().getWorkReservations(v);if(w){b().handleGraphQlErrors(w);return}t.value=f.workReservations.nodes,h.value.workReservations={offset:I.value,limit:y,total_count:f.workReservations.totalCount}},F=v=>{a.value!==v&&(a.value=v,s.value=1,Q())},X=x(()=>h.value[a.value].total_count),Y=x(()=>({purchaseReservations:k.value,workReservations:t.value})[a.value]),Z=v=>{s.value=v,h.value[a.value].offset=y*(v-1),Q(),window.scroll({top:0,behavior:"smooth"})};return _e(()=>u.query,async()=>{g.value=!1,W(),a.value==="purchaseReservations"&&await B(),a.value==="workReservations"&&await E(),g.value=!0}),(v,f)=>{var w;return _(),d("div",ps,[r(g)?(_(),d("div",us,[l(le,null,{default:i(()=>[o(" 予約履歴 ")]),_:1}),vs,e("div",hs,[e("input",{id:"purchaseReservations",type:"radio",name:"tab_switch",class:"reservation__tabs-switch",checked:r(a)==="purchaseReservations",onClick:f[0]||(f[0]=ee=>F("purchaseReservations"))},null,8,ms),e("label",{class:J(["reservation__tabs-button",r(a)==="purchaseReservations"?"reservation__tabs-button--active":""]),for:"purchaseReservations"}," 買取予約 ",2),e("input",{id:"workReservations",type:"radio",name:"tab_switch",class:"reservation__tabs-switch",checked:r(a)==="workReservations",onClick:f[1]||(f[1]=ee=>F("workReservations"))},null,8,gs),e("label",{class:J(["reservation__tabs-button",r(a)==="workReservations"?"reservation__tabs-button--active":""]),for:"workReservations"}," 取付予約 ",2),e("div",fs,[e("div",ys,[o(" 全 "),e("span",ks,n((w=r(h)[r(a)])==null?void 0:w.total_count)+"件 ",1),o(" の履歴（"+n(r(G))+"件～"+n(r(H))+"件） ",1)]),r(a)==="purchaseReservations"?(_(),T(Ce,{key:0,"purchase-reservations":r(k)},null,8,["purchase-reservations"])):P("",!0),r(a)==="workReservations"?(_(),T(is,{key:1,"w

1ork-reservations":r(t)},null,8,["work-reservations"])):P("",!0),r(Y).length>0?(_(),T(ie,{key:2,"current-page":r(s),"per-page-count":y,"list-item-count":r(X),onPageSelected:Z},null,8,["current-page","list-item-count"])):P("",!0)]),r(a)==="purchaseReservations"?(_(),T(p,{key:0,class:"reservation__button",href:"/kaitori-yoyaku/reservation/shop.php"},{default:i(()=>[o(" 買取予約をする ")]),_:1})):P("",!0),r(a)==="workReservations"?(_(),T(p,{key:1,class:"reservation__button reservation__button--uppit",href:`${r(j)}reservation/select_index`},{default:i(()=>[o(" 持込取付予約をする ")]),_:1},8,["href"])):P("",!0)])])):P("",!0),l(ne,{loading:!r(g)},null,8,["loading"])])}}}),Cs=N(bs,[["__scopeId","data-v-eedc68e7"]]);export{Cs as default};