skytek_xinliang
9ae91418e0
Introduce reusable shell components for layout, tabs, and global overlays. Add maintenance page model, wrapper component, and composable driver to standardize maintenance page state, search, and pagination handling.feat(shell): add app shell and maintenance page driver Introduce reusable shell components for layout, tabs, and global overlays. Add maintenance page model, wrapper component, and composable driver to standardize maintenance page state, search, and pagination handling.
333 lines
7.0 KiB
TypeScript
333 lines
7.0 KiB
TypeScript
import type { StudentRecord } from '@/models/student'
|
|
import { defineStore } from 'pinia'
|
|
import { ref } from 'vue'
|
|
|
|
export type { StudentRecord } from '@/models/student'
|
|
|
|
const seedStudents: StudentRecord[] = [
|
|
{
|
|
id: 1,
|
|
studentId: 'S2024001',
|
|
name: '王小明',
|
|
department: '資訊工程',
|
|
grade: 1,
|
|
enrollYear: 2024,
|
|
credits: 18,
|
|
advisor: '林育成',
|
|
email: 'ming.wang@school.edu',
|
|
phone: '02-2345-1001',
|
|
status: '在學',
|
|
},
|
|
{
|
|
id: 2,
|
|
studentId: 'S2023017',
|
|
name: '陳怡君',
|
|
department: '企業管理',
|
|
grade: 2,
|
|
enrollYear: 2023,
|
|
credits: 36,
|
|
advisor: '許雅婷',
|
|
email: 'yijun.chen@school.edu',
|
|
phone: '02-2345-1002',
|
|
status: '在學',
|
|
},
|
|
{
|
|
id: 3,
|
|
studentId: 'S2022008',
|
|
name: '林冠宇',
|
|
department: '財務金融',
|
|
grade: 3,
|
|
enrollYear: 2022,
|
|
credits: 64,
|
|
advisor: '張國華',
|
|
email: 'kuanyu.lin@school.edu',
|
|
phone: '02-2345-1003',
|
|
status: '休學',
|
|
},
|
|
{
|
|
id: 4,
|
|
studentId: 'S2021022',
|
|
name: '郭雅婷',
|
|
department: '視覺設計',
|
|
grade: 4,
|
|
enrollYear: 2021,
|
|
credits: 92,
|
|
advisor: '蔡怡芳',
|
|
email: 'yating.kuo@school.edu',
|
|
phone: '02-2345-1004',
|
|
status: '在學',
|
|
},
|
|
{
|
|
id: 5,
|
|
studentId: 'S2019013',
|
|
name: '張柏翰',
|
|
department: '應用外語',
|
|
grade: 5,
|
|
enrollYear: 2019,
|
|
credits: 28,
|
|
advisor: '吳佳玲',
|
|
email: 'bohan.chang@school.edu',
|
|
phone: '02-2345-1005',
|
|
status: '畢業',
|
|
},
|
|
{
|
|
id: 6,
|
|
studentId: 'S2024024',
|
|
name: '李詩涵',
|
|
department: '視覺設計',
|
|
grade: 1,
|
|
enrollYear: 2024,
|
|
credits: 16,
|
|
advisor: '蔡怡芳',
|
|
email: 'shihan.li@school.edu',
|
|
phone: '02-2345-1006',
|
|
status: '在學',
|
|
},
|
|
{
|
|
id: 7,
|
|
studentId: 'S2023044',
|
|
name: '黃俊豪',
|
|
department: '資訊工程',
|
|
grade: 2,
|
|
enrollYear: 2023,
|
|
credits: 40,
|
|
advisor: '林育成',
|
|
email: 'junhao.huang@school.edu',
|
|
phone: '02-2345-1007',
|
|
status: '在學',
|
|
},
|
|
{
|
|
id: 8,
|
|
studentId: 'S2022066',
|
|
name: '周佳穎',
|
|
department: '企業管理',
|
|
grade: 3,
|
|
enrollYear: 2022,
|
|
credits: 58,
|
|
advisor: '許雅婷',
|
|
email: 'jiaying.chou@school.edu',
|
|
phone: '02-2345-1008',
|
|
status: '在學',
|
|
},
|
|
{
|
|
id: 9,
|
|
studentId: 'S2021088',
|
|
name: '許景皓',
|
|
department: '財務金融',
|
|
grade: 4,
|
|
enrollYear: 2021,
|
|
credits: 88,
|
|
advisor: '張國華',
|
|
email: 'jinghao.hsu@school.edu',
|
|
phone: '02-2345-1009',
|
|
status: '在學',
|
|
},
|
|
{
|
|
id: 10,
|
|
studentId: 'S2020019',
|
|
name: '鄭婉如',
|
|
department: '應用外語',
|
|
grade: 5,
|
|
enrollYear: 2020,
|
|
credits: 22,
|
|
advisor: '吳佳玲',
|
|
email: 'wanru.cheng@school.edu',
|
|
phone: '02-2345-1010',
|
|
status: '在學',
|
|
},
|
|
{
|
|
id: 11,
|
|
studentId: 'S2024031',
|
|
name: '謝承翰',
|
|
department: '資訊工程',
|
|
grade: 1,
|
|
enrollYear: 2024,
|
|
credits: 20,
|
|
advisor: '林育成',
|
|
email: 'chenghan.hsieh@school.edu',
|
|
phone: '02-2345-1011',
|
|
status: '在學',
|
|
},
|
|
{
|
|
id: 12,
|
|
studentId: 'S2023055',
|
|
name: '邱雅雯',
|
|
department: '視覺設計',
|
|
grade: 2,
|
|
enrollYear: 2023,
|
|
credits: 34,
|
|
advisor: '蔡怡芳',
|
|
email: 'yawin.chiu@school.edu',
|
|
phone: '02-2345-1012',
|
|
status: '在學',
|
|
},
|
|
{
|
|
id: 13,
|
|
studentId: 'S2022073',
|
|
name: '何柏勳',
|
|
department: '財務金融',
|
|
grade: 3,
|
|
enrollYear: 2022,
|
|
credits: 62,
|
|
advisor: '張國華',
|
|
email: 'boxun.he@school.edu',
|
|
phone: '02-2345-1013',
|
|
status: '休學',
|
|
},
|
|
{
|
|
id: 14,
|
|
studentId: 'S2021095',
|
|
name: '鄒庭安',
|
|
department: '企業管理',
|
|
grade: 4,
|
|
enrollYear: 2021,
|
|
credits: 96,
|
|
advisor: '許雅婷',
|
|
email: 'tingan.tsou@school.edu',
|
|
phone: '02-2345-1014',
|
|
status: '在學',
|
|
},
|
|
{
|
|
id: 15,
|
|
studentId: 'S2020028',
|
|
name: '潘子涵',
|
|
department: '應用外語',
|
|
grade: 5,
|
|
enrollYear: 2020,
|
|
credits: 26,
|
|
advisor: '吳佳玲',
|
|
email: 'zihan.pan@school.edu',
|
|
phone: '02-2345-1015',
|
|
status: '畢業',
|
|
},
|
|
{
|
|
id: 16,
|
|
studentId: 'S2024042',
|
|
name: '賴昀潔',
|
|
department: '視覺設計',
|
|
grade: 1,
|
|
enrollYear: 2024,
|
|
credits: 14,
|
|
advisor: '蔡怡芳',
|
|
email: 'yunjie.lai@school.edu',
|
|
phone: '02-2345-1016',
|
|
status: '在學',
|
|
},
|
|
{
|
|
id: 17,
|
|
studentId: 'S2023068',
|
|
name: '高宇辰',
|
|
department: '資訊工程',
|
|
grade: 2,
|
|
enrollYear: 2023,
|
|
credits: 38,
|
|
advisor: '林育成',
|
|
email: 'yuchen.kao@school.edu',
|
|
phone: '02-2345-1017',
|
|
status: '在學',
|
|
},
|
|
{
|
|
id: 18,
|
|
studentId: 'S2022089',
|
|
name: '游品妤',
|
|
department: '企業管理',
|
|
grade: 3,
|
|
enrollYear: 2022,
|
|
credits: 60,
|
|
advisor: '許雅婷',
|
|
email: 'pinyu.yu@school.edu',
|
|
phone: '02-2345-1018',
|
|
status: '在學',
|
|
},
|
|
{
|
|
id: 19,
|
|
studentId: 'S2021106',
|
|
name: '羅子軒',
|
|
department: '財務金融',
|
|
grade: 4,
|
|
enrollYear: 2021,
|
|
credits: 84,
|
|
advisor: '張國華',
|
|
email: 'zixuan.lo@school.edu',
|
|
phone: '02-2345-1019',
|
|
status: '在學',
|
|
},
|
|
{
|
|
id: 20,
|
|
studentId: 'S2020036',
|
|
name: '謝佳玲',
|
|
department: '應用外語',
|
|
grade: 5,
|
|
enrollYear: 2020,
|
|
credits: 24,
|
|
advisor: '吳佳玲',
|
|
email: 'jialing.hsieh@school.edu',
|
|
phone: '02-2345-1020',
|
|
status: '畢業',
|
|
},
|
|
]
|
|
|
|
export const useStudentStore = defineStore('students', () => {
|
|
const students = ref<StudentRecord[]>([...seedStudents])
|
|
const deletedIds = ref<Set<number>>(new Set())
|
|
|
|
const addStudent = (payload: Omit<StudentRecord, 'id'>) => {
|
|
const nextId = students.value.reduce((max, item) => Math.max(max, item.id), 0) + 1
|
|
const created = { id: nextId, ...payload }
|
|
students.value.push(created)
|
|
return created.id
|
|
}
|
|
|
|
const updateStudent = (id: number, payload: Omit<StudentRecord, 'id'>) => {
|
|
const target = students.value.find((item) => item.id === id)
|
|
if (!target) return false
|
|
Object.assign(target, payload)
|
|
return true
|
|
}
|
|
|
|
const removeStudent = (id: number) => {
|
|
const before = students.value.length
|
|
students.value = students.value.filter((item) => item.id !== id)
|
|
return students.value.length !== before
|
|
}
|
|
|
|
// 標記刪除（軟刪除，還原用）
|
|
const markAsDeleted = (id: number) => {
|
|
deletedIds.value.add(id)
|
|
}
|
|
|
|
// 清除所有標記
|
|
const clearDeletedIds = () => {
|
|
deletedIds.value.clear()
|
|
}
|
|
|
|
// 提交刪除（實際刪除）
|
|
const commitDeleted = () => {
|
|
for (const id of deletedIds.value) {
|
|
removeStudent(id)
|
|
}
|
|
deletedIds.value.clear()
|
|
}
|
|
|
|
// 還原標記（取消刪除）
|
|
const restoreDeleted = () => {
|
|
deletedIds.value.clear()
|
|
}
|
|
|
|
// 檢查是否已標記刪除
|
|
const isMarkedAsDeleted = (id: number) => deletedIds.value.has(id)
|
|
|
|
return {
|
|
students,
|
|
deletedIds,
|
|
addStudent,
|
|
updateStudent,
|
|
removeStudent,
|
|
markAsDeleted,
|
|
clearDeletedIds,
|
|
commitDeleted,
|
|
restoreDeleted,
|
|
isMarkedAsDeleted,
|
|
}
|
|
})
|