<div class="ios-container">
  <header class="ios-header">
    <button class="ios-back-btn" (click)="goBack()">
      <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor">
        <path d="M19 12H5M12 19l-7-7 7-7"/>
      </svg>
    </button>
    <h1>异常项目处理</h1>
  </header>

  <div class="ios-content">
    <div class="filter-bar">
      <button class="filter-btn active">全部</button>
      <button class="filter-btn">未处理</button>
      <button class="filter-btn">处理中</button>
    </div>

    <div class="exception-list">
      <div class="exception-card" *ngFor="let item of exceptions">
        <div class="card-header">
          <div class="project-info">
            <div class="status-indicator" [class]="item.status"></div>
            <h3>{{item.project}}</h3>
          </div>
          <span class="date">{{item.date}}</span>
        </div>
        <div class="card-body">
          <p class="issue"><strong>问题描述:</strong> {{item.issue}}</p>
          <p class="action" *ngIf="item.action"><strong>处理方案:</strong> {{item.action}}</p>
        </div>
        <div class="card-footer">
          <button class="ios-btn warning">{{item.status === 'resolved' ? '查看详情' : '处理异常'}}</button>
          <button class="ios-btn">联系客户</button>
        </div>
      </div>
    </div>
  </div>
</div>