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.
 
 
 
 
 
Juro Hsu 97323ce6e3 first commit 1 day ago
.vscode initial commit 3 days ago
public initial commit 3 days ago
src initial commit 3 days ago
.editorconfig initial commit 3 days ago
.gitignore initial commit 3 days ago
README.md first commit 1 day ago
angular.json initial commit 3 days ago
package-lock.json initial commit 3 days ago
package.json initial commit 3 days ago
tsconfig.app.json initial commit 3 days ago
tsconfig.json initial commit 3 days ago
tsconfig.spec.json initial commit 3 days ago

README.md

會議室行事曆管理系統

這是一個基於 Angular 開發的會議室預約和管理系統,提供直觀的行事曆介面來管理會議室預約。

功能特點

  • 📅 多視圖行事曆顯示(月、週、日視圖)
  • 🏢 多會議室管理
  • 🔄 重複會議支援
  • 🎨 Outlook 風格的事件顯示
  • 🌏 繁體中文本地化支援
  • 👥 會議詳細資訊查看
  • 🔒 權限控制
  • 即時狀態更新

技術需求

  • Angular 17+
  • Node.js 18+
  • angular-calendar
  • date-fns

安裝說明

  1. 克隆專案:
git clone http://www.origtek.com:2999/juro.hsu/CalendarManager.git
  1. 執行檔案:00_run_all.bat

  2. 開啟瀏覽器訪問: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 的通訊服務,包括:

  • 會議室資料獲取
  • 會議申請管理
  • 權限驗證

使用說明

  1. 選擇會議室:使用下拉選單選擇特定會議室
  2. 切換視圖:點擊工具列上的按鈕切換月/週/日視圖
  3. 查看會議:點擊行事曆上的事件查看詳情
  4. 關閉會議:具有權限的使用者可以關閉會議

注意事項

  • 所有時間都基於本地時區
  • 會議關閉操作需要適當的權限
  • 重複會議可以選擇關閉單次或全部

授權

[授權說明]

貢獻指南

歡迎提交 Pull Request 或建立 Issue。

聯絡方式

[聯絡資訊]