You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
1 day ago | |
---|---|---|
.vscode | 3 days ago | |
public | 3 days ago | |
src | 3 days ago | |
.editorconfig | 3 days ago | |
.gitignore | 3 days ago | |
README.md | 1 day ago | |
angular.json | 3 days ago | |
package-lock.json | 3 days ago | |
package.json | 3 days ago | |
tsconfig.app.json | 3 days ago | |
tsconfig.json | 3 days ago | |
tsconfig.spec.json | 3 days ago |
README.md
會議室行事曆管理系統
這是一個基於 Angular 開發的會議室預約和管理系統,提供直觀的行事曆介面來管理會議室預約。
功能特點
- 📅 多視圖行事曆顯示(月、週、日視圖)
- 🏢 多會議室管理
- 🔄 重複會議支援
- 🎨 Outlook 風格的事件顯示
- 🌏 繁體中文本地化支援
- 👥 會議詳細資訊查看
- 🔒 權限控制
- ⚡ 即時狀態更新
技術需求
- Angular 17+
- Node.js 18+
- angular-calendar
- date-fns
安裝說明
- 克隆專案:
git clone http://www.origtek.com:2999/juro.hsu/CalendarManager.git
-
執行檔案:
00_run_all.bat
-
開啟瀏覽器訪問:
http://localhost:4200/calendar/{UserId}
API 端點
系統使用以下 API 端點:
GET /api/calendar/getAuth
- 驗證使用者權限GET /api/calendar/getMeetingRoom
- 獲取所有會議室GET /api/calendar/getMeetingApply
- 獲取會議申請列表GET /api/calendar/getMeetingApplyById
- 獲取特定會議詳情PUT /api/calendar/closeMeeting
- 關閉單一會議PUT /api/calendar/closeAllRepeatMeeting
- 關閉所有重複會議
主要元件
CalendarComponent
主要的行事曆顯示元件,功能包括:
- 多視圖切換
- 會議室篩選
- 事件顯示和管理
- 日期導航
DetailComponent
會議詳情顯示元件,用於:
- 顯示會議詳細資訊
- 處理會議狀態更新
CalendarService
提供所有與後端 API 的通訊服務,包括:
- 會議室資料獲取
- 會議申請管理
- 權限驗證
使用說明
- 選擇會議室:使用下拉選單選擇特定會議室
- 切換視圖:點擊工具列上的按鈕切換月/週/日視圖
- 查看會議:點擊行事曆上的事件查看詳情
- 關閉會議:具有權限的使用者可以關閉會議
注意事項
- 所有時間都基於本地時區
- 會議關閉操作需要適當的權限
- 重複會議可以選擇關閉單次或全部
授權
[授權說明]
貢獻指南
歡迎提交 Pull Request 或建立 Issue。
聯絡方式
[聯絡資訊]