側欄滑過出現的小標籤,要換成哪一種?
全站(側欄圖示)- 問題
- 現在是深色小方角的標籤,跟全站圓角、白卡的語言不一樣(你截圖問的那個「勾勾表範本」)。
- 改成
- 四選一:T1 白色膠囊/T2 霧面玻璃/T3 主色膠囊/T4 細線標註。四種都保留現在「換一顆時滑過去」的動態。
- 我的建議
- 選 T1 白色膠囊:跟銷控格的白色詳情卡、全站白卡同一種材質,最安靜;T2 在白底上跟 T1 幾乎看不出差別。
這份只留兩種:等你決定(附我的建議)與要改(查證過確定是問題)。已經完成的都收起來了(最下面可以展開)。每一項都有「在畫面哪裡」「改前」「改後」;改後是直接把修法套在真的 CRM 上拍的,不是另外畫的。你回我編號就好,例如「D9、D2 照建議,F 全部改」。
藍字是我的建議;你說「照建議」我就做。
原 #58 另外幾點:① 三張卡共用列高、⑤ 基本資料 8 格寬度不一——已被首頁 H3-A 改版取代,不用再改;⑥ 名字底線改成滑過才出現——建議不改(Codex 也提醒:能點的提示要一直看得到);⑦ 右下快捷鈕已上線。
Codex 挑出、我用真的 CRM 查證過確定是問題的。你說「F 全部改」我就一次做完,改完跑全站回歸再給你看。
我這邊驗不到,要你看一眼。
送審內容已去識別(案名、公司、人名、電話都換掉);原始審查包與回覆存在 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) |
| 9 | 9px 小字對比低 | 採納 | F5(建案卡成就徽章) |
| 10 | 收客選項不能用方向鍵 | 採納 | F8(實測按方向鍵沒反應) |
| 11 | 分頁膠囊狀態讀屏器讀不到 | 採納 | F8(實測 5 頁都只換 class) |
| 12 | 手機最新消息順序 | 採納為待決 | D9 |
| 13 | 獎金勾選框沒有焦點框 | 採納 | F8(實測鍵盤完全到不了,比 Codex 說的更嚴重) |
| 14 | 勾選框只唸「選取此筆」 | 採納 | F8 |
| 15 | 手機名單卡資訊太少 | 採納為待決 | D11 |
| 16 | 手機底部分頁沒有選中狀態 | 採納 | F8(另外發現:用返回鍵切頁時亮點不會跟著換) |
| 17 | 手機報表 KPI 橫滑沒提示 | 駁回 | 實測手機報表沒有橫滑 KPI |
| 18 | 桌機收客表單太窄 | 駁回 | 收客頁是給平板/手機現場用,桌機顯示手機大小是刻意的 |
| 19 | 1,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-269 | N2 選就地展開、N5 選連動數字、N9 選依日期分段 | 駁回 | 你已選 N2-E、N5-E、N9 都不要,已做進去 |
| C-35/46/179 | 勾勾表範本選 A、獎金選 P2、權限選兩角色對照 | 駁回 | 這三項你之後都選了別的並已完成(#48 D、#104 K1 帶、#211 P3) |
只列還沒修的——改好的會直接從清單拿掉。每項點「看改前/改後」可以看改完長怎樣再決定要不要改。勾選會自動記住。最後同步:09-19 15:22
整體完成度:視覺與互動已到可對外 demo 的水準——設計 token 化徹底(字級 12 種全走 token、硬編色僅 2 處已註記)、三種寬度頁框已鎖定、五種權限可切換預覽、17 頁+33 視窗+選單全部實開通過、JS 錯誤 0。原 44 項已修 30 項+DS 統一 3 項、1 項移出(a4 實價登錄屬另一專案);清單剩 25 項(含 09-19~21 待決定 12 項)。
| 面向 | 分 | 依據與扣分原因 |
|---|---|---|
| 資訊架構 | 8.5 | 側欄兩群組清楚、無權限頁自動消失並導回;重新整理停在原頁。扣:帳單/方案頁只能從系統設定進,入口偏深。 |
| 視覺一致性 | 8.5 | token 覆蓋率高、頁框三寬度鎖定(左 104/右 32/標題 98)。扣:置頂 hover 一處硬編色待 token 化;報表卡片密度不一(r1–r3)。 |
| 元件系統 | 8 | chip/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)。 |
| RWD | 9 | 390/768/1024/1440 全頁零溢出、業務手機 6 頁小字 0、觸控 44px 全達標。扣:平板 768 成員頁工具列折兩排可再收。 |
| 無障礙 | 8 | focus ring 全站統一、選項改真按鈕可鍵盤、reduced-motion 保留、抽屜收起不可 Tab。扣:術語虛線提示觸控裝置看不到;15 頁無導覽(t1)。 |
| 前端維護性 | 7 | token 制度好、批次替換有斷言慣例。扣:x4/x5/x6;同 selector 覆寫多處靠順序,合併回主檔要小心。 |
| 商業完成度 | 8.5 | 展示動線完整(排列示意、角色預覽、QR 收客);假資料口徑一致。扣:報表章節仍有「重新設計」級項目未定稿。 |
整段對話的每一條需求逐條對照目前檔案實際狀態。凡「只做一半」的,這次已補齊並標「本次補齊」。前後衝突以你最新的說法為準(例:使用說明先做了文字面板,你改要原本的導覽式 → 以導覽式為準)。
| 項目 | 怎麼查 | 找到 | 結果 |
|---|---|---|---|
| 全站所有頁面與功能 | 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 |
| # | 需求 | 狀態 | 補充/說明 | 修改位置 | 驗收結果 |
|---|---|---|---|---|---|
| 1 | 首頁待辦:卡片為主再給 5 個 demo | 完成 | 後續已被三輪重排取代 | demo-首頁待辦五方向.html | 5 方向 0 溢出、JS 錯誤 0 |
| 2 | 銷控排列示意:每格要有「樓/戶」 | 部分完成 | 大樓(總太)每格「15F/01」已完成;透天(白駒)一戶一棟沒有樓層,維持「N 號」——這是我的判斷,要加樓層請說 | 銷控表 renderSimLayout/simCell | 1,862 格文字裁切 0(1440/1024/768) |
| 3 | 來客列:跨案 chip 沒對齊 | 完成 | 之後依你的要求整顆 chip 移除 | 來客名單 | 同列元素垂直中心全部 26px |
| 4 | 全站 DS 複檢:圓角、圓形 1:1、同類同尺寸 | 完成 | 本次補齊:09-19 只列出 x7/x8/x9 沒有套用(只做一半)→ 已套用:圓鈕四級、頭像四級、狀態點一律 7px | CSS「09-19 需求複檢補齊」區塊 | 16 頁掃描:圓角只剩 token 值、圓形全部正圓、圓點全 7px |
| 5 | 卡片邊緣色線禁用,demo 也不准 | 完成 | 最新消息滑過時的灰色左線一併拿掉 | .notice/.ax-quote/#page-news .hist .h | 16 頁掃描單邊色線 0 條 |
| 6 | 首頁:刪保留中、跨案待確認;加今日約訪 | 完成 | — | 建案首頁 refresh() | 首頁卡片標題斷言 |
| 7 | 首頁卡底說明字全刪 | 完成 | — | panel()/seg() | .dr-note 0 條 |
| 8 | 首頁重排 demo 要保留全部資訊 | 完成 | — | demo-首頁重排.html | 46 個關鍵字 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 本案正方格 | 完成 | — | 銷控表 renderMx | 69 格正方、桌機兩段並排 |
| 15 | 以下可改:計畫「不要斜體」 | 完成 | — | 修改計畫 CSS | font-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、#visitWeek | verify_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-勾勾表範本新三方向.html | 1440/1024/800/390 無溢出、D 題目兩兩成對無落單、F 切範本與點題互動通過、JS 錯誤 0(24/24) |
| 49 | 狀態標籤重做(S1~S3 都不要)+說明是什麼、在哪 → N1~N4 也都不要,維持現狀 | 完成 | N1 階段軌/N2 圖示+字/N3 當一筆資料/N4 角標;兩個真實位置都示範 | demo-狀態標籤四方向.html | 1440~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;成交條寬度確實包含在來人條之內 |
| 82 | z-index 有 28 種數值、沒有層級表 | 完成 | 排成一張由下往上的層級表(頁內→固定列→抽屜→浮層→導覽→最上層提示),66 處全部改吃 token,裸數字歸零 | 全站 | 疊層實測 8/8:提示訊息、⌘K、抽屜、浮層選單、懸浮鈕打開時都真的點得到 |
| 83 | inline 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 橫向捲動 |
| 129 | Run 指令帶「#home」打不開 | 完成 | 一般路徑後接 #,open 會當成檔名;改用 file:/// 網址。已寫進記憶 | 交付指令格式 | file:/// 版實測 exit 0 |
| 130 | ⚠️ 手機「最新消息」公告標題整個看不見(總複檢發現) | 完成 | 四欄+右側預留 108px 給滑過才出現的鈕,標題欄被擠成 0。改成三行:標題/類別・發布者・日期/內文;操作鈕點開那列才出現 | 最新消息 ≤640 | 390 截圖四則標題都在、日期不再被切 |
| 131 | 手機「分析」七個章節字變直排(總複檢發現) | 完成 | 改成一排可左右滑 | 分析 #ana2Tabs ≤640 | 390 截圖一排橫向;直排偵測 0 |
| 132 | 手機行事曆:「行事曆」標題直排、「1 項」折兩行、「今天」直排(總複檢發現) | 完成 | 標題獨佔一行、件數不折行;今天已是實心圓,不再加字 | 最新消息・行事曆 ≤640 | 390 截圖;直排偵測 0 |
| 133 | 手機「分析」表格最後兩欄被切、字直排(總複檢發現) | 完成 | 表格改可左右滑,長句欄至少 11rem | 分析 .ax-table ≤640 | 390 截圖列高回到正常 |
| 134 | 手機銷控表車位格四行字互壓(總複檢發現) | 完成 | 手機改成至少同高、內容多就長高(同一排一起長) | 銷控表 .mg-pcell ≤640 | 390 疊字 12 → 0 |
| 135 | 頁碼鈕不是正圓(2、64、‹ ›) | 完成 | 內距 8/12px 撐成 32~40 寬的橢圓 → 一律正圓 | .pager(來客名單・操作明細・帳單・獎金) | 4 頁 × 3 寬度不正圓 0 |
| 136 | 單一字的小徽章不是正圓 | 完成 | 分析「✎」、成員「你」、勾勾表單字選項、銷控格內與圖例「小/大/充」 | 各頁 | 全站不正圓只剩設計規範頁的圓角樣本(刻意示範用) |
| 137 | 建案首頁六格在 1024 寬「3 戶・車位 3」折行壓到下面小字 | 完成 | 數字與單位不折行 | 建案首頁 .hm-k1 | 1024 疊字 1 → 0 |
| 138 | 日報六格在 ≤1020 變兩排時上下貼在一起 | 完成 | 兩排之間加 --s5 間距、第二排開頭不再多一條左線 | 業務報表 #reportsDaily .dr-cards | 768 疊字 3 → 0 |
| 139 | 建案首頁待辦段標手機圓角 12(不在刻度上) | 完成 | 固定 --r-mini | 建案首頁 | 390 非刻度圓角 0 |
| 140 | 使用說明:設計規範頁沒有專屬說明(會退回全站版) | 完成 | 新增 4 步:這頁是什麼・看的順序・注意・常見問題 | 導覽 TOURS.guide | 17 頁都有專屬說明 |
| 141 | 使用說明:各頁漏講的按鈕 | 完成 | 案名切換(16 頁第一步)、常用組合、全選、每頁筆數、批次建立/新增單筆、看今日名單、行事曆上一段/下一段/本月、搜尋成員、各表頁碼、方案呈現方式與比較表按鈕 | 導覽 TOURS | 覆蓋率檢查:16 頁漏講 0;銷控表批次列(選取後才出現)寫在「工具列」那步 |
| 142 | 使用說明:內容過時 | 完成 | 報表「會記住」→ 每次進來是數字、圖表=日報看板+週報圖;⚡可拖曳+點兩下復位;點行事曆事項可看詳情/改排休;頭像與左下 ? 鈕 | 導覽 TOURS | 新寫的句子逐句拿畫面驗:6/6(拖曳會記住、雙擊復位、報表回數字等) |
| 143 | 平板寬度導覽「左側工具列」那步標籤跑出畫面 | 完成 | ≤1020 側欄變頂端橫條 → 改成中間一張實卡,依畫面由左到右列出功能;標題改「上方工具列」 | 導覽 tourRender | 768 截圖;出畫面 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 |
| 148 | Safari、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-登入頁十方向.html | 10 方向 × 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優化五方向.html | 5 方向左右高度差 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-登入頁第二輪.html | 14 方向 × 1440/390:原文字全在、0 橫向捲動、特效有畫、0 疊字;桌機 14 方向字級/字重/圓角全在刻度上、字型是 MiSans;共 48/48 |
| 157 | 手機導覽底部「上一步/✕」貼到螢幕邊 | 完成 | 手機縮小導覽按鈕列的間距與內距 | 全站導覽 ≤640 | 390 寬按鈕列左右各留 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結合三方向.html | verify_combo 23/23:桌機+手機 0 疊字、不出畫面、光有畫出來、帳號同步、登入成功蓋章 |
| 166 | 動態元件文件更新 | 完成 | 見 CRM_動態元件與全站UX總檢.html 最上面的「09-21 現況」 | CRM_動態元件與全站UX總檢.html | 見該檔 |
| 167 | D1 切換滑塊、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總檢.html | verify_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_動態元件下一批建議.html | verify_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-權限頁與成員頁三方向.html | verify_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.4rem | verify_staffcard 9/9:缺口三項、同一行、電話與最後登入都在、五段不溢出、+N 正確收合、12 張卡名字與單位截字 0、疊字 0、JS 錯誤 0 |
| 182 | 來源下拉的底色跟背景太接近 | 完成 | 未展開用 --fill、展開中(aria-expanded)用 --fill-2,跟篩選列其他按鈕同一套 | 篩選列 hover 與展開狀態 CSS | computed 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-projects | verify_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-projects | verify_projects_pc 25/25 |
| 198 | 勾勾表範本:右邊手機預覽改成平板預覽 | 完成 | 大部分人用平板勾選。預覽改成 3:4 平板外框、內容兩欄排;高度跟著視窗走,1280×800 筆電也放得下;說明文字與導覽教學同步改成「平板」 | 勾勾表範本 .tpl-phone.tablet | verify_tpltablet 21/21 |
| 199 | 來客名單頁尾「每頁 12」不整齊 | 完成 | 下拉拿掉外框、字級跟左邊「共 N 筆」一樣,中間用一條細分隔線隔開,整條頁尾同一個高度 | #page-leadsall .la-foot | verify_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-動態元件第二輪/裁決.md | verify_r2 14/14 |
| 204 | 青園綠境銷售率:建案首頁 18%、建案總覽 19.4% | 完成 | 建案總覽改版時已改成跟首頁同一個來源 13/72=18% | #page-projects | verify_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-actions | verify_fix0923b:⋯ 0 個、點筆跳出重新命名、切到未啟用範本出現「設為啟用」 |
| 208 | 使用說明中間的正方形小框框(全部修) | 完成 | 原因:沒有要亮的區塊時亮框縮成 0×0,但 1px 細框線還畫著。沒有大小就不畫框線,一條規則全站生效 | .tour-hole | verify_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-perms | verify_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);手機兩張卡上下疊 | #d4 | verify_buyrow 15/15、verify_drawerfix 17/17、verify_batchgift 8/8 |
| 216 | 關聯頁「關聯為雙向,於對方的關聯頁同步顯示 *」刪除 | 完成 | 整行刪掉 | #d5 | 工作檔「關聯為雙向」出現 0 次 |
| 217 | 成員頁:卡片「可存取建案」字刪除、封存開關刪除、左上+改虛線新增卡、列表操作欄照帳單 | 完成 | 封存改在編輯裡;新增卡放卡片最後、列表下面一條虛線新增列;列表表頭不寫「操作」、圖示滑過才出現、資料欄等寬 | #page-staff | verify_stafftidy 11/11、verify_staffcard 9/9 |
| 218 | 業務約訪:一個行事曆一個建案、點日期直接新增 | 完成 | 標題旁切建案(預設跟著目前建案);月檢視點日期、週檢視點表頭日期、點空格都直接開「新增約訪」,日期與建案帶好、來客只列這一案;過去的日子提示不能約 | #visitWeek | verify_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-templates | verify_tpltablet 21/21 |
| 223 | (Codex 多裝置)現場收客:送出/清除後上一位的答案會沿用到下一位 | 完成 | 原本只清姓名、電話、購屋目的;來源、來客/來電、日期、房型都留著 → 改成全部回預設;復原也是全部;只改一欄也給復原 | #page-collect | verify_a6_collect 26/26 |
| 224 | (順手修,舊 bug)收客頁「需求房型」按了沒反應 | 完成 | 09-19 範本同步會重畫房型按鈕,點擊卻綁在舊按鈕上 → 改綁在整組上 | #collectSegRoom | 修前點 2房 不變;修後 2房 選中 |
| 225 | (Codex 多裝置)勾勾表完成度、選中提示、平板 44px、鍵盤 | 完成 | 表頭「已填 n/7」+進度條;選中的選項右上角一顆勾(不只靠顏色);平板選項 44px;手機送出列固定在底部分頁上方、鍵盤出現時貼著鍵盤;聚焦欄位捲到畫面中段;沒送出的資料重新整理會還原;平板表單放寬、姓名電話並排 | #page-collect | verify_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 的日報看板監看自己也會改的區域 → 換日期、換角色都會無限重畫;改成重畫時先停止監看 | #reportsDaily | verify_kbloop 4/4;修前頁面載不完 |
| 230 | (Codex 多裝置)平板範本頁:原本直接藏掉平板預覽 | 完成 | 改成「編輯欄位/平板預覽」切換 | #page-templates ≤1020 | verify_a6_batch2 |
| 231 | (Codex 多裝置)平板消息:編輯/置頂/刪除只有滑過才出現 | 完成 | 觸控裝置常駐;約訪建案切換「秴楓」不再被擠成直排 | #page-news | verify_a6_batch2 |
| 232 | 平板來客名單要留哪些欄(你選 T1) | 完成 | 平板與小筆電(641–1180)只留 7 欄:勾選、姓名、分級、電話、來源、來訪日期、負責業務;來客/來電、歸屬建案、足跡、關聯、回訪點進詳情看。表格不用左右滑、表頭照樣排序;1440 桌機維持 12 欄;成員表平板本來就不用滑,不動 | #page-leadsall | 1024/834/768:表格寬=可視寬(888/770/704),0 橫捲 |
| 233 | 手機銷控:要不要加「戶別搜尋、棟樓跳轉」 | 等你決定 | Codex 建議的新功能;這次只做了左右滑時樓層欄固定 | #page-units | — |
| 234 | (順手修,同類第二次)業務約訪第一次用滑鼠點時段沒反應 | 完成 | 週曆監看整個 body 的 class,第一次按下滑鼠全站會加 mouse-mode → 週曆整張重畫、這一下點擊消失。改成只在業務模式/只看自己/預覽角色真的變了才重畫 | #visitWeek、今日我的約訪 | 修前:第一次點 0 反應;修後:草稿+新增視窗出現 |
| 235 | (順手修)手機業務約訪標題列左右各凸出 4px | 完成 | 標題列負邊距跟手機卡片內距對齊 | #visitWeek ≤640 | verify_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-projects | page_inventory:各頁說明找不到的目標 0;verify_tournotes 49/49 |
| 240 | (任務 B)已刪來客搜尋不到時寫「垃圾桶是空的」 | 完成 | 改成:真的沒資料=垃圾桶是空的;沒搜到=沒有符合的已刪來客 | #page-trash | states_audit |
| 241 | (任務 B)搜尋框聚焦全站一致、鎖住的開關看得出不能動 | 完成 | 聚焦外框主色(原本只有名單頁);系統管理員鎖住的權限開關變淡+禁止游標、方案未含的也是禁止游標 | 全站搜尋框、#page-perms | states_audit |
| 242 | (任務 B)建案總覽兩顆「新增建案」 | 完成 | 照成員頁的定案:只留卡片下方虛線長條,頁標那顆藏起來(元件留著給程式呼叫) | #page-projects | states_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/4 | GitHub | https://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:1b6c0a2 | GitHub | https://github.com/chester-rgb/adholic-crm-ui-demo/pull/4 |
依每頁的實際使用情境判斷,只列真正缺少、會影響決策或漏事的項目;已有的不重複列。
| 頁面 | 已有的重點資訊 | 缺少(建議補) | 優先 | 建議位置與呈現 |
|---|---|---|---|---|
| 建案總覽 | 狀態、累積來客、戶數、銷售率 | 每張卡的急件數(今日約訪、待辦);多案時的篩選排序 | P1/P2 | 卡片底部一行小字;標題右側狀態膠囊 |
| 建案首頁 | 已售、昨日動態、今日約訪、未回報、未指派、久未跟進、下訂未簽約、資料未齊 | 保留到期警示(缺「保留到期日」欄位) | P2 | 到期當天才在戶別進度多一列 |
| 來客名單 | 分級、久未跟進、未指派、足跡、回訪次數 | 「最後往來日」欄(目前以來訪日起算久未跟進);快篩膠囊帶數量 | P2/P3 | 欄位加在來訪日期旁;膠囊後面接數字 |
| 銷控表 | 狀態分布、保留順位、底價未設、溢價 | 保留到期倒數;下訂超過 14 天在格子上標出 | P2/P3 | 保留格小字改「剩 N 天」 |
| 分析 | 七章判讀、待處理清單 | —(資訊已足,改善方向是圖表化,見圖表化 demo) | — | — |
| 業務報表 | 日週月數字、今日要追、來客明細、分析表 | 月目標達成進度(目標 vs 實際) | P2 | 數字帶最後一格或進度條 |
| 勾勾表範本 | 欄位、型別、選項、啟用中 | 最後修改人與時間 | P3 | 範本清單第二行小字(demo A 已示範) |
| 現場收客 | 必填、待送筆數、本次已收 | — | — | — |
| 最新消息 | 未讀、置頂、行事曆、約訪、排休衝突 | 公告已讀率(主管看誰還沒看) | P3 | 公告列右側小字「已讀 12/20」 |
| 業務獎金 | 總獎金、待發、級距 | 下次發放日 | P3 | 總覽第一格小字 |
| 成員 | 角色、可存取建案、邀請中天數 | 帳號額度已滿時邀請鈕直接提示 | P2 | +鈕滑過提示「20/20 已滿」 |
| 權限 | 角色、成員、開關 | — | — | — |
| 操作明細 | 誰、何時、做什麼 | 異常操作警示(大量匯出、大量刪除) | P2 | 頁首一行警示帶 |
| 已刪來客 | 到期天數 | — | — | — |
| 帳單與方案/帳單紀錄 | 用量、未結清、下次扣款 | — | — | — |
做法:先用程式量全站 17 頁(含週報、月報)在 1440/1024/390 三種寬度下,每一對相鄰卡片的間距與每張卡片的內距,共 906 個量測點;再建立五級 token,同一層級、同一用途只准用同一個值。頁面外距(頁框)09-18 已鎖定,這次不動。
| 層級 | token | 桌機 ≥1021 | 平板 641–1020 | 手機 ≤640 | 用在哪裡 |
|---|---|---|---|---|---|
| 頁面外距 | --pad-x(頁框鎖定) | 左 104/右 32;標題到第一張卡 29 | 左右 32 | 左右 16 | 每頁最外圈,不准再動 |
| 區塊間距 | --sec-gap | 32 | 32 | 24 | 卡片後面接一個「獨立標題列」時(首頁待辦事項、方案頁「更多方案」、設計規範各段) |
| 卡片間距 | --card-gap | 16 | 16 | 12 | 卡片與卡片之間,上下左右同一個值;卡片裡的小卡也一樣 |
| 卡片內距 | --card-pad | 20 | 20 | 16 | 第一層卡片四邊 |
| 巢狀卡內距 | --card-pad-in | 16 | 16 | 12 | 卡片裡的小卡(週報/月報分析小卡、走勢小卡) |
| 元件間距 | --head-gap/--grid-gap | 16/8 | 16/8 | 12/8 | 標題或工具列到內容 16;同一列的小元件 8 |
| 頁面 | 位置 | 改前 | 改後 |
|---|---|---|---|
| 業務報表・日報 | 數字帶到下方兩張卡 | 36 | 16 |
| 業務報表・日報 | 「今日要追的人」與「當日來客明細」左右 | 9 | 16 |
| 業務報表・日報 | 數字帶左右內距 | 24 | 20 |
| 業務報表・週報/月報 | 各段大卡上下 | 36 | 16 |
| 業務報表・週報/月報 | 分析小卡上下/左右 | 20/16(月報左右 9) | 16/16 |
| 業務報表・週報/月報 | 大卡內距(數字帶又多包一層) | 30~44 | 20 |
| 業務報表・週報/月報 | 分析小卡內距 | 上 12/左 16 | 16 |
| 最新消息 | 公告、行事曆、約訪三張卡上下 | 36 | 16 |
| 業務獎金 | 六格數字左右、數字到表格 | 9 | 16 |
| 業務獎金 | 六格數字內距 | 上 16/左 20 | 20 |
| 帳單 | 摘要卡左右、摘要到表格 | 9/36 | 16 |
| 方案 | 現有方案卡到用量卡、用量卡左右 | 36/9 | 16 |
| 方案 | 用量卡到「更多方案」標題 | 36(標題貼太近下方) | 區塊 32+標題到表 16 |
| 來客名單 | 篩選卡到名單表格 | 36 | 16 |
| 來客名單 | 篩選卡內距 | 16 | 20 |
| 建案首頁 | 待辦三卡左右 | 9 | 16 |
| 建案首頁 | 基本資料帶到「待辦事項」標題/標題到卡 | 36/12 | 32/16 |
| 建案首頁 | 基本資料帶左右內距 | 24 | 20 |
| 銷控表 | 六格數字左右、數字到下一排 | 12 | 16 |
| 銷控表 | 矩陣卡到車位卡 | 20 | 16 |
| 銷控表 | 六格數字內距 | 16 | 20 |
| 權限、設計規範 | 權限卡左右/上下 | 9 | 16 |
| 設計規範 | 各段之間 | 40 | 32 |
| 成員 | 成員卡內距 | 上 16/下 12 | 20 |
| 數據分析 | 分頁列到第一張卡 | 20 | 16 |
| 業務獎金 | 六格數字在 768/900/1024 寬會擠出落單的一格(4+2、5+1) | 自動排列 | 固定 6 欄(平板 3+3、手機 2 欄) |
| 手機(業務模式) | 日報各卡上下 | 16~32 不等 | 12 |
| 手機(業務模式) | 銷控數字列到矩陣 | 20 | 12 |
| 手機 | 各頁卡片內距 | 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 問題。
| 頁面 | 入口 | 主要功能 | 稽核 | 剩餘問題 |
|---|---|---|---|---|
| 建案總覽 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)。沒有無法進入的頁面。
「台序」在錄音裡聽不太清楚,這是依上下文推測的樣子
動態要看動的才準——(按鈕三態、數字滾動、卡片進場、長條圖、骨架屏都在裡面)
動態要看動的才準——(按鈕三態、數字滾動、卡片進場、長條圖、骨架屏都在裡面)
這項是「功能定案後全站一起收斂字級」的流程,沒有單一畫面可以示意。
| 類別 | 現況(實測) | 問題 | 統一後規格 | 導入順序 |
|---|---|---|---|---|
| 色彩 | 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 .96 | g2 進場動效未定案、g3 骨架屏未做 | 回饋 .18/展開 .25/浮層與滑塊 .35;進場每頁只選一種(見 g2) | ③ |
| z-index | 28 種值(-1~200) | x4:無層級表 | 六級 token(見 x4),浮層區間 40-90 收斂 | ② |
| 斷點 | 640/900/1020/1023 四條 | 900 與 1020/1023 三條擠在一起(歷史) | 合併回 640/1023 兩條為主,900 特例逐一檢討後併入 | ④ |
| 階段 | 目標 | 包含 | 前置 | 完成條件/驗收 |
|---|---|---|---|---|
| ① 資料與基礎規格 | 詞彙、token 補洞 | l1(P0)、l2、--tint-2、頁框規格寫進 guide | l1 已定案 | 五處來源逐字相同;機檢硬編色回 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 |
1440px 桌機實際渲染(業務手機另標)。09-19 全站間距統一後重拍。
稽核對象: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 筆,含三個要妳裁決的視覺衝突)與「會議結論整合」章。
先講這套系統是給誰用的、要解什麼問題,之後所有建議都以這個理解為前提。
從功能配置看得出產品重心:來客(名單)→ 追蹤(往來紀錄)→ 銷控(戶別車位)→ 獎金(結算)是主動線, 分析頁的副標直接寫「回答:哪裡不對、為什麼、現在要做什麼」——這是一套以「今天該做什麼」為中心的系統,設計意圖清楚而且正確。
| 角色 | 對應權限 | 每天打開系統要的東西 | 系統目前給了嗎 |
|---|---|---|---|
| 第一線業務(案場 7 人) | SALES:可讀、不可管理、看不到底價 | 今天要追誰、電話多少、上次聊到哪 | 部分——「今日要追的人」很好,但拿到電話要多點兩層(見問題 4) |
| 專案經理/主管 | PROJECT:可管理、看不到底價 | 未指派名單、業務有沒有偷懶、銷控現況 | 有——行動台+未指派紅字+銷控 KPI 完整 |
| 公司管理層 | ADMIN:全開含底價 | 去化速度、溢價總額、異動紀錄 | 有——銷控 KPI+異動流水+操作明細 |
| 業主(建設公司) | OWNER:唯讀 | 賣得怎樣、錢收得怎樣 | 部分——分析頁有「對業主」頁籤,但沒有專屬簡化視圖 |
台灣代銷的日常:客人進案場 → 業務用平板/手機快速建檔(現場收客頁,離線可暫存)→ 回到櫃檯補「勾勾表」問卷(18 欄範本)→ 名單進系統後指派負責業務 → 追蹤回訪(往來紀錄)→ 帶看 → 下訂・簽約・交屋(銷控表三段狀態)→ 獎金依費率‰結算。 整條鏈在系統裡都有對應,唯一斷掉的是「帶看/預約」這一段——通知面板顯示今日行程,但全站沒有任何頁面可以建立或管理行程(見問題 11)。
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) |
七條核心流程逐一走過,細節佐證都在第 7 章附圖。
每頁附當下的實際截圖(右側縮圖,紅框細節在第 7 章)。先講優點——做得好的要留住,不是全部重來。
動態卡露電話全碼(圖鑑 2);動態卡看起來可點但沒反應——建議點了跳對應頁;KPI 三張與建案卡四欄欄軌不對齊,右側留白 437px 超標,「新增建案」卡可併入第一列補齊四欄。
「長按可拖曳排序」桌機手勢非常規(圖鑑 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 也出在這頁。
現有 token 底子是好的(鋼藍主色、細線分層、膠囊標籤語言),問題不在缺 token 而在「有 token 沒守住」。以下全部給可直接落地的數值。
| 角色 | 值 | 用途規則 |
|---|---|---|
| 主色 accent | #1D4E6E | 唯一品牌動作色:主按鈕、選中態、連結。不用於狀態表達 |
| 文字三階 | #1C2B3A / #6B7A88 / #9AA7B2(新增) | 內文/輔助/浮水印。禁止第四種灰 |
| 邊線三階 | #E4EAEF / #D3DCE3 / #C0CCD6 | 分隔/邊框/hover 加深。分層靠這三階+留白,不堆陰影 |
| 狀態成交系 | 簽約 #C4453C/#F9E9E7・下訂 #D9822B/#F8EDDF・交屋 #2F6B3C/#E9F5EA | 淡底+同色系深字+灰邊——銷控已定調,全站沿用 |
| 對比底線 | 內文 ≥4.5:1、輔助字 ≥3:1(操作欄圖示現值不足即出於此) | |
| 角色 | 規格 | 用在 |
|---|---|---|
| 頁面標題 | 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 .06em | chip、徽章——全站 chip 只准這一種字級 |
數字一律 tabular-nums;字型堆疊補 Windows:"PingFang TC","Microsoft JhengHei","Noto Sans TC",sans-serif。
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;高風險二次確認文案固定「標題+後果+範圍」——銷控已定調,全站沿用。
| 態 | 規格(第 6 章都有活 demo) |
|---|---|
| hover | 可點一律有回饋:列變底、卡浮 2px、chip 邊加深。不准「游標變手、畫面沒反應」 |
| focus-visible | 2px accent 外框 offset 2px——現況多數元件缺 |
| 載入 | 骨架屏(demo M9),禁止整頁 spinner |
| 空狀態 | 圖示+一句話+主動作(demo 在圖鑑 18) |
| 錯誤 | 欄位下紅字 12px+欄框變紅;全域用訊息列不用 alert |
| disabled | opacity .45+游標 default+tooltip 說明原因 |
妳指示「依現在大部分頁面的風格去統一」。實測清點後,下面是「少數派」名單: 左欄是全站多數頁已經在用的作法(=基準),右欄是要拉齊的少數頁。
| 元件 | 多數頁的作法(基準) | 要拉齊的少數 |
|---|---|---|
| KPI 卡 | 白卡+細線+口徑 footer(銷控、報表、帳單等多數頁) | 總覽首卡 tint 底、獎金首卡深色 → 改白卡;深色磚只留建案首頁 hero 一處當門面 |
| 分頁 | 頁碼+總筆數(操作明細、帳單紀錄、獎金) | 來客名單「上一頁/下一頁」→ 換頁碼版並補每頁筆數 |
| 下拉選單 | 自繪 .sel 樣式(全站表單) | 新增來客窗的原生下拉 → 換自繪;5 項以內改 chip 直選(同收客表) |
| 確認窗 | 「標題+後果+範圍」三段式(銷控退戶/批次刪除) | 回收站清空、成員刪除 → 套同一格式 |
| 頁面標題列 | h2+筆數(16 頁都有) | 權限頁 → 補上 |
| 視窗關閉 | 右上圓形 × + Esc(多數視窗) | 逐一清點自製浮層,全部補 Esc 與圓形 × |
| 圖示鈕說明 | hover 提示(rail、多數圖示鈕) | 勾勾表右上兩顆圓鈕、回收站清空鈕 → 補 tooltip 或文字 |
| 狀態色語言 | 淡底+同色系深字+灰邊(銷控、來客分級、週報) | 個別頁自配色的 chip 全部收斂到這一套 token |
風格基準:現有多數頁的安靜細線風格——動效是把既有語言做順,不是引入新風格;
下面每個效果的顏色、圓角、緩動都取自系統現值。逐一元件給規格+活的示範——直接在下面滑、點、按重播。
原則:回饋類動效是底線不是裝飾(按鈕、toast 一定要有);進場類同一頁最多一種;
時長 120–500ms、緩動統一 cubic-bezier(.16,1,.3,1);全部尊重 prefers-reduced-motion。
不用磁吸、不用 3D 傾斜、不用粒子。
用在:全站每一顆主按鈕(儲存、建立、套用)。hover 浮 1px+微亮、按下縮 97%、送出中 spinner 進按鈕不跳版。
規格:transform .14s/loading 期間 disabled 防連點。地雷:spinner 佔位要預留,不能讓文字跳動。
用在:銷控 KPI、總覽 KPI、獎金總額——進入畫面時從 0 滾到定值,1.2 秒內結束、緩出。
地雷:一定要 tabular-nums 否則寬度抖;用緩出不要線性。
用在:KPI 帶、功能卡格——切頁時卡片依序 80ms 間隔浮上來,只在「進頁」跑一次,切篩選不重播。
用在:戶別窗、詳情窗——遮罩 300ms 淡入、面板由下滑入 340ms。關閉 200ms 快出。
住宅・2 房・27 坪 成交 4,990 萬
用在:儲存成功、批次完成——右下滑入、4 秒自動退場、可手動關。這是底線配備,每個寫入動作都要有。
用在:新增來客後回到列表——新列淡藍底 1.6 秒退為白,眼睛不用找「剛剛加的在哪」。
| 姓名 | 分級 | 來源 |
|---|---|---|
| 陳威宇 | A 級 | FB |
| 林佳蓉 | B 級 | 現場 |
用在:銷控狀態聚焦(已上線)、分析圖表圖例點選——非焦點元素 300ms 降到 28% 不是瞬間消失。
用在:分析頁量體圖、有效客水位——進入視野才長、逐條 100ms 延遲、1 秒內完成。
用在:正式版接 API 後的表格與 KPI 載入——shimmer 掃過的灰條,不用整頁轉圈。
用在:戶別窗狀態列(已上線的 chip 組)——底色與文字 200ms 過渡,切狀態像「滑過去」不是「跳過去」。
全部 chip 都掛 transition:background .2s,border-color .2s,color .2s 即可,零 JS。
用在:鈴鐺未讀數、來客名單「未指派」計數變化——新數字帶回彈 scale 進場,一次 300ms。
用在:銷控格 hover 卡(已上線)、姓名旁數字、術語——全站統一 120ms 淡入+4px 上移,不做彈跳。
這戶是 A02/11F2 房・27 坪・表價 4,990 萬, 客戶來訪 3 次08-13・08-19・08-20。
左邊是現況截圖(紅框=在講的位置),右邊是建議改法——多數做成可以直接操作的示範。 標號同前版優先級清單。
| # | 問題 | 嚴重度 | 難度 |
|---|---|---|---|
| 1 | 平板寬度整頁空白 | P0 | 中 |
| 2 | 電話個資顯示 已裁決:不遮罩 | 改權限 | 小 |
| 3 | 來客數三種口徑 | P0 | 小 |
| 4 | 詳情窗首屏無電話無動作 | P1 | 中 |
| 5 | 操作欄圖示形同隱藏 | P1 | 小 |
| 6 | 兩套分頁、大量資料無頁碼 | P1 | 小 |
| 7 | 來源詞彙三套 來源=勾勾表設定 | P1 | 小 |
| 8 | 收客房型選項 依建案設定 | P2 | 小 |
| 9 | 回收站清空鈕離手太近 | P1 | 小 |
| 10 | rail 純圖示 已裁決:維持現狀 | — | — |
| 11 | 權限頁無標題 | P2 | 小 |
| 12 | 勾勾表來源欄整欄同值 | P2 | 小 |
| 13 | 術語黑話無解釋 | P2 | 小 |
| 14 | 長按拖曳+介面自我解釋 | P2 | 小 |
| 15 | KPI 卡三種風格 | P2 | 中 |
| 16 | 匯入第一步就有「重選檔案」 | P3 | 小 |
| 17 | 新增來客窗混用原生下拉 | P2 | 小 |
| 18 | 空狀態沒有設計 | P3 | 中 |
| 19 | 姓名旁數字無口徑 | P3 | 小 |
| 11* | 帶看無法建立(功能缺口,見第 3-5 與修改計畫) | P1 | 大 |
左側導覽在這個寬度變成整條堆疊,把內容推到第 1109px 以下——第一屏只有圖示, 使用者以為當機了。案場 iPad 直立就是這個寬度。
規格:@media (max-width:1023px) rail 轉頂部橫列(高 56px 可橫捲);
銷控戶別在上、車位在下;KPI 帶改 2×3。驗收:768/834/1024 首屏都有內容。
妳的裁決:電話維持全碼、不做遮罩——業務隨看隨撥,這是日常效率的選擇,照辦。
畫面上全碼照舊。唯一建議保留的是「匯出名單」在權限頁獨立成一顆開關(SALES 預設關)—— 看是日常,整批帶走是另一件事;一顆開關就能把名單資產的出口管住,畫面完全不變。 代價講一次就好:不遮罩的情況下,截圖外流的風險由管理制度承擔,系統層面就靠匯出權限這道閘。
同一個「來客」:總覽說 1,388 組、方案用量說 18,240 筆、名單頁 1,268 筆。 沒有任何說明能把三個數字兜起來,老闆看到只會問「到底哪個對」。
正式做法:全系統定一份《口徑字典》(組/筆/位),每個 KPI 卡footer寫一行定義——分析頁的「基線=前 4 個同星期幾中位數」已經示範過正確作法,推廣到全站。
業務開這個窗最常見的目的是「馬上打給他」——但電話藏在「基本資料」頁籤裡,要多點一層再找。
身分列 sticky 在窗頂,五個頁籤怎麼切都在;「撥號」手機上是 tel:、桌機顯示 QR 給手機掃。
第三顆動作要放「改分級」還是「約帶看」,修改計畫裡等妳選。
DOM 實測按鈕存在且可點(指派+更多),但圖示用了最淡的灰、1600px 截圖上肉眼看不見—— 等於把最高頻的「指派」藏起來了。
| 黃淑珊(現況) | |
| 黃淑珊(建議) |
改法只有一行:圖示 stroke 從 #C6CFD8 級改 #1C2B3A;再加列 hover 底色(上面表格已示範)。
同一套系統兩種分頁。名單 1,268 筆用「下一頁」翻 106 次才到底,也不知道自己在第幾頁。
操作明細那套已經對了一半,補「每頁筆數」與總筆數後全站沿用。
名單寫「FB」、回收站寫「Meta 表單」;名單寫「看板」、回收站寫「看板來電」。 之後拉報表按來源分組,同一個管道會被拆成兩條。
單一來源=勾勾表範本的「媒體來源」欄位選項(現在範本裡就有:網路-FB、網路-591、網路-google、報紙、派報、戶外看板、指示牌、車廂廣告、簡訊、電視廣告、親友介紹)。 收客表、來客名單、回收站、分析報表全部讀這一份,不再各自寫死。
「進線方式(來客/來電)」維持獨立欄位,不跟來源混寫——回收站的「看板來電」就是兩件事寫成一個詞的結果。 範本改了選項,全站同步生效,這也讓勾勾表範本頁真正成為欄位的唯一權威。
妳說明:這個案子本來就沒有 4 房,有 4 房的案子才會設定——所以這不是缺項,是「選項跟著建案走」。合理。
現在房型選項藏在程式裡,換一個案子要工程改——建議把「需求房型」的選項做進該建案的勾勾表範本(跟問題 7 同一套機制): 開新案時在範本裡勾這個案子有哪些房型,收客表、新增來客窗、篩選器自動跟著。 另外注意:青園綠境的銷控表有辦公用途(辦公A1、辦公A2),但收客表房型沒有「辦公」——想買辦公室的客人現在沒得選,這個是真缺項。
這顆按的是「永久清空全部」,卻長得跟一般圖示鈕一樣、沒有文字、沒有筆數。
「輸入筆數才解鎖」是不可回復操作的標準防呆;單筆的還原/永久刪除維持現狀即可。
照辦、不加文字。新人認圖示的成本改由每頁使用說明(第 9 章)吸收—— 說明面板裡把 rail 十顆圖示逐顆列名,忘了就點左下角問號查。hover 提示維持現狀。
其他頁都有「頁名+筆數」的標題列,這頁沒有——從齒輪跳進來的瞬間不確定自己在哪。
實測 SALES 角色 29/31 顆可切、ADMIN 全鎖——鎖定是合理設計,缺的只是把這件事「說出來」。
一整欄同一個詞=零資訊,只是占版面;右上兩顆圓鈕(迴紋針+筆)也沒有文字說明是做什麼的。
| # | 欄位標籤 | 型別 | |
|---|---|---|---|
| ⠿ | 1 | 稱謂 | 單選 |
| ⠿ | 2 | 年齡層 | 刻度尺 |
| ⠿ | 3 | 需求房型 | 單選下拉 |
收客表單順序=這裡的順序,所以要能拖;「來源」欄等真的有「自訂欄位」時再出現才有意義。
「5‰」在 13px 下跟 % 幾乎分不出來;「回溯補差」「熟成訂單」是內部黑話,新人與業主都看不懂。
費率 5‰千分之五——成交價 1,000 萬抽 5 萬・ 回溯補差跳趴後,之前已成交的戶別依新趴數補發差額・ 熟成訂單下訂後 7 天內完成簽約的比率追蹤
全站規則:任何行業術語第一次出現的地方掛 tooltip(120ms 淡入,同 M12 參數);欄名「費率‰」改「費率(‰)」數字只寫 5。
桌機沒有「長按」的習慣;而且好的介面不需要在旁邊寫使用說明(這行字本身就是訊號)。
把手一出現,人自然就知道能拖——說明文字整行刪掉。
同一種東西(數字卡)在三頁長三個樣子:總覽第一張有底色、首頁是深色磚、獎金第一張又是另一種深色。沒有規則的差異=雜訊。
規則一句話:數字卡=白底+細線+口徑 footer;深色大卡只有建案首頁 hero 一處,作為「每案門面」的固定識別。
還沒選任何檔案,畫面就有「重選檔案」——語意接不上。四步驟精靈本身設計得很好。
未選檔時只顯示一顆「選擇檔案」+拖放區;選了檔案後才變成「重選檔案/解析表頭」。 順手把「解析只讀表頭,不寫入資料」那行好文案搬到按鈕正下方,減少猶豫。
同一個系統兩種下拉外觀;而且這個窗沒有必填星號(收客表有)——同功能兩套規格。
來源、房型這種 5 個以內的選項改成 chip 直選(同收客表);超過 5 個才用自繪下拉。 必填加星號+電話格式即時檢查;同一支電話輸入完立刻查重(問題 5 的撞客防線就做在這裡)。
陳威宇 3來訪 3 次:08-13・08-19・08-20 超過 14 天未跟進 郭俊廷
另在表頭右側加一次性的小圖例「● 久未跟進」。
妳的定調:大部分以電腦版為主,但業務(SALES)權限內能操作的功能要能在手機用、對手機使用者友善。 所以不是整套系統搬到手機,是把「業務在案場與外面會做的事」挑出來做好。以下依 SALES 的權限實測結果(可讀、不可管理、看不到底價)圈範圍。
| 時段情境 | 功能 | 手機上的形態 | 優先 |
|---|---|---|---|
| 早上開工 | 今日要追的人(業務報表的個人版) | 清單卡+一鍵撥號+完成打勾 | 必要 |
| 案場接客 | 現場收客 | 已是手機優先,維持;選項跟建案範本連動(問題 7、8) | 已具備 |
| 接待中 | 來客查詢+詳情+加往來紀錄 | 搜尋列+卡片式名單+全螢幕詳情 sheet | 必要 |
| 客人問戶別 | 銷控表(唯讀,無底價) | 問題 1 的堆疊版直接沿用到 375px;格子點開看狀態 | 重要 |
| 晚上收工 | 我的獎金 | KPI 卡直排+明細表卡片化 | 次要 |
不做手機版的(管理職在桌機做):批次操作、Excel 匯入、權限、勾勾表範本管理、成員、帳單、操作明細。 手機看到的導覽只有業務用得到的五項——這正是「符合角色設定」:手機版=SALES 視角的子集,不是全站縮小。
tel: 一鍵撥(妳裁決不遮罩,撥號零阻力)妳指定的呈現:沿用現有的首次進站導覽——整頁變暗、聚焦在講的區塊、旁邊拉線標文字、 下方「下一步」逐步走。要做的就是把這套從「全站一份」擴充成「每頁各一份」, 在任何一頁按「使用說明」,都跑那一頁自己的分步導覽。
首次進站的導覽第一步:rail 逐顆標名、步驟點、下一步、點任意處關閉。技術上是 TOURPAGES 步驟陣列+亮區挖洞+SVG 拉線——擴充成每頁版本不用重寫元件,只要把步驟資料從「一份」變成「一頁一份」。
TOURS[頁面id],每步=聚焦哪個元件+說明文字。元件搬家時只改選擇器。每頁 2–5 步,聚焦順序照「進頁第一眼 → 主要操作 → 進階」。文字初稿如下,妳審過再定稿:
| 頁面 | 導覽步驟(每步=聚焦一個區塊) |
|---|---|
| 建案總覽 | ① 公司 KPI(含口徑說明)② 建案卡:點卡進單案 ③ 最近動態 ④ +新增建案 |
| 建案首頁 | ① 週來客走勢與五格數字 ② 收客勾勾表三鈕(複製/QR/開啟)③ 功能卡:可拖排序 |
| 來客名單 | ① 篩選列+常用組合 ② 新增與匯入匯出 ③ 名單列:分級・未指派紅字・列尾指派 ④ 勾選批次 ⑤ 點姓名開詳情 |
| 來客詳情窗 | ① 身分列與快速動作 ② 往來紀錄+新增 ③ 五個頁籤各是什麼 |
| 最新消息 | ① 發佈與置頂 ② 分類色點 |
| 銷控表 | ① 檢視層四鈕(依權限顯示)② KPI 帶 ③ 狀態圖例:點了聚焦+計數 ④ 戶別格:點開編輯(店辦跨欄說明)⑤ 車位區+異動流水/選取/批次 |
| 分析 | ① 七個頁籤 ② 今日行動台與「處理」鈕 ③ 期間/建案篩選 ④ AI 判讀句的人審規則 |
| 業務報表 | ① 日/週/月切換 ② 今日要追的人(逾期排序)③ 當日來客明細 ④ 列印 |
| 勾勾表範本 | ① 標題列切換範本、啟用中、+ ② 客人拿到的表:點題標亮、鉛筆編輯 ③ 手機畫面示意同步 |
| 業務獎金 | ① 我的獎金/發放列表/方案設定 ② 六格 KPI 口徑 ③ 明細:費率‰・回溯補差・發放狀態 |
| 現場收客 | ① 必填欄與 chip 選項 ② 離線暫存規則 ③ 看今日名單 |
| 成員 | ① +邀請 ② 卡片:編輯/停用/刪除 ③ 身分篩選與視圖切換 |
| 權限 | ① 角色 tabs(ADMIN 固定全開)② 開關矩陣分組 ③ +新增角色 |
| 操作明細 | ① 分類與日期篩選 ② 匯出 ③ 列內容怎麼讀 |
| 已刪來客 | ① 還原/永久刪除 ② 30 天自動清除規則 ③ 清空(強確認) |
| 帳單與方案 | ① 現有方案與用量條 ② 方案比較與升降級 |
| 帳單紀錄 | ① 狀態篩選 ② 發票下載 |
維護規則:之後每加一顆按鈕,該頁 TOURS 同步加一步——把「補導覽」寫進開發完成的定義,說明就不會過期。
照四種角色的實際日子往下想,這些是目前系統沒有、也還沒被討論過的。每項標了給誰用、價值在哪; 不是每個都要做,是先攤開讓妳挑。
| 建議 | 情境 | 價值 | 難度 |
|---|---|---|---|
| 離職交接一鍵移轉 | 業務離職,名下 132 筆名單要換人。現在停用帳號後名單變孤兒,得逐筆或批次手動指派 | 成員頁「停用」流程加一步「名下名單移轉給→」,含通知新業務;操作明細留整批紀錄。名單是公司資產,交接是最容易掉球的一刻 | 中 |
| 完銷案歸檔 | 柏楓 100% 完銷還掛在建案列表佔一個名額(方案限 10 案) | 「結案歸檔」狀態:轉唯讀、不佔方案案數、資料照查——也回答了「舊案資料要留多久」 | 中 |
| 退戶原因統計 | 退戶現在只是把狀態改回待售,為什麼退的沒人記 | 退戶確認窗加一欄原因(貸款不過/反悔/換戶/其他),分析頁就能回答「我們的訂單為什麼掉」 | 小 |
| 業主白牌週報 | 業主要看進度,現在得給帳號登入看整套系統 | 「對業主」頁籤加「匯出本週報告 PDF」,套建案 logo——業主拿到的是乾淨的一頁,不是系統截圖 | 中 |
| 接待輪序表 | 案場「這組客該誰接」靠白板或默契,撞客糾紛一半從這來 | 收客頁加輪序條(今日排班順序、目前輪到誰),收客送出自動跳下一位;跟獎金歸屬直接掛鉤 | 大 |
| 建議 | 情境 | 價值 | 難度 |
|---|---|---|---|
| LINE 通知 | 台灣業務整天掛在 LINE,系統內鈴鐺下班就沒人看 | 新名單指派、SLA 提醒、今日行程早上推——接 LINE 官方帳號或 Notify。通知到得了,SLA 鏈才真的有用 | 中 |
| 訊息模板一鍵發 | 追蹤時要打「賞屋邀約」「價格通知」,每次手打 | 詳情窗「發訊息」→ 選模板 → 帶入姓名案名 → 複製或發送,同時自動寫一筆往來紀錄——紀錄完整度會暴增,因為記錄變成發訊的副產品 | 中 |
| 語音快記 | 帶看完在車上,打字麻煩就不記了 | 手機版往來紀錄加語音輸入(系統鍵盤聽寫即可起步),降低「懶得記」的門檻 | 小 |
| 建議 | 情境 | 價值 | 難度 |
|---|---|---|---|
| 重複客合併工具 | 同一人被建了兩筆(改天用市話再來一次),查重防線(問題 17)擋新的,舊的重複要清 | 「合併」功能:挑主檔、歷程合併保留、操作留痕——報表數字才會準 | 中 |
| 名單回公池規則 | 業務手上 A 級客養著不跟,別人也碰不了 | 可設定「A/B 級超過 N 天未跟進→回公池或提示主管改派」;配合現有「久未跟進」篩選就能落地。這是代銷管理的老問題,系統能當黑臉 | 中 |
| 勾勾表客填模式 | 問卷 18 欄由業務代填,常敷衍 | 收客表加「遞給客人填」模式(全螢幕、大字、填完回鎖)——資料真實度差很多 | 小 |
| 建議 | 情境 | 價值 | 難度 |
|---|---|---|---|
| 萬筆名單效能 | 方案上限 30,000 筆,一次渲染會卡 | 虛擬捲動+伺服器分頁——分頁元件統一(問題 6)時一起定 API 形狀,省一次返工 | 中 |
| 操作紀錄保存政策 | 操作明細會無限長大 | 定保存年限(例:2 年線上+冷存檔)與匯出;個資相關的查詢紀錄一併涵蓋 | 小 |
| 付款進度追蹤 | 簽約後的收款(簽約金→開工款→⋯)系統沒有 | 這是「要不要做」的產品邊界題:做了就從銷售工具跨入對帳工具。建議先不做,但戶別窗留「收款備註」欄位吸住需求,觀察半年再決定 | — |
Enson 09-11 推了 21 筆 commit——好消息:他已把我們的銷控合併版(PR #3)整個併進去, 並在上面繼續做了全站收斂。我已把工作檔改成以他的最新版為基底、重放我們的 RWD 改動,四種寬度驗證通過。 但有三處他的改法跟妳先前的定調相撞,列在下面等妳裁決。
| 區塊 | 內容 | 跟我們清單的關係 |
|---|---|---|
| 銷控表 | 併入我們的合併版+收尾;車位移到戶別下方(不再左右分欄);戶別矩陣吃滿卡寬、格子改 200×76 扁格 | 與 RWD 平板堆疊同方向,但見裁決 ①② |
| 建案首頁 | 整頁改成「案場今日」——七個狀態區塊,只回答今天有什麼事卡住;久未跟進改依分級跟進間隔判定 | 方向跟我們第 3 章「今日該做什麼」完全一致,加分 |
| 最新消息 | 改成上公告卡+下行事曆卡(公司事項/節假日/排休);公告列一行式 | 解了我們「頁面利用率低」的問題;見裁決 ③ |
| 全站收斂 | 字級收成 8 個角色 token、可讀性補到 WCAG AA、間距上刻度、chip/按鈕收單一尺寸、動效與疊層 token 化 | 就是我們第 5 章 Design System 的落地——追蹤清單 f5 已由他完成 |
| 修錯 | #home 直接重新整理數字歸零、按鈕字級撐大、日報明細白框 | — |
| # | 衝突 | 妳先前的定調 | 他的新版 | 我的建議 |
|---|---|---|---|---|
| ① | 車位位置 | 「戶別左車位右」(09-08) | 車位移到戶別下方 | 會議定案:接受車位在下——戶別欄數多時右欄必被擠壓 |
| ② | 格子比例 | 「正方形」(09-05) | 吃滿寬變 200×76 扁格 | 會議定案:格子固定大小、維持正方形、可縮小+分棟分隔線+超寬橫滑(批次 J6)——Enson 的扁格版要改回來 |
| ③ | 置頂公告樣式 | 黑名單:「卡片左邊彩色線=AI 感」 | 左緣一道主色線 | 09-14 裁決並完成線拿掉,改「置頂」徽章+淡藍底 --tint;hover 加深一階不退色 |
他把來客名單的操作欄做成 hover 才浮現(opacity 0,滑到該列才出現)——這解釋了稽核時「操作欄看起來是空的」的真正原因。 桌機是個風格選擇,但手機沒有 hover=按鈕永遠不存在。已在工作檔補上:觸控裝置與平板寬度以下操作欄常駐顯示,桌機維持他的浮現效果。 要不要連桌機也改常駐(黑名單「hover-only 的功能」),跟裁決 ③ 一起回我即可。
錄音已全文轉錄並逐段整理。決議分三類:拍板的規則、新功能需求、要再調的版面; 全部待辦已編入第 14 章追蹤清單「批次 J」。與 CRM 無關的段落(AI 影像工具研究、內訓安排)只留一行備查。
| 主題 | 結論 |
|---|---|
| 重複客資(撞客) | 客戶填勾勾表時不可當場提示重複(不能讓客戶知道被識別);回到 CRM 端才提示。資料庫保留各案各一筆;跨案檢視合併顯示、單案列表各自顯示;權限依建案篩選。踢客資時要看得到「此人有跨案關聯」。先照 Enson 的合併顯示做,不行再拆。 |
| 銷控矩陣 | 同一層一定同一排、不可折行(行業「銷控本」習慣);分棟用分隔線——銷控設定時先選棟別,畫面自動畫線;格子固定大小、維持正方形、可縮小(Annie:長方形很詭異);格內資訊精簡(緊湊概念);超出螢幕寬往橫向滑;車位格再縮小、戶別比例優先。 |
| 車位位置 | 接受 Enson 的「車位在戶別下方」——理由:戶別欄數多時右欄必被擠壓;RWD 也是同一套邏輯。 |
| 視覺統一時機 | 字級與樣式的全站統一放最後——等功能全部定案後一次收斂(Annie:每頁各自微調就不會有一致感;Enson:功能還沒確認完)。 |
| 協作流程 | Annie 可以直接改功能(不限視覺);改完推分支給 Enson 部署;動手前先 rebase 到他的最新版。 |
| 實價登錄 | 成屋與預售資料先不合併分析(門牌對不上戶別);之後抓使照完工日期、三年內新成屋才納入合併。手動 key 優先、自動比對為輔。 |
| 功能 | 內容 |
|---|---|
| 約訪/帶看 | 業務自己建立約訪(不從聯絡紀錄文字抓);行事曆顯示;客資頁有快速建立鈕;首頁顯示「今日約訪」;主管可看全案場約訪。——正是稽核報告點出的最大缺口,會議拍板要做。 |
| 行事曆(最新消息頁) | Enson 已建雛形:排班表、公司活動、國定假日、休假;競品都有但都做得醜,是差異化機會。版位與「新增」鈕樣式要統一(現在兩顆新增長不一樣)。 |
| 關聯(人脈網)擴充 | 可建立與管理客戶關係:被誰介紹、夫妻、姐妹、同事(關係可自訂);搜尋現有客戶後選關係+備註。用途:開案邀約名單(有購買紀錄者+介紹多組客戶者)。 |
| 分析選項庫 | 週報分析要補:來人組合(夫婦同來/家人同來/男自然/女自然/朋友同來)、賣點、抗性、動機。開案建立建案時一併設定;公版免費、完全客製化收較高方案費。 |
| 方案金流 | 方案頁要有金流紀錄模組(未做)。 |
競品警訊:有團隊在做一模一樣的產品且已可上線(開始接觸業主)——時程要加快。 試營運先找三位免費體驗者(心愛+兩位)。教學規劃:功能多、上線後要開收費教學課。 會議後段為 AI 影像工具研究(Blender/Lupa/捲舒)與公司內訓安排,與 CRM 無關,另案處理。
全部改在 ui-restyle-demo-annie.html 工作檔,不推 git、不部署。 下面每一項都可以勾——改好一項勾一項,勾選會自動記住(存在這台電腦的瀏覽器裡,關掉重開還在)。
| 項目 | 對應 | |
|---|---|---|
| 批次 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) | ||
| 會議 | ||
| 會議 | ||
| 會議 | ||
| 會議 | ||
| 會議 | ||
| 會議 | ||
| 會議 | ||
| 會議 | ||
| 會議 | ||
| 會議 | ||
| 會議 | ||
| 會議 | ||
依妳指示對新基底從頭重掃(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:coarse | computed 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(來源欄)。
pointer:coarse,桌機縮視窗也不會變樣)。
③ 詳情窗第三顆快速動作依會議結論放「約帶看」。