2 lines
1.9 KiB
JavaScript
2 lines
1.9 KiB
JavaScript
import{d as z,u as N,m as w,y as E,c as r,b as s,t as l,f as o,n as v,F as g,r as h,s as y,g as C,i as _,j as f,o as n,w as S,q as j}from"./index-DopNG1aC.js";import{p as k,_ as x}from"./index-DGfZijDv.js";const B={class:"cases-page"},Z={class:"page-banner"},$={class:"container page-banner-content"},D={class:"section"},F={class:"container"},P={class:"cases-filter"},V=["onClick"],q={class:"cases-grid"},A={class:"case-info"},L={class:"case-project"},M={class:"case-desc"},R=z({__name:"CasesPage",setup(G){const{t:d,locale:i}=N(),p=_([]),u=_([]),a=_(null);async function m(){try{const t={};a.value&&(t.categoryId=a.value);const c=await k.getCases(t);u.value=c.data||[]}catch{}}return w(async()=>{try{const t=await k.getCaseCategories();p.value=t.data||[]}catch{}m()}),E(a,m),(t,c)=>{const I=f("router-link"),b=f("el-empty");return n(),r("div",B,[s("section",Z,[c[1]||(c[1]=s("div",{class:"page-banner-overlay"},null,-1)),s("div",$,[s("h1",null,l(o(d)("cases.title")),1)])]),s("section",D,[s("div",F,[s("div",P,[s("button",{class:v({active:!a.value}),onClick:c[0]||(c[0]=e=>a.value=null)},l(o(d)("cases.allCategories")),3),(n(!0),r(g,null,h(p.value,e=>(n(),r("button",{key:e.caseCategoryId,class:v({active:a.value===e.caseCategoryId}),onClick:H=>a.value=e.caseCategoryId},l(o(i)==="zh"?e.nameZh:e.nameEn),11,V))),128))]),s("div",q,[(n(!0),r(g,null,h(u.value,e=>(n(),y(I,{key:e.caseStudyId,to:`/cases/${e.caseStudyId}`,class:"case-card card"},{default:S(()=>[e.coverImage?(n(),r("div",{key:0,class:"case-img",style:j({backgroundImage:`url(${e.coverImage})`})},null,4)):C("",!0),s("div",A,[s("h3",null,l(o(i)==="zh"?e.clientNameZh:e.clientNameEn),1),s("p",L,l(o(i)==="zh"?e.projectNameZh:e.projectNameEn),1),s("p",M,l(o(i)==="zh"?e.descriptionZh:e.descriptionEn),1)])]),_:2},1032,["to"]))),128))]),u.value.length?C("",!0):(n(),y(b,{key:0,description:o(d)("common.noData")},null,8,["description"]))])])])}}}),O=x(R,[["__scopeId","data-v-babce955"]]);export{O as default};
|