https://ocl-dm.com/_nuxt/liL0MfUn.js

1import{_ as Q}from"./DaKQu75r.js";import{d as O,r as v,A as j,l as $,m as D,o as p,w as y,c as x,a as i,h as I,b as a,e as M,t as w,i as t,H as A,F as H,j as F,P as X,D as Y,T as Z,f as E,U as W,k as q,u as ee,s as te,_ as oe,S as N,y as ne}from"./BsBP3sJG.js";import{_ as ae,a as se,b as ie}from"./BMeoXjMV.js";import{_ as le}from"./DjqkDImH.js";import{_ as re}from"./Mba6ZFp3.js";import{_ as ue}from"./DRWgvQu7.js";import{_ as ce}from"./D086eQf1.js";import{_ as de}from"./BUbSP3nR.js";import"./CO3DuS5I.js";import"./BSzEt5aq.js";import"./CaqjUZ-e.js";import"./BN-g5pzv.js";import"./CoEWq-1e.js";const me={key:0},pe={key:1},_e={key:0,class:"table-pagination"},ge={class:"data-table"},ve=["width"],fe=["colspan"],Ce=O({__name:"BaseTable",props:{pagination:{},headers:{},items:{},noItemsText:{},loading:{type:Boolean}},emits:["onChangePageSize","onChangePage"],setup(R,{emit:P}){var B,S,s,n;const e=R,f=P,c=v(((B=e.pagination)==null?void 0:B.pageSizeList)??[]),o=v(((S=e.pagination)==null?void 0:S.pageSize)??0),l=v(((s=e.pagination)==null?void 0:s.page)??0),d=v(((n=e.pagination)==null?void 0:n.totalCount)??0),r=v(Math.ceil(d.value/o.value));j([e],()=>{var u,_,h,b;c.value=((u=e.pagination)==null?void 0:u.pageSizeList)??[],o.value=((_=e.pagination)==null?void 0:_.pageSize)??0,l.value=((h=e.pagination)==null?void 0:h.page)??0,d.value=((b=e.pagination)==null?void 0:b.totalCount)??0,r.value=Math.ceil(d.value/o.value)});const T=()=>{const u=document.getElementById("__nuxt");u==null||u.scrollIntoView({behavior:"smooth"}),f("onChangePage",o.value,l.value)},z=u=>{f("onChangePageSize",u,1)},k=()=>{f("onChangePage",o.value,l.value+1)},C=()=>{f("onChangePage",o.value,l.value-1)},L=u=>{const _=e.headers.filter(h=>!h.hidden).reduce((h,b)=>h+b.widthPercentage,0);return Math.round(u/_*100)+"%"};return(u,_)=>{const h=$("v-progress-circular"),b=re,V=$("v-select"),U=$("v-pagination");return p(),D(Z,{name:"fade",mode:"out-in"},{default:y(()=>[e.loading?(p(),x("div",me,[i(h,{size:64,width:6,color:"primary",indeterminate:""})])):(p(),x("div",pe,[u.pagination?(p(),x("div",_e,[a("div",null,[M(w((t(l)-1)*t(o)+1)+"～"+w(t(l)*t(o))+"（"+w(t(d))+"件中）",1),i(b,{class:"mx-1",icon:"mdi-chevron-left",density:"compact",size:"small",disabled:t(l)<=1,onClick:C,"aria-label":"前のページ"},null,8,["disabled"]),i(b,{class:"mx-1",icon:"mdi-chevron-right",density:"compact",size:"small",disabled:t(r)<=t(l),onClick:k,"aria-label":"次のページ"},null,8,["disabled"])]),1<t(c).length?(p(),D(V,{key:0,modelValue:t(o),"onUpdate:modelValue":[_[0]||(_[0]=m=>A(o)?o.value=m:null),z],items:t(c),density:"compact",label:"表示件数",class:"ma-2","aria-label":"表示件数を選択"},null,8,["modelValue","items"])):I("",!0)])):I("",!0),a("table",ge,[a("thead",null,[a("tr",null,[(p(!0),x(H,null,F(e.headers.filter(m=>!m.hidden),m=>(p(),x("th",{width:L(m.widthPercentage)},w(m.text),9,ve))),256))])]),a("tbody",null,[e.items.length===0?(p(),x("td",{key:0,colspan:e.headers.filter(m=>!m.hidden).length},w(e.noItemsText),9,fe)):(p(!0),x(H,{key:1},F(e.items,m=>X(u.$slots,"item",Y({ref_for:!0},m),void 0,!0)),256))])]),u.pagination?(p(),D(U,{key:1,modelValue:t(l),"onUpdate:modelValue":[_[1]||(_[1]=m=>A(l)?l.value=m:null),T],size:"small",length:t(r)},null,8,["modelValue","length"])):I("",!0)]))]),_:3})}}}),he=E(Ce,[["__scopeId","data-v-fb1d057d"]]),ye={class:"two_way_choice"},be=O({__name:"RegisterCouponCodeDialog",props:{open:{type:Boolean},errorType:{}},emits:["onClose","onRegister"],setup(R,{emit:P}){const e=R,f=P,c=v(""),o=v(!0),l=d=>{c.value=d,o.value=(d==null?void 0:d.trim().length)<6};return j([e],()=>{o.value=e.open}),W(async()=>{c.value="",o.value=!0}),(d,r)=>{const T=$("v-card-title"),z=ae,k=$("v-card-text"),C=ce,L=q,B=$("v-card"),S=$("v-dialog");return p(),D(S,{"model-value":e.open,class:"dialog-content",persistent:"","max-width":"800","min-width":"800"},{default:y(()=>[i(B,null,{default:y(()=>[i(T,null,{default:y(()=>r[2]||(r[2]=[M("クーポンコードの入力",-1)])),_:1,__:[2]}),i(k,null,{default:y(()=>[r[3]||(r[3]=a("div",{class:"dialog-text"}," 6桁のクーポンコードを入力して、「取得する」ボタンをクリックしてください。 ",-1)),i(z,{"coupon-code":t(c),"error-type":e.errorType,"auto-focus":!0,"onUpdate:modelValue":l},null,8,["coupon-code","error-type"])]),_:1,__:[3]}),a("div",ye,[i(C,{bold:!0,onClick:r[0]||(r[0]=s=>f("onClose"))},{default:y(()=>r[4]||(r[4]=[M(" 戻る ",-1)])),_:1,__:[4]}),i(L,{bold:!0,onClick:r[1]||(r[1]=s=>f("onRegister",t(c))),disabled:t(o)},{default:y(()=>r[5]||(r[5]=[M(" 取得する ",-1)])),_:1,__:[5]},8,["disabled"])])]),_:1})]),_:1},8,["model-value"])}}}),xe=E(be,[["__scopeId","data-v-1ac14ea3"]]),we={class:"page-header"},Pe={class:"page-main"},ke={class:"tabMenu"},$e={class:"tabContent"},Me={style:{"text-align":"left"}}

1,Be={style:{"text-align":"left"}},Se={class:"minimum-order-amount"},Te={class:"maximum-usage-limit"},ze={key:0,class:"coupon-status"},Le={class:"coupon-button"},Re=O({__name:"coupon",setup(R){const{$logger:P,$myCouponsViewModel:e,$formatDateTime:f}=ee(),c=v(!1),o=v(1),l=v(!1),d=v(!1),r=[{title:"TOP",url:"/"},{title:"マイページ",url:"/my-page"},{title:"マイクーポン一覧",url:""}],T=te(()=>[{text:"クーポン名",widthPercentage:14},{text:"開始日時",widthPercentage:10},{text:"終了日時",widthPercentage:10},{text:"割引内容",widthPercentage:14},{text:"最低利用金額",widthPercentage:7},{text:"利用可能回数",widthPercentage:7},{text:"ステータス",widthPercentage:7,hidden:o.value!==3}]),z=(s,n)=>n===0?"期限切れ":n<=s?"利用済み":"期限切れ",k=async(s,n)=>{switch(c.value=!0,o.value){case 1:await e.fetchUsableMyCouponList(s,n);break;case 2:await e.fetchUpcomingMyCouponList(s,n);break;case 3:await e.fetchNotUsableMyCouponList(s,n);break}P.debug("マイクーポン一覧取得完了",e.refMyCouponList),c.value=!1},C=async s=>{o.value=s,await k(5,1)},L=()=>{e.resetRegisterMyCoupon(),l.value=!0},B=async s=>{if(e.resetRegisterMyCoupon(),await e.registerMyCoupon(s),e.hasRegisterCouponError()){P.debug("マイクーポン登録失敗");return}P.debug("マイクーポン登録成功"),d.value=!0},S=async()=>{e.isUsableCouponStatus()?C(1):e.isUpcomingCouponStatus()?C(2):C(3),l.value=!1,d.value=!1,await ne();const s=document.getElementById("__nuxt");s==null||s.scrollIntoView({behavior:"smooth"})};return W(async()=>{c.value=!0,e.initialize(),await e.fetchUsableMyCouponList(5,1),P.debug("マイクーポン一覧取得完了",e.refMyCouponList),c.value=!1}),(s,n)=>{const u=Q,_=oe,h=se,b=le,V=ie,U=he,m=q,G=ue,J=xe,K=de;return p(),x(H,null,[i(u,{breadcrumb:r}),a("section",we,[i(_,{"heading-level":1,"text-align":"center"},{text:y(()=>n[4]||(n[4]=[M("マイクーポン一覧",-1)])),_:1})]),a("section",Pe,[a("ul",ke,[a("li",{onClick:n[0]||(n[0]=g=>C(1)),class:N({active:t(o)===1})},"利用可能",2),a("li",{onClick:n[1]||(n[1]=g=>C(2)),class:N({active:t(o)===2})},"もうすぐ利用可能",2),a("li",{onClick:n[2]||(n[2]=g=>C(3)),class:N({active:t(o)===3})},"利用不可",2)]),a("div",$e,[i(U,{pagination:{pageSize:t(e).refPageSize,page:t(e).refPage,totalCount:t(e).refTotalCount},headers:T.value,items:t(e).refMyCouponList,"no-items-text":"表示できるクーポンはありません。",loading:t(c),onOnChangePageSize:k,onOnChangePage:k},{item:y(g=>[a("tr",null,[a("td",Me,w(g.name),1),a("td",null,w(t(f)(g.startDateTime,"yyyy年MM月dd日 HH:mm")),1),a("td",null,w(t(f)(g.endDateTime,"yyyy年MM月dd日 HH:mm")),1),a("td",Be,[i(h,{"my-coupon":g},null,8,["my-coupon"])]),a("td",Se,[i(b,{amount:g.discountStrategy.minimumOrderAmount},null,8,["amount"]),n[5]||(n[5]=M("円 ",-1))]),a("td",Te,[i(V,{"maximum-usage-limit":g.discountStrategy.maximumUsageLimit},null,8,["maximum-usage-limit"])]),t(o)===3?(p(),x("td",ze,w(z(g.usageCount,g.discountStrategy.maximumUsageLimit)),1)):I("",!0)])]),_:1},8,["pagination","headers","items","loading"])]),a("div",Le,[i(m,{onClick:L,size:"x-large",height:60,disabled:t(c)},{default:y(()=>n[6]||(n[6]=[M(" クーポンを取得する ",-1)])),_:1,__:[6]},8,["disabled"])])]),i(G,{open:t(e).refHasCouponError},null,8,["open"]),i(J,{open:t(l),"error-type":t(e).refMyCouponErrorType,onOnClose:n[3]||(n[3]=()=>l.value=!1),onOnRegister:B},null,8,["open","error-type"]),i(K,{open:t(d),title:"クーポンが追加されました",message:"新しいクーポンが一覧に追加されました。","confirm-button-label":"閉じる",onOnConfirm:S},null,8,["open"])],64)}}}),Ge=E(Re,[["__scopeId","data-v-0f304da9"]]);export{Ge as default};