https://static.upgarage.com/_nuxt/BN-teT-_.js

1import{d as A,c as o,a as r,F as i,h as s,l as P,b as k,f as $,t as n,m as d,e as y,v as R,w as q,i as g,x as J,p as V,j as C,_ as L,u as W,O as H,r as M,o as U,L as E}from"./CBb99Q15.js";import{M as F}from"./dFIXalo2.js";import{S as I}from"./wZw3oH-b.js";import{D as O}from"./9J_DqIxr.js";import{i as T,r as j}from"./p5lT38kJ.js";import{b as z}from"./Jd6aBPtE.js";import{h as G}from"./CbGaPIAM.js";import"./HJwVSgq5.js";import"./BDr1m4Qv.js";const v=l=>(V("data-v-95f9e410"),l=l(),C(),l),Q={class:"reservation-detail__reserve-dl"},K={class:"reservation-detail__reserve-data-wrap"},X=v(()=>s("dt",{class:"reservation-detail__reserve-dt-top"}," 予約日時 ",-1)),Y={class:"reservation-detail__reserve-dd-top","data-testid":"reservation-datetime"},Z={key:0,class:"reservation-detail__reserve-note"},x=v(()=>s("dt",{class:"reservation-detail__reserve-dt"}," 予約店舗 ",-1)),ee={class:"reservation-detail__reserve-dd"},se=v(()=>s("dt",{class:"reservation-detail__reserve-dt"}," 作業内容 ",-1)),te={class:"reservation-detail__reserve-dd","data-testid":"work-name"},re=v(()=>s("dt",{class:"reservation-detail__reserve-dt"}," 作業時間の目安 ",-1)),ae={class:"reservation-detail__reserve-dd"},oe=v(()=>s("dt",{class:"reservation-detail__reserve-dt"}," お見積もり ",-1)),ie={class:"reservation-detail__reserve-dd","data-testid":"reservation-price"},ne={class:"reservation-detail__reserve-parts-hd2"},de={class:"reservation-detail__reserve-parts reservation-detail__reserve-parts--last"},le={class:"reservation-detail__reserve-pt-dt"},_e={class:"reservation-detail__reserve-pt-dd"},ve=v(()=>s("dt",{class:"reservation-detail__reserve-pt-dt"}," 画像 ",-1)),ce={class:"reservation-detail__reserve-pt-dd reservation-detail__reserve-parts-dd-image","data-testid":"parts-to-sell-image"},ue=["src","alt"],pe={class:"reservation-detail__reserve-parts-hd2"},me={class:"reservation-detail__reserve-parts","data-testid":"work-details"},he={key:0,class:"reservation-detail__reserve-parts-dd","data-testid":"detail-value"},fe=A({__name:"reservation_details",props:{reservation:{}},setup(l){const{reservation:m}=l,h=m.detailsJson?JSON.parse(m.detailsJson):[],D=h.filter(e=>e.name==="parts_to_sell").map(e=>{var a,t;return{label:e.label,images:((t=(a=e.items.find(p=>p.name==="parts_to_sell_images"))==null?void 0:a.items)==null?void 0:t.map(p=>p.value))||[]}}),f=e=>I.formatIsoToStringWithMinutes(e),c=e=>e?`${I.numberToPriceString(e)}～`:"未設定",u=(e,a)=>{const t=O.getDiffDateTime(e,a);return t!=="未設定"?`${t}～`:t},b=e=>D.find(a=>a.label===e).images,S=(e,a)=>e==="quotation"&&a.name==="total_price"&&I.isPriceLike(a.value)?`${a.value}～`:a.value;return(e,a)=>(r(),o(i,null,[s("dl",Q,[s("div",K,[X,s("dd",Y,[$(n(f(e.reservation.begunAt))+" ",1),d(T)(e.reservation.detailsJson)?(r(),o("div",Z," ※予約日時の変更・キャンセルは直接ショップまでお問い合わせください。 ")):k("",!0)])]),x,s("dd",ee,[y(R,{class:"reservation-detail__reserve-shop",href:`/shop/${e.reservation.shop.kikanShopId}`,"data-testid":"shop-name"},{default:q(()=>[$(n(e.reservation.shop.name),1)]),_:1},8,["href"])]),se,s("dd",te,n(d(j)(e.reservation.workName,e.reservation.detailsJson)),1),re,s("dd",ae,n(u(e.reservation.begunAt,e.reservation.endedAt)),1),oe,s("dd",ie,n(c(e.reservation.price)),1)]),(r(!0),o(i,null,g(d(h),(t,p)=>(r(),o(i,{key:p},[t.name==="parts_to_sell"?(r(),o(i,{key:0},[s("h2",ne,n(t.label),1),s("dl",de,[(r(!0),o(i,null,g(t.items,(_,w)=>(r(),o(i,{key:w},[_.name!=="parts_to_sell_images"?(r(),o(i,{key:0},[s("dt",le,n(_.label),1),s("dd",_e,n(_.value),1)],64)):(r(),o(i,{key:1},[ve,s("dd",ce,[(r(!0),o(i,null,g(b(t.label),(B,N)=>(r(),o("img",{key:N,class:"reservation-detail__reserve-parts-img",src:B,alt:`登録パーツ画像${N+1}`},null,8,ue))),128))])],64))],64))),128))])],64)):(r(),o(i,{key:1},[s("h2",pe,n(t.label),1),s("dl",me,[(r(!0),o(i,null,g(t.items,(_,w)=>(r(),o(i,{key:w},[s("dt",{class:J(["reservation-detail__reserve-parts-dt",t.name==="questionnaire"?"reservation-detail__reserve-parts-dt--question":""])},n(_.label),3),s("dd",{class:J(["reservation-detail__reserve-parts-dd",t.name==="questionnaire"?"reservation-detail__reserve-parts-dd--question":""])},n(S(t.name,_)),3)],64))),128)),t!=null&&t.value?(r(),o("dd",he,n(t.value),1)):k("",!0)])],64))],64))),128)),d(T)(e.reservation.detailsJson)?k("",!0):(r(),P(R,{key:0,class:"reservation-detail__reserve-parts-sub",href:e.reservation.reservationUrl,target:"_blank","data-testid":"anchor"},{default:q(()=>[$(" 予約日時変更・キャンセル ")]),_:1},8,["href"]))],64))}}),ge=L(fe,[["__scopeId","data-v-95f9e410"]]),ke={class:"reservation-detail"},ye={key:0},Je=A({__name:"[id]",setup(l){const{$accountApi:m,$errorHandler:h}=W(),f=H().params.id,c=M(null),u=M(!1);G.set({title:"予約詳細",useShortSiteTitle:!0}),U(async()=>{S(),await b(),c.value&&(u.value=!0)});const b=async()=>{const{data:e,errors:a}=await m().getWorkReservation(f);if(a){h().handleGraphQlErrors(a);return}c.value=e.workReservation},S=()=>{z.set([{name:"mypage",translation:!0,path:"/mypage/"},{name:"reservationHistory",translation:!0,path:"/mypage/reservation/"},{name:"予約詳細",path:`/mypage/reservation/${f}/`}])};return(e,a)=>(r(),o("div",ke,[d(u)?(r(),o("div",ye,[y(F,{title:"予約詳細"}),y(ge,{reservation:d(c)},null,8,["reservation"])])):k("",!0),y(E,{loading:!d(u)},null,8,["loading"])]))}});

1export{Je as default};