09-24 晚・Codex 高標準 UI/UX 健檢後更新

還沒決定/要改的項目

這份只留兩種:等你決定(附我的建議)與要改(查證過確定是問題)。已經完成的都收起來了(最下面可以展開)。每一項都有「在畫面哪裡」「改前」「改後」;改後是直接把修法套在真的 CRM 上拍的,不是另外畫的。你回我編號就好,例如「D9、D2 照建議,F 全部改」。

等你決定

藍字是我的建議;你說「照建議」我就做。

等你決定T

側欄滑過出現的小標籤,要換成哪一種?

全站(側欄圖示)
問題
現在是深色小方角的標籤,跟全站圓角、白卡的語言不一樣(你截圖問的那個「勾勾表範本」)。
改成
四選一:T1 白色膠囊/T2 霧面玻璃/T3 主色膠囊/T4 細線標註。四種都保留現在「換一顆時滑過去」的動態。
我的建議
選 T1 白色膠囊:跟銷控格的白色詳情卡、全站白卡同一種材質,最安靜;T2 在白底上跟 T1 幾乎看不出差別。
現況:深色小方角
現況:深色小方角
T1 白色膠囊
T1 白色膠囊
T2 霧面玻璃
T2 霧面玻璃
T3 主色膠囊
T3 主色膠囊
T4 細線標註
T4 細線標註
打開可以滑的 demo →
等你決定D9

手機「最新消息」的順序:公告要不要移到最下面?

手機・最新消息
問題
手機現在是「今天 → 公告 → 行事曆」。業務在外面最常看的是約訪與排休,但要先滑過公告才看得到行事曆。
改成
改成「今天 → 行事曆 → 公告」。桌機不動(桌機本來就左右並排)。
我的建議
改。公告一週看一次,行事曆每天看。
改前(現在)
改前(現在)
改後(示意,直接套在 CRM 上拍的)
改後(示意,直接套在 CRM 上拍的)
等你決定D2

建案首頁的「銷售中」標籤,改成淡底?(原 #33)

建案首頁・左上
問題
建案首頁是深色實心的「銷售中」,建案總覽卡片上的同一個狀態是淡底;同一個東西兩種長相。
改成
改成淡底+主色字(跟建案總覽卡片一樣)。
我的建議
改。狀態是「標示」不是「按鈕」,實心深色太像可以按的按鈕。
在畫面哪裡(橘框)
在畫面哪裡(橘框)
改前(現在)
改前(現在)
改後(示意,直接套在 CRM 上拍的)
改後(示意,直接套在 CRM 上拍的)
等你決定D3a

首頁「昨日:帶看 0・新客 0・下訂 0」全是 0 時要不要藏?(原 #58②)

建案首頁・待辦事項右上
問題
三個都是 0 的時候這行沒有資訊,但還是佔著最顯眼的右上角。
改成
全部是 0 就不顯示;有任何一個不是 0 才出現。「看日報 →」保留。
我的建議
藏。
在畫面哪裡(橘框)
在畫面哪裡(橘框)
改前(現在)
改前(現在)
改後(示意,直接套在 CRM 上拍的)
改後(示意,直接套在 CRM 上拍的)
等你決定D3b

首頁紅字太多:只有真的要處理的才紅?(原 #58③+Codex)

建案首頁
問題
左下 5 個數字、右邊 10 列天數都是紅字,第一眼分不出哪個最急。紅色同時代表「逾期」「提醒」「分類」。
改成
只有「下訂未簽約超過 30 天」維持紅色(例:第 164 天);其他天數改灰、數字改深色;「補紀錄 →」「價格表 →」改成主色連結。
我的建議
改。紅色留給真的會出事的那一兩個,才叫得動人。
改前(現在)
改前(現在)
改後(示意,直接套在 CRM 上拍的)
改後(示意,直接套在 CRM 上拍的)
改前(現在)
改前(現在)
改後(示意,直接套在 CRM 上拍的)
改後(示意,直接套在 CRM 上拍的)
等你決定D3c

首頁「底價未設」兩行合成一行?(原 #58④)

建案首頁・待辦最下面兩列
問題
「底價未設 6 戶住宅」「底價未設 3 個車位」同一件事拆兩列。
改成
合成一列「底價未設 6 戶住宅・3 個車位」。
我的建議
合。
改前(現在)
改前(現在)
改後(示意,直接套在 CRM 上拍的)
改後(示意,直接套在 CRM 上拍的)

原 #58 另外幾點:① 三張卡共用列高、⑤ 基本資料 8 格寬度不一——已被首頁 H3-A 改版取代,不用再改;⑥ 名字底線改成滑過才出現——建議不改(Codex 也提醒:能點的提示要一直看得到);⑦ 右下快捷鈕已上線。

等你決定D7

手機銷控加「搜尋戶別」+「跳到樓層」?(原 #233)

手機・銷控表
問題
手機要一直左右滑才找得到某一戶;本案 72 戶還好,300 戶以上的案子會很難找。
改成
分頁列上方加一條:搜尋框(打 A02/11F 直接跳到那格並閃一下框)+「跳到樓層」。
我的建議
要。手機業務最常做的就是「客人問某一戶」,這條直接解決。
改前(現在)
改前(現在)
改後(示意,直接套在 CRM 上拍的)
改後(示意,直接套在 CRM 上拍的)
等你決定D11

手機來客名單卡多一行「來源」?(Codex)

手機・來客名單
問題
手機卡片只有姓名、分級、電話、日期,看不出客人從哪裡來,點進去前無法判斷先打給誰。
改成
電話下面多一行小字「來源」(資料本來就有,只是手機藏起來)。
我的建議
加。只多一行小字,不增加操作。
改前(現在)
改前(現在)
改後(示意,直接套在 CRM 上拍的)
改後(示意,直接套在 CRM 上拍的)
等你決定D10

頁首數字:「1,268 筆」跟下面「共 16 筆」對不上,而且有底線像能點

來客名單(全站頁首數字同一個樣式)
問題
來客名單頁首寫 1,268 筆,表格下面寫共 16 筆;兩個數字口徑不同又沒說明,看起來像算錯。頁首數字還有一條主色底線,看起來可以點,點了沒反應。
改成
頁首數字=目前清單的筆數(16 筆);去掉底線、改灰色小字。成員「9 人」、範本「3 份」等全站頁首數字一起改。
我的建議
改。「看起來能點但點不了」是你最不喜歡的那種。
在畫面哪裡(橘框)
在畫面哪裡(橘框)
改前(現在)
改前(現在)
改後(示意,直接套在 CRM 上拍的)
改後(示意,直接套在 CRM 上拍的)
等你決定D1

透天案銷控維持「N 號」,不加樓層?(原 #2)

銷控表・戶數最少示意(透天)
問題
大樓每格已經寫「15F/01」;透天一戶一棟沒有樓層,現在寫「1 號」「2 號」。
改成
維持現狀。
我的建議
維持(Codex 也同意:沒有樓層資料就不要假造一個)。這項你點頭就結案。
現況(透天 14 戶)
現況(透天 14 戶)
等你決定#74

圖表化:全站 79 個區塊要把哪幾個改成圖?(含 #43)

全站
問題
之前掃了 79 個區塊、做了前後對照,還沒選要做哪些。
改成
只做「改成圖會比較快看懂、能互相比較」的那幾個,其他維持文字。
我的建議
打開 demo,在「建議改」那幾列勾你要的,我照勾的做;沒勾的就不做。
打開圖表化盤點 →
等你決定#170

登入頁要寫實 3D 嗎?

登入頁
問題
你要求「真實感、科技感、寫實 3D」,我拆了 5 個得獎站,拆解表等你確認才動手。
改成
Codex 的意見:不要先做一般的「3D 科技建築」;先定一張有授權、跟案場有關的真實主視覺,再加輕量的光影。
我的建議
先給我一張你想用的真實照片(或指定一個案場),我用它做三個方向給你挑。
等你決定#203

動態元件第二輪剩 2 項:團隊連續完成刻帶、首張簽約落印

全站動態
問題
Codex 第二輪提的 48 項裡,這 2 項要你決定。
改成
都不做;改成優先做「失敗與重試」(匯入、匯出失敗時看得到原因、可以重試)和「圖表可以用鍵盤看數字」。
我的建議
照上面:兩項不做、改做失敗與重試。裝飾性的動效已經夠了,現在缺的是「出錯時怎麼辦」。
打開動態元件總表 →

要改

Codex 挑出、我用真的 CRM 查證過確定是問題的。你說「F 全部改」我就一次做完,改完跑全站回歸再給你看。

要改F7

整份 CRM 少了第一行「標準模式」宣告(看不到,但影響大)

全站
問題
檔案第一行少了 <!DOCTYPE html>,瀏覽器用「相容模式」在畫。Chrome 看起來正常,但 Safari、Windows、iPad 可能各畫各的,讀屏器也不知道這是中文頁。
改成
補上宣告。我已經試過:補上後有 7 頁出現 1–3px 位移(下圖:名單的勾選圓圈往上跑),要一起修平;各表格列高也順便統一(Codex 提的列高不一)。
我的建議
改。約一個工作階段(修+全站 72 支回歸+逐頁截圖比對)。
上:現在(相容模式)|下:只補宣告、還沒修平時——勾選圓圈往上偏(這就是要一起修的)
上:現在(相容模式)|下:只補宣告、還沒修平時——勾選圓圈往上偏(這就是要一起修的)
要改F8

鍵盤、讀屏器用不了的地方(看不到的 10 項,一次修)

全站
問題
表格欄名用鍵盤按不到;對話框打開時按 Tab 會跑到後面的頁面;收客的「來客/來電」不能用方向鍵選;分頁膠囊讀屏器不知道選了哪一個;勾選框只唸「選取此筆」不唸名字;獎金頁的發放勾選框鍵盤完全到不了;手機底部分頁用返回鍵切頁時亮點不會跟著換;錯誤訊息讀屏器不會唸;頁面沒有主標題與主要區域標記。
改成
全部照標準寫法補:欄名放真的按鈕、對話框鎖住焦點、方向鍵選項、選中狀態告訴讀屏器、錯誤會被唸出來。畫面幾乎不變,只有用鍵盤時會出現焦點框(下圖)。
我的建議
改。這是「大品牌完成度」最常被檢查、我們最缺的一塊。
改前(現在)
改前(現在)
改後(示意,直接套在 CRM 上拍的)
改後(示意,直接套在 CRM 上拍的)
要改F2

方案比較表往下捲,上面的方案名稱會捲走

帳單與方案
問題
捲到下面的「串接」「服務」時,已經看不到哪一欄是 Pro、哪一欄是 Business,容易比錯欄。
改成
方案名稱那一列固定在上方,一直看得到。
我的建議
改。
改前(現在)
改前(現在)
改後(示意,直接套在 CRM 上拍的)
改後(示意,直接套在 CRM 上拍的)
要改F3

「贈品」篩選的規則只藏在滑鼠停留的提示裡

來客名單・更多篩選
問題
「贈品綁定單筆成交…」這條規則要滑鼠停在上面才看得到,手機、平板完全看不到(違反「不能只有滑過才出現」)。
改成
旁邊放一個可以點的 (i),點了在下面展開說明。
我的建議
改。
改前(現在)
改前(現在)
改後(示意,直接套在 CRM 上拍的)
改後(示意,直接套在 CRM 上拍的)
要改F4

成員頁標題「9 人」,但畫面有 12 張人卡

成員
問題
9 是「在職」的人數,另外 2 位邀請中、1 位停用沒算進去,沒寫清楚看起來像算錯。
改成
寫成「9 人・邀請中 2・停用 1」。
我的建議
改。
改前(現在)
改前(現在)
改後(示意,直接套在 CRM 上拍的)
改後(示意,直接套在 CRM 上拍的)
要改F5

建案卡成就徽章的字只有 9px(全站最小)

建案總覽・每張卡下面
問題
「首戶成交」「去化 25%」這些字只有 9px,灰色的更難看清楚。
改成
放大一級到 10px;顏色深淺不變(達成的深、沒達成的淡)。
我的建議
改。
改前(現在)
改前(現在)
改後(示意,直接套在 CRM 上拍的)
改後(示意,直接套在 CRM 上拍的)
要改F6

獎金金額沒有單位(帳單頁有 NT$)

業務獎金
問題
獎金頁的 1,270,000 沒有單位;帳單頁寫 NT$ 78,400;同一套系統兩種寫法。
改成
獎金數字後面加小字「元」(跟日報、銷控「萬」「戶」的寫法一樣:數字大、單位小)。
我的建議
改。
改前(現在)
改前(現在)
改後(示意,直接套在 CRM 上拍的)
改後(示意,直接套在 CRM 上拍的)

要你確認

我這邊驗不到,要你看一眼。

要你確認#272

勾勾表範本第 13 題說明下面被白色擋住——Chrome 更新後還有嗎?

勾勾表範本
問題
我這邊一般螢幕、Retina 都重現不出來,結構上也沒有東西壓住,像是 Chrome 畫面沒刷新。
改成
你更新 Chrome 了;如果還在,截一張給我(最好連同瀏覽器縮放比例,例如 110%)。
我的建議
沒有了就回我「沒了」,這項結案。
要你確認#148

Safari、Windows、iPhone 要真機開一次

全站
問題
我只能用 Chrome 引擎驗(含手機寬度模擬),Safari、Windows、iPhone 實機要你或工程師開。
改成
用 GitHub 上的共用檔(推 git 後 Enson 也拿得到同一份)在 Mac Safari、Windows Chrome/Edge、iPhone Safari 各開一次,看登入、來客名單、銷控、最新消息。
我的建議
建議等 F7(標準模式)修完再看,不然可能看到相容模式的差異。
Codex 這次挑了什麼、我怎麼判(36 條+待決建議;採納 17・採納為待決 5・部分採納 1・駁回 13・其他 2)

送審內容已去識別(案名、公司、人名、電話都換掉);原始審查包與回覆存在 codex-review/2026-09-24-高標準健檢/。

#Codex 說判斷理由/去哪一項
1沒有標準模式宣告採納F7(實測 compatMode=BackCompat)
2成員卡按鈕的讀屏名稱跟人名不一致部分採納實測不是寫錯名字,是按鈕只唸「編輯成員」沒唸名字 → 併入 F8
3手機最新消息出現「無法檢視這一頁」警告駁回實測沒有;是截圖時上一頁的通知還沒消失
4對話框沒有鎖住鍵盤焦點採納F8(實測 19 個對話框只有 5 個有標記)
5表格欄名鍵盤按不到採納F8
6錯誤訊息讀屏器不唸採納F8
7平板很多鈕小於 44px大部分駁回實測 834 平板只剩 logo、「更多」兩處,併入 F8
8手機銷控要搜尋與跳轉採納D7(原 #233)
99px 小字對比低採納F5(建案卡成就徽章)
10收客選項不能用方向鍵採納F8(實測按方向鍵沒反應)
11分頁膠囊狀態讀屏器讀不到採納F8(實測 5 頁都只換 class)
12手機最新消息順序採納為待決D9
13獎金勾選框沒有焦點框採納F8(實測鍵盤完全到不了,比 Codex 說的更嚴重)
14勾選框只唸「選取此筆」採納F8
15手機名單卡資訊太少採納為待決D11
16手機底部分頁沒有選中狀態採納F8(另外發現:用返回鍵切頁時亮點不會跟著換)
17手機報表 KPI 橫滑沒提示駁回實測手機報表沒有橫滑 KPI
18桌機收客表單太窄駁回收客頁是給平板/手機現場用,桌機顯示手機大小是刻意的
191,268 筆與共 16 筆對不上採納為待決D10
20頁首數字有底線像連結採納為待決D10
21日期格式不一致駁回清單用 08/19、紀錄用完整日期,現況大致符合
22金額單位不一致採納F6
23成員數量口徑不清採納F4
24紅色用太多採納為待決D3b
25方案表頭沒有固定採納F2(實測有設固定但被外層捲動框吃掉)
26全站隱藏捲軸駁回09-18 鎖頁框時刻意的(捲軸佔寬會讓切頁時右上鈕左右跳)
27名單只有一筆時容器太空駁回實測有 16 筆,是去識別版本篩選造成
28空狀態寫法不一暫緩之後全站元件整理時一起做
29缺少載入/失敗狀態併入#203 建議(優先做失敗與重試)
30贈品規則只藏在滑過提示採納F3
31建案總覽兩個新增入口駁回頁首那顆早就藏了;右邊虛線直條是你 09-24 指定的
32勾勾表範本欄位卡太長駁回你已選 D 所見即所得並做進去了
33權限頁卡片太散駁回你已選 P3 角色卡並做進去了
34成員頁欄位標籤重複駁回成員頁 09-24 你已定案
35沒有主標題與主要區域標記採納F8
36各表格列高不一採納併入 F7(補標準模式會改列高,一起統一)
C-269N2 選就地展開、N5 選連動數字、N9 選依日期分段駁回你已選 N2-E、N5-E、N9 都不要,已做進去
C-35/46/179勾勾表範本選 A、獎金選 P2、權限選兩角色對照駁回這三項你之後都選了別的並已完成(#48 D、#104 K1 帶、#211 P3)
最後更新:09-25 清晨

CRM 全站深度稽核與修改計畫

0 / 18

只列還沒修的——改好的會直接從清單拿掉。每項點「看改前/改後」可以看改完長怎樣再決定要不要改。勾選會自動記住。最後同步:09-19 15:22

1・稽核摘要(09-18 全站重掃)

整體完成度:視覺與互動已到可對外 demo 的水準——設計 token 化徹底(字級 12 種全走 token、硬編色僅 2 處已註記)、三種寬度頁框已鎖定、五種權限可切換預覽、17 頁+33 視窗+選單全部實開通過、JS 錯誤 0。原 44 項已修 30 項+DS 統一 3 項、1 項移出(a4 實價登錄屬另一專案);清單剩 25 項(含 09-19~21 待決定 12 項)。

最影響專業度來源詞彙三套並存(l1,已定案待改);報表三張卡片設計未收斂(r1–r3)
最影響操作效率就地編輯無未儲存提醒(x1)(首頁待辦已收斂、16 頁導覽已補齊,09-19)
最影響開發維護z-index 無層級表(x4);inline style 337(x5);單檔 17,679 行兩人協作要靠流程防撞
建議處理順序先 P0 l1(詞彙統一=資料層),再 P1 x1/h1/u1/l2,之後照 Roadmap 四階段

2・全站評分(10 分制,依 09-18 實測)

面向分依據與扣分原因
資訊架構8.5側欄兩群組清楚、無權限頁自動消失並導回;重新整理停在原頁。扣:帳單/方案頁只能從系統設定進,入口偏深。
視覺一致性8.5token 覆蓋率高、頁框三寬度鎖定(左 104/右 32/標題 98)。扣:置頂 hover 一處硬編色待 token 化;報表卡片密度不一(r1–r3)。
元件系統8chip/pillbtn/KPI 全站共用,+鈕、空狀態、確認窗已統一。扣:輸入框兩套圓角(收客膠囊 vs 表單窗 14px,屬刻意場景差異已記錄);週報 hover 提示貼邊(r5)。
對齊與細節9頁框檢查 20/21(唯一 ℹ️ 是成員頁工具列兩排屬內容量);銷控黏頂工具列歸位。
操作流程7.5撞客防線、刪除可復原、清空強確認、約訪撞時段擋。扣:x1 未儲存提醒缺(h1 待辦收斂、x2 通知全部已讀 09-19 已完成)。
CRM 實用性8跨案合併、約訪週曆、權限預覽落地。扣:s3 金流缺(l1 來源、l2 房型 09-18/09-19 已接範本)。
表格與資料7.5名單合併檢視+分頁+手機卡片化。扣:三頁表頭不可排序(x3)、操作明細 IP 攤開(s2)。
RWD9390/768/1024/1440 全頁零溢出、業務手機 6 頁小字 0、觸控 44px 全達標。扣:平板 768 成員頁工具列折兩排可再收。
無障礙8focus ring 全站統一、選項改真按鈕可鍵盤、reduced-motion 保留、抽屜收起不可 Tab。扣:術語虛線提示觸控裝置看不到;15 頁無導覽(t1)。
前端維護性7token 制度好、批次替換有斷言慣例。扣:x4/x5/x6;同 selector 覆寫多處靠順序,合併回主檔要小心。
商業完成度8.5展示動線完整(排列示意、角色預覽、QR 收客);假資料口徑一致。扣:報表章節仍有「重新設計」級項目未定稿。

需求完成度檢查表(09-21 總複檢)

整段對話的每一條需求逐條對照目前檔案實際狀態。凡「只做一半」的,這次已補齊並標「本次補齊」。前後衝突以你最新的說法為準(例:使用說明先做了文字面板,你改要原本的導覽式 → 以導覽式為準)。

09-21 總複檢(你指定的五項特別複檢)
項目怎麼查找到結果
全站所有頁面與功能17 頁 × 1440/1024/768/390 自動掃:JS 錯誤、橫向溢出、字被切、破圖、疊字、字被擠成直排疊字 5 處、直排 4 處全部修完,重掃 0
手機版390 寬實際開 8 個手機可到的頁+逐張看截圖(其餘管理頁在手機會轉到業務報表,是業務手機模式的設計)5 個破版(#130~#134)全部修完,截圖逐張看過
Design System:圓角與圓形每個元素的圓角對照刻度(含同心圓角);寬高比 0.8~1.25 的圓形元件量是否正圓非刻度圓角 1、不正圓 6 類全修;剩設計規範頁的圓角樣本(刻意示範)
各頁必要資訊與待辦提醒17 頁第一屏逐張看;使用說明裡新寫的句子逐句拿畫面驗(6 項實際點擊);其餘按鈕沒有逐顆點「看今日名單」沒篩今天、「全選」沒有後續動作前者已修;後者列 #145 等你決定
每一頁專屬的使用說明覆蓋率檢查:頁面上每個操作元件有沒有被某一步講到;每一步在 2 種寬度都是實卡、不出畫面設計規範頁沒有、16 頁漏講、4 處過時、1 處出畫面17 頁 115 步全過;漏講 0
完成 290部分完成 3等你決定 10未完成 0無法驗證 2
#需求狀態補充/說明修改位置驗收結果
1首頁待辦:卡片為主再給 5 個 demo完成後續已被三輪重排取代demo-首頁待辦五方向.html5 方向 0 溢出、JS 錯誤 0
2銷控排列示意:每格要有「樓/戶」部分完成大樓(總太)每格「15F/01」已完成;透天(白駒)一戶一棟沒有樓層,維持「N 號」——這是我的判斷,要加樓層請說銷控表 renderSimLayout/simCell1,862 格文字裁切 0(1440/1024/768)
3來客列:跨案 chip 沒對齊完成之後依你的要求整顆 chip 移除來客名單同列元素垂直中心全部 26px
4全站 DS 複檢:圓角、圓形 1:1、同類同尺寸完成本次補齊:09-19 只列出 x7/x8/x9 沒有套用(只做一半)→ 已套用:圓鈕四級、頭像四級、狀態點一律 7pxCSS「09-19 需求複檢補齊」區塊16 頁掃描:圓角只剩 token 值、圓形全部正圓、圓點全 7px
5卡片邊緣色線禁用,demo 也不准完成最新消息滑過時的灰色左線一併拿掉.notice/.ax-quote/#page-news .hist .h16 頁掃描單邊色線 0 條
6首頁:刪保留中、跨案待確認;加今日約訪完成—建案首頁 refresh()首頁卡片標題斷言
7首頁卡底說明字全刪完成—panel()/seg().dr-note 0 條
8首頁重排 demo 要保留全部資訊完成—demo-首頁重排.html46 個關鍵字 5/5 方向全命中
9會議上首頁還要加什麼完成只有「今日約訪」,已加修改計畫 09-13 會議章會議紀錄逐段檢索
10首頁缺少的資訊主動建議完成P1:已售進度、昨日動態、約訪未回報 已套用建案首頁verify_homeR1 44/44
11不要紅點黃點(09-24 你確認「對」)完成名單琥珀點 09-23 已刪、分析頁燈號隨分析頁移除;這次全站再掃,拿掉最後兩顆:約訪週曆「現在」紅線左端的紅點、成員頭像「邀請中」橘點。之後每次回歸都會掃全站scan_dots 20/20(1440 十五頁+手機五頁)
12首頁 R1:先套進去再改整齊完成所有列固定 2.5rem、三卡共用格線建案首頁三卡分隔線同高、每列都在同一組格線上
13基本資料帶樣式 A、右邊不空完成—#hmFacts最後一格貼齊內距
14以下可改:u1 本案正方格完成—銷控表 renderMx69 格正方、桌機兩段並排
15以下可改:計畫「不要斜體」完成—修改計畫 CSSfont-style:italic 0 處
16以下可改:l2 需求房型跟範本完成—現場收客、新增來客窗選項=範本 5 項
17以下可改:l6 自訂關係並同步完成—詳情窗關聯頁新增「鄰居」選單同步、重名擋下
18以下可改:a1 工程備註鈕完成—分析頁按鈕 0
19以下可改:a4 實價登錄移出完成另一個專案修改計畫項目已移除
20以下可改:s1 成員刪除鈕改什麼完成Annie 09-21 選「使用中/已封存」:開關=封存/還原、狀態字=使用中/已封存;原本的「刪除」降級成「永久移除」,確認框會先建議改用封存(保留紀錄、隨時可還原)人員頁7/7;表格與卡片兩種檢視都改到,導覽與常見問題同步
21以下可改:x2 通知全部已讀完成—鈴鐺選單點一下未讀 0、選單不關
22來客名單:左下分頁列完成—#laPerPage一行、與頁碼同中線
23「(已合併顯示…)」不要完成—來客名單全檔 0 處
24回訪與跨案寫在同一張摘要卡完成—姓名懸浮卡「久未跟進・回訪 ×2・關聯 3 人」
25足跡與跨案重複、數字對不起來完成跨案 chip 移除,只留足跡欄來客名單足跡欄不含歸屬建案
26最新消息:右邊不要貼底色、釘選位置、滑過看內文完成—#page-news .hist日期離右緣 ≥12px、圖示鈕與標題同行
27行事曆說明字刪除完成—最新消息兩條說明 0
28行事曆:A+C、可切日週月完成—#calCard、#visitWeekverify_cal 58/58(三寬度)
29行事曆:公司事項要有時間完成開始/結束時間、排休全天/上午/下午新增公司事項窗結束早於開始會擋、顯示「14:00–15:30」
30行事曆:先放假資料完成週會、訓練、檢討會、活動、排休、12 組約訪CAL/VISITS週/月不再空白
31建案總覽不放最新動態完成本次補齊:09-18 只收了標題、清單還在 → 已收建案總覽頁面找不到動態清單
32建案總覽缺少資訊建議完成結案:已被 #195 建案卡改版取代;Codex 也建議案件數多了再加篩選 急件數、篩選排序—見 d4
33「銷售中」樣式改等你決定S1 細框/S2 淡底/S3 純文字demo-元件樣式三件.html—
34日報數字不要一格一框 → K1完成本次補齊:原本只改日報,週報、月報同一種卡也改成 K1業務報表全站掃描 0 問題
35勾勾表範本頁 demo(空白太多)完成結案:已被 #48(你選 D 所見即所得)取代 A 清單+編輯卡/B 欄位卡牆/C 分組雙欄demo-勾勾表範本三方向.html—
36每頁專屬完整使用說明完成本次補齊:16 頁導覽原本缺「常見問題、錯誤處理」→ 每頁加一張;手機上看不到的區塊自動跳過;說明字加深底後會再收回畫面內
09-21 總複檢補齊:覆蓋率檢查發現設計規範頁沒有專屬說明、16 頁漏講案名切換等按鈕、4 處內容過時 → 見 #140~#143
TOURS(16 頁)桌機 53/53、手機 22/22
37使用說明用原本方式,不要整片文字完成文字面板已移除—面板元素 0
38選單弧線完成行事曆+、頭像、通知、設定四個選單.statmenu/.usermenu內圓角=外 28 − 內距 8
39報表「依往來紀錄…自動產生」刪除完成—日報0 處
40手機版全面檢查完成本次補齊:日週月切換在業務手機小於 44px → 已放大
09-21 總複檢補齊:手機再掃一次又抓到 5 個破版(最新消息標題看不見、分析頁籤與表格直排、行事曆直排、車位格互壓)→ 見 #130~#134;另加「字被擠成直排」自動偵測,以後會抓到
最新消息390 寬 16 頁:溢出 0、觸控目標過小 0
41全站所有頁面與功能複檢完成16 頁 × 4 寬度 × 5 角色
09-21 總複檢補齊:17 頁 × 4 寬度重掃:疊字、非刻度圓角、不正圓、導覽出畫面共 10 類 → 見 #130~#143
—JS 錯誤 0、溢出 0、按鈕文字被切 0、破圖 0
42底價檢視角色看不到銷控矩陣完成09-18 發現:這個角色只能改底價卻看不到戶別
09-21 更新:你說正常要看得到 → 已改:底價檢視進銷控頁看得到整張戶別矩陣,但固定在「底價」層(切換鈕只留底價、看不到表價成交價);點格子看價格歷史;勾選後批次列只有「批次調整底價」
權限/銷控表見 d6
43文字過多改成圖表的 demo完成結案:併入 #74(同一份盤點,不要兩份) 6 組前後對照+全站 20 列盤點(含保留文字的理由);只用示意資料裡的真實數字。改版前已換成工作檔實拍(整頁位置橘框+特寫)並寫出點哪裡進去;來人分析補齊 12 張小卡的 11 個維度(地坪本案不適用)demo-圖表化改版.html桌機/手機 0 溢出、JS 錯誤 0;互動抽驗通過
44業務報表:日期放到標題同一行完成日期選擇器移到「業務報表」右邊;切到週報/月報時自動收起;列印時仍印出日期業務報表頁首1440/1024 與標題同一行、390 在切換列下方;日曆可開;JS 錯誤 0(32/32)
45週報、月報表頭改一條帶(K1)完成本次發現並修正:之前的 K1 規則被舊的卡片規則蓋掉,週報仍是一格一框業務報表週報/月報三種寬度格子無框、無圓角
46獎金總覽不要一格一框完成結案:已被 #104(K1 一條帶)取代 P1 一條帶/P2 總數+拆解進度條/P3 對帳單/P4 沒有底色只靠字級,附改前實拍與位置demo-獎金總覽四方向.html桌機/手機 0 溢出、JS 錯誤 0
47全站間距統一(Spacing Tokens)完成五級 token 分級套用,桌機/平板/手機各有規格;見「間距規格」章全站 17 頁卡片間距不合規格 342 → 51 處(剩下全是中間夾標題或工具列的正常情況);回歸全數通過
48勾勾表範本版型重做(A/B/C 都不要)→ 選 D+手機預覽完成D 所見即所得/E 三份範本對照表/F 排順序+手機預覽;附現況實拍與位置demo-勾勾表範本新三方向.html1440/1024/800/390 無溢出、D 題目兩兩成對無落單、F 切範本與點題互動通過、JS 錯誤 0(24/24)
49狀態標籤重做(S1~S3 都不要)+說明是什麼、在哪 → N1~N4 也都不要,維持現狀完成N1 階段軌/N2 圖示+字/N3 當一筆資料/N4 角標;兩個真實位置都示範demo-狀態標籤四方向.html1440~390 六種寬度無溢出、圖片全載入、JS 錯誤 0
50勾勾表範本套用:所見即所得+手機即時預覽完成左邊是客人拿到的表(兩題一列、不留落單格),右邊手機畫面示意同步標亮;編輯仍走原本的「編輯欄位」對話框;範本切換、啟用中、+、按鈕都移到標題同一行勾勾表範本1440/1280/1024/900 共 53 項檢查通過;鍵盤可選題;沒有編輯權限時鉛筆與+隱藏
51行事曆可選一週從週一或週日開始完成公司行事曆與業務約訪共用一個設定,兩邊按鈕同步,重新整理後記得最新消息12/12;行事曆 58/58、約訪 31/31 回歸通過
52必填標記全站統一紅色*完成20 處(對話框、收客、範本、方案、角色、調價…)全部改成紅*、無底色、緊跟欄位名稱;報讀仍唸「必填」全站全站標記文字只剩*;顏色 #C4453C、底色透明
53週報/月報分析小卡頂端白色圓弧完成原因:小卡內距統一成 16 後,標題列負邊距還是 12;改成跟著內距 token業務報表標題列與小卡上左右都只隔 1px 框線
54下拉清單圓弧(同心)完成外框 28、內距 8、選項 20;對話框內的下拉 14/4/10全站下拉週報媒體下拉實量:內圓角=外圓角-內距
55右下懸浮快捷鈕+各角色常用功能分析完成選 F1 弧形+每顆有文字(名稱放圓鈕下方);主鈕改閃電、展開變 ×,不用+避免跟新增混淆;五種角色各 3~5 項,全部接到既有功能;手機業務模式已有底部分頁列,不顯示全站右下角33/33:中心與「?」同一條線、右距 32;5 種角色項目、文字不重疊不出界;12 個動作實點都會到對的頁面或視窗;對話框開著時自動隱藏
56銷控表數字列不要一格一框完成選 U1 一條帶・直線分隔;「尚未設底價」改成「去設定 →」直接切到底價檢視銷控表1440 一排 6 格、1024 一排、平板兩排、手機兩欄;格子無框無底;「去設定 →」實點切換成功
57業務獎金兩頁得獎水準方向完成結案:暫緩(你 09-19 說先不改,demo 留著備用) Annie 09-19:先不改(demo 留著備用)demo-業務獎金兩頁六方向.html數字核對 7/7、8 種寬度 8/8
58首頁還可以怎麼優化等你決定①三張待辦卡共用列高,內容少的格子會空一段(今日約訪下面、客資未齊 0 筆)→ 0 筆的段落收成一行「✓ 沒有」②「昨日:帶看 0・新客 0・下訂 0」全 0 還很顯眼 → 全 0 時淡灰或不顯示③紅字 10 處太多 → 超過門檻才紅(例:下訂未簽約 >30 天),其他改灰④「資料未齊」底價未設重複兩行 → 合成一行「6 戶住宅・3 個車位」⑤基本資料帶 8 格寬度不一 → 等寬⑥名字都有底線很雜 → 滑過才出現⑦右下懸浮鈕已上線,首頁不必再另放捷徑建案首頁—
59懸浮鈕主按鈕不要用+完成全站的+代表新增,懸浮鈕改用閃電(快捷),展開後變 ×全站右下角收合時閃電、展開時 ×,實量
60建案總覽「預售」橘色圓點完成Annie 09-19:可以留,維持現狀建案總覽—
61懸浮鈕改成 Apple Dock 扇狀,並精修完成從主鈕往上疊、越上越往左彎越傾斜;圖示改正圓、文字不加底色(白色光暈保可讀)、拿掉「常用功能・角色」標題;不再蓋白霧全站右下角33/33+10/10:圓形、字無底色、無標題、12 個動作實點都對
62勾勾表範本頁首統整+圓弧+選中框完成啟用中改成分頁上的勾;+收進切換列最後一格;重新命名/設為啟用收進「⋯」;刪掉跟題目鉛筆重複的「編輯欄位」;切換列四邊留白都 3px(同心);選中題目改淡色細框+輕陰影勾勾表範本53/53+10/10
63業務報表「數字|圖表」自由切換完成預設數字;圖表=日報六格保留大數字+7 日小走勢(今天深色點;新增名單只有兩天資料,標「*前 5 天正式版補」),週報 11 張、月報 11 張來人分析改點線圖;會記住上次選擇業務報表16/16:資料取自週報每日明細表、分析小卡原始數字,沒另外編
64長條圖的得獎水準替代畫法完成S1~S4 你看過都不要,重做三方向後你選 W1 巢狀條:淺色條=累計來人、深色條畫在它裡面=其中成交;原本的數字表原樣保留,用「數字|圖表」切換,預設數字業務報表週報・月報21/21;週報 11 張、月報 11 張全部換成巢狀條,切回數字表格一字不差
65最新消息標題旁的「4 筆」拿掉完成Annie 09-20:不用顯示最新消息已移除
66提示訊息被右下懸浮鈕擋住完成桌機把提示訊息往上讓一個鈕的高度;手機沒有懸浮鈕,維持原位全站實測不重疊、間距 16px
67名單分級只留 A/B/C/D完成欄名已經寫「分級」,不再重複「級」字;螢幕報讀仍唸「A 級」來客名單13 處全部改完
68名單下面一大塊白、資料太少完成示意資料補到 20 筆(跟「每頁 20」一致,顯示 16 筆);列表卡片撐到畫面底部來客名單20 筆、卡片 min-height 生效、無橫捲
69行事曆/業務約訪兩條工具列不整齊完成週起始收進「⋯」選單;控制項同高 1.8rem;分群加細線;日期欄固定寬度,兩條對齊最新消息10/10;兩條工具列高度與日期欄寬實測相同
70使用說明「常見問題」印出 \n完成16 個頁面的常見問題把換行寫成兩個字元,畫面直接印出來;已改成真正的換行全站使用說明16 處全修;導覽 53/53
71「數字/圖表」改用圖示完成Annie 選 C 的清單+B 的折線;滑過有文字提示、報讀唸得到業務報表16/16
72建案首頁跟其他頁不統一完成已被 #154 取代:09-21 你選「H3-A 標籤進列」並已做進工作檔,這列不用再選建案首頁09-24 查證:首頁現況=H3-A
73常見問題的版面完成A~C 退掉重做後你選 G1 兩欄分流:同一張卡切兩欄,左「為什麼會這樣」、右「卡住了怎麼辦」(右欄固定淡底,出事看右邊)。16 頁的導覽都自動照這個排全站使用說明16/16 頁逐頁實開驗過;導覽 53/53
74圖表化要全站掃過等你決定程式掃出 79 個區塊逐項判斷(建議改/已套用/保留文字+理由)+新增 6 組前後對照demo-圖表化全站盤點.html資料全部取自工作檔;8 種寬度 8/8
75來客名單一頁只到洪于晴、四邊留白一樣完成一頁 12 筆,第 13 筆之後進下一頁;卡片下緣不再留一塊白來客名單左右 104/32、下緣 0;最後一筆=洪于晴
76分級標籤兩種樣式並存、「等級」與「分級」混用完成全站統一成描邊膠囊(你指的圖二):A 紅/B 琥珀/C 主色/D 灰;表頭一律叫「分級」來客名單・抽屜・週報名單與報表同一組色值;表頭 13 處全改
77「數字|圖表」週報月報也出現、膠囊比例不順完成只有日報看得到切換鍵;四周留白 3px、選中是正圓角膠囊業務報表日報 flex/週報 none/月報 none
78手機上行事曆工具列的鈕太小按不到完成390 寬時所有工具鈕放大到 44×44最新消息全站掃描問題數 0
79同一個分頁切換元件,全站有 9 種長相完成量到容器內距 0/3/4/8px、按鈕高 23/24/28、上下左右內縮不對稱(5.3 vs 8)。統一為:容器高 --ctrl-h、四周 3px、按鈕高 --ctrl-h−6、圓角 --r-pill;手機 44px報表・帳單・稽核・人員・獎金・使用說明・範本・分析10 組全部量到同一組數值;收集表的多選晶片是另一種元件,不併
80圓角沒吃 token,散出 6 個自訂值完成1.4rem/999px/6px/4px 收回 --r-card/--r-pill/--r-tag全站剩 3 個非元件例外:3px 寬拖曳把手、高密度模擬器格、捲軸
81來人分析要能切換圖表,數字表要留完成W1 巢狀條;切換鍵回到週報/月報(09-21 早上「只在日報」那條是因為當時的圖表是你退掉的版本)業務報表21/21;成交條寬度確實包含在來人條之內
82z-index 有 28 種數值、沒有層級表完成排成一張由下往上的層級表(頁內→固定列→抽屜→浮層→導覽→最上層提示),66 處全部改吃 token,裸數字歸零全站疊層實測 8/8:提示訊息、⌘K、抽屜、浮層選單、懸浮鈕打開時都真的點得到
83inline style 343 處完成285 處是資料驅動的(長度百分比、座標、色階)必須留在標籤上;靜態的收成 .mono/.w-full/.note-sub 三個類別,收掉 42 處全站343 → 301;全站掃描問題數 0
84!important 69 處完成分類:列印 13、關閉動態 16、權限隱藏 13 是該用的;只是特異度打架的 10 處改成把類名寫兩次全站69 → 59;改前改後計算樣式逐項比對,無差異
85提示訊息的位置修正其實沒生效完成09-20 寫的選擇器 #toastWrap 大小寫錯了(實際是 #toastwrap),所以「不被懸浮鈕擋住」那條一直沒作用;這次驗疊層才抓到全站實測提示訊息在最上層且點得到
86帳單與方案・用量要能看圖表完成右上加「數字|圖表」(跟業務報表同一顆)。圖表模式=近 6 個月用量走勢+虛線是額度上限+一句「照近 3 個月速度,約 N 個月後滿」;帳號已滿那張標紅寫「已滿」。原本的進度條卡完全保留,切回去就在帳單與方案34/34;來客資料推估 9 個月,跟卡片上寫的「本月新增 1,204 筆」對得起來
87來客名單要能看圖表完成右上加「數字|圖表」。圖表模式=分級(A→D 固定順序)、來源、歸屬建案、負責業務四張結構圖,跟著目前的篩選重算,所以篩「久未跟進」就是看那群人的結構。原本的表格與分頁完全保留來客名單34/34;實測篩選一按,16 筆→3 筆圖表跟著換
88來客名單不要圖表切換完成你看過後說這頁不用,整組切換鍵與四張結構圖都移除(帳單用量那組保留)來客名單切換鍵與圖表區塊都查不到了
89名單下面要對齊完成改成「視窗塞得下幾列就顯示幾列」:先估、再量實際下緣、差多少就加減一列,最後把卡片撐到剛好,分頁列貼著卡片下緣來客名單900 高時 8 列、1250 高時 15 列,下緣留白都剛好 32=左右框同值
90右邊的+不是正圓、⋯ 的點沒置中完成寫程式掃全站圓形元件,量寬高比與內容偏移。+ 原本 33.6×28.8 被內距撐成橢圓;⋯ 吃到日曆格「另 N 項」那條文字樣式的左內距,圖示偏右 4px最新消息・全站兩顆+都 33.6×33.6、偏移 0;⋯ 偏移 0
91約訪摘要「4 位有約・2 位沒約・共 8 組」不用顯示完成週檢視與日檢視兩處都清掉最新消息實測為空字串
92行事曆上的排程要能點開看詳情/編輯完成事項變成可點可鍵盤操作;公司事項可直接改時間與內容,存檔後月曆立刻更新;國定假日與排休是唯讀並說明去哪改最新消息實測點開→改字→存檔,月曆上真的變了
93「一週從星期幾開始」用詞太長完成提示改「每週起始日」、選項改「週一/週日」。你問的「起始日從…」沒有採用:提示已經講了,選項再寫一次是重複最新消息12/12;⚠️ 改短後踩到一個判斷式 bug(indexOf 從 3 變 0),已修
94分級標籤的顏色與風格不好看完成你選 N1 的形狀、顏色改成淺色四色且不描邊:24px 實心圓章,A 淺紅/B 淺黃/C 淺藍/D 淺灰,字色用同色系深階來客名單・抽屜・週報8/8;整欄寬度一致、四色對比 4.57~7.77 全過 AA
95建案首頁不整齊完成你選 T1:左概況(跟著捲動固定)+右邊六格數字帶與待辦;右半邊每一列與段標都吃同一條格線「對象|說明|狀態」。數字帶直接讀下面的段標,不會各算各的;0 筆的段不佔格建案首頁15/15;說明欄與狀態欄各自只剩一條對齊線
96分頁列被右下懸浮鈕擋住完成有分頁列的頁面右下先留一顆鈕的寬度來客名單・操作明細・帳單・已刪來客實測分頁列 6 顆鈕沒有任何一顆被蓋住
97懸浮快捷鈕要能拖到順手的位置完成按住主鈕拖動(移動超過 4px 才算拖,不會誤觸);放開記在本機、重新整理還在原位;拖到畫面上半部時扇子自動改成往下開;連點兩下回右下角全站15/15;拖曳後展開動作仍正常
98日報「今日要追的人」「當日來客明細」要圖表化完成你選 R2 看板:切到「圖表」時,要追的人依逾期/今日/明日分段,來客明細依首訪/待追蹤/已下訂分欄;看板直接讀原本的清單與表格,不另外維護一份資料,切回「數字」原畫面一字不差業務報表・日報16/16;逾期2/今日2/明日2、首訪3/待追蹤3/已下訂1
99頂欄的案名位置不對完成你選 P2 並要求「不要點點、要整齊」:案名移到左上角,與頁標題同一行(放上面一行會把標題從 98 推到 126);沒有狀態點;文字起點貼齊頁框 104。點開是三個案子+全部建案,換案一步到位。⚠️ 平板以下(≤1020)工具列已佔滿整列,切換器會擠到折行,所以那個尺寸案名回到頂欄原位全站11/11;17 頁都有、建案總覽顯示「全部建案」且不可點;頁框 20/21
100⚠️ 每一頁都跑出建案首頁的內容完成我做 T1 時把 #page-home 設成 display:grid,蓋掉了「非當前頁 display:none」的規則。改成 #page-home.on,並新增一支紅線測試:17 頁逐頁檢查「同時只有一個頁面顯示」,以後同類錯誤會被擋下來全站17 頁逐頁 3/3;手機業務模式也只有一頁
101建案首頁不整齊、空白太多、圓角、待辦標題位置怪完成待辦標題與下面那張卡接成同一張(用樣式接,不搬 DOM——那個容器會重畫);左欄補「銷售進度」與「昨日」,下面不再是一大塊白;段標灰底與列共用同一條左右邊界;段標圓角改成外框−內距的同心值;左欄最上面加案名建案首頁7/7
102日報預設要是數字版完成不再記住上次選的圖表,每次進來都從數字版開始業務報表實測重新整理後回到數字版
103看板裡面不整齊、最下面沒切齊完成欄位撐到卡片底(空白留在欄位裡而不是欄位下面)、欄標同一條線、左卡三段等高業務報表・日報兩張卡下緣同一條線;右卡三欄同底同頂
104獎金總覽六格要改成日報那條 K1 帶完成六張分離小卡→同一個容器+細線分隔;標籤在上、數字在下;數字不再用四種顏色,只有「總獎金」用主色(它是其餘五格的總和);已領那格右側補「未領多少」業務獎金16/16;三種寬度、六格標籤與數字各自在同一條水平線
105導覽的說明卡很醜(白字浮在遮罩上、置中、鬆散)完成全部升級成跟「常見問題」同一種實卡:左對齊、深色卡、有圓角陰影;內容自動排版——①②③ 變編號步驟、・變條列、「紅字=已逾期」這種變成對照列(紅/琥珀/藍會自動上色)全站使用說明3/3;導覽 53/53
106成員卡右上角有白色缺角完成那個缺角是用白底+兩個圓弧「咬」出來的,白色只有在白卡上才隱形;成員卡有淡底(邀請中琥珀、登入中深色)就露餡。成員頁改成不咬角,鈕直接浮在卡上、加毛玻璃底人員實測 .bay 背景透明、咬角的偽元素已關
107確認框說「建議改用封存」卻沒有封存可按完成確認框支援第三顆鈕;永久移除的確認框多了「改用封存」,按了直接封存那位成員人員實測確認框有三個選擇
108表單下拉是作業系統畫的,跟全站選單不一樣完成所有對話框裡的原生下拉一律換成全站同一顆浮層選單(值寫在隱藏欄位,送出流程不變);新增的表單也預設用這一套全站對話框6/6;新增來客實測 0 個原生下拉
109新增來客的版面不平衡,左邊空一大塊完成選項超過 6 個的欄位(來源)跨整排,晶片攤成多欄;隔壁欄不再被撐出一大塊空白全站對話框實測「來源」已跨整排
110來客詳情三個分頁不整齊完成購買紀錄/基本資料/關聯共用一套格線:表單列底部對齊、按鈕跟輸入框同一排收尾(「新增關聯」原本被壓成獨立一排)、金額獨立一欄靠右不跟「移除」擠、基本資料三欄等寬來客詳情3/3;約訪 31/31
111建案首頁待辦太寬完成同一張卡裡改成兩欄,單列寬度從 1000+ 降到 483;欄內每一列仍吃同一條格線。左欄底部與待辦標題重複的「昨日/看日報」刪掉,只留一份建案首頁9/9
112⚠️ 建案首頁待辦疊字完成我上一輪把待辦改兩欄時,卡片原本是 subgrid(每張佔 3 列共用列高),被放進只給 1 列的格子,標題與兩段疊成一團。截圖有拍但沒打開看就交付。已關掉 subgrid 改一般區塊,並新增「任意兩段字不准重疊」紅線測試建案首頁6 種尺寸 18/18 無疊字
113⚠️ 來客詳情的下拉被重複換裝、出現巨大箭頭完成「原生下拉換成全站選單」那支程式選到 .dlg,而來客詳情也是 .dlg、本來就有自己的下拉元件 → 疊成兩個、多一顆沒樣式的箭頭,還移除了存檔要讀的原生欄位。已把詳情排除在外、箭頭在任何容器都固定大小來客詳情購買紀錄/基本資料(含編輯模式)/關聯三頁都 0 個重複、0 顆巨大箭頭;存檔欄位還在
114成交贈品列:金額跟「移除」上下錯開完成名稱+說明在左、金額+移除在右同一排,金額右緣對齊來客詳情實測同一排、右緣同一條線
115日報看板:左邊長、右邊空完成圖表模式時兩塊改成上下各佔整排、都是三欄,欄線上下對齊;預設仍是數字版(就算本機記著圖表也一樣)業務報表兩排三欄欄線完全對齊
116下面統一留一樣高度完成右下⚡原本離底 28、左下「使用說明」與卡片下緣是 32;統一成頁框 32全站4 頁實測都是 32
117購買紀錄:不要兩條線完成成交戶別與贈品列只留下框線、最後一列不畫;我先前多加的上框拿掉來客詳情相鄰列雙線 0
118購買紀錄間距統一完成成交戶別與贈品列上下留白同一個值來客詳情留白只有 1 種
119刪「從銷控表選擇待售戶別…」那句完成整句刪除來客詳情頁面找不到該句
120選擇關係的+位置完成三欄同一排、+縮成小鈕貼在欄位後面來客詳情・關聯標籤與欄位各自同一條線、+寬 ≤26
121來客名單表格沒對齊完成有琥珀點的名字不再被推右;表頭「姓名」、分頁列左右緣都對齊表格來客名單名字左緣 1 條;分頁列貼齊 ≤12px
122事項詳情左右不平衡完成改成 2×2,欄位撐到右緣最新消息・行事曆兩欄、右緣到底
123排休要有捷徑可改完成排休詳情直接改日期/人員、可刪除,不用再去別處找最新消息・行事曆刪除後資料少 1 筆、月曆重畫
124國定假日詳情兩顆鈕重複完成唯讀時只留「關閉」;之後開其他表單「取消」會回來最新消息・行事曆實測兩種狀態
125要統一:詳情裡的下拉清單完成詳情用的下拉清單原本是另一套外觀(圓角 14/內距 4),改成跟全站浮層選單同一套(28/8/選項 20);先前一度疊成兩個框,已排除來客詳情三個分頁清單外觀 5/5 相同、0 個重複框
126使用說明那邊沒改完成指著元件的說明原本仍是白字浮在遮罩上 → 全部改成實卡(第一行是名稱、其餘是補充),引線一律直角,卡片不壓到底部按鈕;底部「點遮罩…頭像重開」那行刪掉(左下已有常駐 ? 鈕)全站導覽17 頁 104 步 × 2 種寬度:實卡、0 互疊、0 出畫面、0 壓到按鈕
127建案首頁還是不整齊:先給 demo完成已被 #154 取代(同上)建案首頁09-24 查證
128來客名單篩選列:搜尋填滿、不要一個筐一個筐完成三方向 F1 搜尋在上・篩選一行字/F2 一條整合列/F3 搜尋+篩選面板。實測現況:有框或底色的東西 17 個、搜尋 176px
09-21 你選 F2 並已套用:一條外框、細線分格;搜尋填滿;行政區/贈品/關聯收進「更多」(鈕上顯示已設幾項);快篩改勾選字;≤1240 搜尋獨佔一行、手機兩欄對齊。清除/存成常用維持圓形圖示鈕(你 09-17 定的圖示鈕規則優先)
demo-來客名單篩選列三方向.html框 17 → 1/1/3;搜尋 176 → 1246/605/899px(1440);390 寬 0 橫向捲動
129Run 指令帶「#home」打不開完成一般路徑後接 #,open 會當成檔名;改用 file:/// 網址。已寫進記憶交付指令格式file:/// 版實測 exit 0
130⚠️ 手機「最新消息」公告標題整個看不見(總複檢發現)完成四欄+右側預留 108px 給滑過才出現的鈕,標題欄被擠成 0。改成三行:標題/類別・發布者・日期/內文;操作鈕點開那列才出現最新消息 ≤640390 截圖四則標題都在、日期不再被切
131手機「分析」七個章節字變直排(總複檢發現)完成改成一排可左右滑分析 #ana2Tabs ≤640390 截圖一排橫向;直排偵測 0
132手機行事曆:「行事曆」標題直排、「1 項」折兩行、「今天」直排(總複檢發現)完成標題獨佔一行、件數不折行;今天已是實心圓,不再加字最新消息・行事曆 ≤640390 截圖;直排偵測 0
133手機「分析」表格最後兩欄被切、字直排(總複檢發現)完成表格改可左右滑,長句欄至少 11rem分析 .ax-table ≤640390 截圖列高回到正常
134手機銷控表車位格四行字互壓(總複檢發現)完成手機改成至少同高、內容多就長高(同一排一起長)銷控表 .mg-pcell ≤640390 疊字 12 → 0
135頁碼鈕不是正圓(2、64、‹ ›)完成內距 8/12px 撐成 32~40 寬的橢圓 → 一律正圓.pager(來客名單・操作明細・帳單・獎金)4 頁 × 3 寬度不正圓 0
136單一字的小徽章不是正圓完成分析「✎」、成員「你」、勾勾表單字選項、銷控格內與圖例「小/大/充」各頁全站不正圓只剩設計規範頁的圓角樣本(刻意示範用)
137建案首頁六格在 1024 寬「3 戶・車位 3」折行壓到下面小字完成數字與單位不折行建案首頁 .hm-k11024 疊字 1 → 0
138日報六格在 ≤1020 變兩排時上下貼在一起完成兩排之間加 --s5 間距、第二排開頭不再多一條左線業務報表 #reportsDaily .dr-cards768 疊字 3 → 0
139建案首頁待辦段標手機圓角 12(不在刻度上)完成固定 --r-mini建案首頁390 非刻度圓角 0
140使用說明:設計規範頁沒有專屬說明(會退回全站版)完成新增 4 步:這頁是什麼・看的順序・注意・常見問題導覽 TOURS.guide17 頁都有專屬說明
141使用說明:各頁漏講的按鈕完成案名切換(16 頁第一步)、常用組合、全選、每頁筆數、批次建立/新增單筆、看今日名單、行事曆上一段/下一段/本月、搜尋成員、各表頁碼、方案呈現方式與比較表按鈕導覽 TOURS覆蓋率檢查:16 頁漏講 0;銷控表批次列(選取後才出現)寫在「工具列」那步
142使用說明:內容過時完成報表「會記住」→ 每次進來是數字、圖表=日報看板+週報圖;⚡可拖曳+點兩下復位;點行事曆事項可看詳情/改排休;頭像與左下 ? 鈕導覽 TOURS新寫的句子逐句拿畫面驗:6/6(拖曳會記住、雙擊復位、報表回數字等)
143平板寬度導覽「左側工具列」那步標籤跑出畫面完成≤1020 側欄變頂端橫條 → 改成中間一張實卡,依畫面由左到右列出功能;標題改「上方工具列」導覽 tourRender768 截圖;出畫面 0
144「看今日名單」只跳頁、沒有篩今天完成跳過去時來訪日自動設成收客表單上的日期現場收客 → 來客名單實測點擊後 #laRange 設定
145來客名單「全選」勾了之後沒有任何動作完成勾選框看起來能批次處理,實際沒有批次列(假裝有功能)。二選一:加批次列(指派/匯出/刪除)或拿掉勾選欄
09-21 更新:⚠️ 我上一輪判斷錯了:批次列本來就有(勾選後從底部浮出「已選 N 筆+批次指派+取消選取」),是我檢查時找錯元件名稱。依你要求補上「匯出勾選」(只匯勾到的列、沒有匯出權限的角色與業務手機藏起來)
來客名單實測勾全選後畫面無變化
146來客詳情「記錄贈品/移除」按了沒反應完成原本就壞:贈品程式要找的價格頁元件在 Enson 合併銷控/價格頁時被拿掉。屬 Enson 區塊,要你決定要不要我修
09-21 更新:你說要修 → 已修:贈品程式原本要求價格頁與詳情的元件全部都在才啟動,價格頁在合併時拿掉後整段沒跑。拆成兩半各自檢查,詳情這半只看詳情自己的元件
來客詳情・購買紀錄verify_select_unify 7/8(沒過的就是這條)
147給你看過的 demo 自動歸檔進網頁 skill完成兩份 demo 去識別(案名、人名、公司、品牌色)後存檔,附做法與地雷annie-web/references/後台首頁與篩選列版型.md+2 份 html殘留字串掃描 0
148Safari、Windows、iOS 真機相容無法驗證我只能用 Chrome 引擎驗(含手機寬度模擬);Safari/Windows/iPhone 實機要你或工程師開一次—未驗證
149「刪除這筆排休」改到跟儲存同一行,用刪除按鈕完成底部按鈕列最左邊一顆紅字「刪除」,取消/儲存靠右;其他表單不會出現最新消息・排休詳情verify_offdetail:三顆同一排、刪了真的少一筆、其他表單沒有刪除鈕
150排休日期點了跳出日期選擇、人員改下拉完成日期=日期選擇(點整格就開);人員=全站浮層下拉,名單跟指派業務同一份最新消息・排休詳情verify_offdetail 8/8:改人員後儲存,月曆出現新人員
151登入頁優化:10 種得獎水準 demo(科技感、可以很炫、不要 AI 向量感)完成十方向:液態金屬/霧玻璃/全像識別證/掃描顯影/翻牌看板/墨染大理石/焦散光/巨型字遮罩/建築格柵/玻璃磚牆。特效都是瀏覽器即時渲染,沒有粒子、沒有向量線;原登入頁每一句字都保留
09-21 更新:你選出 L2 霧玻璃/L3 識別證/L4 掃描顯影/L5 翻牌看板,要再優化並符合 Design System,另外再給 10 個 → 見 #156
09-22 更新:你 09-22 說第二輪與 L2+L3 結合都不喜歡:向量感太重、太假,要真實感科技感 → 改走寫實 3D 渲染(見 #170)
demo-登入頁十方向.html10 方向 × 1440/390:原文字全在、0 橫向捲動、特效有畫出來 20/20;錯誤/登入中/成功狀態 5/5
152「記錄贈品」按了沒反應:要修完成同 #146來客詳情・購買紀錄verify_batchgift:移除後合計重算、新增「裝潢金 A1-15F」合計 55 萬、沒選贈品不會新增;verify_select_unify 8/8
153來客名單「全選」:加批次列(指派/匯出)完成批次列加「匯出勾選」,指派原本就有來客名單verify_batchgift:勾 2 列→已選 2 筆;匯出檔只有表頭+2 列;批次指派兩列都改成周家瑜;取消選取全部清掉
154建案首頁 H3 右邊待辦中間空白 → 再給 5 個 demo完成A 標籤進列/B 分段小卡/C 依急迫度排/D 分段欄合併/E 左點右看;左邊焦點卡+八格不動
09-21 更新:你選 A 標籤進列 → 已套進工作檔:左邊焦點卡+八格篩選、右邊一張待辦清單,分段名變成每列的小標籤;原本的點擊(看名單、開來客詳情)全部保留;導覽改指新的區塊
demo-建案首頁H3優化五方向.html5 方向左右高度差 0;同一行字之間最大左右空白 H3 原本 789px → A 357/B 499/C 621/D 183/E 56;手機 0 橫向捲動
155使用說明「常見問題與錯誤處理」改用 C 情境卡完成每一則一張白卡:類別標籤(常見問題藍/錯誤處理琥珀)+問題+解法,兩欄;取代 G1 兩欄分流全站導覽verify_faqc:17 頁(桌機)/8 頁(手機)都是白卡、則數跟原文一樣、不出畫面、不壓到下方按鈕
156登入頁第二輪:L2~L5 再優化+再 10 個,要符合 Design System完成L2+霧玻璃/L3+識別證(成功時插卡+VERIFIED)/L4+掃描(當天第一次才播)/L5+兩片式翻牌;新:拉絲金屬/水面倒影/日照光影(跟時間走)/磁流體/雲層天幕/壓克力層疊/樓板堆疊/手電筒浮雕/極光帷幕/對焦。token、字型(MiSans 400/500/600)、表單元件全部照工作檔
09-21 更新:你問 L2 跟 L3 能不能結合 → 做了 3 個結合方向(見 #165)
09-22 更新:同 #151,改走寫實 3D
demo-登入頁第二輪.html14 方向 × 1440/390:原文字全在、0 橫向捲動、特效有畫、0 疊字;桌機 14 方向字級/字重/圓角全在刻度上、字型是 MiSans;共 48/48
157手機導覽底部「上一步/✕」貼到螢幕邊完成手機縮小導覽按鈕列的間距與內距全站導覽 ≤640390 寬按鈕列左右各留 41px
158用字統一:編輯/修改→編輯、勾勾表/來客表→勾勾表、跟進/追蹤→追蹤;其他不用統一完成「修改」15 處→編輯(「新增修改」→「新增、編輯」)、「來客表」8 處→勾勾表、「跟進」56 處→追蹤,含篩選條件與導覽文字全站scan_terms:三個舊詞剩 0 處;其他同義詞照你說的不動
159來客名單名字前的琥珀點 → 移到名字後面,名字才會整齊完成點改排在名字後面(同一行、垂直置中),名字左緣全部對齊;表頭原本為了點多推的空間拿掉來客名單verify_dotafter 6/6:有點與沒點的名字左緣差 0px、點在名字右邊、懸浮提示照舊
160底價檢視角色要看得到銷控矩陣完成同 #42銷控表verify_priceview 8/8:矩陣出現、只有底價層、點格開價格歷史、批次列只剩批次調整底價;管理員與專案角色不受影響
161操作明細:異常操作警示完成大量匯出(≥500 筆)或大量刪除(≥10 筆)→ 頁首一行琥珀警示帶,列出誰、幾點、做了什麼;「只看這 2 筆」一鍵篩出;表格那兩列也上琥珀底。另加 2 筆示意紀錄(匯出 1,268 筆、批次刪除 23 筆)讓畫面看得到操作明細verify_auditsort:警示帶出現、只看 2 筆→筆數變 2 筆、再按回 32 筆
162操作明細、已刪來客、帳單紀錄表頭排序完成時間/刪除時間/開立日期三欄可點,新→舊與舊→新切換,樣式跟來客名單的 ▾ 一樣;有分頁的先排序再切頁操作明細・已刪來客・帳單紀錄verify_auditsort 10/10:第 1 頁是最舊的 10 筆、第 2 頁接著往後、再點回到新→舊
163報表空狀態完成選到開賣前(2026-03 之前)或還沒到的日子 → 日報區換成空狀態(圖示+一句話+原因)+「回到最近一天」業務報表verify_repempty 6/6
164詳情窗就地編輯沒有「未儲存」提醒完成編輯中而且有改過,按 ×、按 Esc、點外面、直接點別位來客 → 先跳「有未儲存的內容」(放棄/繼續編輯);沒改過或已儲存就直接關。順手修了全站彈窗的兩個舊 bug:①關掉確認框 0.3 秒內再打開會被自動關掉 ②Esc 關來客詳情時只關掉遮罩、詳情還卡在畫面狀態來客詳情verify_unsaved 12/12
165登入頁 L2 跟 L3 可以結合嗎完成C1 玻璃卡夾(霧玻璃左夾識別證、右表單)/C2 玻璃識別證(卡本身是霧玻璃,中間透明窗看得到光)/C3 口袋浮出(表單是玻璃口袋、卡插在後面,成功時抽出蓋章)
09-22 更新:三個結合方向都不採用,改走寫實 3D(見 #170)
demo-登入頁L2L3結合三方向.htmlverify_combo 23/23:桌機+手機 0 疊字、不出畫面、光有畫出來、帳號同步、登入成功蓋章
166動態元件文件更新完成見 CRM_動態元件與全站UX總檢.html 最上面的「09-21 現況」CRM_動態元件與全站UX總檢.html見該檔
167D1 切換滑塊、D2 動態島、D3 堆疊 Toast、D4 滾輪數字、D10 清單進場、E1 側欄膠囊、E4 匯入進度環:同功能全站統一改同一個動態元件完成16 組切換鈕共用一顆會滑的膠囊;來客名單與銷控表兩條批次列統一成同一顆墨色島;所有 toast 呼叫點自動變堆疊卡(失敗類換琥珀);KPI 每位數滾到定位、滾完換回純文字;所有表格換頁/篩選時新出現的列浮上、排序不重播;側欄選中底色是一顆膠囊滑到新頁;匯入解析先跑進度環打勾再進第二步。D1 與 D10 跟 09-05 的動態規則(彈簧只給開關、表格列不做進場)衝突,照你這次指示做全站verify_motion0922 19/19;回歸 views 3/3、overlap 18/18、tours 53/53、f2 15/15、priceview 8/8、visit 31/31 等全過
168帳單與方案裡的數字/圖表切換:不需要完成刪掉切換鈕與導覽裡講它的那一步;固定看數字版,之前選過圖表的人打開也是數字版帳單與方案verify_planrm 4/4
169動態元件文件:深入分析並更新、有些功能已移除、全站樣式統一、多一點有趣的動態元件、demo 要得獎水準完成新版放最上面:統一動態規格、這次上線 7 項、12 個新元件 × 3 方向(儲存回饋、開啟詳情、勾選框、刪除列、銷控格改狀態、KPI 滑過、篩選條件、通知面板、分頁、搜尋、載入、提示框),可操作、可重播、可勾選並複製選擇;舊版 63 項逐項對照(已做 13/部分 14/還沒做 27/功能已移除 6/不再適用 3);09-01 舊版整份收在最下面
09-22 更新:你選了 N1-A、N4-A、N7-A、N8-A、N10-B、N11-A、N12-C 並已套進工作檔(見 #171);N2、N3、N5、N6、N9 你標「未選」,先不動。文件裡這 7 張標成「已套進工作檔」、第 02 節補成 14 項
CRM_動態元件與全站UX總檢.htmlverify_mv2:36 個方向都有內容、JS 錯誤 0、1440/390 無橫捲、舊版 79 個勾選還在、選擇重整後保留
170登入頁:都不喜歡,向量感太重太假,要真實感科技感;用寫實 3D 渲染;你找參考給我等你決定拆了 5 個得獎站(Igloo Inc、Lusion Gemini、Lusion ION、Petralithe、Cobloc),拆解表等你確認後才動手登入頁參考站實際開啟並截圖;未開始做
171動態元件選擇:N1 儲存 A 形變打勾、N4 刪除 A 往左滑出、N7 篩選 A 飛進標籤區、N8 通知 A 從鈴鐺長出來、N10 搜尋 B 結果浮上+標重點、N11 載入 A 骨架微光、N12 提示框 C 滑行跟隨完成儲存:只在真的存成功(彈窗關了或跳成功通知)才在按鈕位置播縮圓→轉圈→綠勾,跳提醒不播;刪除:來客與消息往左滑出、下面補位、復原滑回;存成常用:新標籤從愛心鈕飛進常用組合;鈴鐺:晃一下、面板從鈴鐺長出來;搜尋:⌘K 結果浮上+符合字標琥珀底、來客名單搜尋也標(名字不會被拆開);骨架:換建案、報表換日期或日週月先閃 0.45 秒;提示框:相鄰按鈕間直接滑過去換字。N11-A 是背景漸層(看情況類),你選了視為點頭全站verify_motion0922b 15/15(含名字不被拆開、沒存成功不播勾);回歸 views、overlap、tours、f2、首頁、未儲存、priceview、visit、第一批動態 19/19 全過
172快捷篩選(久未追蹤/未指派/跨案)的方框勾選框:改成圈圈、跟全站統一完成掃過全站所有勾選框:只有這三個是自己畫的方框(12.8px、圓角 4px),其餘都是圓形 16px;改成一樣的圓形、一樣的線色,勾起來填深藍加白勾來客名單verify_fix0923:尺寸與圓角跟表格內的勾選框完全一致;勾起來是圓形深藍+白勾
173來客名單的分頁列移出灰底、跟其他頁統一完成分頁列原本在灰色卡片裡(只有這一頁這樣),移到卡片外的白底上;左右內距改成跟操作明細、帳單一樣來客名單verify_fix0923:白底、不在卡片內、左右邊界與內距跟操作明細與帳單完全一致;換頁仍正常
174勾勾表範本的切換鈕壞掉(選中的沒有底色)完成原因:換範本時那一列會整個重畫,把 09-22 加的滑塊一起刪掉。改成滑塊被刪掉時自動補回來,全站 16 組切換鈕都受保護勾勾表範本verify_fix0923:滑塊對齊選中的範本、深藍色;換範本重畫後滑塊補回並停在新的那格;JS 錯誤 0
175導覽的說明卡蓋到內容(勾勾表範本頁)完成原本只有「蓋到亮區就加深色底讓字看得見」,沒有把卡片移開。改成先找不會蓋到亮區的位置(下/上/亮區右/亮區左/畫面底),真的沒位置才加深底;多張卡的整欄也會移到亮區旁邊全站導覽勾勾表範本 6 步逐步量測:原本 2 步蓋住亮區 → 0 步;截圖逐步看過
176分級下拉按鈕上出現方框完成那是鍵盤焦點框:選單關閉時程式把焦點送回按鈕,Chrome 誤判成鍵盤操作。改成記住目前是滑鼠還是鍵盤——滑鼠操作不畫框,一按 Tab/方向鍵就回到鍵盤模式;F2 篩選列的格子改用貼著內緣的細框(格子本來就是方角)全站verify_focusring 4/4:滑鼠點開關掉沒有框、鍵盤操作有框、來回切換都正確
177帳單與方案:現有方案往上移、跟標題同一行完成「現有方案 Premium 2025-03 訂閱至今・下次扣款」併進頁標列(跟權限、成員同一個版型:頁標+重點+說明);原本那一行刪掉,卡片上的標籤改成「現有方案」以免漏掉語意帳單與方案標題與說明同一行(高度差 <14px);頁標上緣仍是 96;截圖看過
178全站動態元件盤點:還有什麼得獎水準的可以做(送 Codex 複審)完成結案:已由 #203、#269 接手 盤點後提 14 項候選(銷控矩陣共享元素、掃描聚焦、批次確認波、圖表進場、期間切換、表頭釘住、排序滑動推廣、回到頂端、精靈進度、欄位驗證、下拉展開、空狀態描繪,+Codex 指出漏掉的「失敗與重試」「圖表鍵盤可讀」)。Codex 提出 30 條問題:採納 26、部分採納 3、整項駁回 1(共用焦點框)
09-23 更新:你要求「做成跟總檢一樣可以點的 demo、統整進去、再多一點樣式」→ 14 項全部做成可操作 demo、每項各兩種樣式(共 28 個),已併進 CRM_動態元件與全站UX總檢.html 的 SECTION 06,可勾選與複製選擇
CRM_動態元件下一批建議.htmlverify_proposal_v2 8/8:14 項、22 條裁決、時長全部落在 0.18/0.25/0.35 三級內、桌機與手機都無橫向捲動
179權限頁與成員頁:UI 優化方向(成員頁資訊文字太多)完成結案:已被 #211 權限 P3、#217 成員頁定案取代 權限頁:P1 角色在左+權限一條清單/P2 角色比較矩陣/P3 精簡卡+一行摘要。成員頁:S1 一人一列(欄位標籤只出現一次)/S2 精簡卡(拿掉所有欄位標籤、每張從 9 行降到 3 行)/S3 依單位分欄。用工作檔真實內容排(5 角色、29 項權限、12 位成員)
09-23 更新:你說六個方向都不喜歡、要特別一點 → 依「連續否決同一類提案就換框架」的規則整份重做:權限改成地圖/白話句子/兩角色對照,成員改成按建案編組/活躍度時間軸/名冊,全部可直接操作
demo-權限頁與成員頁三方向.htmlverify_permstaff 8/8:六個方向、桌機與手機 0 疊字、0 橫向捲動;六張截圖逐一看過
180下一批動態元件:可操作 demo 併進總表、每項多一種樣式完成A1 放大/拉線、A2 對角線/中心擴散、A3 從批次列/依序、B1 長出描繪/由左揭露、B3 淡出淡入/上下滑、C1 浮起/縮起、C2 純滑動/滑動+淡入、C3 圓鈕/進度環、D1 連接線/進度條、D2 邊框/抖動、D3 高度/從按鈕擴散、E1 描繪/彈入、F1 警示帶/卡片翻面、F2 方向鍵巡覽/數值常駐CRM_動態元件與全站UX總檢.html SECTION 05(09-23 編號對調)verify_next_demos 9/9:28 個 demo 都有內容、重播後沒有東西跑出舞台、桌機與手機無橫向捲動、JS 錯誤 0
181成員卡:改回右上角有缺口的外型,裡面資訊統整優化但全部保留完成缺口(白底+左下圓角+兩個圓弧)復原;資訊從「一項一行」改成五段:①頭(頭像/姓名/單位+你)②角色+類別+啟用開關同一行 ③可存取建案(放不下自動收成 +N)④電話 ⑤最後登入。邀請中的卡多一行「邀請中 N 天・尚未接受邀請」。一項都沒刪#page-staff .lead(st-row2/st-line/st-foot2/st-inv)+ head padding-right 6.4rem→5.4remverify_staffcard 9/9:缺口三項、同一行、電話與最後登入都在、五段不溢出、+N 正確收合、12 張卡名字與單位截字 0、疊字 0、JS 錯誤 0
182來源下拉的底色跟背景太接近完成未展開用 --fill、展開中(aria-expanded)用 --fill-2,跟篩選列其他按鈕同一套篩選列 hover 與展開狀態 CSScomputed style 實測底色與背景不同值
183建案首頁三塊要不要有一塊改填底完成09-24 你決定:不要,維持三塊白底框線;這項結案建案首頁工作檔沒有動
184來客名單預設一頁 12 筆完成原本下拉只是示意(按了只跳 toast),列數其實由「一頁塞得下幾列」決定,1440×950 實測算成 9 列。改成真的分頁:預設 12,可切 20/50/100,頁碼依每頁筆數重算,頁尾寫「共 N 筆・顯示 1–12」laPageRows/__laGo/__laSetPP+原自動算列數改吃每頁筆數verify_perpage12 10/10:預設 12、四個選項、第一頁 12 列、第 2 頁 4 列、切 50 看得到全部、套篩選後仍 ≤12、JS 錯誤 0
185業務獎金明細:編號底下多一行「車位」是多的完成編號帶 P 就看得出是車位,標籤刪除獎金明細 bn-row 的 unit 變數掃 12 張表列:「車位」小標 0 個
186成員卡:缺口圓弧會戳出尖刺;卡內資訊的比例、對齊、平衡完成圓弧:槽高 41.6px、圓角卻給 28px,兩段弧接不上——圓角要 ≤ 槽高−補角半徑,改成 14px。比例:建案列標籤比電話列窄 8.8px(值的左緣差一截)→ 三個標籤同寬,值對成一條線;段距原本 8/8/29.2(中間空一塊)→ 改成平均分配 15/15/15#page-staff .lead .bay/.st-line .microlbl/.lead justify-content弧線掃描:跳動 0 次(修前 1 次尖刺);verify_staffcard 9/9;實測標籤同寬 67.2px、值左緣同 99.2px
187日報「當日來客明細」:七欄寬不平均、最後一列底色沒對齊、標題與「時間」欄沒對齊完成七欄 11/14/12/14/10/20/19 → 一律 1/7;最後一列被抽掉下內距(矮半截)→ 補回;首欄靠左切齊標題、末欄靠右切齊卡片內緣#page-reports .dr-table 欄寬與首末欄對齊規則verify_drtable 7/7:七欄都 128px、時間欄左緣=標題左緣 492、狀態欄右緣=表格右緣 1388、列高一致、無橫向捲動
188購買紀錄:主建物與車位改左右排,中間不要空一大片完成原本上下兩列、金額被推到最右,中間空 300px。改成左右各佔一半,金額靠各自那半的右緣,右欄金額與「成交總額」「合計」對在同一條右線上#d4 #leadPurchaseList(grid 兩欄)verify_buyrow 6/6:同一列、兩欄等寬 351px、金額各自靠欄右、右緣貼齊容器、無溢出、JS 錯誤 0
189動態元件總表部署上去(更新之前那份網址)完成覆蓋 crm-ux-audit.pages.dev 9/4 舊版;只上傳網頁本體、快取設定、404 頁(帳號暫存檔不會被帶上去)。上線前修掉提示字壓表格 4 處、導覽編號 04→06→05 跳號deploy-ux-audit/打包上線.py正式網址 916,292B 與本機一致;verify_mv2 14/14、verify_motion_doc 10/10、線上版 verify_live_ux 8/8
190來客名單:頁尾跟「使用說明」齊底、整頁不捲、名單在區塊裡捲、區塊釘住完成桌機(≥1024)區塊高度撐到跟說明鈕同一條底線,表頭釘在上面;窄螢幕維持整頁捲#page-leadsall .block.la-fit+撐滿卡片那段verify_lafit 21/21:四種視窗大小頁尾與說明鈕差 ≤0.4px、整頁不捲、一頁 12 筆、捲名單時頁面與表頭都不動
191來客名單:橘點刪除、關聯與回訪各一欄、操作欄拿掉改滑過顯示編輯完成久未追蹤的判定改記在列上(篩選照常);關聯「3 人」、回訪「2 次」放在足跡建案右邊、可排序;滑過列右端浮出編輯鈕(開詳情窗的基本資料)。操作欄裡的「刪除」沒有別的入口,改放到勾選後的批次列(可復原),否則刪除會整個消失名單表格、詳情窗讀寫欄位、批次列verify_leadcols 16/16:表頭與 12 格對得上、橘點與名字旁標記 0、快篩照常、排序、編輯鈕置中不壓字、批次刪除與復原、詳情窗日期沒抓錯欄
192行事曆:固定週日開始,起始日選單刪除完成兩個行事曆的「⋯」都拿掉;順便修掉「本週 │ │」兩條分隔線相連行事曆工具列verify_visitcal:週日開始、選單 0 個、分隔線不相連
193業務約訪行事曆:多加假資料、格子展開、排休灰格寫「休」完成補 28 筆(每位業務本週都有約);每筆展開成時間/姓名/建案三行、格子最矮 96px、月檢視不再收成「另 N 組」;排休整格灰底寫「休」,半天寫上午/下午,排休還有約就寫「仍有 N 組約訪」。行事曆「+」與客戶詳情窗「約帶看」兩個入口都實測過,建完行事曆自動出現約訪資料、週曆畫法與樣式verify_visitcal 14/14;verify_visit 更新預期值後 32/32
194「分析」單元移除完成左側選單、網址、⌘K 快查、業主快捷動作全部拿掉;舊網址 #analytics 會導回名單。頁面本體先留在檔案裡但進不去(其他功能共用它的資料與樣式)選單、路由、快查、快捷動作verify_rm_analytics 5/5
195建案總覽:G3 成就徽章 × E2 去化環 × A 焦點卡(你指定的組合)完成卡片:案名+狀態膠囊+地點 → 去化環+四個數字 → 六個成就 → 近 12 週來客+滑過才出現「進入建案」(觸控常駐)。狀態色:銷售中淺藍、預售淺橘黃、完銷淺綠(膠囊與圓環同色)。新增建案改成卡片下方一條虛線長條。青園銷售率改用建案首頁的 13/72=18%(原卡片寫 19.4% 對不上);卡片不再放建案照片(你挑的三個 demo 都沒有)#page-projectsverify_projects_pc 25/25(1440/1280/834/768/390/360)
196建案名稱兩種寫法:統一成「秴楓」完成Annie 裁定「秴楓」才對;工作檔 5 處、舊 demo 3 份共 6 處全部改掉全站資料—
197建案近 12 週來客加總比累積來客還多(資料矛盾)完成恆山 119→111、秴楓 936→892(等比例縮小,≤ 累積);建案首頁走勢圖與建案總覽卡同一份資料一起換(本週來客 恆山 16→15、秴楓 38→36)PROJTREND、#page-projectsverify_projects_pc 25/25
198勾勾表範本:右邊手機預覽改成平板預覽完成大部分人用平板勾選。預覽改成 3:4 平板外框、內容兩欄排;高度跟著視窗走,1280×800 筆電也放得下;說明文字與導覽教學同步改成「平板」勾勾表範本 .tpl-phone.tabletverify_tpltablet 21/21
199來客名單頁尾「每頁 12」不整齊完成下拉拿掉外框、字級跟左邊「共 N 筆」一樣,中間用一條細分隔線隔開,整條頁尾同一個高度#page-leadsall .la-footverify_perpage12/verify_lafit(本輪回歸)
200操作紀錄:頁碼靠右、改名「操作紀錄」、刪「32 筆」、說明黃底完成「操作明細」6 處全改「操作紀錄」;筆數字樣刪除(操作紀錄、帳單、回收桶同一套);頁碼右緣貼齊表格右緣;右下角的快速新增鈕碰到頁碼時自動移到頁碼左邊。黃底=09-21 加的「異常操作」標記:批次刪除 10 筆以上、或匯出 500 筆以上#page-audit、#page-bills、#page-trash 頁尾verify_auditbills 31/31
201操作紀錄:改成 O1 時間軸日誌(你選的)完成表格留著當資料來源,畫面換成時間軸(依日期分段、一筆一句話、點開看 IP/路徑/編號)+右側摘要(總筆數、異常清單點了直接跳到那一筆、只看異常、各動作比例、排序)。篩選、搜尋、日期、分頁、匯出、異常判定全部照舊;頁首琥珀警示帶與整列黃底收掉#page-audit(時間軸容器+樣式+檔尾程式)、使用說明兩步verify_auditO1 31/31:篩選/分頁/排序/搜尋/空狀態/異常跳轉/只看異常/鍵盤都驗過;1440/1280/1024/390 不溢出;JS 錯誤 0
202帳單:不寫「操作」、滑過才顯示、每欄平均、右下頁碼完成表頭「操作」字拿掉(讀屏仍念得到);按鈕平常隱藏、滑過或鍵盤移到那列才出現(平板一律顯示);7 欄等寬;頁碼右緣對齊#page-bills 表格verify_auditbills 31/31
203動態元件第二輪:請 Codex 提更多更高級的動態元件等你決定Codex 提 48 項:採納 27(全部做成可點 demo,放總表 SECTION 06)/要先補資料或功能 9/不做 9/併進別項 1/要你決定 2(團隊連續完成刻帶、首張簽約落印,我建議都先不做)。總表已更新,09-23 已部署到 crm-ux-audit.pages.dev(線上版與本機逐字相同)CRM_動態元件與全站UX總檢.html、codex-review/2026-09-23-動態元件第二輪/裁決.mdverify_r2 14/14
204青園綠境銷售率:建案首頁 18%、建案總覽 19.4%完成建案總覽改版時已改成跟首頁同一個來源 13/72=18%#page-projectsverify_projects_pc:圓環 18%
205來客名單「每頁」下拉:不要打勾,圓角、內距、白底邊距跟其他選單一樣完成全站下拉清單的勾拿掉(選中的靠淡藍底表示);每頁下拉寬度、字級、邊框改成跟建案選單同一組數值.sel-list 勾號、#page-leadsall .la-foot 下拉verify_fix0923b:寬 176/內距 8/圓角 28/邊框 1/選項內距 8·12/圓角 20/字級/白底邊距 9 全部與建案選單相同;選 20 仍生效
206頁碼統一對齊右邊完成全站頁尾右內距歸零;來客名單另外有一條 09-21 為快捷鈕預留的 3.6rem 右內距(現在快捷鈕會自己讓開),一併拿掉.tfoot、#page-leadsall 頁尾verify_fix0923b:1280/1440/1728 × 6 頁,最右那顆頁碼鈕到頁尾右緣都 ≤1px
207勾勾表範本:「⋯」改成一支筆,點了就重新命名完成筆=直接開「重新命名範本」;原本藏在「⋯」裡的「設為啟用」改成未啟用範本旁的一顆鈕(啟用中的範本不顯示);使用說明文字同步#page-templates .tpl-actionsverify_fix0923b:⋯ 0 個、點筆跳出重新命名、切到未啟用範本出現「設為啟用」
208使用說明中間的正方形小框框(全部修)完成原因:沒有要亮的區塊時亮框縮成 0×0,但 1px 細框線還畫著。沒有大小就不畫框線,一條規則全站生效.tour-holeverify_tourhole:17 頁、116 步,亮框沒大小的 38 步都不再畫框線
209使用說明「注意與權限」:改成 N3 就地標註(你選的)完成建案總覽、來客名單、銷控表三頁的「注意與權限」不再是正中間一張卡:每一條貼到它講的地方——各自亮一格、白卡說明、細線拉過去(不用箭頭)。卡片自己找不壓亮格、不互疊的位置;螢幕窄於 1024 或找不到目標時退回原本的置中卡。原文一字沒改使用說明(tourRender、TOURS 三頁)verify_tournotes 49/49:三頁 × 1280/1440/1920,三張卡+三個亮格、原文一致、不出畫面、不互疊、細線兩端都貼齊、下一步清乾淨;1000 寬退回置中卡
210操作紀錄的使用說明:說明卡跑出畫面完成改成時間軸後「紀錄表」那一步同時亮時間軸、摘要、頁碼三塊,亮區幾乎整頁、說明卡被擠到畫面外。拆成「時間軸」「右側摘要」「分頁」三步,一步亮一塊使用說明 audit 那幾步verify_tourtips 6/6、verify_tours 53/53
211權限頁:P3 角色卡含成員(你選的)完成五張角色卡+虛線新增卡一排、卡上成員頭像(最多 4+N)與人數、系統管理員卡一個鎖;上方灰色橫幅改成卡片下一行鎖頭小字(文字不變)。原本的淺藍成員帶拿掉,「移出角色/指派成員」搬進點頭像才打開的小面板(功能都在)。頁標 9 位成員 vs 各角色加總仍待你確認#page-permsverify_perms_p3 24/24
212權限頁:分析頁已刪,權限不該再有分析完成權限正本拿掉「分析|A~G」七群(剩 8 群),角色滑過說明裡講分析的句子一併刪。現在一排 4 張、兩排等高權限正本 PERMS、角色說明實測:頁面「分析|」出現 0 次、切過 5 個角色都沒有、JS 錯誤 0
213來客詳情窗:刪除要先確認、滑過才出現、頁籤齊左、金額對齊、下拉選完收起、退戶按鈕統一完成移除贈品/解除關聯/退戶都先跳確認(退戶跟銷控表同一句話);移除、解除、更換負責業務滑過才出現(平板一直顯示);「往來紀錄」的字跟內容左緣對齊;贈品金額移到最右、跟成交總額同一條右線;贈品下拉點選項後收起;退戶改成跟其他一樣的按鈕(不是底線紅字)#drawer 購買紀錄/負責業務/關聯verify_drawerfix 17/17:確認框、取消不刪、確認才刪、合計重算、滑過出現、觸控一直顯示、對齊 ≤2px、JS 錯誤 0
214來客詳情窗:T1 落地(你選的,維持下方彈出)完成頁籤改底線式+數量(往來 3/購買 1 戶/關聯 3)、第一個字齊左;面板固定高度,切頁籤不再跳;撥號/指派/約帶看改成圖示(滑過有字);區塊標題、內文、小字三層字級#drawer 頁籤、動作鈕、字級verify_drawerfix 17/17、verify_buyrow 7/7、verify_batchgift 8/8;五個頁籤高度都 792px
215購買紀錄+成交贈品:P-B(你選的)完成主建物/車位兩張等寬淡灰卡、淡藍「成交總額」條;贈品列+淡灰「贈品合計」條(附 N 項);不用+=;垃圾桶滑過才出現在金額左邊(觸控常駐、44px);手機兩張卡上下疊#d4verify_buyrow 15/15、verify_drawerfix 17/17、verify_batchgift 8/8
216關聯頁「關聯為雙向,於對方的關聯頁同步顯示 *」刪除完成整行刪掉#d5工作檔「關聯為雙向」出現 0 次
217成員頁:卡片「可存取建案」字刪除、封存開關刪除、左上+改虛線新增卡、列表操作欄照帳單完成封存改在編輯裡;新增卡放卡片最後、列表下面一條虛線新增列;列表表頭不寫「操作」、圖示滑過才出現、資料欄等寬#page-staffverify_stafftidy 11/11、verify_staffcard 9/9
218業務約訪:一個行事曆一個建案、點日期直接新增完成標題旁切建案(預設跟著目前建案);月檢視點日期、週檢視點表頭日期、點空格都直接開「新增約訪」,日期與建案帶好、來客只列這一案;過去的日子提示不能約#visitWeekverify_visitproj 8/8、verify_visit 32/32、verify_visitcal 14/14、verify_cal 58/58
219(順手修)行事曆點擊常常沒反應完成原因:每按一下滑鼠,全站都會重寫一次 body 的 mouse-mode,監看 body 的行事曆跟著重畫、按住的那一格被換掉,點擊就不見了。改成已經是滑鼠模式就不重寫全站 mouse-mode修前:點月曆日期 0 個事件;修後:事件進來、開出新增約訪
220業務約訪行事曆:K1 Google 週曆(你選的)完成左邊迷你月曆(有約的日子小點、本週反白、今天實心圓,點一天跳到那週)+業務勾選;上方日期列、整天列放排休;10–20 點時間軸,每位業務一種淡色塊、不加邊線;黃三角=排休卻有約、時鐘=過時未回報、紅線=現在;空白時段滑過出現「+ 18:30」,點下去出草稿並開新增(日期時間帶好);同時段左右分欄;平板收掉側欄;手機維持業務自己一列#visitWeek 週檢視verify_vk1 18/18、verify_visit 32/32、verify_cal 58/58、verify_visitcal 14/14、verify_visitproj 8/8
221客戶分級:詳情窗名字旁的分級點一下就能改(你同意的)完成選單只有 A 級~D 級四個字(沒有紅點黃點);改完詳情窗、名單那一列一起換,往來紀錄多一筆「分級:從 A 級改成 C 級」;沒分級的顯示「未分級」也能點;鍵盤 Enter 也能開#drawer 標題verify_grade_edit 9/9
222勾勾表範本:右邊平板改細框、真的 iPad 比例、左欄變窄完成iPad 10.9"/Air 直式 820×1180;1px 細框、拿掉粗黑機身;左邊欄位區自動縮,平板預覽 1440 寬 481×692#page-templatesverify_tpltablet 21/21
223(Codex 多裝置)現場收客:送出/清除後上一位的答案會沿用到下一位完成原本只清姓名、電話、購屋目的;來源、來客/來電、日期、房型都留著 → 改成全部回預設;復原也是全部;只改一欄也給復原#page-collectverify_a6_collect 26/26
224(順手修,舊 bug)收客頁「需求房型」按了沒反應完成09-19 範本同步會重畫房型按鈕,點擊卻綁在舊按鈕上 → 改綁在整組上#collectSegRoom修前點 2房 不變;修後 2房 選中
225(Codex 多裝置)勾勾表完成度、選中提示、平板 44px、鍵盤完成表頭「已填 n/7」+進度條;選中的選項右上角一顆勾(不只靠顏色);平板選項 44px;手機送出列固定在底部分頁上方、鍵盤出現時貼著鍵盤;聚焦欄位捲到畫面中段;沒送出的資料重新整理會還原;平板表單放寬、姓名電話並排#page-collectverify_a6_collect 26/26;稽核:平板/手機鍵盤擋 0/3 欄
226(Codex 多裝置)平板觸控目標 44px完成平板 768/834 原本沿用桌機 28–34px(名單 47、成員 36、報表 31 個過小)→ 觸控時全站 44;表格勾選框、開關與權限列:整格/整列可點(外觀不放大);行內人名可點範圍外擴全站(pointer:coarse、≥641)稽核:平板 14 頁過小目標全部 0
227(Codex 多裝置)手機業務:今日來客明細、消息順序、名單完成今日來客明細改一人一列兩行(原本 7 欄表要橫滑兩個畫面);消息頁約訪移到最前;名單搜尋常駐、新增改右下浮動圓鈕、標題筆數=自己名下;待追名單加撥號鈕;銷控左右滑時樓層欄固定;點名單列直接開詳情(不等 0.3 秒)業務手機五頁verify_a6_batch2 20/20
228(順手修,舊 bug)手機名單分頁把別人的來客也算進去完成業務只看得到自己的,但分頁照全部算 → 第 1 頁只剩 3 位、頁尾寫共 20 筆;自己其他客人被擠到後面幾頁#page-leadsall修後:共 4 筆・顯示 1–4,4 位都在第 1 頁
229(順手修,舊 bug)今日頁一有變動就整頁卡死完成09-21 的日報看板監看自己也會改的區域 → 換日期、換角色都會無限重畫;改成重畫時先停止監看#reportsDailyverify_kbloop 4/4;修前頁面載不完
230(Codex 多裝置)平板範本頁:原本直接藏掉平板預覽完成改成「編輯欄位/平板預覽」切換#page-templates ≤1020verify_a6_batch2
231(Codex 多裝置)平板消息:編輯/置頂/刪除只有滑過才出現完成觸控裝置常駐;約訪建案切換「秴楓」不再被擠成直排#page-newsverify_a6_batch2
232平板來客名單要留哪些欄(你選 T1)完成平板與小筆電(641–1180)只留 7 欄:勾選、姓名、分級、電話、來源、來訪日期、負責業務;來客/來電、歸屬建案、足跡、關聯、回訪點進詳情看。表格不用左右滑、表頭照樣排序;1440 桌機維持 12 欄;成員表平板本來就不用滑,不動#page-leadsall1024/834/768:表格寬=可視寬(888/770/704),0 橫捲
233手機銷控:要不要加「戶別搜尋、棟樓跳轉」等你決定Codex 建議的新功能;這次只做了左右滑時樓層欄固定#page-units—
234(順手修,同類第二次)業務約訪第一次用滑鼠點時段沒反應完成週曆監看整個 body 的 class,第一次按下滑鼠全站會加 mouse-mode → 週曆整張重畫、這一下點擊消失。改成只在業務模式/只看自己/預覽角色真的變了才重畫#visitWeek、今日我的約訪修前:第一次點 0 反應;修後:草稿+新增視窗出現
235(順手修)手機業務約訪標題列左右各凸出 4px完成標題列負邊距跟手機卡片內距對齊#visitWeek ≤640verify_grade_edit:凸出 0
236(任務 B)字重收成 3 種完成300 只給大數字、400 內文、500 強調;原本 14 處 600 改 500全站ds_census:字重 3 種
237(任務 B)圖示線寬全站一種 1.1完成改掉 1/1.2/1.3/1.6 共 9 處覆寫;勾勾表方框裡的小勾(2.4)例外:勾選記號只有幾 px,細了看不到全站ds_census:線寬 1.1+1 個說明過的例外
238(任務 B)圓角全部回到刻度、陰影用 token完成約訪色塊 6px→8px、進度條與趨勢小柱改膠囊;寫死的 rgba 陰影改 --shade-1全站ds_census:圓角不在刻度 0 種;css_health:寫死 #hex 0
239(任務 B)使用說明指向已刪除的元件完成最新消息「行事曆檢視」還指著 09-23 拿掉的「⋯」起始日選單 → 刪掉那一項;建案總覽新增步驟改指虛線長條、註記改指完銷卡#page-news、#page-projectspage_inventory:各頁說明找不到的目標 0;verify_tournotes 49/49
240(任務 B)已刪來客搜尋不到時寫「垃圾桶是空的」完成改成:真的沒資料=垃圾桶是空的;沒搜到=沒有符合的已刪來客#page-trashstates_audit
241(任務 B)搜尋框聚焦全站一致、鎖住的開關看得出不能動完成聚焦外框主色(原本只有名單頁);系統管理員鎖住的權限開關變淡+禁止游標、方案未含的也是禁止游標全站搜尋框、#page-permsstates_audit
242(任務 B)建案總覽兩顆「新增建案」完成照成員頁的定案:只留卡片下方虛線長條,頁標那顆藏起來(元件留著給程式呼叫)#page-projectsstates_audit:同頁重複新增 0
243(任務 B)刪掉已移除的分析頁程式完成分析頁整段畫面 85KB、專用 JS 5 段、使用說明 1 段、快捷「對業主分析」死項目、CSS 207 條整條刪+14 條拿掉分析頁的選擇器;別頁也在用的 .anascope/.ana-* 保留;原本藏在分析頁裡的「久未追蹤」按鈕先加防呆全站工作檔 2784KB → 2655KB;全站總複檢 4 寬度 JS 錯誤 0
244(任務 B)控制項高度收成 4 級完成小 28.8(--ctrl-h-sm)/中 33.6(--ctrl-h)/大 40(--ctrl-h-lg,新)/觸控 44(--tap,新);77 處寫死的高度改用 token。會變的:1.9rem 的圓鈕 30→29、頂列頭像 37→34(跟通知、設定一樣)、獎金展開鈕 18→29、收客手機送出 48→44、桌機收客選項 36→34全站按鈕全站總複檢:圓鈕全部正圓(除刻意的膠囊)
245(你的截圖)銷控頁工具列蓋住右上設定選單完成頂列層級提到跟頁面標題列一樣高的那一級以上,設定/通知/頭像選單都壓在最上面;5 頁實測選單每一項都點得到頂列(全站)verify_fix0924e 8/8
246(你的截圖)權限頁成員面板對齊角色卡完成白色成員面板跟上面那張角色卡同寬、左緣對齊、同圓角(第 1、4 張卡都量過)權限verify_fix0924e、verify_perms_p3 24/24
247(你的截圖)詳情窗分級不要寫「級」完成標籤只寫 A/B/C/D;下拉選單與往來紀錄仍寫「A 級」「從 A 級改成 C 級」來客詳情verify_grade_edit 10/10
248(自己抓到)全站陰影失效完成第 B1 批統一陰影時,把陰影色 token 本身也改成「自己指向自己」,全站 14 處陰影靜默消失;已還原原值,並加 verify_tokens 進回歸測試(token 自我參照、算出空值、用到未定義變數都會擋下)全站verify_tokens 3/3
249(自己抓到)人員頁邀請備註的灰字沒套到完成用了不存在的顏色變數,改成全站次要字色人員verify_tokens
250銷控表改成一棟一個分頁(你選 ⑤)完成已做進工作檔:一棟一個分頁+最後一個 P=車位;本案一棟直排+右邊各樓層去化;戶數多填滿寬度。依你後續指示:分頁相連不留空隙、只留大字母(不寫剩/餘)、選中的不高一截(不破格)、不要總覽銷控表verify_units_tabs5 14/14
251(你的截圖)勾選框統一圓形,全站不要方框完成全站 15 頁×桌機/手機掃描,只剩業務約訪週曆的「業務」勾選框是 4px 方角,改正圓、勾勾置中;其他勾選框本來就是圓的。色塊圖例不是勾選框、維持原樣(改圓會變成你不要的紅點黃點)業務約訪(全站掃描)scan_checkbox_round 方形 0 種
252(你的截圖)業務約訪的建案切換不要在中間完成建案切換靠右、貼在日/週/月前面,間距 8(跟右邊那組內部一樣);手機整理成 4 排:標題+新增/建案切換滿寬/日週月+本週/日期業務約訪verify_fix0924f 12/12(1440/1180/900 × 日週月+手機)
253(你的截圖)建案卡「近 12 週來客」刪掉完成3 張卡+新增建案產生的卡都拿掉;底部空出來的那排也收掉——滑鼠:滑過卡片時右上角狀態膠囊換成「進入建案 →」,卡片上下留白一樣;觸控:「進入建案」本來就常駐,留在底部建案總覽verify_projects_pc 25/25、verify_pc_hover_go 5/5
254(你的截圖)建案卡「台中市北屯區・2026-03 開賣」刪掉完成3 張卡與新增建案的卡都拿掉地點/開賣列;建案首頁的基本資料列仍有地點與開賣(沒動)建案總覽verify_fix0924h
255(你的截圖)建案總覽標題旁「3 個建案」刪掉完成這個數字原本是寫死的;使用說明「建案數受方案限制」改指到下方的新增建案長條建案總覽verify_fix0924h、verify_tournotes
256(你的截圖)公告卡「4 則・艾德霍客 3/公司 1」刪掉完成頁首筆數與「沒有公告」空狀態照常運作最新消息verify_fix0924h
257(你的截圖)公告日期往右對齊、右邊不留空白完成平常日期離右緣 16px(原本空 108px);滑鼠滑過那一列才讓出操作欄,圖示不蓋日期(沿用 09-19)。順手修好:公司公告有 3 顆鈕時原本就會蓋到日期(保留寬度不夠),平板常駐時也會最新消息verify_fix0924h 7/7
258(你的截圖)業務約訪顏色太鮮豔完成6 位業務改成跟鋼藍同調、降彩度的一組色(token --sp0~5);月、日檢視的約訪也用業務色最新消息verify_visit_0924l
259(你的截圖)月、日檢視左邊也要小日曆完成三種檢視共用左邊欄:小日曆跟著主畫面、點一天就跳過去;業務數字=目前檢視範圍;取消勾選三種檢視都生效最新消息verify_visit_0924l 14/14
260(你的截圖)「本月 11 組」刪掉完成連同兩邊分隔線最新消息verify_visit_0924l
261(你的截圖)建案卡圓環不整齊、綠色太鮮豔完成數字在圓環正中(% 掛右邊)、完銷綠改淡;徽章字不再只掉一個「40」到第二行建案總覽verify_ring_center 2/2
262(你的截圖)新增建案虛線改到右邊對齊完成桌機=卡片右邊窄直條、同高、上緣對齊,卡片撐滿整排;平板手機維持下面長條建案總覽verify_addcard_right 6/6
263(你的截圖)「成就 2/6」刪掉完成徽章留著;卡片的語音標籤仍有成就數建案總覽verify_projects_pc 25/25
264(你問)「方案設定與注意 還沒改好嗎?全站都要修正」完成全站 17 個說明步驟改成就地標註(你 09-23 選的 N3),剩 16 個問答步驟(另出 demo);窄螢幕保留原文當備援全站使用說明verify_tour_n3_all 8/8(3 種寬度 110 步)
265(你的截圖)使用說明不要換行完成桌機照原文分行、不自動斷行;手機維持換行全站使用說明verify_tour_links
266(你說)說明裡的頁面名稱可以點過去完成「帳單與方案」「成員」「已刪來客」等 19 個名稱變連結:點了關說明、跳過去(說明卡、標註、問答都有)全站使用說明verify_tour_links 5/5
267(你的截圖)來客名單選建案不要跳掉完成頁首選 A 建案=留在來客名單只看 A;選全部建案=回到全部;篩選列跟頁首同步。順手修好:篩選後頁首筆數不會變(09-24 手機批次帶進的問題)來客名單verify_la_projpick 5/5
268(你勾的)動態元件 N3-C 整列掃色完成上一輪漏做;勾下去整列底色從左掃到右,全站表格共用全站表格verify_n3c_sweep 5/5
269動態元件 N2/N5/N9 三個都不要 → 第三輪完成09-24 你選 N2-E 疊層推進(維持從下面彈上來)、N5-E 描邊完成;N9、N6 都不要 → 已做進工作檔(verify_n5e_n2e 15/15) 換新思路各 3 個方向:N2 名字接力/疊層推進/就地展開;N5 字卡滾換/描邊完成/連動上方數字;N9 顯示更多/頁碼尺/依日期分段動態元件ADP/CRM-UI改版/動態元件第三輪-0924/
270最新消息整頁重新統整完成09-24 你選 ② 今天優先 → 已做進工作檔:左欄大日期+小日曆+今天行程+公告,右邊公司事項・節假日・排休・約訪合成一張行事曆(verify_news2 27/27) 三個方向:① 一個行事曆(Apple 行事曆)② 今天優先(提醒事項今天)③ 三個頁籤(Newsroom)最新消息ADP/CRM-UI改版/最新消息整合-0924/
271常見問題與錯誤處理不要一格一格完成09-24 你選 F1 手風琴清單 → 已做進全站使用說明(verify_faqc 4/4) 三個方向:F1 手風琴清單(Apple 支援)F2 左問右答(Stripe 文件)F3 搜尋優先(Linear)全站使用說明ADP/CRM-UI改版/常見問題三方向-0924/
272(你的截圖)勾勾表範本第 13 題說明下面白色擋住部分完成無頭 Chrome 一般與 Retina 都重現不出來、結構上沒有東西壓住;字形被切像是 Chrome 畫面沒刷新。請重新整理或重開 Chrome 後若還在,截圖給我勾勾表範本未重現
273(你選的)動態元件 N2-E 疊層推進、N5-E 描邊完成完成開來客詳情時後面主畫面縮 97%、變暗一點(詳情照舊從下面彈上來);銷控格改狀態時新狀態色沿外框畫一圈再填色(單戶、車位、批次、退戶都有)來客詳情・銷控表verify_n5e_n2e 15/15
274(你選的)常見問題改 F1 手風琴清單完成一張白卡、細線分隔、一次只開一題;答案裡的頁面名稱照舊可點全站使用說明verify_faqc 4/4
275(你選的)最新消息 ② 今天優先完成左欄:大日期+小日曆+今天行程(點排休看詳情、點約訪開來客)+公告;右邊合併行事曆,上方圓形勾選=圖層;+改成選單(約訪/公司事項/節假日/排休);桌機預設月、手機預設週最新消息verify_news2 27/27;舊測試 6 支改期望值;verify_cal 退役
276(你問)提示標籤有其他顯示方式嗎等你決定做了 T1 白色膠囊/T2 霧面玻璃/T3 主色膠囊/T4 細線標註,放在仿 CRM 側欄上可以滑全站ADP/CRM-UI改版/提示標籤四方向-0924/
277(你說)部署上去 → 09-25 更正:你的意思是推 git完成誤放到 Cloudflare 的 crm-merged-demo 已撤回:正式網址還原成 9/5 原本那版、09-24 放的三個版本刪除(打開 404)線上 demo比對 9/5 原版相同;三個網址 404
278(我自己抓到)銷控表從別頁點進去,格子縮成 48×16完成銷控在背景先畫、量不到寬度就沒設格子大小;改成頁面顯示後補算。已重新部署。新增紅線測試:每一頁「直接打開」跟「從導覽點進來」畫面要一樣銷控表verify_nav_render 2/2(反向測試:修正前的檔案會失敗)
279(我自己抓到)從別頁切到來客名單時,右下快捷鈕沒讓開頁碼完成切頁後檢查太早(進場動畫還沒落地),補一次 0.7 秒後的複查來客名單probe:直接開與點進來位置相同
280(你說)計畫送 Codex 高標準 UI/UX 健檢、只列還沒決定跟要改的完成Codex 36 條+待決建議,逐條用真的 CRM 查證:採納後整理成最上面的 13 項待決、7 項要改、2 項要你確認,每項附改前/改後;其他章節預設收起本檔最上面截圖逐張看過
281(你的截圖)最新消息左上角能換建案,行事曆就不要再一排選建案完成行事曆那排拿掉;左上角選建案=就地篩行事曆與今天行程(不跳頁),全部建案=全部約訪。「發佈公告」從頁首移到公告卡標題右邊(跟行事曆的+同一種、各管各的卡)最新消息verify_news2
282(你的截圖)銷控不要破格、右邊不要空白、去化那個不需要完成分頁列一整條到底(中間與右邊不再斷開),P 留在最右;格子填滿寬度、到上限時置中;「各樓層去化」拿掉,不再分左右兩欄銷控表verify_units_tabs5
283(你說)「方案設定與注意」裡的連結點了不會跳完成原因:連到的就是業務獎金頁本身,只把說明關掉。改成連到本頁頁籤時直接切到那個頁籤(說明卡與就地標註兩套都改)全站使用說明實點:說明關閉、頁籤切到方案設定
284(你的截圖)成員卡片不整齊、圓角、卡片裡太多框完成右上缺角拿掉(編輯/刪除改成標題列右邊淡色小圓鈕);角色・屬性・建案改純文字;建案一行放不下收成 +N;同排等高、電話與最後登入貼底對齊;邀請中那張不再被切(原本鎖長寬比)成員截圖逐張看過
285(你的截圖)權限頁鎖頭那行刪掉或放進系統管理員、右下不要空白完成那行拿掉,系統管理員卡寫「ADMIN・權限固定全開」;8 張權限卡一排 4 張、兩排排滿、同排等高(平板 2 張、手機 1 張)權限截圖看過
286(你說)操作紀錄對齊平衡、日期可以收合;你選 B 依週收合完成日子外面包一層「週」:本週/上週/N 週前+日期區間+幾筆+異常幾筆,只開最新一週,其餘收成一列;拿掉翻頁(頁尾只寫共 N 筆);補到 07/27 共 80 筆示意紀錄;從右邊異常清單點過去,那一週會自動打開操作紀錄verify_audit_week 19/19
287(你的截圖)銷控左右太空白完成格子寬度改成撐滿整張卡(左右各留 20px),高度另外封頂,不再硬湊正方形銷控表量到左右留白 20/20
288(你說)車位不直覺完成分頁寫中文(A 棟、P 車位);格子上的大/小/充三個小圓圈拿掉,改成第二行寫「大・平面」、充電用閃電小圖示;標題列補上狀態顏色圖例;點 P 車位時分頁列不再被捲走、A 棟被蓋掉銷控表・車位verify_audit_week
289(你的截圖)成員卡右上角還是要凹進去,只是要順一點完成凹角做回來:三段弧用同一個半徑,接成一條順的 S 形;編輯/刪除鈕縮小變淡;名字不會鑽到凹角底下。平板時「邀請成員」虛線卡單獨一排會被壓扁,一起修成同高成員截圖放大看過弧線
290(你問)業務獎金標題列可以怎麼整理;你選 C完成標題列只留「建案 ▾ 業務獎金」+頁籤;人名做成數字卡第一格(上:所屬公司/中:姓名/下:方案・保留比例),發放列表跟著左邊選的人換;平板人名那格獨佔一排、底下 3×2,手機 2×3業務獎金verify_paykpi+截圖
291(你說)全部修好後推 git,Enson 看得到完成已推:https://github.com/chester-rgb/adholic-crm-ui-demo/pull/4GitHubhttps://github.com/chester-rgb/adholic-crm-ui-demo/pull/4
292(你貼的)最終全站稽核:送 Codex 全面掃描完成Codex 30 條逐條實測裁決:採納 10、部分採納 7、待你決定 7、駁回 4、下一批 3(駁回的例子:說平板沒有主導覽→實測 768/834 都在)全站codex-review/2026-09-25-最終全站稽核/(送出內容、原始回覆、裁決表)
293(你貼的)動效統一完成寫死的動效時長 59 處全部換成三級(.18/.25/.35 秒);自訂緩動 6 處換成全站兩種;0.1 秒以下的跟手動作與 1 秒以上的循環動畫不動全站verify_motion0922b/mv2/motion_doc 全過
294(你貼的)層級與圓角 token完成z-index 寫死 17 處、圓角寫死 3 處換成 token;該是正圓卻不圓的 2 顆(最新消息發佈鈕、業務報表手機列印鈕)改正圓全站8 寬度量測:不圓 5 筆 → 0
295(你貼的)減少動態、鍵盤、無障礙完成減少動態時頁籤選中位置標錯(滑塊停在別顆)→ 修;平滑捲動關掉;視窗打開時 Tab 只在視窗裡循環、19 個視窗補無障礙標示;手機底部分頁補「目前頁」標示;名單勾選框報出姓名全站verify_codex_b1 8/8
296(你貼的)狀態回饋完成「復原」原本是提示條裡的底線字(不能用鍵盤、點擊區太小)→ 3 處改成真的按鈕、44px收客・名單實點:清除 → 復原 → 資料回來
297(你貼的)表單驗證完成收客電話原本 12345678 也能送出 → 只算數字、0 開頭 9–10 碼;收客草稿「改了來源也會存、但不會還原」→ 存跟還原同一個條件收客verify_codex_b1
298(你貼的)手機業務優先:觸控目標完成底部分頁在有瀏海的 iPhone 按鈕只剩約 30px → 改成 64+安全區;小月曆上下月鈕 30→44、日期格高 30→40、權限角色卡 32→44、名單「更多」38→44、手機日檢視行事曆事項 20→44、建案切換點擊範圍撐到 44最新消息・權限・名單・全站8 寬度量測前後對照
299(你貼的)8 種寬度全面驗收完成1440/1280/1024/834/768/430/390/375 × 16 頁:橫向溢出 0、超出畫面 0、文字被切 0、hover 才出現的功能 0、JS 錯誤 0全站final_audit_0925_after.json
300(Codex 提、我同意但要你看)灰字對比等你決定小字用的淺灰(--faint)對比只有 3.35:1,資訊性小字建議改深一階;會改變全站觀感,要先給你看前後對照全站—
301(Codex 提)平板獨立 Pattern等你決定來客名單篩選列平板會堆三排、月報與方案比較表格平板硬縮、平板行事曆預設週檢視太窄 → 要並陳方向給你選來客名單・業務報表・最新消息—
302(Codex 提)業務手機再加速等你決定名單卡常駐「記錄/改狀態」、銷控不必橫捲(樓層/戶號跳轉)、收客來源超過一定數量收合 → 牽涉手機資訊架構,要出方向業務手機—
303(你貼的)未儲存離開、狀態面板、程式整理部分完成只有來客詳情會擋「未儲存就關掉」;空狀態有 7 種寫法;全站 44 個點擊監聽、35 個監看器 → 範圍大、重構風險高,列下一批(要完整回歸)全站—
304(你貼的)Safari/Windows/iPhone 實機無法驗證我只能用 Chrome 引擎驗(含手機寬度模擬);實機要你或 Enson 開一次全站未驗證
305(你貼的)驗收完成後推 git完成已推同一個 PR:1b6c0a2GitHubhttps://github.com/chester-rgb/adholic-crm-ui-demo/pull/4

全站複檢結果

  • 頁面:16 頁 × 1440/1024/768/390 四種寬度,JS 錯誤 0、橫向溢出 0、按鈕與膠囊文字被切 0、破圖 0
  • 角色:系統管理員、專案經理、業務、業主、底價檢視 × 16 頁,錯誤 0、溢出 0
  • 手機(業務模式 390):觸控目標小於 44px 0 個(本次修掉日週月切換)
  • Design System:圓角只剩 token 刻度值;圓形元件全部 1:1;圓鈕 4 級、頭像 4 級、狀態點 7px;單邊色線 0;浮層選單內外圓角同心
  • 使用說明:16 頁都有自己的導覽(用途→各區塊→流程→注意與權限→常見問題與錯誤處理),桌機 53/53、手機 22/22
  • 回歸測試:排列示意、來客、收客、業務模式、手機、角色預覽、約訪、行事曆、首頁、頁框、修改計畫全部通過(頁框 20/21,未計的 1 項是既有提示)

各頁必要資訊與待辦提醒盤點

依每頁的實際使用情境判斷,只列真正缺少、會影響決策或漏事的項目;已有的不重複列。

頁面已有的重點資訊缺少(建議補)優先建議位置與呈現
建案總覽狀態、累積來客、戶數、銷售率每張卡的急件數(今日約訪、待辦);多案時的篩選排序P1/P2卡片底部一行小字;標題右側狀態膠囊
建案首頁已售、昨日動態、今日約訪、未回報、未指派、久未跟進、下訂未簽約、資料未齊保留到期警示(缺「保留到期日」欄位)P2到期當天才在戶別進度多一列
來客名單分級、久未跟進、未指派、足跡、回訪次數「最後往來日」欄(目前以來訪日起算久未跟進);快篩膠囊帶數量P2/P3欄位加在來訪日期旁;膠囊後面接數字
銷控表狀態分布、保留順位、底價未設、溢價保留到期倒數;下訂超過 14 天在格子上標出P2/P3保留格小字改「剩 N 天」
分析七章判讀、待處理清單—(資訊已足,改善方向是圖表化,見圖表化 demo)——
業務報表日週月數字、今日要追、來客明細、分析表月目標達成進度(目標 vs 實際)P2數字帶最後一格或進度條
勾勾表範本欄位、型別、選項、啟用中最後修改人與時間P3範本清單第二行小字(demo A 已示範)
現場收客必填、待送筆數、本次已收———
最新消息未讀、置頂、行事曆、約訪、排休衝突公告已讀率(主管看誰還沒看)P3公告列右側小字「已讀 12/20」
業務獎金總獎金、待發、級距下次發放日P3總覽第一格小字
成員角色、可存取建案、邀請中天數帳號額度已滿時邀請鈕直接提示P2+鈕滑過提示「20/20 已滿」
權限角色、成員、開關———
操作明細誰、何時、做什麼異常操作警示(大量匯出、大量刪除)P2頁首一行警示帶
已刪來客到期天數———
帳單與方案/帳單紀錄用量、未結清、下次扣款———

間距規格(09-19 全站統一)

做法:先用程式量全站 17 頁(含週報、月報)在 1440/1024/390 三種寬度下,每一對相鄰卡片的間距與每張卡片的內距,共 906 個量測點;再建立五級 token,同一層級、同一用途只准用同一個值。頁面外距(頁框)09-18 已鎖定,這次不動。

層級token桌機 ≥1021平板 641–1020手機 ≤640用在哪裡
頁面外距--pad-x(頁框鎖定)左 104/右 32;標題到第一張卡 29左右 32左右 16每頁最外圈,不准再動
區塊間距--sec-gap323224卡片後面接一個「獨立標題列」時(首頁待辦事項、方案頁「更多方案」、設計規範各段)
卡片間距--card-gap161612卡片與卡片之間,上下左右同一個值;卡片裡的小卡也一樣
卡片內距--card-pad202016第一層卡片四邊
巢狀卡內距--card-pad-in161612卡片裡的小卡(週報/月報分析小卡、走勢小卡)
元件間距--head-gap/--grid-gap16/816/812/8標題或工具列到內容 16;同一列的小元件 8

改前不一致的位置與統一後數值(1440 寬)

頁面位置改前改後
業務報表・日報數字帶到下方兩張卡3616
業務報表・日報「今日要追的人」與「當日來客明細」左右916
業務報表・日報數字帶左右內距2420
業務報表・週報/月報各段大卡上下3616
業務報表・週報/月報分析小卡上下/左右20/16(月報左右 9)16/16
業務報表・週報/月報大卡內距(數字帶又多包一層)30~4420
業務報表・週報/月報分析小卡內距上 12/左 1616
最新消息公告、行事曆、約訪三張卡上下3616
業務獎金六格數字左右、數字到表格916
業務獎金六格數字內距上 16/左 2020
帳單摘要卡左右、摘要到表格9/3616
方案現有方案卡到用量卡、用量卡左右36/916
方案用量卡到「更多方案」標題36(標題貼太近下方)區塊 32+標題到表 16
來客名單篩選卡到名單表格3616
來客名單篩選卡內距1620
建案首頁待辦三卡左右916
建案首頁基本資料帶到「待辦事項」標題/標題到卡36/1232/16
建案首頁基本資料帶左右內距2420
銷控表六格數字左右、數字到下一排1216
銷控表矩陣卡到車位卡2016
銷控表六格數字內距1620
權限、設計規範權限卡左右/上下916
設計規範各段之間4032
成員成員卡內距上 16/下 1220
數據分析分頁列到第一張卡2016
業務獎金六格數字在 768/900/1024 寬會擠出落單的一格(4+2、5+1)自動排列固定 6 欄(平板 3+3、手機 2 欄)
手機(業務模式)日報各卡上下16~32 不等12
手機(業務模式)銷控數字列到矩陣2012
手機各頁卡片內距20(沒有跟著縮)16

例外與原因(量測時保留、不算不一致)

  • 中間夾標題或工具列的間距:區塊 32+標題 16(首頁、方案、設計規範、週報兩張表之間有分隔線與小標);銷控的模擬工具列上下各 16
  • 首頁待辦三卡本身內距 0:裡面的列要滿版才能共用格線,內距改由標題列與分段帶負責,一樣是 20/手機 16
  • 範本頁編輯區、權限頁成員條、數據分析的結論提示框:是工具列或提示框,不是卡片,照元件間距
  • 表格外框:左右留白由儲存格內距負責
  • 列印版:間距規則只管螢幕,列印照原本的紙本排版

驗收:卡片間距不合規格 342 處 → 51 處(剩下的全部屬於上面的例外);桌機出現過的卡片間距從 10 種(9、12、16、20、36、60、72、75、78、85)收斂成 1 種(16)+區塊間距;頁框 20/21(既有提示)、首頁 44/44、行事曆 58/58、約訪 31/31、批次 55/55、使用說明 53/53+手機 22/22、全站掃描 0 問題。

3・全站頁面與功能盤點(17 頁+2 浮層,09-18 全部實開)

頁面入口主要功能稽核剩餘問題
建案總覽 projects側欄/logo三案卡片(09-19 最近動態已移除)✅ 完整d4
建案首頁 home側欄(本案)基本資料帶(含已售)+待辦三卡 R1(09-19)✅ 完整d1 d7 d14
銷控表 units側欄矩陣(09-19 本案正方格)/表價底價溢價/批次/排列示意✅ 完整d6 d7
來客名單 leadsall側欄篩選、跨案合併、詳情抽屜、匯入匯出✅ 完整x1 d5
現場收客 collect側欄/手機 tab勾勾表快速收客+QR✅ 完整—
業務報表 reports側欄日報週報月報(09-19 數字改 K1 一條帶)+我的約訪✅ 完整r1 r2 r3 r5 r6
最新消息 news側欄公告+行事曆(09-19 日週月、可設時間、週一/週日起)+業務約訪✅ 完整—
分析 analytics側欄七章(依角色)✅ 完整a3
勾勾表範本 templates側欄所見即所得表單+手機畫面示意(09-19);範本編輯(媒體來源=l1 的唯一來源)✅ 完整—
業務獎金 commission側欄方案、級距、加扣款、指派✅ 完整d10 d13
成員 staff系統設定卡片/列表、邀請、編輯抽屜✅ 完整d9
權限 perms系統設定角色×權限矩陣、指派✅ 完整d6
操作明細 audit系統設定操作紀錄✅ 完整s2 x3 d8
已刪來客 trash系統設定30 天回收站、清空強確認✅ 完整x3
帳單與方案 plan/帳單 bills系統設定方案、金流✅ 完整s3 x3
設計規範 guide系統設定工程對接正本✅ 完整g5 連動
詳情抽屜/各 Modal—33 個視窗+8 抽屜+11 選單✅ 全開過x1

「稽核✅」=09-18 於 1440/1024/768/390 實開實測(52+張桌機截圖、手機平板逐視窗量測、JS 與 console 錯誤 0)。沒有無法進入的頁面。

篩選

等你決定與新發現(09-19 複檢) 8

業務報表 4

分析 1

系統設定 2

全站動效與細節 3

7・Design System 修正方案(現況 → 統一規格)

類別現況(實測)問題統一後規格導入順序
色彩64+ token、三色相紀律、硬編色 2 處已註記置頂 hover #DDE9F2 未 token新增 --tint-2(tint 加深一階)並換用;data-URI 內灰=--muted 註記對照①
字級--fs-1~8 八階;手機最小三階升 12/13/14px—(09-18 已收斂至 12 種、全 token)維持八階;新文字禁自創值(既有規範)—
間距--s1~8+--pad-x;頁框 左104/右32/標題98/內容158 已鎖—鎖定值寫進 guide 頁;改頁框需先過 verify_frame①
圓角pill/card28/row14/cell10/mini8 五階收客輸入(膠囊)與表單窗輸入(14px)兩套=場景刻意,已記錄格類一律 mini8(車位格已改);表單控件 row14;觸控大表單允許 pill—
元件高度--ctrl-h 34/--ctrl-h-sm 29;手機 44—(09-18 已統一)桌機 34/29 兩級;手機一律 ≥44—
陰影--el1 hover/--el2 浮層 兩階—維持兩階;新浮層禁自寫 box-shadow—
動效--dur-1 .18/--dur-2 .25/--dur-3 .35+spring/enter;按壓 scale .96g2 進場動效未定案、g3 骨架屏未做回饋 .18/展開 .25/浮層與滑塊 .35;進場每頁只選一種(見 g2)③
z-index28 種值(-1~200)x4:無層級表六級 token(見 x4),浮層區間 40-90 收斂②
斷點640/900/1020/1023 四條900 與 1020/1023 三條擠在一起(歷史)合併回 640/1023 兩條為主,900 特例逐一檢討後併入④

8・應刪除、合併或降層的功能

9・缺少的重要功能/狀態(只列必要)

10・分階段 Roadmap

階段目標包含前置完成條件/驗收
① 資料與基礎規格詞彙、token 補洞l1(P0)、l2、--tint-2、頁框規格寫進 guidel1 已定案五處來源逐字相同;機檢硬編色回 0
② 核心流程與高頻頁不丟資料、待辦收斂x1、r1(h1、u1、x2 09-19 已完成)①編輯關窗必確認;首頁五格;銷控格制通過 verify;通知可全讀
③ 狀態與教學補全空狀態、導覽、表格r6、x3、d9、s2、r5(t1 16 頁導覽 09-19 已完成)②17 頁導覽逐頁走完;三頁可排序;QA 清單全綠
④ 潤飾與維護性動效定案、程式收斂g2、g3、g5、r2、r3、a3、s3、x4、x5、x6(a4 移出、l6 已完成)③四寬度回歸全綠;!important 皆有註記;z-index 全 token

11・QA 驗收清單(交付前逐項勾)

參考資料(舊版完整報告:問題圖鑑、demo、會議結論)——平常不用看
ADHOLIC CRM · FULL AUDIT V5 · 2026-09-14

CRM 全站深度稽核
與修改計畫

稽核對象:ui-restyle-demo-annie.html(17 頁單檔 demo)・方法:無頭瀏覽器逐頁實際操作+截圖存證,涵蓋 17 個頁面、9 個彈窗流程、147 顆銷控頁按鈕、五種權限角色、768/1024/1280/1600 四種寬度。
這一版每個問題都附現況截圖(紅框標出位置)與改法示範(多數可以直接滑、直接點); 另外新增整章「元件動效建議」,每個效果都有活的 demo。 已觀察=實際點開看到的;推測=需要與工程確認。 本報告只研究不改檔,最末章的修改計畫等妳確認才動工。
V3 更新:已依妳的裁決修訂(電話不遮罩・rail 維持純圖示・來源跟著勾勾表・房型依建案設定); 新增 手機版規劃(業務角色)、每頁使用說明系統、盲點補充 三章; 最末章有可勾選的執行追蹤清單——改好一項打一個勾,勾選會記住。
V5(09-14)=可直接當工作依據的最終版:52 項追蹤清單逐列標了目前狀態(已修/已存在/待辦/待裁決), 問題圖鑑每張卡也標了處理結果——看到「已修」就是已經改好並驗證過的。
V4 更新(09-13):批次 A(平板+手機)已完成並重放到 Enson 09-11 新基底; 新增「基底同步與衝突裁決」章(他推了 21 筆,含三個要妳裁決的視覺衝突)與「會議結論整合」章。

SECTION 01

系統理解摘要

先講這套系統是給誰用的、要解什麼問題,之後所有建議都以這個理解為前提。

這是一套「代銷業務現場」的作業系統,不是後台報表工具

從功能配置看得出產品重心:來客(名單)→ 追蹤(往來紀錄)→ 銷控(戶別車位)→ 獎金(結算)是主動線, 分析頁的副標直接寫「回答:哪裡不對、為什麼、現在要做什麼」——這是一套以「今天該做什麼」為中心的系統,設計意圖清楚而且正確。

頁面數
17頁
主導覽(rail)
8個入口
齒輪選單(管理)
6頁
權限角色
5種+自訂
方案分級
4級 SaaS

四種使用者,四種一眼要看到的東西

角色對應權限每天打開系統要的東西系統目前給了嗎
第一線業務(案場 7 人)SALES:可讀、不可管理、看不到底價今天要追誰、電話多少、上次聊到哪部分——「今日要追的人」很好,但拿到電話要多點兩層(見問題 4)
專案經理/主管PROJECT:可管理、看不到底價未指派名單、業務有沒有偷懶、銷控現況有——行動台+未指派紅字+銷控 KPI 完整
公司管理層ADMIN:全開含底價去化速度、溢價總額、異動紀錄有——銷控 KPI+異動流水+操作明細
業主(建設公司)OWNER:唯讀賣得怎樣、錢收得怎樣部分——分析頁有「對業主」頁籤,但沒有專屬簡化視圖

商業流程的理解

台灣代銷的日常:客人進案場 → 業務用平板/手機快速建檔(現場收客頁,離線可暫存)→ 回到櫃檯補「勾勾表」問卷(18 欄範本)→ 名單進系統後指派負責業務 → 追蹤回訪(往來紀錄)→ 帶看 → 下訂・簽約・交屋(銷控表三段狀態)→ 獎金依費率‰結算。 整條鏈在系統裡都有對應,唯一斷掉的是「帶看/預約」這一段——通知面板顯示今日行程,但全站沒有任何頁面可以建立或管理行程(見問題 11)。

一句話總評 骨架比大多數房地產 CRM 成熟:權限做到欄位級、操作有審計、刪除有回收站、收客能離線。 主要的洞在三處——平板寬度會整頁空白、電話個資全裸、帶看流程缺一段。先把這三件事解掉,其他都是打磨。
SECTION 02

全站頁面與功能盤點

17 頁全部實際打開、截圖並清點互動元件。每頁的問題細節在第 7 章問題圖鑑都有附圖。

頁面主要目的核心操作實際檢查過主要問題(→ 圖鑑編號)
建案總覽跨案入口與公司級 KPI切建案、新增建案、看動態首屏、新增建案窗動態露電話全碼(→2);口徑(→3)
建案首頁單案儀表板+功能入口週來客走勢、收客連結、功能卡首屏、⌘K、通知面板長按拖曳(→14);KPI 深磚(→15)
來客名單全案名單主檔11 組篩選、批次、匯入匯出、指派首屏、詳情、新增、匯入、操作欄、1024 寬電話全碼(→2);操作欄過淡(→5);分頁(→6);來源詞彙(→7)
最新消息公告發佈、置頂、分類首屏、歷史卡頁面利用率低(→18)
銷控表戶別車位+價格(已合併價格表)四層檢視、聚焦、批次、異動流水147 顆按鈕、5 角色、hover 卡、跨欄店辦768 寬整頁空白(→1)
分析營運診斷7 頁籤、行動台、處理 CTA首屏、頁籤結構術語(→13);檢視身分不一致(→12)
業務報表日/週/月報日期切換、今日要追的人首屏、日報下半空白(→18)
勾勾表範本問卷欄位管理三份範本、啟用、編輯首屏來源欄同值+無標籤鈕(→12 圖鑑)
業務獎金獎金與發放我的獎金、發放列表、方案首屏費率‰/回溯補差(→13)
現場收客案場快速建檔8 欄快填、離線暫存首屏、欄位缺 4 房(→8);離線文案(Quick Win 6)
成員帳號管理邀請、停用、刪除首屏、刪除確認刪除鈕太順手(第 4 章)
權限角色×功能矩陣5 角色、31 顆開關ADMIN/SALES 實測無標題(→11 圖鑑)
操作明細審計軌跡分類、日期、匯出首屏、分頁log 也露電話(→2);IP 過技術(第 4 章)
已刪來客30 天回收站還原、永久刪除、清空首屏清空鈕無字(→9);來源第三套詞(→7)
帳單與方案SaaS 訂閱方案比較、用量首屏、比較表口徑(→3)
帳單紀錄發票清單狀態篩選、匯出首屏操作欄空(Quick Win 12)
設計規範內部 UI 文件—結構掃描不應在正式導覽;768 溢出(→1)
SECTION 03

關鍵使用流程分析

七條核心流程逐一走過,細節佐證都在第 7 章附圖。

3-1 新增客戶 → 完成首次追蹤

現場收客/新增來客→名單出現・未指派紅字→指派業務→開詳情窗→+往來紀錄
好的部分
行動台會追著顯示「新名單未首次跟進 7 組」+責任人+處理鈕——這個閉環是全系統最好的設計之一
卡點
詳情窗首屏看不到電話(→ 問題 4 有圖與改法 demo);建檔不查重(→ 問題 5)
可省步驟
打電話 4 步 → 1 步;改分級 3 步 → 1 步

3-2 客戶查詢與篩選

好的部分
11 組篩選+可儲存的常用組合+⌘K,完整度超過多數同業
卡點
1,268 筆只有上下頁(→ 問題 6 有統一分頁 demo)

3-3 客戶指派給業務

好的部分
單筆+批次都有,操作明細完整記錄「188 筆 → 蔡宜庭」
卡點
指派鈕視覺上像不存在(→ 問題 5 圖);指派前看不到「這人在別案已有負責業務」

3-4 建案與戶別查詢

好的部分
⌘K 直達;聚焦計數;hover 詳情卡;店辦跨欄照正式站。桌機體驗完整
卡點
768px 整頁空白(→ 問題 1,附圖)

3-5 預約/帶看/追蹤

現況
通知面板顯示今日行程、報表有今日要追的人——但全站無法建立帶看(→ 問題 11)
風險
帶看不進系統,「來客→帶看→下訂」轉換率永遠算不出來

3-6 成交或狀態變更

評價
狀態 chip 直點、二次確認文案分層、異動紀錄舊值→新值、保留排隊、並發警示——及格線以上的完整

3-7 主管查看業務績效

卡點
「單一業務」視圖不存在,要在日報、分析、獎金三頁拼
建議
成員卡點開加「個人績效」頁籤,資料全是現成的
SECTION 04

逐頁改善建議

每頁附當下的實際截圖(右側縮圖,紅框細節在第 7 章)。先講優點——做得好的要留住,不是全部重來。

4-1 來客名單(最高頻頁面)

來客名單(09-21 現況)
目前優點
篩選完整、常用組合可存、未指派紅字、跨案足跡欄、匯入精靈四步驟
問題
電話全碼(圖鑑 2)・操作欄圖示過淡(圖鑑 5)・分頁無頁碼(圖鑑 6)・姓名旁數字無口徑(圖鑑 19)
版面建議
欄序改「姓名・分級・負責業務・電話(遮罩)・進線・來源・歸屬・來訪日・操作」——負責業務前移,主管掃視第一眼就是「誰的客」
文案
「跨案」→「跨案客」;表頭「來客/來電」→「進線方式」

4-2 來客詳情窗

詳情窗現況
目前優點
時間軸乾淨、類型 chip、記錄人署名、五頁籤結構合理
問題
首屏無電話無快速動作(圖鑑 4 有改法 demo);內容 3 筆時下方大片空白;+鈕語意不明
版面建議
頂部固定「身分列」,視窗高度改隨內容收縮(max-height 82vh)

4-3 銷控表

銷控表現況
目前優點
本輪已深修:四層檢視、欄位級權限、聚焦計數、跨欄店辦、異動流水表格化、hover 詳情卡、二次確認——桌機體驗全站最完整
問題
768px 整頁空白(圖鑑 1 附圖與平板佈局 demo)

4-4 分析

分析頁現況
目前優點
行動台「數字+該做什麼+誰負責+處理鈕」是對的產品思想;AI 判讀「須人審後才可對外」是負責任的標示
問題
頁籤黑話(圖鑑 13);「檢視身分」全站不一致(圖鑑 12);「工程備註」是內部痕跡
建議
頁籤改「今日行動・價格・名單與媒體・業務・訂單熟成・業主報告・資料品質」;工程備註正式版移除

4-5 業務報表

業務報表現況
目前優點
「今日要追的人」按逾期→今日→明日排序+原因,是業務早上該看的首屏;天氣欄符合代銷日報習慣
問題
內容只佔上半頁(圖右可見大片空白);KPI 全零的日子佔三張卡
建議
下半補本週趨勢;列印版式要單獨驗 推測

4-6 現場收客

現場收客現況
目前優點
離線暫存+自動補送是案場收訊差的真實解法;本次已收計數
問題
缺 4 房(圖鑑 8);離線文案讀不通;與新增來客窗是兩套表單元件(圖鑑 17)
其餘十一頁(點開看,每頁附縮圖)

建案總覽

建案總覽

動態卡露電話全碼(圖鑑 2);動態卡看起來可點但沒反應——建議點了跳對應頁;KPI 三張與建案卡四欄欄軌不對齊,右側留白 437px 超標,「新增建案」卡可併入第一列補齊四欄。

建案首頁

建案首頁(09-21 現況)

「長按可拖曳排序」桌機手勢非常規(圖鑑 14);深色 hero 是全站唯一深色大區塊——若保留就讓它成為建案首頁的固定識別,別再出現第二種深色卡(圖鑑 15)。

最新消息

4 筆佔不滿一屏、未讀只有 6px 小點。建議加發佈對象欄、已讀整列淡化、空狀態設計(圖鑑 18 的空狀態範式)。

勾勾表範本

勾勾表範本

「來源」整欄同值=零資訊(圖鑑 12 紅框);右上兩顆無標籤圓鈕;欄位不可拖排——但收客表單順序就是這裡的順序,應支援拖曳。

業務獎金

業務獎金

費率「5‰」易誤讀、「回溯補差」無解釋(圖鑑 13 有 tooltip demo);發放勾選對 SALES 應唯讀 推測。

成員

成員

刪除鈕常駐每卡右上與編輯並排(有二次確認擋著,但仍建議收進「⋯」選單);「青園建設」公司帳號混在個人卡中,加「公司帳號」標記。

權限

頁面沒有標題列(圖鑑 11 附圖);ADMIN 全鎖無說明——實測 SALES 角色 29/31 顆可切,鎖定是刻意設計,補一行說明即可。

操作明細

審計完整是亮點。IP/API 路徑收成「詳情」展開;資源欄電話同樣遮罩(圖鑑 2)。

已刪來客

倒數 chip、30 天說明都好;清空鈕無字(圖鑑 9 附強確認 demo)。

帳單與方案・帳單紀錄

結構成熟。用量滿載若能前置攔截成員頁邀請更完整 推測;帳單紀錄操作欄是空的,放發票下載鈕或刪表頭。

設計規範

內部文件移出正式導覽(保留網址直達);768 溢出 72px 也出在這頁。

SECTION 05

全站 Design System 建議

現有 token 底子是好的(鋼藍主色、細線分層、膠囊標籤語言),問題不在缺 token 而在「有 token 沒守住」。以下全部給可直接落地的數值。

5-1 色彩

角色值用途規則
主色 accent#1D4E6E唯一品牌動作色:主按鈕、選中態、連結。不用於狀態表達
文字三階#1C2B3A / #6B7A88 / #9AA7B2(新增)內文/輔助/浮水印。禁止第四種灰
邊線三階#E4EAEF / #D3DCE3 / #C0CCD6分隔/邊框/hover 加深。分層靠這三階+留白,不堆陰影
狀態成交系簽約 #C4453C/#F9E9E7・下訂 #D9822B/#F8EDDF・交屋 #2F6B3C/#E9F5EA淡底+同色系深字+灰邊——銷控已定調,全站沿用
對比底線內文 ≥4.5:1、輔助字 ≥3:1(操作欄圖示現值不足即出於此)

5-2 字級(收斂為 5 個角色)

角色規格用在
頁面標題22px / 700 / lh 1.3每頁 h2(權限頁補上)
區塊標題16px / 700 / lh 1.4卡頭、視窗標題
內文14px / 400 / lh 1.7;表格 13.5px / lh 20px / 列高 48px表單、表格(現況 12–14px 混用)
輔助12px / 400時間戳、口徑、表頭
微標籤11px / 500 / ls .06emchip、徽章——全站 chip 只准這一種字級

數字一律 tabular-nums;字型堆疊補 Windows:"PingFang TC","Microsoft JhengHei","Noto Sans TC",sans-serif。

5-3 間距・圓角・元件

間距階梯

4 / 8 / 12 / 16 / 24 / 32 / 48 / 64。卡內距 20px、卡間 16px、區塊間 32px。同類元件 padding 只准一種。

圓角四階

卡 16px・列 12px・輸入與格 10px・chip 999px。現值 28px 的大卡圓角建議降到 16px 更利落。

按鈕

高 36px(表格內 30px)、padding 0 16px、radius 999px;主鈕實色、次鈕細邊、危險鈕紅字白底紅邊;圖示鈕最小 36×36、圖示 16px stroke 1.5。禁止漸層。

輸入元件

高 40px、邊 #D3DCE3、focus 邊 accent+外圈 3px 12% 透明。同一窗禁混原生與自繪下拉(圖鑑 17 現況違規)。

表格

表頭 12px/600/muted、列高 48px、hover 整列 #F7F9FB、可橫捲加右緣漸層(圖鑑 6 附 demo);分頁統一頁碼+每頁筆數。

視窗

中央窗 max-width 46rem、sheet 由下滑入 340ms;高風險二次確認文案固定「標題+後果+範圍」——銷控已定調,全站沿用。

5-4 狀態層(六態全站規則)

態規格(第 6 章都有活 demo)
hover可點一律有回饋:列變底、卡浮 2px、chip 邊加深。不准「游標變手、畫面沒反應」
focus-visible2px accent 外框 offset 2px——現況多數元件缺
載入骨架屏(demo M9),禁止整頁 spinner
空狀態圖示+一句話+主動作(demo 在圖鑑 18)
錯誤欄位下紅字 12px+欄框變紅;全域用訊息列不用 alert
disabledopacity .45+游標 default+tooltip 說明原因

5-5 少數向多數看齊——不一致清單

妳指示「依現在大部分頁面的風格去統一」。實測清點後,下面是「少數派」名單: 左欄是全站多數頁已經在用的作法(=基準),右欄是要拉齊的少數頁。

元件多數頁的作法(基準)要拉齊的少數
KPI 卡白卡+細線+口徑 footer(銷控、報表、帳單等多數頁)總覽首卡 tint 底、獎金首卡深色 → 改白卡;深色磚只留建案首頁 hero 一處當門面
分頁頁碼+總筆數(操作明細、帳單紀錄、獎金)來客名單「上一頁/下一頁」→ 換頁碼版並補每頁筆數
下拉選單自繪 .sel 樣式(全站表單)新增來客窗的原生下拉 → 換自繪;5 項以內改 chip 直選(同收客表)
確認窗「標題+後果+範圍」三段式(銷控退戶/批次刪除)回收站清空、成員刪除 → 套同一格式
頁面標題列h2+筆數(16 頁都有)權限頁 → 補上
視窗關閉右上圓形 × + Esc(多數視窗)逐一清點自製浮層,全部補 Esc 與圓形 ×
圖示鈕說明hover 提示(rail、多數圖示鈕)勾勾表右上兩顆圓鈕、回收站清空鈕 → 補 tooltip 或文字
狀態色語言淡底+同色系深字+灰邊(銷控、來客分級、週報)個別頁自配色的 chip 全部收斂到這一套 token
SECTION 06 · 全部可以動手玩

元件動效建議

風格基準:現有多數頁的安靜細線風格——動效是把既有語言做順,不是引入新風格; 下面每個效果的顏色、圓角、緩動都取自系統現值。逐一元件給規格+活的示範——直接在下面滑、點、按重播。 原則:回饋類動效是底線不是裝飾(按鈕、toast 一定要有);進場類同一頁最多一種; 時長 120–500ms、緩動統一 cubic-bezier(.16,1,.3,1);全部尊重 prefers-reduced-motion。 不用磁吸、不用 3D 傾斜、不用粒子。

M1 按鈕三態回饋

用在:全站每一顆主按鈕(儲存、建立、套用)。hover 浮 1px+微亮、按下縮 97%、送出中 spinner 進按鈕不跳版。

DEMO——滑過、按住、點一下看載入

規格:transform .14s/loading 期間 disabled 防連點。地雷:spinner 佔位要預留,不能讓文字跳動。

M2 KPI 數字滾動

用在:銷控 KPI、總覽 KPI、獎金總額——進入畫面時從 0 滾到定值,1.2 秒內結束、緩出。

DEMO
溢價總額(萬)
+4,772
累積來客
1,388 組

地雷:一定要 tabular-nums 否則寬度抖;用緩出不要線性。

M3 卡片進場序列(stagger)

用在:KPI 帶、功能卡格——切頁時卡片依序 80ms 間隔浮上來,只在「進頁」跑一次,切篩選不重播。

DEMO
戶數
72
已售
13
銷售率
18%

M4 視窗滑入(sheet)

用在:戶別窗、詳情窗——遮罩 300ms 淡入、面板由下滑入 340ms。關閉 200ms 快出。

DEMO
A02/11F

住宅・2 房・27 坪 成交 4,990 萬

M5 Toast 回饋

用在:儲存成功、批次完成——右下滑入、4 秒自動退場、可手動關。這是底線配備,每個寫入動作都要有。

DEMO
已將 3 個戶別設為 保留

M6 表格新列插入

用在:新增來客後回到列表——新列淡藍底 1.6 秒退為白,眼睛不用找「剛剛加的在哪」。

DEMO
姓名分級來源
陳威宇A 級FB
林佳蓉B 級現場

M7 聚焦變暗(銷控已有,全站化)

用在:銷控狀態聚焦(已上線)、分析圖表圖例點選——非焦點元素 300ms 降到 28% 不是瞬間消失。

DEMO
A01
A02
保留
A03
A04
保留
A05

M8 長條圖長出來

用在:分析頁量體圖、有效客水位——進入視野才長、逐條 100ms 延遲、1 秒內完成。

DEMO

M9 骨架屏(載入中)

用在:正式版接 API 後的表格與 KPI 載入——shimmer 掃過的灰條,不用整頁轉圈。

DEMO(常駐動畫)

M10 狀態 chip 切換

用在:戶別窗狀態列(已上線的 chip 組)——底色與文字 200ms 過渡,切狀態像「滑過去」不是「跳過去」。

DEMO——直接點

全部 chip 都掛 transition:background .2s,border-color .2s,color .2s 即可,零 JS。

M11 通知徽章彈出

用在:鈴鐺未讀數、來客名單「未指派」計數變化——新數字帶回彈 scale 進場,一次 300ms。

DEMO
3

M12 hover 詳情卡淡入(銷控已有,統一參數)

用在:銷控格 hover 卡(已上線)、姓名旁數字、術語——全站統一 120ms 淡入+4px 上移,不做彈跳。

DEMO——滑到虛線字上

這戶是 A02/11F2 房・27 坪・表價 4,990 萬, 客戶來訪 3 次08-13・08-19・08-20。

配比規則(避免特效堆疊) 一頁最多:進場類 1 種(M2 或 M3 擇一)+回饋類不限(M1/M5/M6/M10/M11 是底線配備)+資料類看有沒有圖表(M8)。 同時出現三種以上「進場」動效=堆疊,直接不合格。全部效果都是純 CSS 或 20 行內 JS,正式版可原樣移植。
SECTION 07 · 每一條都有圖有位置有示範

問題圖鑑

左邊是現況截圖(紅框=在講的位置),右邊是建議改法——多數做成可以直接操作的示範。 標號同前版優先級清單。

#問題嚴重度難度
1平板寬度整頁空白P0中
2電話個資顯示 已裁決:不遮罩改權限小
3來客數三種口徑P0小
4詳情窗首屏無電話無動作P1中
5操作欄圖示形同隱藏P1小
6兩套分頁、大量資料無頁碼P1小
7來源詞彙三套 來源=勾勾表設定P1小
8收客房型選項 依建案設定P2小
9回收站清空鈕離手太近P1小
10rail 純圖示 已裁決:維持現狀——
11權限頁無標題P2小
12勾勾表來源欄整欄同值P2小
13術語黑話無解釋P2小
14長按拖曳+介面自我解釋P2小
15KPI 卡三種風格P2中
16匯入第一步就有「重選檔案」P3小
17新增來客窗混用原生下拉P2小
18空狀態沒有設計P3中
19姓名旁數字無口徑P3小
11*帶看無法建立(功能缺口,見第 3-5 與修改計畫)P1大
問題 1平板寬度整頁空白P0已修:平板+手機 RWD 上線 09-13位置:768–1023px 的所有頁面(截圖是銷控表)
現況——768px 打開銷控表
768 銷控空白

左側導覽在這個寬度變成整條堆疊,把內容推到第 1109px 以下——第一屏只有圖示, 使用者以為當機了。案場 iPad 直立就是這個寬度。

建議——rail 收成頂列,內容上下堆疊
平板佈局示意(縮小模型)
▦ 銷控來客分析報表⋯
戶數 72
已售 13
戶別
車位

規格:@media (max-width:1023px) rail 轉頂部橫列(高 56px 可橫捲); 銷控戶別在上、車位在下;KPI 帶改 2×3。驗收:768/834/1024 首屏都有內容。

問題 2電話個資顯示Annie 2026-09-11 裁決:不遮罩位置:來客名單第 3 欄・建案總覽動態卡・操作明細・回收站
現況——全碼顯示(維持)
電話全碼
總覽動態電話

妳的裁決:電話維持全碼、不做遮罩——業務隨看隨撥,這是日常效率的選擇,照辦。

照裁決調整後,剩下要做的一小塊

畫面上全碼照舊。唯一建議保留的是「匯出名單」在權限頁獨立成一顆開關(SALES 預設關)—— 看是日常,整批帶走是另一件事;一顆開關就能把名單資產的出口管住,畫面完全不變。 代價講一次就好:不遮罩的情況下,截圖外流的風險由管理制度承擔,系統層面就靠匯出權限這道閘。

問題 3來客數三種口徑P0已修:口徑 tooltip 09-14位置:建案總覽 KPI・帳單與方案用量卡・來客名單標題
現況——三個對不起來的數字
口徑不一

同一個「來客」:總覽說 1,388 組、方案用量說 18,240 筆、名單頁 1,268 筆。 沒有任何說明能把三個數字兜起來,老闆看到只會問「到底哪個對」。

建議——每個數字旁標口徑(滑過看定義)
DEMO——滑到虛線字上
全公司累積來客
1,388 組組=家庭為單位,同一家人多次來訪算 1 組
來客資料用量
18,240 筆筆=含歷次來訪與歷史建案的所有紀錄列

正式做法:全系統定一份《口徑字典》(組/筆/位),每個 KPI 卡footer寫一行定義——分析頁的「基線=前 4 個同星期幾中位數」已經示範過正確作法,推廣到全站。

問題 4詳情窗首屏無電話、無快速動作P1已修:身分列上線 09-14位置:來客名單 → 點任一姓名 → 詳情窗
現況——打開只有時間軸(紅框處沒有電話)
詳情窗

業務開這個窗最常見的目的是「馬上打給他」——但電話藏在「基本資料」頁籤裡,要多點一層再找。

建議——頂部固定身分列(滑過按鈕看反應)
DEMO
陳
陳威宇 A 級
0912-***-268・負責:張家豪

身分列 sticky 在窗頂,五個頁籤怎麼切都在;「撥號」手機上是 tel:、桌機顯示 QR 給手機掃。 第三顆動作要放「改分級」還是「約帶看」,修改計畫裡等妳選。

問題 5操作欄圖示形同隱藏P1已定案 09-14:桌機維持 hover 浮現、觸控裝置常駐位置:來客名單最右「操作」欄
現況——紅框裡其實有兩顆按鈕
操作欄

DOM 實測按鈕存在且可點(指派+更多),但圖示用了最淡的灰、1600px 截圖上肉眼看不見—— 等於把最高頻的「指派」藏起來了。

建議——圖示加深+列 hover 再加深(滑過對照)
DEMO——上排=現況、下排=建議,滑過整列感受
黃淑珊(現況)
黃淑珊(建議)

改法只有一行:圖示 stroke 從 #C6CFD8 級改 #1C2B3A;再加列 hover 底色(上面表格已示範)。

問題 6兩套分頁、1,268 筆沒有頁碼P1已修:共用頁碼元件 09-14位置:來客名單底部 vs 操作明細底部
現況——上:名單只有上下頁;下:明細卻有頁碼
兩套分頁

同一套系統兩種分頁。名單 1,268 筆用「下一頁」翻 106 次才到底,也不知道自己在第幾頁。

建議——統一成這個元件(可以點)
DEMO
共 1,268 筆 …

操作明細那套已經對了一半,補「每頁筆數」與總筆數後全站沿用。

問題 7來源詞彙三套P1回收站詞彙已統一 09-14;全面接勾勾表待 Enson 端位置:來客名單「來源」欄・回收站「來源」欄・收客表「來源」選項
現況——同一個欄位三種寫法
來源三套

名單寫「FB」、回收站寫「Meta 表單」;名單寫「看板」、回收站寫「看板來電」。 之後拉報表按來源分組,同一個管道會被拆成兩條。

妳的定調——來源以勾勾表設定為準,全站引用

單一來源=勾勾表範本的「媒體來源」欄位選項(現在範本裡就有:網路-FB、網路-591、網路-google、報紙、派報、戶外看板、指示牌、車廂廣告、簡訊、電視廣告、親友介紹)。 收客表、來客名單、回收站、分析報表全部讀這一份,不再各自寫死。

DEMO——同一份選項在三處長一樣
網路-FB網路-591戶外看板親友介紹派報

「進線方式(來客/來電)」維持獨立欄位,不跟來源混寫——回收站的「看板來電」就是兩件事寫成一個詞的結果。 範本改了選項,全站同步生效,這也讓勾勾表範本頁真正成為欄位的唯一權威。

問題 8收客房型選項——依建案設定P2定調:依建案設定;「辦公」缺項待補位置:現場收客 → 需求房型
現況——青園綠境只有兩房/三房/店面
缺4房

妳說明:這個案子本來就沒有 4 房,有 4 房的案子才會設定——所以這不是缺項,是「選項跟著建案走」。合理。

照這個邏輯,要補的是「設定入口要看得到」

現在房型選項藏在程式裡,換一個案子要工程改——建議把「需求房型」的選項做進該建案的勾勾表範本(跟問題 7 同一套機制): 開新案時在範本裡勾這個案子有哪些房型,收客表、新增來客窗、篩選器自動跟著。 另外注意:青園綠境的銷控表有辦公用途(辦公A1、辦公A2),但收客表房型沒有「辦公」——想買辦公室的客人現在沒得選,這個是真缺項。

問題 9回收站「清空」離手太近P1已修:強確認+空狀態 09-14位置:已刪來客 → 右上角
現況——一顆無文字的垃圾桶(紅框)
清空鈕

這顆按的是「永久清空全部」,卻長得跟一般圖示鈕一樣、沒有文字、沒有筆數。

建議——文字鈕+輸入筆數的強確認(點開試試)
DEMO

「輸入筆數才解鎖」是不可回復操作的標準防呆;單筆的還原/永久刪除維持現狀即可。

問題 10rail 純圖示Annie 2026-09-11 裁決:維持現狀、不加文字位置:全站左側導覽
現況(維持)
rail
配套由「使用說明」接手

照辦、不加文字。新人認圖示的成本改由每頁使用說明(第 9 章)吸收—— 說明面板裡把 rail 十顆圖示逐顆列名,忘了就點左下角問號查。hover 提示維持現狀。

問題 11權限頁沒有標題P2已修:標題+說明 09-14位置:齒輪 → 權限,頁面頂部
現況——開門直接是角色 tabs
權限無標題

其他頁都有「頁名+筆數」的標題列,這頁沒有——從齒輪跳進來的瞬間不確定自己在哪。

建議——補標題列+鎖定說明
DEMO
權限5 個角色・9 位成員
系統管理員的權限固定全開、不可調整;其他角色逐顆設定。

實測 SALES 角色 29/31 顆可切、ADMIN 全鎖——鎖定是合理設計,缺的只是把這件事「說出來」。

問題 12勾勾表「來源」欄整欄同值P2已修:來源欄隱藏 09-14位置:勾勾表範本 → 欄位表第 3 欄(紅框)
現況——18 列全是「系統欄位」
勾勾表

一整欄同一個詞=零資訊,只是占版面;右上兩顆圓鈕(迴紋針+筆)也沒有文字說明是做什麼的。

建議——沒有自訂欄位前隱藏該欄+補拖排把手
DEMO——列首有拖曳把手、來源欄只在有自訂時出現
#欄位標籤型別
⠿1稱謂單選
⠿2年齡層刻度尺
⠿3需求房型單選下拉

收客表單順序=這裡的順序,所以要能拖;「來源」欄等真的有「自訂欄位」時再出現才有意義。

問題 13術語黑話無解釋P2已修:術語 tooltip 09-14位置:獎金頁表頭「費率‰/回溯補差」・分析頁「熟成訂單」頁籤
現況——紅框處都是要「問過人才懂」的詞
術語

「5‰」在 13px 下跟 % 幾乎分不出來;「回溯補差」「熟成訂單」是內部黑話,新人與業主都看不懂。

建議——滑過就有解釋(試試)
DEMO

費率 5‰千分之五——成交價 1,000 萬抽 5 萬・ 回溯補差跳趴後,之前已成交的戶別依新趴數補發差額・ 熟成訂單下訂後 7 天內完成簽約的比率追蹤

全站規則:任何行業術語第一次出現的地方掛 tooltip(120ms 淡入,同 M12 參數);欄名「費率‰」改「費率(‰)」數字只寫 5。

問題 14「長按可拖曳排序」P2已不存在:Enson 新版移除該區塊位置:建案首頁 →「功能」區標題旁(紅框)
現況——用文字教使用者做非常規手勢
長按拖曳

桌機沒有「長按」的習慣;而且好的介面不需要在旁邊寫使用說明(這行字本身就是訊號)。

建議——hover 出現拖曳把手,直接拖
DEMO——滑到卡片上,左上出現把手
⠿ 來客名單
384 累積
⠿ 銷控表
18.4%

把手一出現,人自然就知道能拖——說明文字整行刪掉。

問題 15KPI 卡三種風格P2已修:最後一張深色卡白卡化 09-14位置:建案總覽(tint 首卡)・建案首頁(深色磚)・業務獎金(深色首卡)
現況——由上而下三頁三種樣子
KPI 三風格

同一種東西(數字卡)在三頁長三個樣子:總覽第一張有底色、首頁是深色磚、獎金第一張又是另一種深色。沒有規則的差異=雜訊。

建議——全站一款白卡;深色只留建案首頁 hero
DEMO——統一後的 KPI 卡(含口徑 footer)
戶數
72 戶
住宅 61・店面 6・辦公 5
已售
13 戶
下訂 3・簽約 4・交屋 6
溢價總額
+4,772 萬
可算溢價 13 戶

規則一句話:數字卡=白底+細線+口徑 footer;深色大卡只有建案首頁 hero 一處,作為「每案門面」的固定識別。

問題 16匯入第一步就有「重選檔案」P3已修 09-14位置:來客名單 → 匯入 → 步驟 1(紅框)
現況
匯入

還沒選任何檔案,畫面就有「重選檔案」——語意接不上。四步驟精靈本身設計得很好。

建議

未選檔時只顯示一顆「選擇檔案」+拖放區;選了檔案後才變成「重選檔案/解析表頭」。 順手把「解析只讀表頭,不寫入資料」那行好文案搬到按鈕正下方,減少猶豫。

問題 17新增來客窗混用原生下拉P2查重已上線 09-14;chip 直選待位置:來客名單 → +新增來客
現況——紅框是瀏覽器原生下拉,跟全站自繪樣式不同
原生下拉

同一個系統兩種下拉外觀;而且這個窗沒有必填星號(收客表有)——同功能兩套規格。

建議——與收客表共用同一套欄位元件

來源、房型這種 5 個以內的選項改成 chip 直選(同收客表);超過 5 個才用自繪下拉。 必填加星號+電話格式即時檢查;同一支電話輸入完立刻查重(問題 5 的撞客防線就做在這裡)。

DEMO——查重提示的樣子
這支號碼已在名單:陳威宇(恆山千隅・張家豪負責)——開啟該筆或繼續建立跨案紀錄
問題 18空狀態沒有設計P3回收站已修 09-14;報表/消息待位置:業務報表下半・最新消息・回收站清空後等
現況——內容少的頁面下半就是白的
報表下半空
建議——空狀態三件套(圖示+一句話+動作)
DEMO
今天還沒有公告
發佈的消息會即時推送給選定的成員
問題 19姓名旁數字、橘點無口徑P3已修:tooltip+圖例 09-14位置:來客名單姓名欄(紅框)
現況——3、4、2 是什麼?橘點是什麼?
姓名旁數字
建議——tooltip+表頭圖例(滑過試試)
DEMO

陳威宇 3來訪 3 次:08-13・08-19・08-20  超過 14 天未跟進 郭俊廷

另在表頭右側加一次性的小圖例「● 久未跟進」。

SECTION 08 · 新增

手機版規劃(業務角色)

妳的定調:大部分以電腦版為主,但業務(SALES)權限內能操作的功能要能在手機用、對手機使用者友善。 所以不是整套系統搬到手機,是把「業務在案場與外面會做的事」挑出來做好。以下依 SALES 的權限實測結果(可讀、不可管理、看不到底價)圈範圍。

哪些功能要手機化(按 SALES 一天的動線)

時段情境功能手機上的形態優先
早上開工今日要追的人(業務報表的個人版)清單卡+一鍵撥號+完成打勾必要
案場接客現場收客已是手機優先,維持;選項跟建案範本連動(問題 7、8)已具備
接待中來客查詢+詳情+加往來紀錄搜尋列+卡片式名單+全螢幕詳情 sheet必要
客人問戶別銷控表(唯讀,無底價)問題 1 的堆疊版直接沿用到 375px;格子點開看狀態重要
晚上收工我的獎金KPI 卡直排+明細表卡片化次要

不做手機版的(管理職在桌機做):批次操作、Excel 匯入、權限、勾勾表範本管理、成員、帳單、操作明細。 手機看到的導覽只有業務用得到的五項——這正是「符合角色設定」:手機版=SALES 視角的子集,不是全站縮小。

手機版長相(375px 示意)

版面骨架

DEMO——手機殼縮小模型
青園綠境🔍
陳威宇 A逾期 3 天
回訪未跟進・0912-334-268
撥號加紀錄完成
林佳蓉 B
A 級未指派・今日到期
今日名單收客銷控我的

手機規格底線

  • 底部五格 tab:今日・名單・收客・銷控・我的(拇指範圍,取代 rail)
  • 觸控目標 ≥44×44px;名單列改卡片(表格在手機必爛)
  • 電話全部 tel: 一鍵撥(妳裁決不遮罩,撥號零阻力)
  • 詳情窗改全螢幕 sheet、往來紀錄輸入框貼底(打字不被鍵盤蓋住)
  • hover 全部有點擊等效:銷控 hover 卡改為「點格開小卡」
  • 驗收寬度 320/375/390;禁水平捲動
跟平板修復(問題 1)的關係 同一條 RWD 工程做兩層:≤1023px 平板堆疊版(全站頁面都要正常),≤640px 手機版只保證 SALES 五項動線的體驗, 其他頁在手機上「能看不破版」即可——這是把工放在刀口上。
SECTION 09 · 呈現方式已由 Annie 2026-09-11 指定

每頁使用說明系統(導覽式)

妳指定的呈現:沿用現有的首次進站導覽——整頁變暗、聚焦在講的區塊、旁邊拉線標文字、 下方「下一步」逐步走。要做的就是把這套從「全站一份」擴充成「每頁各一份」, 在任何一頁按「使用說明」,都跑那一頁自己的分步導覽。

現況——這套元件已經在系統裡(妳截圖的那個)

現有導覽

首次進站的導覽第一步:rail 逐顆標名、步驟點、下一步、點任意處關閉。技術上是 TOURPAGES 步驟陣列+亮區挖洞+SVG 拉線——擴充成每頁版本不用重寫元件,只要把步驟資料從「一份」變成「一頁一份」。

運作規則

  • 入口不變:左下角問號、右上頭像選單「使用說明」——按下去跑目前這一頁的導覽;首次進站仍跑全站版(rail+右上角+搜尋+工作流程四步)。
  • 每頁一組步驟:步驟資料寫成 TOURS[頁面id],每步=聚焦哪個元件+說明文字。元件搬家時只改選擇器。
  • 依角色過濾:步驟可標「需要某權限」——SALES 開銷控導覽不會看到「底價/溢價切換」那一步;說明永遠只教看得到的按鈕(符合角色設定)。
  • 隨時可關:點遮罩任意處或 ×;看過哪一頁記在本機,不重複自動彈。

試玩——每頁導覽的樣子(點「下一步」)

DEMO——以來客名單頁為例,三步
來客名單 1,268 筆 + 新增匯入
建案:全部分級:全部未指派久未跟進
陳威宇 A張家豪
黃淑珊 D未指派

17 頁的步驟大綱(舉一反三的具體清單)

每頁 2–5 步,聚焦順序照「進頁第一眼 → 主要操作 → 進階」。文字初稿如下,妳審過再定稿:

頁面導覽步驟(每步=聚焦一個區塊)
建案總覽① 公司 KPI(含口徑說明)② 建案卡:點卡進單案 ③ 最近動態 ④ +新增建案
建案首頁① 週來客走勢與五格數字 ② 收客勾勾表三鈕(複製/QR/開啟)③ 功能卡:可拖排序
來客名單① 篩選列+常用組合 ② 新增與匯入匯出 ③ 名單列:分級・未指派紅字・列尾指派 ④ 勾選批次 ⑤ 點姓名開詳情
來客詳情窗① 身分列與快速動作 ② 往來紀錄+新增 ③ 五個頁籤各是什麼
最新消息① 發佈與置頂 ② 分類色點
銷控表① 檢視層四鈕(依權限顯示)② KPI 帶 ③ 狀態圖例:點了聚焦+計數 ④ 戶別格:點開編輯(店辦跨欄說明)⑤ 車位區+異動流水/選取/批次
分析① 七個頁籤 ② 今日行動台與「處理」鈕 ③ 期間/建案篩選 ④ AI 判讀句的人審規則
業務報表① 日/週/月切換 ② 今日要追的人(逾期排序)③ 當日來客明細 ④ 列印
勾勾表範本① 標題列切換範本、啟用中、+ ② 客人拿到的表:點題標亮、鉛筆編輯 ③ 手機畫面示意同步
業務獎金① 我的獎金/發放列表/方案設定 ② 六格 KPI 口徑 ③ 明細:費率‰・回溯補差・發放狀態
現場收客① 必填欄與 chip 選項 ② 離線暫存規則 ③ 看今日名單
成員① +邀請 ② 卡片:編輯/停用/刪除 ③ 身分篩選與視圖切換
權限① 角色 tabs(ADMIN 固定全開)② 開關矩陣分組 ③ +新增角色
操作明細① 分類與日期篩選 ② 匯出 ③ 列內容怎麼讀
已刪來客① 還原/永久刪除 ② 30 天自動清除規則 ③ 清空(強確認)
帳單與方案① 現有方案與用量條 ② 方案比較與升降級
帳單紀錄① 狀態篩選 ② 發票下載

維護規則:之後每加一顆按鈕,該頁 TOURS 同步加一步——把「補導覽」寫進開發完成的定義,說明就不會過期。

SECTION 10 · 新增

妳還沒想到的層面——補充優化建議

照四種角色的實際日子往下想,這些是目前系統沒有、也還沒被討論過的。每項標了給誰用、價值在哪; 不是每個都要做,是先攤開讓妳挑。

給主管/公司層

建議情境價值難度
離職交接一鍵移轉業務離職,名下 132 筆名單要換人。現在停用帳號後名單變孤兒,得逐筆或批次手動指派成員頁「停用」流程加一步「名下名單移轉給→」,含通知新業務;操作明細留整批紀錄。名單是公司資產,交接是最容易掉球的一刻中
完銷案歸檔柏楓 100% 完銷還掛在建案列表佔一個名額(方案限 10 案)「結案歸檔」狀態:轉唯讀、不佔方案案數、資料照查——也回答了「舊案資料要留多久」中
退戶原因統計退戶現在只是把狀態改回待售,為什麼退的沒人記退戶確認窗加一欄原因(貸款不過/反悔/換戶/其他),分析頁就能回答「我們的訂單為什麼掉」小
業主白牌週報業主要看進度,現在得給帳號登入看整套系統「對業主」頁籤加「匯出本週報告 PDF」,套建案 logo——業主拿到的是乾淨的一頁,不是系統截圖中
接待輪序表案場「這組客該誰接」靠白板或默契,撞客糾紛一半從這來收客頁加輪序條(今日排班順序、目前輪到誰),收客送出自動跳下一位;跟獎金歸屬直接掛鉤大

給業務(配合手機版一起做最順)

建議情境價值難度
LINE 通知台灣業務整天掛在 LINE,系統內鈴鐺下班就沒人看新名單指派、SLA 提醒、今日行程早上推——接 LINE 官方帳號或 Notify。通知到得了,SLA 鏈才真的有用中
訊息模板一鍵發追蹤時要打「賞屋邀約」「價格通知」,每次手打詳情窗「發訊息」→ 選模板 → 帶入姓名案名 → 複製或發送,同時自動寫一筆往來紀錄——紀錄完整度會暴增,因為記錄變成發訊的副產品中
語音快記帶看完在車上,打字麻煩就不記了手機版往來紀錄加語音輸入(系統鍵盤聽寫即可起步),降低「懶得記」的門檻小

資料品質與制度

建議情境價值難度
重複客合併工具同一人被建了兩筆(改天用市話再來一次),查重防線(問題 17)擋新的,舊的重複要清「合併」功能:挑主檔、歷程合併保留、操作留痕——報表數字才會準中
名單回公池規則業務手上 A 級客養著不跟,別人也碰不了可設定「A/B 級超過 N 天未跟進→回公池或提示主管改派」;配合現有「久未跟進」篩選就能落地。這是代銷管理的老問題,系統能當黑臉中
勾勾表客填模式問卷 18 欄由業務代填,常敷衍收客表加「遞給客人填」模式(全螢幕、大字、填完回鎖)——資料真實度差很多小

系統層(正式版接後端前要想好)

建議情境價值難度
萬筆名單效能方案上限 30,000 筆,一次渲染會卡虛擬捲動+伺服器分頁——分頁元件統一(問題 6)時一起定 API 形狀,省一次返工中
操作紀錄保存政策操作明細會無限長大定保存年限(例:2 年線上+冷存檔)與匯出;個資相關的查詢紀錄一併涵蓋小
付款進度追蹤簽約後的收款(簽約金→開工款→⋯)系統沒有這是「要不要做」的產品邊界題:做了就從銷售工具跨入對帳工具。建議先不做,但戶別窗留「收款備註」欄位吸住需求,觀察半年再決定—
SECTION 11

總結與路線

第一階段(1–2 週)

  • 平板 RWD(問題 1)+手機版骨架(第 8 章)
  • Quick Wins(修訂版 12 項)
  • 詳情窗身分列(問題 4)
  • 匯出名單權限開關(問題 2 裁決後的收尾)

第二階段(3–4 週)

  • 來源/房型全面改吃勾勾表範本(問題 7、8)
  • 建檔即時查重(問題 17)
  • 帶看「下一步」結構化欄位
  • 每頁使用說明系統(第 9 章)

第三階段(2–3 週)

  • 一致性統一(5-5 清單八項)
  • 動效植入(第 6 章 M1–M12)+六態補齊

第四階段(挑著做)

  • 第 10 章盲點清單由妳圈選
  • LINE 通知、離職交接、白牌週報是我心中的前三
如果只有兩週 ① 平板+手機 RWD ② 詳情窗身分列+一鍵撥號 ③ Quick Wins 前 10 項 ④ 使用說明先做銷控與名單兩頁。 覆蓋業務每天用得到的八成。
SECTION 12 · 2026-09-13 新增

基底同步與衝突裁決

Enson 09-11 推了 21 筆 commit——好消息:他已把我們的銷控合併版(PR #3)整個併進去, 並在上面繼續做了全站收斂。我已把工作檔改成以他的最新版為基底、重放我們的 RWD 改動,四種寬度驗證通過。 但有三處他的改法跟妳先前的定調相撞,列在下面等妳裁決。

他這 21 筆做了什麼(摘要)

區塊內容跟我們清單的關係
銷控表併入我們的合併版+收尾;車位移到戶別下方(不再左右分欄);戶別矩陣吃滿卡寬、格子改 200×76 扁格與 RWD 平板堆疊同方向,但見裁決 ①②
建案首頁整頁改成「案場今日」——七個狀態區塊,只回答今天有什麼事卡住;久未跟進改依分級跟進間隔判定方向跟我們第 3 章「今日該做什麼」完全一致,加分
最新消息改成上公告卡+下行事曆卡(公司事項/節假日/排休);公告列一行式解了我們「頁面利用率低」的問題;見裁決 ③
全站收斂字級收成 8 個角色 token、可讀性補到 WCAG AA、間距上刻度、chip/按鈕收單一尺寸、動效與疊層 token 化就是我們第 5 章 Design System 的落地——追蹤清單 f5 已由他完成
修錯#home 直接重新整理數字歸零、按鈕字級撐大、日報明細白框—

三個衝突——兩個已在 09-13 會議定案

#衝突妳先前的定調他的新版我的建議
①車位位置「戶別左車位右」(09-08)車位移到戶別下方會議定案:接受車位在下——戶別欄數多時右欄必被擠壓
②格子比例「正方形」(09-05)吃滿寬變 200×76 扁格會議定案:格子固定大小、維持正方形、可縮小+分棟分隔線+超寬橫滑(批次 J6)——Enson 的扁格版要改回來
③置頂公告樣式黑名單:「卡片左邊彩色線=AI 感」左緣一道主色線09-14 裁決並完成線拿掉,改「置頂」徽章+淡藍底 --tint;hover 加深一階不退色

順手抓到並已修掉的一個問題

他把來客名單的操作欄做成 hover 才浮現(opacity 0,滑到該列才出現)——這解釋了稽核時「操作欄看起來是空的」的真正原因。 桌機是個風格選擇,但手機沒有 hover=按鈕永遠不存在。已在工作檔補上:觸控裝置與平板寬度以下操作欄常駐顯示,桌機維持他的浮現效果。 要不要連桌機也改常駐(黑名單「hover-only 的功能」),跟裁決 ③ 一起回我即可。

SECTION 13 · 2026-09-13 會議(1 小時 55 分,與 Enson)

會議結論整合

錄音已全文轉錄並逐段整理。決議分三類:拍板的規則、新功能需求、要再調的版面; 全部待辦已編入第 14 章追蹤清單「批次 J」。與 CRM 無關的段落(AI 影像工具研究、內訓安排)只留一行備查。

拍板的規則

主題結論
重複客資(撞客)客戶填勾勾表時不可當場提示重複(不能讓客戶知道被識別);回到 CRM 端才提示。資料庫保留各案各一筆;跨案檢視合併顯示、單案列表各自顯示;權限依建案篩選。踢客資時要看得到「此人有跨案關聯」。先照 Enson 的合併顯示做,不行再拆。
銷控矩陣同一層一定同一排、不可折行(行業「銷控本」習慣);分棟用分隔線——銷控設定時先選棟別,畫面自動畫線;格子固定大小、維持正方形、可縮小(Annie:長方形很詭異);格內資訊精簡(緊湊概念);超出螢幕寬往橫向滑;車位格再縮小、戶別比例優先。
車位位置接受 Enson 的「車位在戶別下方」——理由:戶別欄數多時右欄必被擠壓;RWD 也是同一套邏輯。
視覺統一時機字級與樣式的全站統一放最後——等功能全部定案後一次收斂(Annie:每頁各自微調就不會有一致感;Enson:功能還沒確認完)。
協作流程Annie 可以直接改功能(不限視覺);改完推分支給 Enson 部署;動手前先 rebase 到他的最新版。
實價登錄成屋與預售資料先不合併分析(門牌對不上戶別);之後抓使照完工日期、三年內新成屋才納入合併。手動 key 優先、自動比對為輔。

新功能需求(會議新增)

功能內容
約訪/帶看業務自己建立約訪(不從聯絡紀錄文字抓);行事曆顯示;客資頁有快速建立鈕;首頁顯示「今日約訪」;主管可看全案場約訪。——正是稽核報告點出的最大缺口,會議拍板要做。
行事曆(最新消息頁)Enson 已建雛形:排班表、公司活動、國定假日、休假;競品都有但都做得醜,是差異化機會。版位與「新增」鈕樣式要統一(現在兩顆新增長不一樣)。
關聯(人脈網)擴充可建立與管理客戶關係:被誰介紹、夫妻、姐妹、同事(關係可自訂);搜尋現有客戶後選關係+備註。用途:開案邀約名單(有購買紀錄者+介紹多組客戶者)。
分析選項庫週報分析要補:來人組合(夫婦同來/家人同來/男自然/女自然/朋友同來)、賣點、抗性、動機。開案建立建案時一併設定;公版免費、完全客製化收較高方案費。
方案金流方案頁要有金流紀錄模組(未做)。

要再調的版面(Enson 點名請 Annie 出手)

  • 案場今日(首頁):待辦區塊收斂成五格——待指派、待跟進、待簽約、資料未齊(勾勾表倒入未更新聯絡狀況)、戶別資料未設(底價/坪數缺幾戶);「保留戶」不算待辦、移除;可加第六格「今日約訪」;建案基本資料卡的欄位配置再想。
  • 業務報表:天氣欄拿掉;日報 KPI 有一格重複(左下角應為另一數字);週報「成交比」人頭圖卡 Annie 認定硬塞、整卡重設計;月報補「成交比」、長卡砍半、另外半格想放什麼;本週廣告媒體區手動預算欄保留(印給業主)。
  • 週報互動:客資紀錄列點擊要跳出該客戶詳情;台序 hover 出現在很邊邊的位置要修。
  • 勾勾表:「來源」欄(系統/自訂欄位標示)覺得不好可拿掉——與稽核問題 12 同結論。

營運備忘(不進追蹤清單)

競品警訊:有團隊在做一模一樣的產品且已可上線(開始接觸業主)——時程要加快。 試營運先找三位免費體驗者(心愛+兩位)。教學規劃:功能多、上線後要開收費教學課。 會議後段為 AI 影像工具研究(Blender/Lupa/捲舒)與公司內訓安排,與 CRM 無關,另案處理。

SECTION 14 · 動工清單+妳的進度表

修改計畫與執行追蹤

全部改在 ui-restyle-demo-annie.html 工作檔,不推 git、不部署。 下面每一項都可以勾——改好一項勾一項,勾選會自動記住(存在這台電腦的瀏覽器裡,關掉重開還在)。

完成進度
勾選即記錄
0 / 52
項目對應
批次 A 平板與手機
問題 1
問題 1
問題 1
第 8 章
第 8 章
第 8 章
第 8 章
批次 B 權限收尾
問題 2 裁決
批次 C 勾勾表當權威
問題 7
問題 8
問題 3
批次 D 詳情窗
問題 4
問題 4
問題 4
問題 17
批次 E Quick Wins
問題 5
問題 6
—
問題 11
問題 9
問題 13
問題 19
—
問題 16
—
問題 14
問題 17
批次 F 一致性統一
5-5
5-5
5-5
5-5
5-5
問題 12
批次 G 動效植入
第 6 章
第 6 章
第 6 章
第 6 章
批次 H 使用說明
第 9 章
第 9 章
批次 I 空狀態
問題 18
批次 J 會議決議(09-13)
會議
會議
會議
會議
會議
會議
會議
會議
會議
會議
會議
會議

09-14 重掃與執行紀錄(V5)

依妳指示對新基底從頭重掃(computed style 機器級掃描:17 頁、3,070 條 CSS 規則、逐頁圓角/字級/顏色/高度聚類), 再直接動工。重掃結論:Enson 的 token 收斂讓底盤已相當一致——圓角 95% 走 token、focus-visible 36 條、reduced-motion 5 塊都在; 剩餘離群已在本輪修掉。以下為本輪 26 項修改,全部渲染複驗通過(三寬零溢出、JS 錯誤 0):

類別修改驗證
規格離群孿生灰統一(#5E6B78→#5F6C79,銷控保留態與全站 muted 差 1 的兩個灰併為一個);commission 總獎金卡白卡化(全站最後一張深色 KPI 卡收斂,數字改主色強調)computed style 複掃
詳情窗(批次 D)身分列上線:電話(點擊撥號)+負責業務+撥號/指派/約帶看三鈕,開窗自動帶入該客資料;視窗高度隨內容收縮;「+新增紀錄」文字常駐(原 hover 才展開)開窗實測(附截圖)
撞客防線(批次 D)新增來客輸入已存在的電話→彈出「這支號碼已在名單:陳威宇(青園綠境・張家豪)」,可取消或確認建立跨案紀錄——照 09-13 會議「提示不擋建」實測彈窗內容
分頁統一(批次 E/F)來客名單改用與操作明細同一顆共用頁碼元件(drawPagerInto)+每頁筆數選單——不是做像的,是同一份程式點頁碼實測
強確認(批次 E/F)回收站清空:輸入筆數才解鎖刪除鈕;清空後顯示空狀態三件套;確認窗補 Esc 關閉實測鎖定→解鎖→空狀態
tooltip 統一(批次 E)floattip 通用化:術語(費率‰/回溯補差/熟成訂單)、口徑(組/筆定義)、姓名旁關聯數、久未跟進橘點、姓名表頭 ⓘ 圖例——全部同一套浮層樣式,原生 title 淘汰hover 實測
每頁使用說明(批次 H)導覽引擎改 TOURS[頁面]:銷控 5 步(檢視層→KPI→聚焦→矩陣→工具列)、名單 3 步已上線;其他頁 fallback 全站版;首次進站仍走全站版實測(附截圖)
會議決議(批次 J)J7 報表天氣欄移除;J10 勾勾表「來源」欄隱藏;權限頁補標題+ADMIN 鎖定說明;收客離線文案改通順;匯入未選檔時隱藏「重選檔案」;回收站來源詞彙改勾勾表字典(現場/戶外看板/網路-FB)逐項渲染複驗
觸控與平板表格可橫捲右緣漸層提示(≤1023px)—
09-14 裁決落地置頂公告左緣彩色線移除→「置頂」徽章+淡藍底(三處 CSS 覆蓋同步改,含 hover 加深);操作欄常駐規則收斂為只吃 pointer:coarsecomputed style 實測:底色 rgb(233,241,247)、左緣透明、桌機 opacity 0

刻意保留的差異(有情境理由):日報 dr-table 與方案比較表的表頭用小一級 --fs-2(密集數據表); 名單搜尋框 32px vs 表單 34px(容器高度連動,改動風險大於收益,列 P3);操作欄桌機 hover 浮現(Enson 風格,觸控已常駐)——要不要桌機也常駐,與置頂線一起等妳裁決。

妳現在可以在下表打勾的項目

批次 A 全部(7 項)、b1(匯出開關經查已存在於權限頁且 SALES 預設關)、c3、d1、d2、d3、d4、e2、e3、e4、e5、e6、e7、e8(經查已存在)、e9、e10、f1、f2、f3(確認窗 Esc 已補;其餘浮層原本就有)、f5(Enson)、f6、h1、i1、j7(報表天氣)、j10(來源欄)。

第一階段的裁決全部結清(09-14) ① 置頂公告:左緣彩色線拿掉 → 「置頂」徽章+淡藍底,已完成。 ② 操作欄:桌機維持 hover 才浮現、觸控裝置常駐,已定案並收斂(原本 ≤1023px 一律常駐的規則改回只吃 pointer:coarse,桌機縮視窗也不會變樣)。 ③ 詳情窗第三顆快速動作依會議結論放「約帶看」。
接下來的待辦看下表徽章:待辦=還沒做、Enson 端=要他那邊配合的資料模型或矩陣調整。