<div class="info-card settlement-card">
  <h4>尾款结算</h4>
  @if (settlements && settlements.length > 0) {
    <ul class="items">
      @for (s of settlements; track s.id) {
        <li class="item">
          <span class="name">{{ s.projectName || '结算项' }}</span>
          <span class="amount">￥{{ s.amount | number:'1.0-2' }}</span>
          <span class="status">{{ s.status }}</span>
          <span class="date" *ngIf="s.settledAt as t">{{ t | date:'yyyy-MM-dd' }}</span>
        </li>
      }
    </ul>
  } @else {
    <div class="empty">暂无结算信息</div>
  }
</div>