https://www.mechrevo.com/na/_nuxt/DI8Ql39k.js

1import{u as I}from"./7wDI_HF0.js";import{_ as q}from"./DC64LUpW.js";import{x as _,A as P,i as T,o as r,c as d,a as s,F as M,D as N,t as L,k as y,b as S,f as k,L as A,j as z,M as j,h as B,u as F,g as x,l as R,H as $}from"./C4-mtOfP.js";import{c as C}from"./BdkEiKsM.js";import{_ as D}from"./DlAUqK2U.js";import{A as U}from"./CwyU2mXq.js";import{_ as E}from"./d-ZkllEu.js";import"./CxMCNjUa.js";import"./C4r_SPYv.js";import"./nYKOj3NZ.js";import"./D0Az1KmX.js";import"./DM9CmGhE.js";import"./Deuc0E8-.js";import"./CXkkP6O4.js";import"./tdlLz8rI.js";import"./D6qJbdzf.js";import"./DQX_lVZx.js";import"./CGLRpy1C.js";import"./DDkvXkMO.js";import"./DHM1Qp6X.js";import"./ChSZUw0-.js";import"./Qa_zm732.js";import"./500mg97C.js";import"./CXrIdF_U.js";import"./I3T9yU4_.js";import"./CLFzEa0p.js";import"./WAJsY_rR.js";const H={class:"pc-skills-page"},V={class:"container"},O={class:"skills-grid"},G=["onClick"],J={class:"card-image"},K=["src","alt"],Q={class:"card-content"},W={class:"card-title"},X={class:"card-date"},Y={key:0,class:"empty-state"},Z={key:1,class:"pagination"},tt={__name:"SkillsPage",props:{initialSkillsList:{type:Array,default:()=>[]},initialTotal:{type:Number,default:0},initialPage:{type:Number,default:1}},setup(b){const h=A(),l=b,i=_(l.initialSkillsList),c=_(l.initialPage),n=_(12),g=_(l.initialTotal),v=()=>{const a={};c.value>1&&(a.page=c.value),h.push({query:a})},m=async()=>{try{const a={page:c.value,limit:n.value,q:{category_uid_is:"skills"}},t=await C.getContentList(a);i.value=t.objects||[],g.value=t.total||0}catch(a){console.error("加载技巧列表失败:",a)}},u=a=>{c.value=a,v(),m(),window.scrollTo({top:0,behavior:"smooth"})},f=a=>a?new Date(a).toLocaleDateString("zh-CN",{year:"numeric",month:"2-digit",day:"2-digit"}):"",w=a=>{const t=a.slug||a.id;h.push(`/news/detail/${t}`)};return P(()=>[l.initialPage,l.initialSkillsList,l.initialTotal],([a,t,e])=>{c.value=a,i.value=t||[],g.value=e||0},{immediate:!1}),T(()=>{i.value.length===0&&m()}),(a,t)=>{const e=q;return r(),d("div",H,[s("div",V,[t[2]||(t[2]=s("div",{class:"page-header"},[s("h1",{class:"page-title"},"使用技巧"),s("p",{class:"page-subtitle"},"高效快捷的产品使用巧思，想你所需，一键获得")],-1)),s("div",O,[(r(!0),d(M,null,N(i.value,o=>(r(),d("div",{key:o.id,class:"skill-card",onClick:p=>w(o)},[s("div",J,[s("img",{src:o.main_image?.origin_url||"https://glbfs.mechrevo.com/website/static/images/placeholder.png",alt:o.title},null,8,K)]),s("div",Q,[s("h3",W,L(o.title),1),s("div",X,L(f(o.created_at)),1)])],8,G))),128))]),i.value.length===0?(r(),d("div",Y,[...t[1]||(t[1]=[s("p",null,"暂无使用技巧",-1)])])):y("",!0),g.value>n.value?(r(),d("div",Z,[S(k(U),{current:c.value,"onUpdate:current":t[0]||(t[0]=o=>c.value=o),total:g.value,"page-size":n.value,"show-less-items":"",onChange:u},null,8,["current","total","page-size"])])):y("",!0)]),S(e)])}}},et=D(tt,[["__scopeId","data-v-e41adf44"]]),st={class:"mobile-skills-page"},at={class:"container"},it={class:"skills-list"},lt=["onClick"],ot={class:"card-image"},nt=["src","alt"],rt={class:"card-content"},ct={class:"card-title"},ut={class:"card-date"},dt={key:0,class:"empty-state"},pt={key:0,class:"loading"},_t={__name:"SkillsPage",props:{initialSkillsList:{type:Array,default:()=>[]},initialTotal:{type:Number,default:0},initialPage:{type:Number,default:1}},setup(b){const h=A(),l=b,i=_(l.initialSkillsList),c=_(l.initialPage),n=_(12),g=_(l.initialTotal),v=_(!1),m=_(!0),u=_(null),f=async(t=!1)=>{if(!v.value){t&&(c.value=1,i.value=[],m.value=!0),v.value=!0;try{const e={page:c.value,limit:n.value,q:{category_uid_is:"skills"}},o=await C.getContentList(e),p=o.objects||[];t?i.value=p:i.value=[...i.value,...p],g.value=o.total||0,m.value=p.length===n.value}catch(e){console.error("加载技巧列表失败:",e)}finally{v.value=!1}}},w=t=>t?new Date(t).toLocaleDateString("zh-CN",{year:"numeric",month:"2-digit",day:"2-digit"}):"",a=t=>{const e=t.slug||t.id;h.push(`/news/detail/${e}`)};return P(()=>[l.initialSkillsList,l.initialTotal],([t,e])=>{i.value=t||[],g.value=e||0},{immediate:!1}),T(()=>{i.value.length===0&&f(!0);{const t=new IntersectionObserver(e=>{e.forEach(o=>{o.isIntersecting&&!v.value&&m.value&&(c.value++,f())})},{rootMargin:"100px"});P(u,e=>{e&&t.observe(e)}),z(()=>{t.disconnect()})}}),(t,e)=>{const o=E;return r(),d("div",st,[s("div",at,[e[1]||(e[1]=s("div",{class:"page-header"},[s("h1",{class:"page-title"},"使用技巧"),s("p",{class:"page-subtitle"},"高效快捷的产品使用巧思，想你所需，一键获得")],-1)),s("div",it,[(r(!0),d(M,null,N(i.value,p=>(r(),d("div",{key:p.id,class:"skill-card",onClick:ht=>a(p)},[s("div",ot,[s("img",{src:p.main_image?.origin_url||"https://glbfs.mechrevo.com/website/static/images/placeholder.png",alt:p.title},null,8,nt)]),s("div",rt,[s("h3",ct,L(p.title),1),s("div",ut,L(w(p.created_at)),1)])],8,lt))),128))]),i.value.length===0?(r(),d("div",dt,[...e[0]||(e[0]=[s("p",null,"暂无使用技巧",-1)])])):y("",!0),m.value?(r(),d("div",{key:1,ref_key:"loadMoreTrigger",ref:u,class:"load-more"},[v.value?(r(),d("div",pt,"加载中...")):y("",!0)],512)):y("",!0)]),S(o)])}}},gt=D(_t,[["__scopeId","data-v-12dde099"]]),vt={class:"skills-page"},mt={__name:"index",async setup(b){let h,l;const{isMobile:i}=I(),c=j(),n=$(()=>{const u=c.query.page;return u?parseInt(String(u)):1}),{data:g}=([h,l]=B(()=>R(`skills-list-${n.value}`,()=>{const u={page:n.value,limit:12,q:{category_uid_is:"skills"}};return C.getContentList(u)},{server:!0,lazy:!1,watch:[n]})),h=await h,l(),h),v=$(()=>g.value?.objects||[]),m=$(()=>g.value?.total||0);

1return F({title:$(()=>{let u="使用技巧 - 机械革命";return n.value>1&&(u=`使用技巧 第${n.value}页 - 机械革命`),u})}),(u,f)=>(r(),d("div",vt,[k(i)?(r(),x(gt,{key:1,"initial-skills-list":k(v),"initial-total":k(m),"initial-page":k(n)},null,8,["initial-skills-list","initial-total","initial-page"])):(r(),x(et,{key:0,"initial-skills-list":k(v),"initial-total":k(m),"initial-page":k(n)},null,8,["initial-skills-list","initial-total","initial-page"]))]))}},Ot=D(mt,[["__scopeId","data-v-cb629760"]]);export{Ot as default};