https://zahit-pro-v2.pages.dev/assets/_member.service-intake-Bd72rZwz.js

1import{j as e}from"./jsx-runtime-0DLF9kdB.js";import{G as o}from"./GlassCard-QGEypy6d.js";import{P as D,i as u}from"./PageTransition-d4Dnod-f.js";import{M as k}from"./MobileNavigation-D8pesZXW.js";import{u as P,a as S,L as h,F as T}from"./components-C61DWoh4.js";import{u as L}from"./index-DM-Ysix_.js";import{m as j}from"./proxy-TcOPxGtH.js";import"./cn-fNskMoFt.js";import"./use-combine-values-xozz9E_C.js";import"./i18n-context-DuXOzqEp.js";import"./hooks-ktRWiHiM.js";const R=()=>[{title:"預約服務 | Zahit Pro"},{name:"description",content:"建立 Zahit 車膜、改色與保護膜服務需求"}],I=["車體保護膜","改色膜","改色犀牛皮","隔熱膜","局部修補 / 保養","客製化施工諮詢","其他諮詢"],v=[{label:"尚未決定",min:"",max:""},{label:"3 萬以下 / 局部修補保養",min:"0",max:"30000"},{label:"3 - 6.5 萬 / 局部或入門方案",min:"30000",max:"65000"},{label:"6.5 - 8 萬 / 改色膜",min:"65000",max:"80000"},{label:"8.5 - 12 萬 / 犀牛皮",min:"85000",max:"120000"},{label:"12 - 15 萬 / 改色犀牛皮",min:"120000",max:"150000"},{label:"15 萬以上 / 高規格客製方案",min:"150000",max:""}],A={NEW:{label:"已收到",tone:"border-cyan-300/20 bg-cyan-400/10 text-cyan-100",next:"總部確認需求"},CONTACTED:{label:"聯繫中",tone:"border-sky-300/20 bg-sky-400/10 text-sky-100",next:"等待顧問補方案"},QUOTED:{label:"已報價",tone:"border-amber-300/25 bg-amber-400/10 text-amber-100",next:"確認方案與時間"},BOOKED:{label:"已預約",tone:"border-lime-300/20 bg-lime-400/10 text-lime-100",next:"依時間前往店家"},ASSIGNED:{label:"已派案",tone:"border-emerald-300/20 bg-emerald-400/10 text-emerald-100",next:"店家準備施工"},COMPLETED:{label:"已完成",tone:"border-white/10 bg-white/5 text-zinc-200",next:"查看保固紀錄"},CANCELLED:{label:"已取消",tone:"border-rose-300/20 bg-rose-400/10 text-rose-100",next:"可重新預約"}};function x(s){return A[s||""]||{label:s||"更新中",tone:"border-white/10 bg-white/5 text-zinc-300",next:"等待狀態更新"}}function V(s){return s?new Date(s).toLocaleDateString("zh-TW",{month:"numeric",day:"numeric"}):"-"}function U(){var f,w;const{member:s,colorCategories:y,products:z,recentIntakes:n,defaults:a}=P(),p=S(),m=L().state==="submitting",l=n[0],C=n.filter(t=>!["COMPLETED","CANCELLED"].includes(t.status)),M=[s.carBrand,s.carModel].filter(Boolean).join(" "),g=[s.carBrand||"品牌待補",s.carModel||"車型待補",s.carPlate||"車牌待補"].join(" / "),N=y.flatMap(t=>t.cards.map(r=>({...r,categoryName:t.name}))),E=z.flatMap(t=>t.skus.map(r=>({...r,productName:t.name})));return e.jsxs(e.Fragment,{children:[e.jsx(D,{children:e.jsx("div",{className:"min-h-screen bg-[#070706] pb-28 text-[#f7f0e6]",children:e.jsxs("main",{className:"mx-auto max-w-5xl space-y-4 px-4 pt-3 md:space-y-5 md:px-8 md:pt-7",children:[e.jsxs(j.div,{variants:u,className:"hidden items-center justify-between gap-4 md:flex",children:[e.jsxs("div",{className:"min-w-0",children:[e.jsx(h,{to:"/me",className:"mb-1 inline-flex text-xs font-bold text-zinc-500 transition hover:text-white",children:"返回會員中心"}),e.jsx("h1",{className:"text-2xl font-black text-white",children:"預約服務"})]}),e.jsx(h,{to:"/me/garage",className:"rounded-lg border border-white/10 px-4 py-3 text-sm font-black text-zinc-200 transition hover:bg-white/10",children:"我的車庫"})]}),e.jsxs(j.section,{variants:u,className:"grid gap-3 lg:grid-cols-[1.08fr_0.92fr]",children:[e.jsxs(o,{className:"!rounded-lg p-4 md:p-5",intensity:"medium",children:[e.jsxs("div",{className:"flex items-start gap-4",children:[e.jsx("div",{className:"flex h-12 w-12 shrink-0 items-center justify-center rounded-lg border border-emerald-300/20 bg-emerald-400/10 text-emerald-100",children:e.jsx(k,{name:"service",className:"h-6 w-6"})}),e.jsxs("div",{className:"min-w-0 flex-1",children:[e.jsx("p",{className:"text-[10px] font-bold uppercase text-zinc-500",children:"Service Intake"}),e.jsx("h1",{className:"mt-1 break-words text-2xl font-black leading-tight text-white md:text-3xl",children:"建立預約需求"}),e.jsx("p",{className:"mt-2 text-sm leading-relaxed text-zinc-400",children:"先留下服務、車況與聯絡方式，總部會接續確認方案、報價與可施工店家ã€

1‚"})]})]}),e.jsxs("div",{className:"mt-4 grid grid-cols-3 gap-2",children:[e.jsxs("div",{className:"rounded-lg border border-white/10 bg-black/25 p-3",children:[e.jsx("p",{className:"font-mono text-xl font-black text-white",children:C.length}),e.jsx("p",{className:"mt-1 text-[10px] font-bold leading-tight text-zinc-500",children:"進行中"})]}),e.jsxs("div",{className:"rounded-lg border border-white/10 bg-black/25 p-3",children:[e.jsx("p",{className:"font-mono text-xl font-black text-white",children:n.length}),e.jsx("p",{className:"mt-1 text-[10px] font-bold leading-tight text-zinc-500",children:"近期需求"})]}),e.jsxs("div",{className:"rounded-lg border border-white/10 bg-black/25 p-3",children:[e.jsx("p",{className:"font-mono text-xl font-black text-white",children:N.length}),e.jsx("p",{className:"mt-1 text-[10px] font-bold leading-tight text-zinc-500",children:"可選色號"})]})]})]}),e.jsxs(o,{className:"!rounded-lg p-4 md:p-5",intensity:"low",children:[e.jsxs("div",{className:"flex items-start justify-between gap-3",children:[e.jsxs("div",{className:"min-w-0",children:[e.jsx("span",{className:`inline-flex rounded-md border px-2 py-1 text-[10px] font-black ${l?x(l.status).tone:"border-white/10 bg-white/5 text-zinc-300"}`,children:l?x(l.status).label:"準備建立"}),e.jsx("h2",{className:"mt-3 break-words text-lg font-black leading-tight text-white",children:((f=l==null?void 0:l.items[0])==null?void 0:f.serviceName)||((w=l==null?void 0:l.colorCard)==null?void 0:w.name)||"下一步：填寫服務需求"}),e.jsx("p",{className:"mt-2 text-sm leading-relaxed text-zinc-400",children:l?x(l.status).next:"填完必填欄位即可送出，其他偏好可先留空。"})]}),e.jsx(h,{to:"/me/support",className:"shrink-0 rounded-lg border border-rose-300/20 bg-rose-400/10 px-3 py-2 text-xs font-black text-rose-100",children:"客服"})]}),e.jsxs("div",{className:"mt-4 rounded-lg border border-white/10 bg-black/25 p-3",children:[e.jsx("p",{className:"text-[10px] font-bold text-zinc-500",children:"車輛快照"}),e.jsx("p",{className:"mt-1 break-words text-sm font-bold text-white",children:M||"尚未建檔車輛"}),e.jsx("p",{className:"mt-1 break-all font-mono text-xs text-zinc-500",children:s.carPlate||"車牌待補"})]})]})]}),e.jsxs(j.div,{variants:u,className:"grid gap-4 lg:grid-cols-[1.25fr_0.75fr]",children:[e.jsxs(o,{className:"!rounded-lg p-4 md:p-5",intensity:"low",children:[p&&"error"in p&&e.jsx("div",{className:"mb-4 rounded-lg border border-red-400/30 bg-red-500/10 px-4 py-3 text-sm leading-6 text-red-100",children:p.error}),e.jsxs(T,{id:"service-intake-form",method:"post",className:"space-y-5",children:[e.jsx("input",{type:"hidden",name:"sourceType",value:a.sourceType}),e.jsx("input",{type:"hidden",name:"sourceCode",value:a.sourceCode}),e.jsx("input",{type:"hidden",name:"campaign",value:a.campaign}),e.jsx("input",{type:"hidden",name:"entryPoint",value:a.entryPoint}),e.jsxs("section",{className:"space-y-3",children:[e.jsxs("div",{className:"flex items-center justify-between gap-3",children:[e.jsxs("div",{className:"min-w-0",children:[e.jsx("p",{className:"text-[10px] font-bold uppercase text-zinc-500",children:"Step 1"}),e.jsx("h2",{className:"mt-1 text-base font-black text-white",children:"想做什麼服務"})]}),e.jsx("span",{className:"shrink-0 rounded-md border border-emerald-300/20 bg-emerald-400/10 px-2 py-1 text-[10px] font-bold text-emerald-100",children:"必填"})]}),e.jsxs("div",{children:[e.jsx("span",{className:"mb-2 block text-xs font-bold text-zinc-400",children:"服務項目"}),e.jsx("div",{className:"grid gap-2 sm:grid-cols-2",children:I.map(t=>e.jsxs("label",{className:"flex min-h-[52px] items-center gap-3 rounded-lg border border-white/10 bg-black/25 px-3 py-3 text-sm font-bold leading-5 text-zinc-200 transition focus-within:border-emerald-300/50",children:[e.jsx("input",{name:"serviceName",type:"checkbox",value:t,className:"h-4 w-4 shrink-0 accent-emerald-300"}),e.jsx("span",{className:"min-w-0 break-words",children:t})]},t))})]}),e.jsxs("label",{className:"block",children:[e.jsx("span",{className:"mb-2 block text-xs font-bold text-zinc-400",children:"其他服務"}),e.jsx("input",{name:"customServiceName",placeholder:"若上方沒有符合項目，可補充在這裡",className:"w-full rounded-lg border border-white/10 bg-black/35 px-4 py-3 text-sm text-white outline-none transition placeholder:text-zinc-600 focus:border-emerald-300/60"})]})]}),e.jsxs("section",{className:"space-y-3 border-t border-white/10 pt-5",children:[e.jsxs("div",{className:"flex items-center justify-between gap-3",children:[e.jsxs("div",{className:"min-w-0",children:[e.jsx("p",{className:"text-[10px] font-bold uppercase text-zinc-500",children:"Step 2"}),e.jsx("h2",{className:"mt-1 text-base font-black text-white",children:"車輛與需求"})]}),e.jsx("span",{className:"shrink-0 rounded-md border border-white/10 bg-white/5 px-2 py-1 text-[10px] font-bold text-zinc-300",children:"可先沿用"})]}),e.jsxs("div",{className:"rounded-lg border border-white/10 bg-black/25 p-3",children:[e.jsx("p",{className:"text-[10px] font-bold text-zinc-500",children:"目前會員車輛"}),e.jsx("p",{className:"mt-1 break-words text-sm font-bold text-white",children:g})]}),e.jsxs("div",{className:"grid gap-3 sm:grid-cols-2 lg:grid-cols-4",children:[e.jsxs("label",{className:"block",children:[e.jsx("span",{className:"mb-2 block text-xs font-bold text-zinc-400",children:"品牌"}),e.jsx("input",{name:"vehicleBrand",defaultValue:s.carBrand||"",placeholder:"Porsche",className:"w-full rounded-lg border border-white/10 bg-black/35 px-4 py-3 text-sm text-white outline-none transition placeholder:text-zinc-600 focus:border-emerald-300/60"})]}),e.jsxs("label",{className:"block",children:[e.jsx("span",{className:"mb-2 block text-xs font-bold text-zinc-400",children:"車型"}),e.jsx("input",{name:"vehicleModel",defaultValue:s.carModel||"",placeholder:"911 Carrera",className:"w-full rounded-lg border border-white/10 bg-black/35 px-4 py-3 text-sm text-white outline-none transition placeholder:text-zinc-600 focus:border-emerald-300/60"})]}),e.jsxs("label",{className:"block",children:[e.jsx("span",{className:"mb-2 block text-xs font-bold text-zinc-400",children:"年份"}),e.jsx("input",{name:"vehicleYear",defaultValue:s.carYear||"",inputMode:"numeric",placeholder:"2026",className:"w-full rounded-lg border border-white/10 bg-black/35 px-4 py-3 text-sm text-white outline-none transition placeholder:text-zinc-600 focus:border-emerald-300/60"})]}),e.jsxs("label",{className:"block",children:[e.jsx("span",{className:"mb-2 block text-xs font-bold text-zinc-400",children:"車牌"}),e.jsx("input",{name:"vehiclePlate",defaultValue:s.carPlate||"",placeholder:"ABC-1234",className:"w-full rounded-lg border border-white/10 bg-black/35 px-4 py-3 text-sm uppercase text-white outline-none transition placeholder:text-zinc-600 focus:border-emerald-300/60"})]})]}),e.jsxs("label",{className:"block",children:[e.jsx("span",{className:"mb-2 block text-xs font-bold text-zinc-400",children:"車況 / 施工前需求"}

1),e.jsx("input",{name:"vehicleNote",placeholder:"例如：剛交車、已有局部刮傷、想保護前保桿與後視鏡",className:"w-full rounded-lg border border-white/10 bg-black/35 px-4 py-3 text-sm text-white outline-none transition placeholder:text-zinc-600 focus:border-emerald-300/60"})]})]}),e.jsxs("section",{className:"space-y-3 border-t border-white/10 pt-5",children:[e.jsxs("div",{className:"flex items-center justify-between gap-3",children:[e.jsxs("div",{className:"min-w-0",children:[e.jsx("p",{className:"text-[10px] font-bold uppercase text-zinc-500",children:"Step 3"}),e.jsx("h2",{className:"mt-1 text-base font-black text-white",children:"聯絡與偏好"})]}),e.jsx("span",{className:"shrink-0 rounded-md border border-emerald-300/20 bg-emerald-400/10 px-2 py-1 text-[10px] font-bold text-emerald-100",children:"必填"})]}),e.jsxs("div",{className:"grid gap-3 sm:grid-cols-2",children:[e.jsxs("label",{className:"block",children:[e.jsx("span",{className:"mb-2 block text-xs font-bold text-zinc-400",children:"聯絡人"}),e.jsx("input",{name:"contactName",defaultValue:s.name,required:!0,className:"w-full rounded-lg border border-white/10 bg-black/35 px-4 py-3 text-sm text-white outline-none transition focus:border-emerald-300/60"})]}),e.jsxs("label",{className:"block",children:[e.jsx("span",{className:"mb-2 block text-xs font-bold text-zinc-400",children:"電話"}),e.jsx("input",{name:"contactPhone",defaultValue:s.phone,required:!0,className:"w-full rounded-lg border border-white/10 bg-black/35 px-4 py-3 text-sm text-white outline-none transition focus:border-emerald-300/60"})]})]}),e.jsxs("div",{className:"grid gap-3 sm:grid-cols-2",children:[e.jsxs("label",{className:"block",children:[e.jsx("span",{className:"mb-2 block text-xs font-bold text-zinc-400",children:"偏好地區"}),e.jsx("input",{name:"preferredArea",placeholder:"例如：台北內湖、新北板橋",className:"w-full rounded-lg border border-white/10 bg-black/35 px-4 py-3 text-sm text-white outline-none transition placeholder:text-zinc-600 focus:border-emerald-300/60"})]}),e.jsxs("label",{className:"block",children:[e.jsx("span",{className:"mb-2 block text-xs font-bold text-zinc-400",children:"期望日期"}),e.jsx("input",{name:"preferredAt",type:"datetime-local",className:"w-full rounded-lg border border-white/10 bg-black/35 px-4 py-3 text-sm text-white outline-none transition focus:border-emerald-300/60"})]})]}),e.jsxs("label",{className:"block",children:[e.jsx("span",{className:"mb-2 block text-xs font-bold text-zinc-400",children:"偏好時段"}),e.jsx("input",{name:"preferredTimeNote",placeholder:"例如：平日下午、週末、交車前需完成",className:"w-full rounded-lg border border-white/10 bg-black/35 px-4 py-3 text-sm text-white outline-none transition placeholder:text-zinc-600 focus:border-emerald-300/60"})]})]}),e.jsxs("section",{className:"space-y-3 border-t border-white/10 pt-5",children:[e.jsxs("div",{className:"min-w-0",children:[e.jsx("p",{className:"text-[10px] font-bold uppercase text-zinc-500",children:"Optional"}),e.jsx("h2",{className:"mt-1 text-base font-black text-white",children:"預算、膜料與備註"})]}),e.jsxs("div",{className:"grid gap-3 md:grid-cols-[1fr_0.8fr_0.8fr]",children:[e.jsxs("label",{className:"block",children:[e.jsx("span",{className:"mb-2 block text-xs font-bold text-zinc-400",children:"預算區間"}),e.jsx("select",{name:"budgetLabel",onChange:t=>{const r=v.find(b=>b.label===t.currentTarget.value),i=t.currentTarget.form;if(!i||!r)return;const d=i.elements.namedItem("budgetMin"),c=i.elements.namedItem("budgetMax");d&&(d.value=r.min),c&&(c.value=r.max)},className:"w-full rounded-lg border border-white/10 bg-black/35 px-4 py-3 text-sm text-white outline-none transition focus:border-emerald-300/60",children:v.map(t=>e.jsx("option",{value:t.label,children:t.label},t.label))})]}),e.jsxs("label",{className:"block",children:[e.jsx("span",{className:"mb-2 block text-xs font-bold text-zinc-400",children:"最低預算"}),e.jsx("input",{name:"budgetMin",inputMode:"numeric",placeholder:"65000",className:"w-full rounded-lg border border-white/10 bg-black/35 px-4 py-3 text-sm text-white outline-none transition placeholder:text-zinc-600 focus:border-emerald-300/60"})]}),e.jsxs("label",{className:"block",children:[e.jsx("span",{className:"mb-2 block text-xs font-bold text-zinc-400",children:"最高預算"}),e.jsx("input",{name:"budgetMax",inputMode:"numeric",placeholder:"120000",className:"w-full rounded-lg border border-white/10 bg-black/35 px-4 py-3 text-sm text-white outline-none transition placeholder:text-zinc-600 focus:border-emerald-300/60"})]})]}),e.jsxs("div",{className:"grid gap-3 md:grid-cols-2",children:[e.jsxs("label",{className:"block",children:[e.jsx("span",{className:"mb-2 block text-xs font-bold text-zinc-400",children:"指定è†

1œæ–™ / 商品"}),e.jsxs("select",{name:"skuId",className:"w-full rounded-lg border border-white/10 bg-black/35 px-4 py-3 text-sm text-white outline-none transition focus:border-emerald-300/60",children:[e.jsx("option",{value:"",children:"尚未決定"}),E.map(t=>e.jsxs("option",{value:t.id,children:[t.productName," / ",t.skuCode]},t.id))]})]}),e.jsxs("label",{className:"block",children:[e.jsx("span",{className:"mb-2 block text-xs font-bold text-zinc-400",children:"喜歡的色號"}),e.jsxs("select",{name:"colorCardId",defaultValue:a.colorCardId,className:"w-full rounded-lg border border-white/10 bg-black/35 px-4 py-3 text-sm text-white outline-none transition focus:border-emerald-300/60",children:[e.jsx("option",{value:"",children:"尚未決定"}),N.map(t=>e.jsxs("option",{value:t.id,children:[t.categoryName," / ",t.name]},t.id))]})]})]}),e.jsxs("label",{className:"block",children:[e.jsx("span",{className:"mb-2 block text-xs font-bold text-zinc-400",children:"需求備註"}),e.jsx("textarea",{name:"message",rows:5,placeholder:"可描述想做的部位、預算、看過的案例或希望總部協助的內容。",className:"w-full rounded-lg border border-white/10 bg-black/35 px-4 py-3 text-sm text-white outline-none transition placeholder:text-zinc-600 focus:border-emerald-300/60"})]})]}),e.jsxs("div",{className:"rounded-lg border border-white/10 bg-white/[0.03] p-3 text-xs leading-6 text-zinc-500",children:[e.jsxs("div",{className:"break-words",children:["會員車輛快照：",g]}),e.jsxs("div",{className:"break-words",children:["來源歸因：",a.sourceType,a.sourceCode?` / ${a.sourceCode}`:"",a.campaign?` / ${a.campaign}`:""]})]}),e.jsx("button",{type:"submit",disabled:m,className:"hidden w-full rounded-lg bg-white px-5 py-3 text-sm font-black text-black transition hover:bg-zinc-200 disabled:opacity-60 md:block",children:m?"送出中...":"送出服務需求"})]})]}),e.jsxs("aside",{className:"space-y-4",children:[e.jsxs(o,{className:"!rounded-lg p-4 md:p-5",intensity:"low",children:[e.jsxs("div",{className:"mb-3 flex items-center justify-between gap-3",children:[e.jsx("h2",{className:"text-sm font-black text-white",children:"最近需求"}),e.jsxs("span",{className:"text-xs font-bold text-zinc-500",children:[n.length," 筆"]})]}),e.jsx("div",{className:"space-y-2",children:n.length===0?e.jsx("div",{className:"rounded-lg border border-dashed border-white/10 p-4 text-sm leading-6 text-zinc-400",children:"尚未建立服務需求。送出後可以在這裡追蹤總部聯繫與派案狀態。"}):n.map(t=>{var r,i,d,c,b;return e.jsxs("div",{className:"rounded-lg border border-white/10 bg-black/25 p-3",children:[e.jsxs("div",{className:"flex items-start justify-between gap-3",children:[e.jsxs("div",{className:"min-w-0",children:[e.jsx("div",{className:"break-all font-mono text-[11px] text-zinc-500",children:t.intakeNumber}),e.jsx("div",{className:"mt-1 break-words text-sm font-black text-white",children:((r=t.items[0])==null?void 0:r.serviceName)||((i=t.colorCard)==null?void 0:i.name)||"服務諮詢"})]}),e.jsx("div",{className:`shrink-0 rounded-md border px-2 py-1 text-[10px] font-bold ${x(t.status).tone}`,children:x(t.status).label})]}),e.jsxs("div",{className:"mt-2 text-xs leading-5 text-zinc-500",children:[e.jsx("div",{className:"break-words",children:((c=(d=t.assignments[0])==null?void 0:d.store)==null?void 0:c.name)||((b=t.store)==null?void 0:b.name)||"等待總部聯繫 / 派案"}),t.preferredAt&&e.jsxs("div",{children:["期望：",V(t.preferredAt)]})]})]},t.id)})})]}),e.jsx(o,{className:"!rounded-lg p-4",intensity:"low",children:e.jsxs("div",{className:"flex gap-3",children:[e.jsx("div",{className:"flex h-9 w-9 shrink-0 items-center justify-center rounded-md border border-white/10 bg-black/25 text-zinc-400",children:e.jsx(k,{name:"support",className:"h-5 w-5"})}),e.jsxs("div",{className:"min-w-0",children:[e.jsx("h2",{className:"text-sm font-black text-white",children:"需要先問問題？"}),e.jsx("p",{className:"mt-1 text-xs leading-5 text-zinc-400",children:"不確定要填什麼，可以先建立客服單或在會員 LINE 輸入「客服」。"}),e.jsx(h,{to:"/me/support",className:"mt-3 inline-flex rounded-lg border border-rose-300/20 bg-rose-400/10 px-3 py-2 text-xs font-black text-rose-100",children:"詢問客服"})]})]})})]})]})]})})}),e.jsx("div",{className:"pointer-events-none fixed inset-x-0 z-40 px-4 md:hidden",style:{bottom:"calc(5.25rem + env(safe-area-inset-bottom))"},children:e.jsx("button",{type:"submit",form:"service-intake-form",disabled:m,className:"pointer-events-auto mx-auto flex min-h-[48px] w-full max-w-[460px] items-center justify-center rounded-lg bg-white px-5 py-3 text-sm font-black text-black shadow-[0_14px_34px_rgba(0,0,0,0.45)] transition active:scale-[0.99] disabled:opacity-60",children:m?"送出中...":"送出服務需求"})})]})}export{U as default,R as meta};