You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
2 lines
2.6 KiB
JavaScript
2 lines
2.6 KiB
JavaScript
import{e as k,o as l,c as i,a as s,t as d,f as x,F as h,g as C,i as w,d as N,h as $,r as m,j as I,u as F,n as R}from"./index-gTPnkE6J.js";import{b as z}from"./modules-WNnkeNp8.js";import{_ as q}from"./StepBar-CMdnMu2r.js";const A={class:"kiosk-page"},B={class:"kiosk-header"},V={class:"header-left"},j={class:"header-title"},E={class:"kiosk-body",style:{"max-width":"1000px",margin:"0 auto"}},P={key:0,style:{"text-align":"center",padding:"80px 0"}},S={key:1,style:{display:"flex","flex-wrap":"wrap",gap:"16px"}},D=["onClick"],L={style:{"font-size":"14px",color:"#718096","margin-bottom":"4px"}},M={class:"slot-time"},G={class:"slot-remain"},H={key:0,style:{padding:"20px 48px",background:"#FFF","box-shadow":"0 -4px 16px rgba(0,0,0,0.05)",display:"flex","justify-content":"center"}},T={__name:"select-time",setup(J){const _=$(),f=F(),b=_.query.ids||"",c=_.query.date||"",u=m([]),r=m(null),p=m(!1),v=I(()=>{const o=[];for(const t of u.value){const e=t.room_name||"";for(const a of t.periods||[])if(a.slots)for(const n of a.slots)o.push({key:n.id,roomName:e,timeRange:n.time,enable:n.enable,remainCount:n.remain_count??n.total_count-n.used_count,planId:n.id});else o.push({key:a.plan_id,roomName:e,timeRange:a.time_range,enable:a.enable,remainCount:a.remain_count||0,planId:a.plan_id})}return o});k(async()=>{p.value=!0;try{const o=await z({exam_application_ids:b.split(",").map(Number),start_date:c});u.value=o.data.resources||[]}catch{u.value=[]}p.value=!1});function g(o){r.value=o.planId}function y(){f.push({path:"/book/confirm",query:{ids:b,plan_id:r.value,date:c}})}return(o,t)=>(l(),i("div",A,[s("div",B,[s("div",V,[s("button",{class:"back-btn",onClick:t[0]||(t[0]=e=>o.$router.back())},"← 返回"),s("span",j,d(x(c))+" 可预约时段",1)]),t[2]||(t[2]=s("div",{class:"header-right"},"步骤 4/5",-1))]),s("div",E,[v.value.length===0&&!p.value?(l(),i("div",P,[t[3]||(t[3]=s("div",{style:{"font-size":"48px","margin-bottom":"16px"}},"📅",-1)),t[4]||(t[4]=s("div",{style:{"font-size":"24px",color:"#A0AEC0"}},"该日期暂无可用号源",-1)),s("button",{class:"big-btn big-btn-outline",style:{width:"300px","margin-top":"32px"},onClick:t[1]||(t[1]=e=>o.$router.back())},"选择其他日期")])):(l(),i("div",S,[(l(!0),i(h,null,C(v.value,e=>(l(),i("div",{key:e.key,class:R(["slot-btn",{disabled:!e.enable,selected:r.value===e.planId}]),onClick:a=>e.enable&&g(e)},[s("div",L,d(e.roomName),1),s("div",M,d(e.timeRange),1),s("div",G,d(e.enable?`余 ${e.remainCount}`:"已满"),1)],10,D))),128))]))]),r.value?(l(),i("div",H,[s("button",{class:"big-btn big-btn-primary",style:{width:"480px"},onClick:y},"确认选择 →")])):w("",!0),N(q,{current:4})]))}};export{T as default};
|