feat: add SingleRecordMnt component for student record maintenance with search, add, edit, view, and delete functionalities

2026-03-26 11:24:37 +08:00
parent 507afcc99c
commit 069141794e
116 changed files with 15247 additions and 107 deletions
@@ -0,0 +1,118 @@
+<template>
+  <SKDashboard
+    :announcements="announcements"
+    :applications="applications"
+    :greeting-title="greetingTitle"
+    :quick-navs="quickNavs"
+    :todos="todos"
+    :user-avatar="userAvatar"
+  />
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue'
+import SKDashboard from '@/components/SKDashboard.vue'
+
+const userAvatar = ref(
+  'https://avataaars.io/?avatarStyle=Circle&topType=ShortHairShortFlat&accessoriesType=Sunglasses&hairColor=Black&facialHairType=Blank&clotheType=BlazerShirt&clotheColor=Blue01&eyeType=Happy&eyebrowType=Default&mouthType=Smile&skinColor=Light'
+)
+const greetingTitle = ref('早安，王校長，開始您一天的工作吧！')
+
+const applications = ref([
+  {
+    name: '校務行政系統',
+    icon: 'mdi-school',
+    desc: '全校教職員工生學籍資料、人事資料、財產管理等核心系統入口。',
+    group: '行政組',
+    date: '2025-01-05',
+    color: 'primary',
+  },
+  {
+    name: '數位學習平台',
+    icon: 'mdi-monitor-shimmer',
+    desc: '提供線上課程、作業繳交、測驗評量與師生互動討論功能。',
+    group: '教學組',
+    date: '2025-01-02',
+    color: 'success',
+  },
+  {
+    name: '圖書館系統',
+    icon: 'mdi-book-open-variant',
+    desc: '館藏查詢、圖書借閱、還書預約與電子書資源整合平台。',
+    group: '圖書館',
+    date: '2024-12-28',
+    color: 'warning',
+  },
+  {
+    name: '學生請假系統',
+    icon: 'mdi-calendar-check',
+    desc: '學生線上請假申請、導師審核、生輔組備查流程電子化。',
+    group: '學務處',
+    date: '2024-12-25',
+    color: 'error',
+  },
+  {
+    name: '報修系統',
+    icon: 'mdi-hammer-wrench',
+    desc: '校園設施設備故障通報、維修進度查詢與滿意度調查。',
+    group: '總務處',
+    date: '2024-12-20',
+    color: 'purple',
+  },
+  {
+    name: '會議室預約',
+    icon: 'mdi-account-group',
+    desc: '校內各大型會議室、視聽教室場地查詢與線上預約登記。',
+    group: '總務處',
+    date: '2024-12-15',
+    color: 'teal',
+  },
+])
+
+const announcements = ref([
+  {
+    title: '發布全校停課通知 (凱米颱風)',
+    author: '教務處',
+    time: '1 小時前',
+    avatarColor: 'error',
+    avatarSrc: null,
+  },
+  {
+    title: '發布 113 學年度行事曆',
+    author: '王校長',
+    time: '2 天前',
+    avatarColor: 'primary',
+    avatarSrc: userAvatar.value,
+  },
+  {
+    title: '回覆關於營養午餐的建議',
+    author: '總務主任',
+    time: '3 天前',
+    avatarColor: 'warning',
+    avatarSrc: null,
+  },
+  {
+    title: '更新校園防疫規定',
+    author: '衛生組長',
+    time: '1 週前',
+    avatarColor: 'success',
+    avatarSrc: null,
+  },
+])
+
+const quickNavs = ref([
+  { title: '首頁', icon: 'mdi-home', color: 'primary' },
+  { title: '控制台', icon: 'mdi-view-dashboard', color: 'error' },
+  { title: '組件', icon: 'mdi-layers', color: 'warning' },
+  { title: '系統管理', icon: 'mdi-cog', color: 'success' },
+  { title: '權限', icon: 'mdi-lock', color: 'purple' },
+  { title: '圖表', icon: 'mdi-chart-bar', color: 'info' },
+])
+
+const todos = ref([
+  { title: '審查期末考題', due: '今天 11:00', done: false },
+  { title: '簽核採購申請單', due: '今天 14:00', done: false },
+  { title: '校務會議', due: '明天 09:00', done: false },
+  { title: '教學巡堂', due: '週五 10:00', done: true },
+])
+</script>