import{_ as w}from"./atODaHMp.js";import{_ as B}from"./BP9pjD3H.js";import{_ as N}from"./qEUMSzwI.js";import{_ as R}from"./HKKE6KVe.js";import{d as h,a,c,F as x,k as b,h as y,r as S,H as T,e as u,f as V,g as D,t as g,b as m,R as k,u as r,n as E,s as H,v as j,i as G,x as O}from"./D6sXtmUi.js";import{_ as U}from"./DlAUqK2U.js";import{_ as q}from"./CaE9aNQn.js";import{u as z}from"./CafudM9B.js";import"./DzKLF2sx.js";import"./CcPI2o9n.js";import"./BX85T6qK.js";import"./CvPl5tTm.js";import"./9p-_YNQ2.js";import"./CrMmTkhF.js";const A={class:"grid md:grid-cols-4 grid-cols-2 gap-[var(--space-15)]"},I=h({__name:"ProductGrid",props:{list:{}},setup(f){return(o,e)=>{const n=R;return a(),c("div",A,[(a(!0),c(x,null,b(o.list,s=>(a(),y(n,{key:s.id,id:s.id,cover:s.cover,name:s.name,tag:s.tag,introduction:s.introduction},null,8,["id","cover","name","tag","introduction"]))),128))])}}}),K={class:"f-18 text-desc my-[var(--space-10)]"},Q={class:"flex gap-[var(--space-10)] flex-wrap"},J=["onClick"],M=h({__name:"ProductFilter",props:{title:{},desc:{},filterList:{},productList:{}},setup(f){const o=f,e=S([]),n=()=>{e.value=[]},s=t=>{e.value.includes(t)?e.value=e.value.filter(i=>i!==t):e.value.push(t)},_=T(()=>e.value.length===0?o.productList:o.productList.filter(t=>(t.tag??[]).some(i=>e.value.includes(i))));return(t,i)=>{const v=N,p=I;return a(),c("div",null,[u(v,null,{default:V(()=>[D(g(t.title),1)]),_:1}),m("p",K,g(t.desc),1),m("div",Q,[m("p",{class:k(["filter f-14",{"is-active":r(e).length===0||r(e).length===t.filterList.length}]),onClick:n}," 所有 ",2),(a(!0),c(x,null,b(t.filterList,l=>(a(),c("p",{class:k(["filter f-14",{"is-active":r(e).includes(l)}]),onClick:C=>s(l)},g(l),11,J))),256))]),u(p,{class:"mt-[var(--space-25)]",list:r(_)},null,8,["list"])])}}}),W=U(M,[["__scopeId","data-v-8fd6313a"]]),X={key:0},Y={class:"max-content flex flex-col gap-[var(--space-70)] py-[var(--space-100)]"},mt=h({__name:"[id]",async setup(f){var p,l;let o,e;const n=[{title:"首页",url:"/"},{title:"产品中心",url:"/products"}],s=E(),_=O(),{data:t,status:i,error:v}=([o,e]=H(()=>z(`${_.public.domain}/backend/User/Product/ProductList`,{method:"POST",headers:_.public.apiHeaders,body:new URLSearchParams({category_id:s.params.id,isBrowse:s.query.isBrowse??""})},"$QEFxE17osu")),o=await o,e(),o);return console.log("series.id"),console.log(i.value),console.log(v.value),n.push({title:((p=t.value)==null?void 0:p.data.detail.name)??""}),j({title:((l=t.value)==null?void 0:l.data.detail.name)??""}),(C,Z)=>{const P=w,$=B,L=W,F=q;return r(t)?(a(),c("div",X,[u(P,{image:"/images/2024_scopes_kv.jpg",cn:r(t).data.detail.name,desc:r(t).data.detail.introduction,breadcrumb:n},null,8,["cn","desc"]),u(,ドル{class:"bg-x-gray",title:"前川持续推出新的产品系列"}),m("div",Y,[(a(!0),c(x,null,b(r(t).data.product,d=>(a(),y(L,{key:d.name,title:d.name,desc:d.introduction,"filter-list":Object.values(d.tag),"product-list":d.child},null,8,["title","desc","filter-list","product-list"]))),128))]),u(F,{class:"fixed bottom-[10vh] md:bottom-[200px] left-0"})])):G("",!0)}}});export{mt as default};

AltStyle によって変換されたページ (->オリジナル) /