2025-12-29 First Commit
This commit is contained in:
+309
@@ -0,0 +1,309 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'News/news_manager.dart';
|
||||
import './placeholder_screens.dart';
|
||||
import './login_page.dart'; // 確保引入登入頁面
|
||||
import './auth_manager.dart';
|
||||
/*
|
||||
您的 Dart HTTP 客戶端可能無法完成與伺服器的 SSL/TLS 握手。這需要將您的整個 App 結構調整為使用 io.HttpClient
|
||||
警告: 這是一個臨時且不安全的解決方案。 它會強制 Dart 客戶端信任所有憑證。只建議在無法控制伺服器憑證或開發環境中臨時使用。
|
||||
還需要找時間查一下錯誤原因 20251214 modify by Gemini 3.0
|
||||
*/
|
||||
import 'dart:io';
|
||||
|
||||
// 確保引入新的公告管理器
|
||||
import './AnnouncementManager/announcement_manager.dart';
|
||||
// 確保引入新的待辦事項管理器
|
||||
import './todo/todo_manager.dart';
|
||||
// 通訊錄
|
||||
import './employee/person_manager.dart';
|
||||
// 會議通知
|
||||
import './meeting/meeting_manager.dart';
|
||||
// Issue
|
||||
import './issue/issue_manager.dart';
|
||||
// setting
|
||||
import './setup/settings_page.dart';
|
||||
import './clockin/clock_in_manager.dart';
|
||||
import './leave/leave_manager.dart';
|
||||
import './calendar/calendar_manager.dart';
|
||||
|
||||
class MyHttpOverrides extends HttpOverrides {
|
||||
@override
|
||||
HttpClient createHttpClient(SecurityContext? context) {
|
||||
return super.createHttpClient(context)
|
||||
..badCertificateCallback =
|
||||
(X509Certificate cert, String host, int port) => true; // 總是回傳 true (忽略 SSL 錯誤)
|
||||
}
|
||||
}
|
||||
|
||||
void main() {
|
||||
// 在 main 函數中加入這行
|
||||
HttpOverrides.global = MyHttpOverrides();
|
||||
runApp(const ZenApp());
|
||||
}
|
||||
|
||||
class ZenApp extends StatelessWidget {
|
||||
const ZenApp({super.key});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return MaterialApp(
|
||||
title: '企業應用主選單',
|
||||
theme: ThemeData(
|
||||
primarySwatch: Colors.blue,
|
||||
// 使用 Material 3 風格
|
||||
useMaterial3: true,
|
||||
),
|
||||
// 設置主選單畫面為首頁
|
||||
// home: const MainMenu(),
|
||||
home: const LoginPage(),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
// ------------------------------------
|
||||
// 主選單的資料結構 (Data Model)
|
||||
// ------------------------------------
|
||||
|
||||
class MenuItem {
|
||||
final String title;
|
||||
final IconData icon;
|
||||
final Widget targetScreen;
|
||||
|
||||
const MenuItem({
|
||||
required this.title,
|
||||
required this.icon,
|
||||
required this.targetScreen,
|
||||
});
|
||||
}
|
||||
|
||||
// 所有選單項目的列表
|
||||
const List<MenuItem> menuItems = [
|
||||
// 1. 新聞資訊 (使用您的 NewsManager)
|
||||
MenuItem(
|
||||
title: '公告事項',
|
||||
icon: Icons.article,
|
||||
//targetScreen: NewsManager(),
|
||||
targetScreen: AnnouncementManager(),
|
||||
),
|
||||
// 2. 員工打卡
|
||||
MenuItem(
|
||||
title: '員工打卡',
|
||||
icon: Icons.access_time_filled,
|
||||
targetScreen: ClockInManager(userId: "admin"),
|
||||
),
|
||||
// 2. 員工打卡
|
||||
MenuItem(
|
||||
title: '請假作業',
|
||||
icon: Icons.event_available,
|
||||
targetScreen: LeaveManager(currentUserId: "admin"),
|
||||
), // 3. 待簽核事項
|
||||
MenuItem(
|
||||
title: '待簽核事項',
|
||||
icon: Icons.pending_actions,
|
||||
targetScreen: PlaceholderScreen(title: '待簽核事項'),
|
||||
),
|
||||
// 4. 待辦事項
|
||||
MenuItem(
|
||||
title: '待辦事項',
|
||||
icon: Icons.checklist,
|
||||
targetScreen: TodoManager(),
|
||||
),
|
||||
// 5. 行事曆
|
||||
MenuItem(
|
||||
title: '行事曆',
|
||||
icon: Icons.calendar_today,
|
||||
targetScreen: CalendarManager(userId: "120102"),
|
||||
),
|
||||
// 6. 其他功能 (佔位)
|
||||
MenuItem(
|
||||
title: '會議通知',
|
||||
icon: Icons.people_alt,
|
||||
targetScreen: MeetingManager(),
|
||||
),
|
||||
// 6. 其他功能 (佔位)
|
||||
MenuItem(
|
||||
title: '產品型錄',
|
||||
icon: Icons.local_mall,
|
||||
targetScreen: PlaceholderScreen(title: '產品型錄'),
|
||||
),
|
||||
// 6. 其他功能 (佔位)
|
||||
MenuItem(
|
||||
title: '通訊錄',
|
||||
icon: Icons.contact_phone,
|
||||
targetScreen: PersonManager(),
|
||||
),
|
||||
MenuItem(
|
||||
title: '業績查詢',
|
||||
icon: Icons.query_stats,
|
||||
targetScreen: PlaceholderScreen(title: '報告查詢'),
|
||||
),
|
||||
MenuItem(
|
||||
title: 'Issue List',
|
||||
icon: Icons.bug_report,
|
||||
targetScreen: IssueManager(),
|
||||
),
|
||||
MenuItem(
|
||||
title: '設定',
|
||||
icon: Icons.settings,
|
||||
targetScreen: SettingsPage(),
|
||||
),
|
||||
MenuItem(
|
||||
title: '新聞(Demo)',
|
||||
icon: Icons.article,
|
||||
targetScreen: NewsManager(),
|
||||
//targetScreen: AnnouncementManager(),
|
||||
),
|
||||
];
|
||||
|
||||
|
||||
// ------------------------------------
|
||||
// 主選單畫面 (MainMenu) - 九宮格實作
|
||||
// ------------------------------------
|
||||
|
||||
class MainMenu extends StatelessWidget {
|
||||
const MainMenu({super.key});
|
||||
|
||||
// 公司資訊變數
|
||||
final String companyName = "中華開放原始碼應用推廣協會";
|
||||
final String slogan = "推動開源 × 數位轉型 × 企業創新";
|
||||
final String copyrightYear = "2024";
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
appBar: AppBar(
|
||||
title: const Text('企業應用主選單'),
|
||||
// 增加 App Bar 的高度,使其更符合 Material 3 風格 (可選)
|
||||
toolbarHeight: 70,
|
||||
// 可以在這裡加入登出按鈕
|
||||
actions: [
|
||||
IconButton(
|
||||
icon: const Icon(Icons.logout),
|
||||
onPressed: () async {
|
||||
await AuthManager.logout(); // <-- 記得加入此行
|
||||
|
||||
// 登出:導航回登入頁面並清除所有歷史堆棧
|
||||
Navigator.of(context).pushAndRemoveUntil(
|
||||
MaterialPageRoute(builder: (context) => const LoginPage()),
|
||||
(Route<dynamic> route) => false,
|
||||
);
|
||||
},
|
||||
),
|
||||
],
|
||||
),
|
||||
// 使用 Column 將 GridView 和底部資訊垂直堆疊
|
||||
body: Column(
|
||||
children: <Widget>[
|
||||
// 1. 主要內容區 (Grid View) - 使用 Expanded 佔滿剩餘空間
|
||||
Expanded(
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.all(12.0),
|
||||
// 核心:使用 GridView.count 建立九宮格佈局
|
||||
child: GridView.count(
|
||||
// 每行顯示 3 個項目(實現九宮格的第一條件)
|
||||
crossAxisCount: 3,
|
||||
// 項目間的間距
|
||||
crossAxisSpacing: 10.0,
|
||||
mainAxisSpacing: 10.0,
|
||||
// 遍歷 menuItems 列表來構建每個選單項目
|
||||
children: menuItems.map((item) {
|
||||
return MainMenuItemTile(item: item);
|
||||
}).toList(),
|
||||
),
|
||||
),
|
||||
),
|
||||
// 2. 底部公司資訊、Slogan 和版權宣告 (固定在最下方)
|
||||
Container(
|
||||
padding: const EdgeInsets.only(top: 8.0, bottom: 16.0),
|
||||
width: double.infinity, // 佔滿寬度
|
||||
child: Column(
|
||||
children: <Widget>[
|
||||
// 公司名稱
|
||||
Text(
|
||||
companyName,
|
||||
style: TextStyle(
|
||||
fontSize: 14.0,
|
||||
fontWeight: FontWeight.bold,
|
||||
color: Theme.of(context).colorScheme.primary,
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 4.0),
|
||||
// Slogan
|
||||
Text(
|
||||
slogan,
|
||||
style: TextStyle(
|
||||
fontSize: 12.0,
|
||||
fontStyle: FontStyle.italic,
|
||||
color: Colors.grey[600],
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 8.0),
|
||||
// 版權宣告
|
||||
/*
|
||||
Text(
|
||||
'Copyright © $copyrightYear $companyName. All rights reserved.',
|
||||
style: TextStyle(
|
||||
fontSize: 10.0,
|
||||
color: Colors.grey[500],
|
||||
),
|
||||
),
|
||||
*/
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
// ------------------------------------
|
||||
// 單個選單項目的小部件 (MainMenuItemTile)
|
||||
// ------------------------------------
|
||||
|
||||
class MainMenuItemTile extends StatelessWidget {
|
||||
final MenuItem item;
|
||||
|
||||
const MainMenuItemTile({required this.item, super.key});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Card(
|
||||
elevation: 4.0, // 增加陰影,更有質感
|
||||
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(10.0)),
|
||||
child: InkWell(
|
||||
// 使用 InkWell 獲得點擊時的漣漪效果
|
||||
onTap: () {
|
||||
// 點擊後導航到對應的目標畫面
|
||||
Navigator.push(
|
||||
context,
|
||||
MaterialPageRoute(
|
||||
builder: (context) => item.targetScreen,
|
||||
),
|
||||
);
|
||||
},
|
||||
child: Column(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: <Widget>[
|
||||
// 選單圖標
|
||||
Icon(
|
||||
item.icon,
|
||||
size: 48.0,
|
||||
color: Theme.of(context).primaryColor,
|
||||
),
|
||||
const SizedBox(height: 8.0),
|
||||
// 選單名稱
|
||||
Text(
|
||||
item.title,
|
||||
textAlign: TextAlign.center,
|
||||
style: const TextStyle(
|
||||
fontSize: 14.0,
|
||||
fontWeight: FontWeight.w600,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user