https://focusline.com.tw/assets/index-W3sHsSxK.js

1import{d as N,r as g,e as u,W as I,g as R,ah as V,c as r,o as c,j as t,F as h,ae as p,a8 as D,Z as l,ab as o,A as F,_ as U}from"./main-C0xT5byi.js";const W={class:"grid grid-cols-2 gap-6"},Z={class:"flex flex-col"},q={class:"flex gap-0 mb-4"},J=["onClick"],K={class:"flex justify-end mb-2"},O={class:"bg-white px-6 py-2 text-black w-[200px] font-bold text-3xl text-center"},Q={class:"flex-1 bg-white flex flex-col"},X={class:"flex flex-col flex-1 text-black"},tt={class:"w-full flex-1 bg-black text-gray-100 corner-title !font-[700]"},et={class:"tracking-widest"},st={class:"table-content-1"},at={class:"w-32 text-center"},lt={class:"table-content-2 pl-4"},nt={class:"table-content-3"},ot={class:"flex flex-col"},rt={class:"flex gap-0 mb-4"},ct=["onClick"],it={class:"flex-1 bg-black/90 flex flex-col"},dt={class:"flex flex-col flex-1"},ut={class:"tracking-widest"},ft={class:"border-gray-500 table-header table-content-row"},bt={class:"w-16 text-center"},vt={class:"table-content-2 text-white"},xt={class:"table-content-3 text-white"},_="820px",i="#E1EB47",gt="white",y="#e0e0e0",ht=N({__name:"index",setup(pt){const m=["邀請賽","決賽第一輪","決賽第二輪"],T=[...m],P=[...m],f=g("邀請賽"),d=g("邀請賽"),b=g(null),C=g(null),B=u(()=>`/api/Hoka?type=1&category=${f.value}`),M=u(()=>`/api/Hoka?type=2&category=${d.value}`),z=u(()=>{if(!b.value?.GunTime)return"00:00:00";const a=I(),s=a.format("YYYY-MM-DD"),e=I(`${s} ${b.value.GunTime}`);if(!e.isValid()||a.isBefore(e))return"00:00:00";const n=a.diff(e,"second"),H=Math.floor(n/3600),L=Math.floor(n%3600/60),G=n%60;return`${String(H).padStart(2,"0")}:${String(L).padStart(2,"0")}:${String(G).padStart(2,"0")}`}),E=u(()=>{const s=[...b.value?.output||[]];for(;s.length<6;)s.push({});return s.slice(0,6)}),Y=u(()=>{const s=[...C.value?.output||[]];for(;s.length<6;)s.push({});return s.slice(0,6)});let v=null,x=null,k=!1,w=!1;const S=async()=>{if(!k){k=!0;try{const a=await F.get(B.value);b.value=a.data}catch(a){console.error("Failed to fetch first data:",a)}finally{k=!1}}},$=async()=>{if(!w){w=!0;try{const a=await F.get(M.value);C.value=a.data}catch(a){console.error("Failed to fetch second data:",a)}finally{w=!1}}},j=()=>{S(),$(),v=setInterval(S,1e3),x=setInterval($,1e3)},A=()=>{v&&(clearInterval(v),v=null),x&&(clearInterval(x),x=null)};return R(()=>{j()}),V(()=>{A()}),(a,s)=>(c(),r("div",{class:"p-5 min-h-screen",style:o({backgroundColor:gt,backgroundImage:`linear-gradient(45deg, ${y} 25%, transparent 25%), linear-gradient(-45deg, ${y} 25%, transparent 25%), linear-gradient(45deg, transparent 75%, ${y} 75%), linear-gradient(-45deg, transparent 75%, ${y} 75%)`,backgroundSize:"20px 20px",backgroundPosition:"0 0, 0 10px, 10px -10px, -10px 0px"})},[t("div",W,[t("div",Z,[t("div",q,[(c(),r(h,null,p(T,e=>t("button",{key:e,onClick:n=>f.value=e,class:D(["tab-button",f.value===e?"bg-white text-black border-b-4 border-black":"bg-gray-200 text-gray-500 border-b-4 border-transparent hover:bg-gray-300"])},l(e),11,J)),64))]),t("div",{style:o({width:_,height:_}),class:"flex flex-col font-sans select-none"},[t("div",K,[t("div",{class:"text-black px-6 py-2 font-bold text-3xl",style:o({backgroundColor:i})}," 行進時間 ",4),t("div",O,l(z.value),1)]),t("div",Q,[t("div",X,[t("div",tt,[t("span",et,l(f.value),1)]),s[0]||(s[0]=t("div",{class:"border-gray-400 table-header table-content-row"},[t("div",{class:"table-content-1"},"即時排名"),t("div",{class:"table-content-2 pl-4"},"所屬隊伍"),t("div",{class:"table-content-3"},"棒次")],-1)),(c(!0),r(h,null,p(E.value,(e,n)=>(c(),r("div",{key:n,class:"table-content-row border-gray-400 font-bold text-4xl"},[t("div",st,[t("div",at,l(e.Rank||""),1)]),t("div",lt,l(e.Teamname||""),1),t("div",nt,l(e.score||""),1)]))),128))]),s[1]||(s[1]=t("div",{class:"w-full h-2 bg-black"},null,-1))])],4)]),t("div",ot,[t("div",rt,[(c(),r(h,null,p(P,e=>t("button",{key:e,onClick:n=>d.value=e,class:D(["tab-button",d.value===e?"text-black border-b-4":"bg-gray-200 text-gray-500 border-b-4 border-transparent hover:bg-gray-300"]),style:o(d.value===e?{backgroundColor:i,borderColor:"black"}:{})},l(e),15,ct)),64))]),t("div",{style:o({width:_,height:_}),class:"flex flex-col font-sans select-none"},[t("div",it,[t("div",dt,[t("div",{class:"w-full flex-1 corner-title",style:o({backgroundColor:i})},[t("span",ut,l(d.value),1),s[2]||(s[2]=t("span",{class:"text-[42px]"}," FINISHED ",-1))],4),t("div",ft,[t("div",{class:"table-content-1",style:o({color:i})},"排名",4),s[3]||(s[3]=t("div",{class:"table-content-2 text-white"},"所屬隊伍",-1)),s[4]||(s[4]=t("div",{class:"table-content-3 text-white"},"最終成績",-1))]),(c(!0),r(h,null,p(Y.value,(e,n)=>(c(),r("div",{key:n,class:"table-content-row border-gray-500 font-bold text-4xl"},[t("div",{class:"table-content-1",style:o({color:i})},[t("div",bt,l(e.Rank||""),1)],4),t("div",vt,l(e.Teamname||""),1),t("div",xt,l(e.score||""),1)]))),128))]),t("div",{class:"w-full h-2",style:o({backgroundColor:i})},null,4)])],4)])])],4))}}),yt=U(ht,[["__scopeId","data-v-61c819ad"]]);export{yt as default};