BAI-30: fix dashboard header layout

Co-authored-by: multica-agent <github@multica.ai>
This commit is contained in:
GSC-CODEX
2026-08-07 15:38:30 +08:00
co-authored by multica-agent
parent 24d645b77c
commit cea991cbdd
4 changed files with 44 additions and 11 deletions
+11 -3
View File
@@ -36,12 +36,12 @@
</aside>
<div class="workspace">
<header class="topbar">
<header class="topbar is-home-view" data-home-view="dashboard">
<button class="icon-button menu-button" id="menuButton" aria-label="打开导航" aria-expanded="false" aria-controls="sidebar" title="打开导航"><svg><use href="icons.svg#menu"/></svg></button>
<div class="workspace-name"><span>集团财务中心</span><strong id="currentViewName">管理总览</strong></div>
<span class="demo-badge">演示数据</span>
<div class="topbar-actions">
<label class="search-box"><svg><use href="icons.svg#search"/></svg><span class="sr-only">全局检索</span><input id="globalSearch" type="search" placeholder="检索公司、账号或流水" /></label>
<label class="search-box"><svg><use href="icons.svg#search"/></svg><span class="sr-only">全局检索</span><input class="global-search" id="globalSearch" type="search" placeholder="检索公司、账号或流水" /></label>
<button class="period-button" type="button"><svg><use href="icons.svg#calendar"/></svg><span>截至 2026.07.31</span></button>
<button class="icon-button" data-view-link="reminders" aria-label="提醒管理,4 项未处理" title="提醒管理"><svg><use href="icons.svg#bell"/></svg><i class="notification-dot">4</i></button>
</div>
@@ -49,7 +49,15 @@
<main id="main-content">
<section class="app-view is-active" data-page="dashboard">
<header class="page-heading"><div><h1>管理总览</h1><p>集团账务口径与高优先级事项</p></div><button class="button secondary" data-view-link="settings"><svg><use href="icons.svg#settings"/></svg>账期设置</button></header>
<header class="dashboard-head">
<div class="dashboard-title"><h1>管理总览</h1><p>集团账务口径与高优先级事项</p></div>
<label class="search-box dashboard-search"><svg><use href="icons.svg#search"/></svg><span class="sr-only">全局检索</span><input class="global-search" type="search" placeholder="检索公司、账号或流水" /></label>
<div class="dashboard-tools">
<button class="icon-button" data-view-link="reminders" aria-label="提醒管理,4 项未处理" title="提醒管理"><svg><use href="icons.svg#bell"/></svg><i class="notification-dot">4</i></button>
<button class="period-button" type="button"><svg><use href="icons.svg#calendar"/></svg><span>截至 2026.07.31</span></button>
<button class="button secondary" data-view-link="settings"><svg><use href="icons.svg#settings"/></svg>账期设置</button>
</div>
</header>
<section class="metric-grid" aria-label="总账关键指标">
<article class="metric-card danger" data-metric-link="audit" tabindex="0" role="button" aria-label="查看 7 项待审核事项">