<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="stats-bar">
      <div class="stat-item">
        <span class="value">{{assignments.length}}</span>
        <span class="label">总任务数</span>
      </div>
      <div class="stat-item">
        <span class="value">{{getUrgentCount()}}</span>
        <span class="label">紧急任务</span>
      </div>
    </div>

    <div class="assignment-list">
      <div class="assignment-card" *ngFor="let item of assignments">
        <div class="card-header">
          <h3>{{item.project}}</h3>
          <span class="priority-badge" [class.high]="item.priority === 'high'">
            {{item.priority === 'high' ? '高优先级' : '普通'}}
          </span>
        </div>
        <p class="description">{{item.description}}</p>
        <div class="card-footer">
          <div class="meta">
            <span class="customer"><svg><use xlink:href="#user-icon"></use></svg> {{item.customer}}</span>
            <span class="deadline"><svg><use xlink:href="#clock-icon"></use></svg> {{item.deadline}}</span>
          </div>
          <button class="ios-btn">立即派单</button>
        </div>
      </div>
    </div>
  </div>
</div>