赵忠林
528fe28ffc
- 新增api目录下多个接口路径代理处理文件，支持动态拼接目标URL - 根据环境变量选择不同的后端服务地址（如dev和生产环境） - 统一添加TenantId和Authorization请求头传递租户及身份信息 - 实现请求参数及搜索参数的完整转发 - 引入better-sqlite3及node内建模块支持服务端功能 - 新增专家详情页面，实现文章、成果及预约咨询功能展示 - 页面实现加载骨架屏、标签页切换及空状态提示优化体验
2 lines
3.9 KiB
JavaScript
2 lines
3.9 KiB
JavaScript
import{d as B,q as R,u as F,i as _,v as D,N as E,j as G,r as g,c as a,o,a as t,t as n,y as I,b as p,w,F as x,f as C,z as O,m as i,l as m,a2 as U,p as H,g as J}from"./DPwbf7XO.js";const K={class:"list-page"},Q={class:"mx-auto max-w-screen-xl px-4"},W={class:"banner-title"},X={class:"banner-desc"},Y={class:"mx-auto max-w-screen-xl px-4 py-8"},Z={class:"category-sidebar"},ee={class:"category-sidebar-title"},te=["onClick"],se={class:"category-breadcrumb"},ae={class:"category-name"},oe={class:"article-count"},ne={key:0,class:"loading-state"},ce={key:1},ie={class:"article-list"},le=["onClick"],re={key:0,class:"article-thumb"},ue=["src","alt"],de={class:"article-main"},_e={class:"article-title"},pe={class:"article-overview"},ge={class:"article-meta"},me={key:0,class:"meta-tag"},ve={class:"meta-item"},he={class:"meta-item"},ye={key:1,class:"meta-item"},fe={key:0,class:"empty-state"},be={key:1,class:"pagination-wrap"},ke=B({__name:"ArticleListPage",props:{config:{}},setup(u){const v=u,$=R(),z=F(),d=_($.query.type||""),l=_(1),r=_(12),h=_(0),b=_(!1),k=_([]),q=D(()=>d.value&&v.config.categories.find(c=>c.type===d.value)?.label||"全部文章");function L(s){return v.config.categories.find(f=>f.type===s)?.label||s}function S(s){d.value=s,l.value=1,z.replace({query:s?{type:s}:{}}),y()}async function y(){b.value=!0;try{h.value=35,k.value=Array.from({length:Math.min(r.value,35-(l.value-1)*r.value)},(s,c)=>({id:(l.value-1)*r.value+c+1,title:`${q.value}文章标题 ${(l.value-1)*r.value+c+1}：广西政策研究成果发布`,overview:"摘要内容：本文就广西经济社会发展中的若干重大问题进行深入研究，提出了切实可行的政策建议和对策措施，为相关决策提供参考依据...",image:`https://picsum.photos/200/130?random=${(l.value-1)*r.value+c+1}`,source:"广西决策咨询中心",publishTime:`2024-12-${String(20-c).padStart(2,"0")}`,views:Math.floor(Math.random()*2e3)+100,type:d.value||v.config.categories[c%v.config.categories.length]?.type}))}catch{H.error("加载失败")}finally{b.value=!1}}function T(s){l.value=s,y(),window.scrollTo({top:0,behavior:"smooth"})}function A(s){z.push(`/article/${s.id}`)}return E(()=>$.query.type,s=>{d.value=s||"",l.value=1,y()}),G(()=>{y()}),(s,c)=>{const f=g("a-col"),M=g("a-skeleton"),N=g("a-empty"),P=g("a-pagination"),V=g("a-row");return o(),a("div",K,[t("div",{class:"page-banner",style:I({background:u.config.bannerGradient})},[t("div",Q,[t("h1",W,n(u.config.title),1),t("p",X,n(u.config.desc),1)])],4),t("div",Y,[p(V,{gutter:[32,0]},{default:w(()=>[p(f,{xs:24,lg:5,class:"mb-6 lg:mb-0"},{default:w(()=>[t("div",Z,[t("div",ee,n(u.config.title),1),(o(!0),a(x,null,C(u.config.categories,e=>(o(),a("div",{key:e.type,class:O(["category-item",{active:i(d)===e.type}]),onClick:j=>S(e.type)},n(e.label),11,te))),128))])]),_:1}),p(f,{xs:24,lg:19},{default:w(()=>[t("div",se,[t("span",ae,n(i(q)),1),t("span",oe,"共 "+n(i(h))+" 篇文章",1)]),i(b)?(o(),a("div",ne,[(o(),a(x,null,C(5,e=>p(M,{key:e,active:"",paragraph:{rows:2},style:{"margin-bottom":"16px"}})),64))])):(o(),a("div",ce,[t("div",ie,[(o(!0),a(x,null,C(i(k),e=>(o(),a("div",{key:e.id,class:"article-item",onClick:j=>A(e)},[e.image?(o(),a("div",re,[t("img",{src:e.image,alt:e.title},null,8,ue)])):m("",!0),t("div",de,[t("h3",_e,n(e.title),1),t("p",pe,n(e.overview),1),t("div",ge,[e.type?(o(),a("span",me,n(L(e.type)),1)):m("",!0),t("span",ve,n(e.source),1),t("span",he,n(e.publishTime),1),e.views?(o(),a("span",ye,"👁 "+n(e.views),1)):m("",!0)])])],8,le))),128))]),i(k).length===0?(o(),a("div",fe,[p(N,{description:"暂无内容"})])):m("",!0),i(h)>i(r)?(o(),a("div",be,[p(P,{current:i(l),"onUpdate:current":c[0]||(c[0]=e=>U(l)?l.value=e:null),total:i(h),"page-size":i(r),"show-quick-jumper":"",onChange:T},null,8,["current","total","page-size"])])):m("",!0)]))]),_:1})]),_:1})])])}}}),xe=Object.assign(J(ke,[["__scopeId","data-v-adab0af3"]]),{__name:"ArticleListPage"});export{xe as _};
|