2 lines
5.3 KiB
JavaScript
2 lines
5.3 KiB
JavaScript
import{d as e,r as t,o as a,A as l,b as s,e as n,w as o,g as i,q as r,y as u,z as c,_ as d,F as v,l as p,G as m,j as g,k as f,ac as _}from"./index-f6e54d8f.js";import{_ as y}from"./uni-icons.7467b650.js";import{_ as h}from"./Layout.7385e6f6.js";import{_ as $}from"./_plugin-vue_export-helper.1b428a4d.js";const b=$(e({__name:"detail",setup(e){const $=t(null),b=t(null),w=t(!1);return a((async e=>{const t=null==e?void 0:e.id;t?($.value=t,console.log("Received Activity ID:",$.value),b.value=await(async e=>{console.log("Fetching activity details for ID:",e),w.value=!0,await new Promise((e=>setTimeout(e,500)));const t=parseInt(e);if(isNaN(t)||t<=0)return w.value=!1,null;const a=["upcoming","ongoing","ended"][t%3];let l="",s="";switch(a){case"upcoming":l="未开始",s="status-upcoming";break;case"ongoing":l="进行中",s="status-ongoing";break;case"ended":l="已结束",s="status-ended"}const n=["lecture","workshop","competition","outing"][t%4],o={id:t,title:`校园${"lecture"===n?"学术讲座":"workshop"===n?"技能工作坊":"活动"} #${t} - 春季学期精彩活动`,date:`2024-0${4+t%3}-${10+t%15}`,location:"学校"+(t%5==0?"大礼堂":t%3==0?"多功能报告厅":`活动中心 ${t%4+1}0${t%3+1}`),status:a,statusText:l,statusClass:s,imageUrl:`/static/base/placeholder/activity-${t%5+1}.jpg`,views:100+13*t%500,likes:50+7*t%300,comments:10+3*t%100,content:`\n <h2>活动介绍</h2>\n <p>欢迎参加本次精彩的校园${n}活动！本次活动旨在提升同学们的${"lecture"===n?"学术视野":"workshop"===n?"实践技能":"综合素养"}。</p>\n <p>活动时间：<strong>2024-0${4+t%3}-${10+t%15}</strong></p>\n <p>活动地点：<strong>${"学校"+(t%5==0?"大礼堂":t%3==0?"多功能报告厅":`活动中心 ${t%4+1}0${t%3+1}`)}</strong></p>\n <br/>\n <img src="/static/base/placeholder/activity-${(t+2)%5+1}.jpg" alt="活动图片" style="max-width: 100%; border-radius: 8px; margin-bottom: 10px;"/>\n <h3>活动流程</h3>\n <ul>\n <li>签到入场 (${t%10+8}:00)</li>\n <li>嘉宾演讲 / 导师指导 / 比赛开始 / 活动说明 (${t%10+8}:30)</li>\n <li>互动环节 / 实践操作 / 自由活动 (${t%10+9}:30)</li>\n <li>总结与颁奖（如有） (${t%10+11}:00)</li>\n </ul>\n <p>期待您的参与！请提前报名。如有疑问请联系活动组织方。</p>\n `};return w.value=!1,o})(t),b.value||l({title:"加载活动详情失败",icon:"none"})):(console.error("Activity ID not provided in options"),l({title:"无效的活动ID",icon:"none"}))})),(e,t)=>{const a=v,l=p,$=m,k=g(f("uni-icons"),y),x=_,j=g(f("BasicLayout"),h);return s(),n(j,{"show-nav-bar":!0,"nav-bar-props":{title:"活动详情"}},{default:o((()=>[i(l,{class:"detail-page-wrapper"},{default:o((()=>[r(" 1. Banner Image "),i(l,{class:"banner-image-section"},{default:o((()=>{var e;return[i(a,{class:"banner-image",src:(null==(e=b.value)?void 0:e.imageUrl)||"/static/base/placeholder/placeholder-activity-lg.png",mode:"aspectFill"},null,8,["src"])]})),_:1}),r(" 2. Title and Meta Section "),i(l,{class:"title-meta-section"},{default:o((()=>[i($,{class:"title"},{default:o((()=>{var e;return[u(c((null==(e=b.value)?void 0:e.title)||"加载中..."),1)]})),_:1}),i(l,{class:"meta-row"},{default:o((()=>[i(l,{class:"meta-item"},{default:o((()=>[i(k,{type:"calendar",size:"14",color:"#999"}),i($,null,{default:o((()=>{var e;return[u(c((null==(e=b.value)?void 0:e.date)||"-"),1)]})),_:1})])),_:1}),i(l,{class:"meta-item"},{default:o((()=>[i(k,{type:"location",size:"14",color:"#999"}),i($,null,{default:o((()=>{var e;return[u(c((null==(e=b.value)?void 0:e.location)||"-"),1)]})),_:1})])),_:1})])),_:1}),i(l,{class:"meta-row status-row"},{default:o((()=>{var e;return[i($,{class:d(["status",null==(e=b.value)?void 0:e.statusClass])},{default:o((()=>{var e;return[u(c((null==(e=b.value)?void 0:e.statusText)||"-"),1)]})),_:1},8,["class"])]})),_:1})])),_:1}),r(" Separator "),i(l,{class:"separator"}),r(" 3. Engagement Stats "),i(l,{class:"engagement-section"},{default:o((()=>[i(l,{class:"stat-item"},{default:o((()=>[i(k,{type:"eye",size:"16",color:"#999"}),i($,null,{default:o((()=>{var e;return[u(c((null==(e=b.value)?void 0:e.views)||0),1)]})),_:1})])),_:1}),i(l,{class:"stat-item"},{default:o((()=>[i(k,{type:"hand-up",size:"16",color:"#999"}),i($,null,{default:o((()=>{var e;return[u(c((null==(e=b.value)?void 0:e.likes)||0),1)]})),_:1})])),_:1}),i(l,{class:"stat-item"},{default:o((()=>[i(k,{type:"chatbubble",size:"16",color:"#999"}),i($,null,{default:o((()=>{var e;return[u(c((null==(e=b.value)?void 0:e.comments)||0),1)]})),_:1})])),_:1})])),_:1}),r(" Separator "),i(l,{class:"separator"}),r(" 4. Activity Description/Content "),i(l,{class:"activity-content-section"},{default:o((()=>[i(l,{class:"section-title"},{default:o((()=>[u("活动详情")])),_:1}),i(l,{class:"content-text"},{default:o((()=>{var e;return[i(x,{nodes:(null==(e=b.value)?void 0:e.content)||"<p>暂无活动详情</p>"},null,8,["nodes"])]})),_:1})])),_:1}),r(" Loading/Error Placeholder "),w.value?(s(),n(l,{key:0,class:"loading-placeholder"},{default:o((()=>[u("加载中...")])),_:1})):r("v-if",!0),w.value||b.value?r("v-if",!0):(s(),n(l,{key:1,class:"error-placeholder"},{default:o((()=>[u("加载失败")])),_:1}))])),_:1}),r(" Bottom bar removed as per typical design for this view ")])),_:1})}}}),[["__scopeId","data-v-985b9279"]]);export{b as default};
|