mirror of
https://gitee.com/myxzgzs/boyuehasfj-vue3-html.git
synced 2025-08-08 07:02:42 +08:00
2 lines
2.8 KiB
JavaScript
2 lines
2.8 KiB
JavaScript
|
import{d as k,r,w,o as C,a as N,c as n,b as v,e as s,T as b,t as g,f as m,g as z,F as L,h as P,i as x,j as T,k as i,_ as V}from"./index-p3-iJV3R.js";import{P as D}from"./Pagination-CPYGqmDh.js";const I={class:"case-list"},B={class:"container"},S={class:"content-wrapper"},F={class:"cases-section"},U={key:0,class:"loading"},j={key:1,class:"error"},A={key:2,class:"empty"},E={key:3,class:"list-content"},M={class:"case-grid"},$={class:"case-content"},q={class:"case-title"},G={class:"case-meta"},H={class:"case-date"},J=k({__name:"CaseListView",setup(K){const l=r([]),p=r(!0),c=r(""),_=r(0),a=r(1),u=r(12),d=async()=>{try{p.value=!0,c.value="";const t=await x("case",a.value,u.value);t.code===200?(l.value=t.rows||[],_.value=t.total||l.value.length,l.value.length===0&&a.value>1&&(a.value=a.value-1,await d())):(c.value=t.msg||"获取数据失败",l.value=[])}catch(t){console.error(t),c.value="获取数据失败，请稍后重试",l.value=[]}finally{p.value=!1}};w([a,u],()=>{d()});const h=(t,e)=>{a.value=t,u.value=e},y=t=>{if(!t)return"未知日期";try{const e=new Date(t);return isNaN(e.getTime())?"未知日期":e.toLocaleDateString("zh-CN",{year:"numeric",month:"2-digit",day:"2-digit"})}catch(e){return console.error("日期格式化错误:",e),"未知日期"}};return C(()=>{d()}),N(()=>{console.log("典型案例列表页面被激活，重新获取数据"),d()}),(t,e)=>{const f=z("router-link");return i(),n("div",I,[v(b),e[9]||(e[9]=s("div",{class:"page-header"},[s("div",{class:"container"},[s("h1",null,"典型案例"),s("p",{class:"subtitle"},"查看劳动纠纷的典型处理案例")])],-1)),s("div",B,[s("div",S,[s("div",F,[p.value?(i(),n("div",U,e[2]||(e[2]=[s("div",{class:"spinner"},null,-1),s("p",null,"加载中...",-1)]))):c.value?(i(),n("div",j,[e[3]||(e[3]=s("h3",null,"内容加载失败",-1)),s("p",null,g(c.value),1),s("button",{onClick:d,class:"btn-retry"},"重试")])):l.value.length===0?(i(),n("div",A,[e[5]||(e[5]=s("h3",null,"暂无内容",-1)),e[6]||(e[6]=s("p",null,"当前没有典型案例相关内容",-1)),v(f,{to:"/",class:"btn-home"},{default:m(()=>e[4]||(e[4]=[T("返回首页")])),_:1,__:[4]})])):(i(),n("div",E,[s("div",M,[(i(!0),n(L,null,P(l.value,o=>(i(),n("div",{key:o.formatId,class:"case-card"},[v(f,{to:`/showcase.html?Id=${o.formatId}`,class:"case-link"},{default:m(()=>[e[8]||(e[8]=s("div",{class:"case-icon"},null,-1)),s("div",$,[s("h3",q,g(o.title),1),s("div",G,[s("span",H,g(y(o.createTime)),1)]),e[7]||(e[7]=s("div",{class:"case-footer"},[s("span",{class:"view-more"},"查看详情")],-1))])]),_:2,__:[8]},1032,["to"])]))),128))]),v(D,{total:_.value,"current-page":a.value,"onUpdate:currentPage":e[0]||(e[0]=o=>a.value=o),"page-size":u.value,"onUpdate:pageSize":e[1]||(e[1]=o=>u.value=o),onChange:h,"page-sizes":[8,16,24,32]},null,8,["total","current-page","page-size"])]))])])])])}}}),R=V(J,[["__scopeId","data-v-888171a2"]]);export{R as default};
|