skytek/sports-empower-hub
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: lint

Browse Source
This commit is contained in:
skytek_xinliang
2026-06-22 17:35:23 +08:00
parent 11f309c54c
commit 6da57e1775
8 changed files with 355 additions and 68 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/citizen-frontend/src/pages/appointment.vue
+126 -25
View File
@@ -66,8 +66,7 @@
剩餘名額：<span
class="font-weight-bold"
:class="apt.slots < 10 ? 'text-error' : 'text-success'"
>{{ apt.slots }}</span
>
>{{ apt.slots }}</span>
位
</div>
</div>
@@ -181,40 +180,142 @@
<path d="M 0,75 V 100 H 25 V 92 H 8 V 75 Z" fill="#1D7063" />
<path d="M 92,75 V 92 H 75 V 100 H 100 V 75 Z" fill="#1D7063" />
<!-- 內嵌二維碼方塊 -->
<rect fill="#1D7063" height="20" width="20" x="12" y="12" />
<rect
fill="#1D7063"
height="20"
width="20"
x="12"
y="12"
/>
<rect fill="white" height="12" width="12" x="16" y="16" />
<rect
fill="white"
height="12"
width="12"
x="16"
y="16"
/>
<rect fill="#E66926" height="6" width="6" x="19" y="19" />
<rect
fill="#E66926"
height="6"
width="6"
x="19"
y="19"
/>
<rect fill="#1D7063" height="20" width="20" x="68" y="12" />
<rect
fill="#1D7063"
height="20"
width="20"
x="68"
y="12"
/>
<rect fill="white" height="12" width="12" x="72" y="16" />
<rect
fill="white"
height="12"
width="12"
x="72"
y="16"
/>
<rect fill="#E66926" height="6" width="6" x="75" y="75" />
<rect
fill="#E66926"
height="6"
width="6"
x="75"
y="75"
/>
<rect fill="#1D7063" height="20" width="20" x="12" y="68" />
<rect
fill="#1D7063"
height="20"
width="20"
x="12"
y="68"
/>
<rect fill="white" height="12" width="12" x="16" y="72" />
<rect
fill="white"
height="12"
width="12"
x="16"
y="72"
/>
<rect fill="#1D7063" height="6" width="6" x="19" y="75" />
<rect
fill="#1D7063"
height="6"
width="6"
x="19"
y="75"
/>
<!-- 中間隨機小方塊 -->
<rect fill="#1D7063" height="8" width="8" x="40" y="20" />
<rect
fill="#1D7063"
height="8"
width="8"
x="40"
y="20"
/>
<rect fill="#E66926" height="14" width="6" x="52" y="12" />
<rect
fill="#E66926"
height="14"
width="6"
x="52"
y="12"
/>
<rect fill="#1D7063" height="6" width="16" x="42" y="36" />
<rect
fill="#1D7063"
height="6"
width="16"
x="42"
y="36"
/>
<rect fill="#47C2A6" height="10" width="28" x="36" y="48" />
<rect
fill="#47C2A6"
height="10"
width="28"
x="36"
y="48"
/>
<rect fill="#1D7063" height="12" width="14" x="68" y="42" />
<rect
fill="#1D7063"
height="12"
width="14"
x="68"
y="42"
/>
<rect fill="#E66926" height="16" width="16" x="72" y="60" />
<rect
fill="#E66926"
height="16"
width="16"
x="72"
y="60"
/>
<rect fill="#1D7063" height="12" width="18" x="44" y="68" />
<rect
fill="#1D7063"
height="12"
width="18"
x="44"
y="68"
/>
<rect fill="#47C2A6" height="6" width="24" x="40" y="82" />
<rect
fill="#47C2A6"
height="6"
width="24"
x="40"
y="82"
/>
</svg>
<!-- 紅色掃描雷射線 -->
<div class="laser-line" />
@@ -268,12 +369,12 @@ const selectedApt = ref<Appointment | null>(null)
const filteredAppointments = computed(() => {
if (filterTab.value === 'registered') {
return store.appointments.filter((a) => a.status === '已報名' || a.status === '已報到')
return store.appointments.filter(a => a.status === '已報名' || a.status === '已報到')
}
return store.appointments
})
function getStatusColor(status: string) {
function getStatusColor (status: string) {
switch (status) {
case '未報名': {
return 'grey-darken-1'
@@ -290,20 +391,20 @@ function getStatusColor(status: string) {
}
}
function handleRegister(id: string) {
function handleRegister (id: string) {
store.registerAppointment(id)
}
function handleCancel(id: string) {
function handleCancel (id: string) {
store.cancelAppointment(id)
}
function showCheckinQRCode(apt: Appointment) {
function showCheckinQRCode (apt: Appointment) {
selectedApt.value = apt
qrcodeDialog.value = true
}
function simulateOnSiteCheckin() {
function simulateOnSiteCheckin () {
if (selectedApt.value) {
store.checkinAppointment(selectedApt.value.id)
qrcodeDialog.value = false