這是我在 兆恆能資（Evermega） 參與打造的內部系統管理平台。重點不是再做一套「漂亮後台」，而是把原本散落在多套軟體與現場流程的資料，收斂成同仁每天願意打開的工作入口。
正式環境部署於公司內網，不開放公開 Demo。以下依實作範圍整理，刻意省略帳密、內網位址與金鑰細節。
解決什麼問題？
能源／廢棄物處理相關場域，日常常同時碰：
- ERP 的訂單、進銷與狀態
- 電子簽核 的表單流程
- 人資 出勤、請假、加班
- 門禁刷卡 的進出／考勤來源
- 現場還有 地磅、倉儲、合約、實驗室樣品 等作業
若每件事各開一個畫面、各匯一次 Excel，對帳與補打卡成本會疊很高。這套系統用角色分流，把常用功能收進同一個 SPA。
技術架構
| 層級 | 技術 |
|---|---|
| 前端 | Vue 3、Vite、Vue Router、Tailwind CSS、FullCalendar、ECharts／Chart.js、Socket.IO client |
| 後端 | Node.js、Express、node-cron、Puppeteer、Socket.IO、LINE Bot SDK |
| 資料 | 多個 Microsoft SQL Server 連線池（自建庫＋既有系統庫） |
| 部署參考 | 前端可打包進後端靜態服務；另支援 Capacitor 設定（行動端評估） |
前端依業務域拆資料夾（人資、廠務、實驗室、ERP 檢視、管理員等）；後端則是路由模組＋排程任務，方便之後加功能時不把整包黏死。
系統整合（這篇最想講的）
1. 鼎新 ERP
透過既有 ERP 相關資料庫，補上日常營運需要的查詢與比對畫面，例如：
- ERP 採購／單據查詢
- ERP 在線人數掌握
- 合約 vs ERP、訂單／地磅（廢棄物）收入狀態 等比對報表
目標是讓業務、資訊與主管不必再在多套軟體之間手動對數字。
2. 電子簽核（EF）
接 電子簽核 資料庫，開發簽核單據列表與表單診斷類工具，讓同仁能在內部系統看進度、排查表單異常，而不是每次都繞回簽核系統單一入口。
3. HR 人資與出勤
直接讀寫人資相關資料（出勤、假別、加班、人員與薪資相關模組等），前端有出勤紀錄、統計與篩選介面；後端搭配：
- 排程：偵測上／下班未打卡並提醒
- LINE Bot：出勤查詢、忘記打卡等情境推播
人資與現場同仁可以更快對齊「今天誰有來、誰漏打」。
4. 門禁／刷卡（考勤來源）
對接門禁保全系統的刷卡資料查詢流程，以自動化腳本定期匯出 門禁 Access log／考勤刷卡，再灌回人資出勤分析。這樣內部系統才有可靠的進出時間，而不是全靠人工補登。
5. 綠石／地磅與實驗室樣品
「綠石（Greenstone）」這邊串地磅與樣品／廢棄物相關資料流，實務上涵蓋：
- 地磅畫面與進出紀錄
- EM 樣品總表、正規化與 XRF／CSV 工具
- 圖片走 NAS 路徑提供預覽
也是能源處理場域很關鍵的一條「現場 → 報表」線。
主要功能模組（依角色）
側邊欄依權限展開，大致包含：
- 公用：會議室、工作代辦、個人資料、文具庫存、OCR 等
- 人資：出勤紀錄、倉儲、車輛管理
- 業務：合約起草／總計、與 ERP 比對報表
- 廠務／地磅：倉儲網格、代碼彙總、配比料、地磅、辨識與護具庫存
- 實驗室：EM 樣品與正規化工具
- 系統維運：公告、帳號、LINE 通知設定、ERP 在線、資產盤點、操作紀錄
角色用權限標籤過濾選單；重要 API 仍走後端驗證，避免只藏前端按鈕。
實作上印象深刻的點
- 多資料庫並存：ERP、簽核、人資、綠石、自建庫各有連線池；查詢要有並行上限與逾時保護，否則高峰期容易拖垮來源系統。
- 整合常比新功能難：門禁／考勤靠匯出流程進來時，要處理檔案格式、排程失敗重試、與 HR 欄位對齊。
- 對帳才是價值：合約 vs ERP、訂單 vs 地磅這類畫面，直接回答主管「數字對不對」。
- 通知補上最後一哩：打卡遺漏用排程＋ LINE，讓人不用一直盯後台。
回頭看
這類專案交付的是「公司每天的工作節奏」。技術棧看起來是常見的 Vue／Express／MSSQL，真正難的是 摸清既有 ERP／簽核／HR／門禁怎麼被現場使用，再決定哪些畫面該自建、哪些只要查詢即可。
若你也在傳產或能源場域做內部系統，建議優先盤點：
- 每天最常被打開的三個流程是什麼？
- 哪兩套系統最常對不起來？
- 通知要推到哪裡（LINE、郵件、後台紅點）？
這三題答完，整合優先順序通常會比「再做一個新模組」更清楚。