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

1import{d as D,s as Q,z as i,E as se,c as g,a as o,h as a,m as e,l as q,v as E,w as P,f as k,t as m,_ as L,e as V,F as W,i as G,p as ne,j as re,r as u,ar as oe,O as ce,u as ie,a5 as le,o as de,b as ue,L as me,bN as _e,q as he}from"./CBb99Q15.js";import{S as ve}from"./wZw3oH-b.js";import{P as O}from"./CV2DhTNg.js";import{M as pe}from"./dFIXalo2.js";import{S as ge}from"./DNVZxSrC.js";import{P as ye}from"./DVaJ00Jg.js";import{h as fe}from"./CbGaPIAM.js";import{b as Ie}from"./Jd6aBPtE.js";import"./HJwVSgq5.js";import"./BDr1m4Qv.js";const we={class:"mypage__maintenance-tr"},xe={class:"mypage__maintenance-td mypage__maintenance-td--manual"},ke=["src","alt"],Ce={class:"mypage__maintenance-td"},Se={key:1,class:"mypage__maintenance-td-txt","data-testid":"maintenance-text"},Ve=D({__name:"mypage_maintenance_item",props:{text:{},imageUrl:{},itemUrl:{}},setup(y){const l=y,{imageUrl:n,text:_}=Q(l),d=i(()=>n.value?n.value:se.image("components/commons/no_image.png"));return(C,$)=>(o(),g("tr",we,[a("td",xe,[a("img",{src:e(d),alt:e(_),"data-testid":"maintenance-image"},null,8,ke)]),a("td",Ce,[C.itemUrl?(o(),q(E,{key:0,href:C.itemUrl,class:"mypage__maintenance-td-txt-link","data-testid":"maintenance-text"},{default:P(()=>[k(m(e(_)),1)]),_:1},8,["href"])):(o(),g("span",Se,m(e(_)),1))])]))}}),$e=L(Ve,[["__scopeId","data-v-c59ab072"]]),M=y=>(ne("data-v-c0fcdea4"),y=y(),re(),y),qe={class:"vehicle-maintenance"},Pe={class:"vehicle-maintenance__wrap"},Me={class:"vehicle-maintenance__dl"},Te=M(()=>a("dt",{class:"vehicle-maintenance__dt"}," 取付・整備日 ",-1)),Ue={class:"vehicle-maintenance__dd","data-testid":"maintenance-date"},Ne=M(()=>a("dt",{class:"vehicle-maintenance__dt"}," 合計 ",-1)),be={class:"vehicle-maintenance__dd vehicle-maintenance__dd--total","data-testid":"maintenance-price"},Ae={class:"vehicle-maintenance__tax"},We=M(()=>a("dt",{class:"vehicle-maintenance__dt"}," 取付・整備店舗 ",-1)),De={class:"vehicle-maintenance__dd","data-testid":"maintenance-shop"},Ee=M(()=>a("dt",{class:"vehicle-maintenance__dt"}," 取付車 ",-1)),Le={class:"vehicle-maintenance__dd","data-testid":"maintenance-vehicle"},Re={class:"vehicle-maintenance__tbl"},Fe=D({__name:"mypage_vehicle_maintenance",props:{history:{}},setup(y){const l=y,{history:n}=Q(l),_=i(()=>{const h=n.value.shopReceiptDetails.filter(r=>r.__typename==="ShopOrderDetail");if(h.length>0)return h;const I=n.value.shopReceiptDetails.filter(r=>r.__typename==="ShopWorkDetail");if(I.length>0)return I}),d=i(()=>ve.formatIsoToStringWithMinutes(n.value.soldAt)),C=i(()=>n.value.shop.name),$=i(()=>O.toCurrency(n.value.totalPriceNoTax)),R=i(()=>O.toCurrency(n.value.totalPriceInTax)),T=i(()=>n.value.ownedVehicle?"modelName"in n.value.ownedVehicle?n.value.ownedVehicle.modelName:n.value.ownedVehicle.bikeModel.name:"未設定");return(h,I)=>(o(),g("div",qe,[a("div",Pe,[a("dl",Me,[a("div",null,[Te,a("dd",Ue,m(e(d)),1)]),a("div",null,[Ne,a("dd",be,[k(m(e($))+" ",1),a("span",Ae," (税込 "+m(e(R))+") ",1)])]),a("div",null,[We,a("dd",De,m(e(C)),1)]),a("div",null,[Ee,a("dd",Le,m(e(T)),1)])]),V(E,{href:`/mypage/parts-installation/${e(n).id}/`,class:"vehicle-maintenance__detail-btn","data-testid":"maintenance-link"},{default:P(()=>[k(" 詳細を表示 ")]),_:1},8,["href"])]),a("table",Re,[(o(!0),g(W,null,G(e(_),(r,v)=>{var p;return o(),q($e,{key:v,text:r.itemName??r.workName,"image-url":(p=r.customerCategory)==null?void 0:p.image,"item-url":r.itemUrl,"data-testid":`maintenance-items-${v}`},null,8,["text","image-url","item-url","data-testid"])}),128))])]))}}),Be=L(Fe,[["__scopeId","data-v-c0fcdea4"]]),He={key:0,class:"mypage"},Oe={class:"mypage__main"},Qe={key:0,class:"mypage__search-results-p","data-testid":"search-list-count"},Ge={key:2,class:"mypage__no-maintenance","data-testid":"no-maintenance"},S=10,je=D({__name:"index",setup(y){const l=u(1),n=i(()=>_.value/S+1),_=i(()=>(l.value-1)*S),d=u(0),C=i(()=>_.value+1),$=i(()=>l.value*S>d.value?d.value:l.value*S),T=`${i(()=>oe.get("UPPIT_SITE_URL")).value}reservation/select_index/`,h=u(!1),I=u(void 0),r=u(""),v=u([]),p=u([]),U=u(void 0),N=u(void 0),w=u([]),x=u([]),c=ce(),F=()=>{var t,s;c.query&&(l.value=parseInt((t=c.query)==null?void 0:t.page)||1,r.value=((s=c.query)==null?void 0:s.searchWord)||"",c.query["vehicleIds[]"]?v.value=Array.isArray(c.query["vehicleIds[]"])?c.query["vehicleIds[]"]:[c.query["vehicleIds[]"]]:v.value=[],c.query["categoryIds[]"]?p.value=Array.isArray(c.query["categoryIds[]"])?c.query["categoryIds[]"]:[c.query["categoryIds[]"]]:p.value=[])},B=()=>{const t={page:l.value,searchWord:r.value,"vehicleIds[]":v.value,"categoryIds[]":p.value};he({path:"/mypage/parts-installation/",query:t}),document.body.scrollIntoView()},{$accountApi:b,$errorHandler:A}=ie(),j=t=>{l.value=t,B(),scrollTo(0,0)},z=t=>{r.value=t},J=t=>{const s=w.value.findIndex(f=>f===t);s!==-1?w.value.splice(s,1):w.value.push(t)},K=()=>{w.value=[]},X=t=>{const s=x.value.findIndex(f=>f===t);s!==-1?x.value.splice(s,1):x.value.push(t)},Y=()=>{x.value=[]},Z=()=>{v.value=w.value,p.value=x.value,l.value=1,B()},H=async()=>{const t={searchWords:r.value,offset:_.value,customerCategoryIds:p.value,ownedVehicleIds:v.value,limit:S},{data:s,errors:f}=await b().searchPartsInstallations(t);if(f){A().handleGraphQlErrors(f);return}I.value=s.workHistories.nodes,d.value=s.workHistories.totalCount??0},ee=async()=>{const{data:t,error:s}=await b().getCustomerCategories();if(s.value){A().handleRestApiError(s.value.statusCode);return}U.value=t.resources},te=async()=>{const{data:t,errors:s}=await b().getOwnedVehicles();if(s){A().handleGraphQlErrors(s);return}N.value=_e(t.ownedVehicles.nodes)};return le(()=>c.query,async()=>{h.value=!1,F(),await H(),scrollTo(0,0),h.value=!0}),de(async()=>{fe.set({title:"取付・整備履歴",useShortSiteTitle:!0}),Ie.set([{name:"mypage",translation:!0,path:"/mypage/"},{name:"取付・整備履歴",path:"/mypage/parts-installation/"}]),await Promise.all([ee(),te()]),!(U.value===void 0||N.value===void 0)&&(F(),w.value=v.value,x.value=p.value,await H(),I.value!==void 0&&(scrollTo(0,0),h.value=!0))}),(t,s)=>e(h)?(o(),g("main",He,[a("div",Oe,[V(pe,null,{default:P(()=>[k(" 取付・整備履歴 ")]),_:1}),V(ge,{"search-word":e(r),"selected-vehicle-ids":e(w),"selected-category-ids":e(x),vehicles:e(N),"customer-categories":e(U),onUpdateSearchWord:z,onSelectVehicle:J,onClearVehicles:K,onSelectCategory:X,onClearCategories:Y,onSearch:Z},null,8,["search-word","selected-vehicle-ids","selected-category-ids","vehicles","customer-categories"]),e(d)>0?(o(),g("p",Qe,[k(" 全"),a("span",null,m(e(d))+"件",1),k("の履歴（"+m(e(C))+"件〜"+m(e($))+"件） ",1)])):ue("",!0),e(d)>0?(o(),g(W,{key:1},[(o(!0),g(W,null,G(e(I),(f,ae)=>(o(),q(Be,{key:ae,history:f},null,8,["history"]))),128)),V(ye,{"list-item-count":e(d),"per-page-count":S,"current-page":e(n),"data-testid":"pagination",onPageSelected:j},null,8,["list-item-count","current-page"])],64)):(o(),g("div",Ge," 現在取付・整備履歴はありません。 ")),V(E,{href:T,target:"_blank",class:"mypage__maintenance-reserve","data-testid":"maintenance-reserve"},{default:P(()=>[k(" 持込取付予約する ")]),_:1})])])):(o(),q(me,{key:1,loading:!e(h)},null,8,["loading"]))}}),nt=L(je,[["__scopeId","data-v-ed1f433a"]]);export{nt as default};