C
CORANGE FLOW案件、報價、付款與簽署平台
互動原型 | 不連正式資料

Product blueprint

把一次性表單，升級成可逐步販售的案件協作平台。

Fluent Forms 負責註冊與初始資料；自訂流程外掛負責案件、分支確認、自訂範本、每個任務的雙角色多檔附件、版本、付款、簽名與完整稽核。所有填寫集中於 Popup，高價值功能可由後台逐步開放。

End-to-end flow

完整案件流程

新成屋與舊屋使用同一套引擎。確認分支後先載入全收合範本；第一個任務尚未開始前仍可經 Popup 改選，真正進入任務後才鎖定。

1Fluent Forms 註冊建立帳號與指定角色
2建立案件唯一案件編號與負責人
3初始附件選填圖檔、PDF、CAD
4Y 字暫選與確認任務開始前可 Popup 改選
5可逐步開放的三層流程主任務 -> 子任務 -> Task；預設只開主任務
6逐層完成、凍結與報價子層完成後人工確認，鎖定當下版本
7Woo 付款伺服器建立防竄改訂單
8End 與簽署鎖定快照並產生結案紀錄
Final rule 1所有填寫使用 Popup主流程只保留狀態與下一個動作。
Final rule 2開始任務才鎖定分支確認後先預覽範本；第一個任務尚未開始前，改選需經說明 Popup。
Final rule 3密集摘要欄與主動路徑主任務、子任務與 Task 都收成編號、短日期、金額、完成與付款；編號底色表示狀態，點標題列切換，進入任務時只自動打開目前路徑。
Final rule 4由內而外人工完成內層未完成時父層不可完成；不自動完成父層。
Final rule 5確認完成後凍結快照保存完成者、角色、伺服器時間與版本；修改改走變更單。
Final rule 6圓弧粒子顯示流程方向不使用箭頭；有效路徑上下段連續流動、匯流延後半拍，未選路線淡化並支援 reduced motion。
Extension rule 7共同確認接入報價前閘門保留主任務、子任務或 Task 的適用範圍，但不再產生獨立任務卡。
Payment rule 8完成與付款各自獨立已開放任務都有付款入口；上層只支付未付餘額，付款不等於完成。
Feature rule 9預設固定主任務新增主流程預設關閉；子任務與 Task 另有後台開關，Task 必須在子任務啟用後才能開啟。
State rule 10案件保存開關快照方案開關預設只影響新案件；既有案件不靜默降級、不刪資料，案件內最深已開放任務類型才是葉節點。
Permission rule 11客戶確認，系統自動凍結執行人先提交完成；客戶確認後，系統立即完成並凍結該任務。
Attachment rule 12每個任務都有雙角色附件管理員與客戶可各自一次新增多檔、改名、換檔與刪除；雙方可互看但只能異動自己的檔案，付款或驗收後轉為唯讀。
Stage rule 13報價、付款與簽名可隱藏三個後段階段不使用固定號碼；關閉後整段隱藏並自動略過，簽名 End 預設開啟。
Acceptance rule 14凍結可看可付、不可改下一層已開放時，空白或未完成子項會阻擋完成並顯示具體原因。

Data architecture

資料與責任分層

短代碼只負責呈現，業務資料由專用資料表管理，避免把長期工作流硬塞進 Fluent Forms submission。

入口層

Fluent Forms

註冊、初始資料、建立使用者、指派角色與跳轉案件頁。

流程層

Corange Flow 外掛

案件狀態機、範本版本、報價明細、權限、時間與稽核。

商務層

WooCommerce

由伺服器依已同意版本建立訂單，處理付款、退款與對帳。

呈現層

短代碼 Portal

[corange_project_portal] 依角色與案件顯示可執行功能。

Commercial packaging

逐步開放與付費模組

客戶即使尚未購買，也能看到鎖定功能的價值說明；升級後由後台立即啟用，不必換另一套系統。

Level 1 | Core

主任務案件基礎

先以最低學習成本讓流程數位化。

  • 註冊、案件與角色
  • 新／舊屋暫選確認
  • 只顯示主任務、完成與付款入口
  • 案件與主任務的雙角色多檔附件
Level 2 | Pro

階層與報價協作

依付費方案逐步增加管理深度。

  • 子任務與 Task 獨立開關
  • 逐層完成權限、凍結與變更單
  • 報價版本與重新同意
  • 完成、同意與稽核軌跡
Level 3 | Business

商務結案

把同意轉成可核對營收。

  • 節點付款、部分付款與退款
  • Woo 訂單與防重複收款
  • 手機簽名與條款版本
  • End 不可變結案快照
Level 4 | Growth

自動化營運

讓團隊可規模化管理。

  • 期限與提醒
  • Email／LINE 通知
  • 報表與對帳
  • API 與多站授權

Feature control

功能開關的四層判斷

後台勾選並不是唯一防線；真正執行時仍會再次驗證授權、範本、案件與使用者權限。

合約授權客戶購買哪個方案
網站開關管理員是否啟用
範本規則新成屋／舊屋差異
案件與角色此人此刻是否可操作

Production roadmap

正式版總開發大綱

最新大綱把完成、凍結、付款與變更拆成不同事件；每一階段可獨立驗收，正式付款與簽署不和核心資料層同批上線。

Phase 0 Demo 已完成並同步三個 Tab預設只開固定主任務，新成屋載入 4 個、舊屋載入 5 個；新增主流程預設關閉，後台開啟後才套用至新案件。任務共用密集摘要列與雙角色多檔附件，可測試改名換檔、刪除、付款、驗收唯讀與完整重置。
Phase 0 | Demo 已完成

漸進式互動原型

已完成對稱圓弧粒子分流、分支開始前反悔、任務密集摘要列、三層雙角色附件 CRUD、報價／付款／簽名階段開關、直接付款、Popup、自動凍結與完整重置。

Phase 1

核心資料、授權與權限

外掛骨架、案件、範本副本、三層約束、新增主流程與兩個階層開關、案件 entitlement 快照、相依授權、角色與稽核。

Phase 2

完成與凍結切片

執行人提交、客戶確認後系統自動凍結；依案件開放任務重驗子項、交易鎖、不可變快照、衝突與變更單。

Phase 3

報價與共同確認

動態列、文件版本、共同確認閘門、同意失效、作廢、總額與重新確認。

Phase 4

Woo 付款

單一節點及案件剩餘餘額、伺服器重算、冪等訂單、處理中／成功／失敗／退款與 webhook 對帳。

Phase 5

簽署與 End

手機簽名、條款版本、付款與完成 guard、不可變結案快照及受稽核的重新開啟。

Phase 6

自動化與營運

期限、提醒、Email／LINE、報表、匯出、監控、API 與多站授權。

Maximum safe batch | Latest scope

本機 Phase 0 互動收斂完成；正式產品下一批最多只做 Phase 1

本次安全批次把分支反悔界線、三層密集摘要列、任務附件版本、頁面說明收合、目前路徑展開及按鈕事件隔離集中在單一前端狀態機。正式產品下一批只建立 Phase 1 核心資料、主任務／子任務／Task 約束、附件 metadata、權限與稽核骨架；Phase 2 交易與真檔案處理再另批。

本批排除：正式資料表與站台寫入、檔案實體上傳、病毒掃描、私密下載、真 Woo 訂單、退款／webhook、真簽名、通知、自動化、production 資料遷移與部署。

  • 確認分支後先預覽；正式進入任務或付款前仍可經 Popup 改選
  • 新成屋 4 個、舊屋 5 個主任務，預設全部收合
  • 新增主流程預設關閉；後台開啟並建立新案件權益快照後才顯示新增入口
  • 收合列保留編號、年月日、金額、完成與付款；欄距平均，完整秒數 Hover 可見
  • 編號以灰色／橘色／青綠表示未開啟／目前可執行／已驗收
  • 主任務、子任務與 Task 都能管理附件；管理員與客戶各自多檔新增、改名換檔及軟刪除
  • 附件異動保存版本、操作者與年月日時分秒；跨角色異動會被拒絕
  • 修改、受控刪除與節點付款可直接測試；新增主任務則依案件開關決定
  • 已完成與已付款按鈕灰階；付款或凍結後任務與附件都轉為唯讀
  • 點任務標題列切換；完成與付款不連帶切換卡片
  • 對稱圓弧粒子依路徑等速流動，選定路徑上下段連續導引
  • 頁首、流程說明與頁尾預設收合；案件標頭與可操作流程固定顯示
  • 子任務與 Task 分別由後台開啟，Task 固定為末端
  • 進入流程或推進任務時，只自動展開目前節點與上層路徑
  • 內層未完成時阻擋上層完成，原因可由 Hover／無障礙標籤取得
  • 客戶確認後系統自動凍結；凍結快照納入當下有效附件 metadata
  • 重置會清除任務附件、任務異動、完成、報價、付款、簽名、稽核暫存與所有 Popup
  • 完整流程及 1280／620／390／320 響應式回歸

案件 CRG-DEMO-0001

目前步驟：填寫註冊表單

流程完成度0 / 7
附件步驟完成接著選擇案件流程
分支確認選擇分支後解鎖尚未完成

案件流程

等待選擇新成屋或舊屋

確認分支後，會在這裡載入預設收合的主任務。

選擇分支後載入預設流程
互動模式：所有上傳、付款、通知與簽名僅保存在此瀏覽器 Demo，不會建立正式訂單或寫入網站。SIMULATION

功能模組控制中心

主任務預設開放；子任務與 Task 依方案逐步解鎖。

11 / 13 已啟用
新

新成屋案件

案件 CRG-2026-0088 | 客戶：王小美 | 負責人：林設計師

系統管理員等待客戶確認範本 v2
本階段期限：2026-08-12 18:00剩餘 7 天，可由管理員延長
私密附件模組尚未啟用升級後可安全管理圖檔、PDF、CAD 版本及權限下載。

1. 初始圖面與附件

選填。正式版會使用私密儲存、格式驗證、版本與權限下載。

選填
拖曳檔案或選擇檔案Demo 支援顯示檔名；正式版規劃 PDF、JPG、PNG、DWG、DXF
案件範本模組尚未啟用升級後可為新成屋與舊屋固化不同流程與欄位版本。

2. 選擇並確認案件流程

點擊另一種類型會先開啟確認 Popup；主任務、子任務與 Task 共用等距密集摘要列，展開後可管理雙角色多檔附件，完成與付款可直接操作，付款或驗收後附件轉為唯讀。

已同步最終流程
新成屋已確認預設流程每張任務卡支付自己的本節點金額；Woo 付款階段支付全案件剩餘金額。
範本已鎖定
動態報價模組尚未啟用升級 Pro 後可新增不限筆明細、檔案、金額、版本與建立人員。

3. 報價與工作明細

已同意的明細若被修改，原同意會失效並保留完整版本。

項目／附件建立與版本狀態金額操作
有效報價總額NT$ 0
已同意金額NT$ 0
已付款金額NT$ 0
簽署結案模組尚未啟用升級 Business 後可手機簽名、鎖定案件快照並產生結案紀錄。

4. End 流程與手機簽名

只有完成所有啟用模組的必要條件後，案件才可結案。

尚未符合條件

結案檢查

客戶簽名

請在下方以滑鼠或手指簽名
完整稽核模組尚未啟用升級 Pro 後可查閱新增、修改、同意、付款、作廢與結案歷程。

5. 案件稽核軌跡

正式版採追加式紀錄，不允許直接覆蓋歷史。