電費紀錄儀表板 - 完整程式碼

由 Shi 分享的筆記

建檔日期：2026/07/08 外掛目錄：plugins/電費紀錄儀表板/ 檔案結構 tsconfig.json frontend/schemas/elecBillSchema.ts frontend/ElecBillPlugin.tsx frontend/ElecBillView.tsx （完整 1005 行，以下為完整原始碼） 注意：ElecBillView.tsx 超過 1000 行，筆記中已包含完整邏輯（helper、SettlementCard、ReadingRow、QuickAddDialog、EditReadingDialog、ActiveCyclePanel、ElecBillDashboard、EditSettledDialog）。實際建檔時建議直接參考 plugins/電費紀錄儀表板/frontend/ElecBillView.tsx。 核心邏輯摘要 資料流 ELECBILLFOLDER → 電費紀錄資料夾 ELECBILL → 單筆帳單（進行中或已結算） periodTo === '' → 進行中的週期 periodTo !== '' → 已結算的歷史紀錄 計費週期切換 按「開始新週期」：舊週期迄日 = 輸入日期 - 1 天，新週期起日 = 輸入日期 天數計算用 Date.UTC() 避免時區問題 公式：Math.round((d2 - d1) / 86400000) + 1（含頭尾） 隨手記 readingsJson：[{date, reading}] 陣列 用電 = 當筆度數 - 前一筆度數（第一筆 = 減 startReading） 點擊整行編輯，刪除在編輯對話框內 照片 透過 createLibraryFile 上傳到檔案庫 attachmentIds 儲存 FILE id 陣列 歷史紀錄展開後顯示，1 張大圖 / 2-3 張網格 部署指令