skytek_xinliang
120 lines
3.5 KiB
Vue
120 lines
3.5 KiB
Vue
<template>
|
|
<SKDashboard
|
|
:announcements="announcements"
|
|
:applications="applications"
|
|
:greeting-title="greetingTitle"
|
|
:quick-navs="quickNavs"
|
|
:todos="todos"
|
|
:user-avatar="userAvatar"
|
|
/>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { mdiAccountGroup, mdiBookOpenVariant, mdiCalendarCheck, mdiChartBar, mdiCog, mdiHammerWrench, mdiHome, mdiLayers, mdiLock, mdiMonitorShimmer, mdiSchool, mdiViewDashboard } from '@mdi/js'
|
|
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: mdiSchool,
|
|
desc: '全校教職員工生學籍資料、人事資料、財產管理等核心系統入口。',
|
|
group: '行政組',
|
|
date: '2025-01-05',
|
|
color: 'primary',
|
|
},
|
|
{
|
|
name: '數位學習平台',
|
|
icon: mdiMonitorShimmer,
|
|
desc: '提供線上課程、作業繳交、測驗評量與師生互動討論功能。',
|
|
group: '教學組',
|
|
date: '2025-01-02',
|
|
color: 'success',
|
|
},
|
|
{
|
|
name: '圖書館系統',
|
|
icon: mdiBookOpenVariant,
|
|
desc: '館藏查詢、圖書借閱、還書預約與電子書資源整合平台。',
|
|
group: '圖書館',
|
|
date: '2024-12-28',
|
|
color: 'warning',
|
|
},
|
|
{
|
|
name: '學生請假系統',
|
|
icon: mdiCalendarCheck,
|
|
desc: '學生線上請假申請、導師審核、生輔組備查流程電子化。',
|
|
group: '學務處',
|
|
date: '2024-12-25',
|
|
color: 'error',
|
|
},
|
|
{
|
|
name: '報修系統',
|
|
icon: mdiHammerWrench,
|
|
desc: '校園設施設備故障通報、維修進度查詢與滿意度調查。',
|
|
group: '總務處',
|
|
date: '2024-12-20',
|
|
color: 'purple',
|
|
},
|
|
{
|
|
name: '會議室預約',
|
|
icon: mdiAccountGroup,
|
|
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: mdiHome, color: 'primary' },
|
|
{ title: '控制台', icon: mdiViewDashboard, color: 'error' },
|
|
{ title: '組件', icon: mdiLayers, color: 'warning' },
|
|
{ title: '系統管理', icon: mdiCog, color: 'success' },
|
|
{ title: '權限', icon: mdiLock, color: 'purple' },
|
|
{ title: '圖表', icon: mdiChartBar, 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>
|