|
|
@@ -64,8 +64,8 @@ export class ViewReports extends LitElement {
|
|
|
.types > a { text-decoration: none; color: inherit; min-width: 0; padding: var(--kf-space-card); box-sizing: border-box; height: 100%; }
|
|
|
/* 类型片：名称 + 份数 + 近 7 天 sparkline（形状）+ 阶段分布条形（形状）+ 最新一条。文字只剩名字与时间 */
|
|
|
.t { display: grid; gap: var(--kf-space-in); min-width: 0; align-content: start; height: 100%; }
|
|
|
- .t .src .it { max-width: 74px; font-size: 11px; }
|
|
|
- .t .src .who { font-size: 11px; }
|
|
|
+ .t .src .it { max-width: 74px; font-size: 12px; }
|
|
|
+ .t .src .who { font-size: 12px; }
|
|
|
.t .src .tm { margin-left: 0; }
|
|
|
.t .h { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; row-gap: 4px; }
|
|
|
.t .ico { width: 32px; height: 32px; border-radius: var(--r-md); display: grid; place-items: center; color: var(--kf-accent-ink);
|
|
|
@@ -84,10 +84,10 @@ export class ViewReports extends LitElement {
|
|
|
.t .tr { display: flex; gap: 8px; align-items: flex-end; flex-wrap: wrap; }
|
|
|
/* 五阶段分布：条形对比（板块二 2.3）替代百分比文字 */
|
|
|
.t kf-bars { margin-top: 4px; color: var(--kf-accent); }
|
|
|
- .t .stgmax { font-size: 11px; font-weight: 500; color: var(--kf-ink-3); margin-left: auto; white-space: nowrap; }
|
|
|
+ .t .stgmax { font-size: 12px; font-weight: 500; color: var(--kf-ink-3); margin-left: auto; white-space: nowrap; }
|
|
|
.t .tr2 { display: flex; justify-content: flex-end; min-height: 16px; }
|
|
|
- .t .tr .doc { display: inline-flex; align-items: center; gap: 4px; font-size: 11px; font-weight: 500; letter-spacing: var(--ls-cn-small); color: var(--kf-ink-3); font-variant-numeric: tabular-nums; white-space: nowrap; }
|
|
|
- .t .last { padding-top: 8px; border-top: 1px solid var(--kf-line); font-size: 11px; font-weight: 500; letter-spacing: var(--ls-cn-small); color: var(--kf-ink-3); min-height: 32px; }
|
|
|
+ .t .tr .doc { display: inline-flex; align-items: center; gap: 4px; font-size: 12px; font-weight: 500; letter-spacing: var(--ls-cn-small); color: var(--kf-ink-3); font-variant-numeric: tabular-nums; white-space: nowrap; }
|
|
|
+ .t .last { padding-top: 8px; border-top: 1px solid var(--kf-line); font-size: 12px; font-weight: 500; letter-spacing: var(--ls-cn-small); color: var(--kf-ink-3); min-height: 32px; }
|
|
|
.t .last .src { border-top: 0; padding-top: 0; margin-top: 0; }
|
|
|
.t .last .src .av { display: none; }
|
|
|
.cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap: var(--kf-space-in); margin-top: var(--kf-space-in); }
|
|
|
@@ -156,7 +156,7 @@ export class ViewReports extends LitElement {
|
|
|
</a>`)}
|
|
|
</div>
|
|
|
|
|
|
- ${matched.length < all.length ? section('清单', '筛选结果', html`<span>${matched.length} / ${all.length}</span>`) : ''}
|
|
|
+ ${section('清单', matched.length < all.length ? '筛选结果' : '全部卡片', html`<span>${t(`${matched.length} / ${all.length} 份`)}</span>`)}
|
|
|
${cardToolbar({ q, counts: cardFacetCounts(all, { ...q, mine: false }), whoList: this.#people(all), shown: matched.length, all: all.length, me: this.me, view: makeToolHandler(this) })}
|
|
|
|
|
|
${matched.length === 0
|
|
|
@@ -170,7 +170,7 @@ export class ViewReports extends LitElement {
|
|
|
${pg.items.map((e) => html`<kf-glass-card surface="2" lift @card-activate=${() => this.#open(e)}>${reportCard({ e, recent: recent(e), typeName: e.typeName, fit: true })}</kf-glass-card>`)}
|
|
|
</div>`}
|
|
|
${/* v12 P2 (b)：底部收尾 —— 条数 + 回筛选栏 + 回顶部。条数 < 一页时只留一条轻页脚，不铺分页 */ ''}
|
|
|
- ${cardFooter({ shown: pg.items.length, all, filtered: matched.length !== all.length, label: '条成果',
|
|
|
+ ${cardFooter({ shown: pg.items.length, all: all.length, filtered: matched.length !== all.length, label: '条成果',
|
|
|
onFilter: () => this.renderRoot.querySelector('[data-toolbar]')?.scrollIntoView({ behavior: 'smooth', block: 'center' }),
|
|
|
onTop: () => window.scrollTo({ top: 0, behavior: 'smooth' }) })}
|
|
|
`;
|
FmodeCode