<div class="control-info-header">
  <div class="title">管控措施</div>
  <div>
    <filter-button-group
      label=""
      [colon]="false"
      [options]="tabs"
      [activeValue]="tab"
      (change)="changeTab($event!)"
    ></filter-button-group>
  </div>
</div>
<div class="control-info-content custom-scroll-bar">
  @switch (tab) {
    @case ('main') {
      <div class="whitespace-pre-line">
        {{ data.requirement }}
      </div>
    }
    @case ('regulation') {
      @for (item of data.regulations; track $index) {
        <div class="regulation-item">
          <div class="regulation-item-title">
            <span class="mr-2">{{ $index }}:</span>
            <span>
              {{ getDocName(item) }}
            </span>
          </div>
        </div>
      }
    }
    @case ('other') {
      <div class="whitespace-pre-line">
        {{ data.otherMeasure }}
      </div>
    }
  }
</div>
