本卡屬 FR-163(母卡 CM-3083),批 5,等 .3~.5 全部合回(已於 2026-10-25 合回
781cb090)。決策者實看 .3 的結果:切換鈕自己一列、靠右、上面一片空,「放那邊實在突兀」,要跟左欄「控制項導航」那塊合併。只改 FE repo。
切換鈕現在是獨立一列(flex justify-content-end mb-3),孤零零浮在左右兩欄上方;它跟哪一塊有關係看不出來。它切換的其實就是「左欄導航+右欄內容」這整塊的看法,所以應該長在左欄的標題列上——使用者眼睛掃到「控制項導航」這四個字,旁邊就是「控制項視圖|證據視圖」,切了之後左欄標題不動、底下內容換,就不突兀了。
首腦核對(feature/FR-139 HEAD 781cb090):
~/Projects/Billows/Audit-Manager/compliance-manager-fe/src/views/project/ProjectAuditorOverview.vue:1400-1402:獨立那列 <div class="flex align-items-center justify-content-end mb-3"><ViewModeSwitch …/></div>——整段移除。~/Projects/Billows/Audit-Manager/compliance-manager-fe/src/views/project/ProjectAuditorOverview.vue:1416-1424:控制項視圖左欄標題列,pi-sitemap 圖示+nav_title(控制項導航)+右側 ml-auto 的「N 群組 · N 控制項」。那串數字在 :1443 搜尋結果列也有,標題列這份拿掉不少資訊。~/Projects/Billows/Audit-Manager/compliance-manager-fe/src/components/grc/evidence-view/EvidenceNavTree.vue:80-81:證據視圖左欄 dark-card evidence-nav,沒有標題列,第一個東西就是搜尋框(evidence-nav__head)。src/components/grc/evidence-view/ViewModeSwitch.vue:元件本身不動(segmented pill、localStorage 記憶都在裡面)。surface-card border-round-xl shadow-2(寬 320px、sticky),證據視圖是 SplitterPanel 裡的 dark-card。本卡不統一外框(那是 .2 刻意用 Splitter 的結果),只統一標題列。~/Projects/Billows/Audit-Manager/compliance-manager-fe/src/views/project/ProjectAuditorOverview.vue:1400-1402 移除獨立切換列
~/Projects/Billows/Audit-Manager/compliance-manager-fe/src/views/project/ProjectAuditorOverview.vue:1416-1424 標題列右側:數字 → 切換鈕
~/Projects/Billows/Audit-Manager/compliance-manager-fe/src/components/grc/evidence-view/EvidenceNavTree.vue:80-81 加同款標題列(圖示+標題+切換鈕)
① 總覽頁:刪 1400-1402 那列。1416-1424 標題列的 <span class="ml-auto …">N 群組 · N 控制項</span> 換成 <ViewModeSwitch v-model="viewMode" :project-uid="projectId" class="ml-auto" />。viewMode ref、v-if/v-else 邏輯不動。
② 證據視圖左欄:EvidenceNavTree.vue 的 evidence-nav__head 之前加一列,跟總覽頁 1416-1424 同款(同 class、同 pi-sitemap、同 nav_title i18n 鍵);右側放切換鈕。切換鈕的 v-model 要能改到總覽頁的 viewMode:RoundEvidenceView 加 prop viewMode+emit update:viewMode,一路透傳到 EvidenceNavTree(或直接在 RoundEvidenceView 的左 SplitterPanel 裡、EvidenceNavTree 之上放標題列,少傳一層——選後者,EvidenceNavTree 不動更乾淨)。總覽頁掛載處改成 <RoundEvidenceView v-model:view-mode="viewMode" …>。
③ 視覺一致:兩個視圖切來切去,左欄標題列的位置、高度、圖示、字級要完全一樣,眼睛不該感覺標題列跳了。切換鈕在標題列裡用 size="small" 的現狀即可。
先查再寫:grep -n "nav_title\|pi-sitemap" {VIEW} {NAV} src/components/grc/evidence-view/RoundEvidenceView.vue 確認沒有第三處標題;ViewModeSwitch 在 class 上加 ml-auto 會不會被它自己的 .view-switch 樣式蓋掉(它 root 是 flex … surface-card,ml-auto 應可疊加,實測)。
不用。純版面。