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
+10 -3
View File
@@ -37,12 +37,12 @@
</aside>
<div class="workspace">
<header class="topbar">
<header class="topbar is-home-view" data-home-view="workspace">
<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>A公司</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 年 7 月</span></button>
<button class="button primary" data-open-upload><svg><use href="icons.svg#upload"/></svg>上传流水</button>
</div>
@@ -50,7 +50,14 @@
<main id="main-content">
<section class="app-view is-active" data-page="workspace">
<header class="page-heading"><div><h1>本月待办</h1><p>A公司 · 距离集团结账日还有 3 天</p></div><span class="status warning" id="workspacePendingStatus">4 项待处理</span></header>
<header class="dashboard-head">
<div class="dashboard-title"><h1>本月待办</h1><p>A公司 · 距离集团结账日还有 3 天 · <span id="workspacePendingStatus">4 项待处理</span></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="period-button" type="button"><svg><use href="icons.svg#calendar"/></svg><span>2026 年 7 月</span></button>
<button class="button primary" data-open-upload><svg><use href="icons.svg#upload"/></svg>上传流水</button>
</div>
</header>
<section class="metric-grid" aria-label="本公司关键指标">
<article class="metric-card danger" data-metric-action="upload" tabindex="0" role="button" aria-label="上传 1 个待补流水账户">
<div class="metric-copy"><span class="metric-label">待上传账户</span><strong class="metric-value">1<small>/ 4</small></strong></div>