2 lines
4.7 KiB
JavaScript
2 lines
4.7 KiB
JavaScript
import{c as x}from"./case-C97jSxNP.js";import{P as M}from"./PortalBreadcrumb-BcLGJAMu.js";import{r as B}from"./media-BgGGvhcR.js";import{d as I,l as V,o as $,b as a,e,m as D,F as y,t as l,k as i,h as Z,p as n,y as p,z as g,R as k,A as H,r as f,f as w,g as s,i as P,_ as z}from"./index-eVF4AHSu.js";import"./pagination-BgSlm-mj.js";import"./product-xndN8QNU.js";const A={class:"case-detail-page"},E={class:"container"},N={key:0,class:"loading-state"},R={class:"cd-header"},T={key:0,class:"cd-category"},F={class:"cd-title title-lg"},S={key:1,class:"cd-title-en"},U={class:"cd-gallery"},q={class:"gallery-main"},j=["src","alt"],G={key:1,class:"placeholder-cover gallery-placeholder"},J={key:0,class:"gallery-thumbs"},K=["onClick"],O=["src","alt"],Q={key:1,class:"thumb-ph"},W={class:"cd-meta-grid"},X={class:"meta-card surface"},Y={class:"meta-label muted"},ee={class:"meta-value"},te={class:"meta-card surface"},se={class:"meta-label muted"},ae={class:"meta-value"},le={class:"meta-card surface"},oe={class:"meta-label muted"},ce={class:"meta-value"},ie={class:"meta-card surface"},ne={class:"meta-label muted"},re={class:"meta-value"},de={key:0,class:"cd-narrative surface"},ve=["innerHTML"],ue={key:1,class:"cd-related"},_e={class:"related-title title-md"},he={class:"related-grid"},me=["src","alt"],ye={key:1,class:"placeholder-cover"},pe={class:"related-name"},ge={class:"cd-nav"},ke={class:"nav-label muted"},fe={class:"nav-title"},be={key:1},Ze={class:"nav-label muted"},we={class:"nav-title"},Ce={key:3},Le=I({__name:"CaseDetailView",setup(xe){const{t:r}=V(),C=H(),b=f(!0),t=f(null),v=f(0),L=w(()=>{var c;const o=((c=t.value)==null?void 0:c.titleZh)??"案例详情";return[{label:r("nav.home"),to:"/"},{label:r("cases.title"),to:"/cases"},{label:o}]}),u=w(()=>{var c;const o=t.value;return(c=o==null?void 0:o.gallery)!=null&&c.length?o.gallery.map(_=>_.src??null):[(o==null?void 0:o.coverImage)??null]});function m(o){return B(o??void 0)}return $(async()=>{try{const o=C.params.id;t.value=await x(o)}catch(o){console.error("[CaseDetailView]",o)}finally{b.value=!1}}),(o,c)=>{var _;return s(),a("div",A,[e("div",E,[D(M,{items:L.value},null,8,["items"]),b.value?(s(),a("div",N,"加载中...")):t.value?(s(),a(y,{key:1},[e("div",R,[t.value.categoryLabelZh?(s(),a("span",T,l(t.value.categoryLabelZh),1)):i("",!0),e("h1",F,l(t.value.titleZh),1),t.value.titleEn?(s(),a("p",S,l(t.value.titleEn),1)):i("",!0)]),e("div",U,[e("div",q,[u.value[v.value]?(s(),a("img",{key:0,src:m(u.value[v.value]),alt:t.value.titleZh},null,8,j)):(s(),a("div",G))]),u.value.length>1?(s(),a("div",J,[(s(!0),a(y,null,Z(u.value,(d,h)=>(s(),a("button",{key:h,type:"button",class:P(["thumb-btn",{active:v.value===h}]),onClick:Me=>v.value=h},[d?(s(),a("img",{key:0,src:m(d),alt:`${t.value.titleZh} - ${h+1}`},null,8,O)):(s(),a("div",Q))],10,K))),128))])):i("",!0)]),e("div",W,[e("div",X,[e("div",Y,l(n(r)("cases.metaType")),1),e("div",ee,l(t.value.categoryLabelZh||"全屋定制"),1)]),e("div",te,[e("div",se,l(n(r)("cases.metaAreaLabel")),1),e("div",ae,l(t.value.areaSqm||"—"),1)]),e("div",le,[e("div",oe,l(n(r)("cases.metaLocationLabel")),1),e("div",ce,l(t.value.locationZh||"—"),1)]),e("div",ie,[e("div",ne,l(n(r)("cases.metaCompletionLabel")),1),e("div",re,l(t.value.finishedAt||"—"),1)])]),t.value.narrativeHtmlZh?(s(),a("div",de,[e("div",{class:"narrative-content",innerHTML:t.value.narrativeHtmlZh},null,8,ve)])):i("",!0),(_=t.value.relatedProducts)!=null&&_.length?(s(),a("div",ue,[e("h2",_e,l(n(r)("cases.products")),1),e("div",he,[(s(!0),a(y,null,Z(t.value.relatedProducts,d=>(s(),p(n(k),{key:d.id,class:"related-card",to:`/products/${d.id}`},{default:g(()=>[d.mainImage?(s(),a("img",{key:0,src:m(d.mainImage),alt:d.nameZh,loading:"lazy"},null,8,me)):(s(),a("div",ye)),e("div",pe,l(d.nameZh),1)]),_:2},1032,["to"]))),128))])])):i("",!0),e("div",ge,[t.value.prev?(s(),p(n(k),{key:0,to:`/cases/${t.value.prev.id}`,class:"nav-link nav-prev"},{default:g(()=>[c[0]||(c[0]=e("svg",{class:"nav-arrow",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},[e("path",{d:"M19 12H5M12 19l-7-7 7-7"})],-1)),e("div",null,[e("div",ke,l(n(r)("news.prev")),1),e("div",fe,l(t.value.prev.titleZh),1)])]),_:1},8,["to"])):i("",!0),t.value.prev?i("",!0):(s(),a("div",be)),t.value.next?(s(),p(n(k),{key:2,to:`/cases/${t.value.next.id}`,class:"nav-link nav-next"},{default:g(()=>[e("div",null,[e("div",Ze,l(n(r)("news.next")),1),e("div",we,l(t.value.next.titleZh),1)]),c[1]||(c[1]=e("svg",{class:"nav-arrow",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},[e("path",{d:"M5 12h14M12 5l7 7-7 7"})],-1))]),_:1},8,["to"])):i("",!0),t.value.next?i("",!0):(s(),a("div",Ce))])],64)):i("",!0)])])}}}),Pe=z(Le,[["__scopeId","data-v-cb85406c"]]);export{Pe as default};
|