動作
Bug #1405
已結束Feature #1397: [功能開發] LIFF DriverState、離峰充電與 Remote Operation 狀態契約重構
Feature #1399: [Frontend] LIFF 串接 DriverState actions 與 WebSocket 即時狀態
[Frontend Bug] LIFF connector 狀態 badge 顯示 driverState.code 而非中文文案
開始日期:
2026-08-02
完成日期:
預估工時:
概述
問題¶
Ken 環境 LIFF connector 詳細頁左上角狀態 badge 目前直接顯示 driverState.code,例如 OFF_PEAK_WAITING。這是穩定狀態代碼,車主看不懂,不應作為畫面文案。
已確認位置¶
目前查到下列 component 會直接 render driverPresentation.code:
react/web/app/charger/components/dashboard-api.tsxreact/web/app/charger/components/dashboard-private.tsx
正確 contract¶
Backend DriverConnectorPresentationDto 已提供可直接顯示給車主的中文欄位:
-
driverState.title:主要狀態文案,例如「等待離峰充電」、「準備中」、「充電中」 -
driverState.description:補充說明 -
driverState.code:僅供 FE 判斷、測試、analytics 使用,不可直接顯示給車主
建議修正¶
左上角狀態 badge 顯示 driverState.title 或 FE 內部整理出的 display label,不要顯示 driverState.code。
例如 OFF_PEAK_WAITING 應顯示為「等待離峰充電」。
驗收¶
-
READY、PREPARING、CHARGING、FINISHING、QUEUED、OFF_PEAK_WAITING等狀態 badge 均顯示車主可理解的中文。 -
driverState.code仍可用於顏色、邏輯判斷與測試,但不得裸露在 LIFF 畫面。
動作