<div class="workbench-panel" style="height: 153px">
  <div class="workbench-panel-header" style="height: 43px">
    <span class="header-title" style="line-height: 40px">隐患整治</span>
  </div>
  <div class="grid grid-cols-2 px-4 leading-loose py-1">
    @for (item of items; track item) {
      <div class="flex">
        <div class="text-[#666666] pl-4">{{ item.label }}：</div>
        <div
          class="underline underline-offset-2 pr-[43px]"
          [class.cursor-pointer]="item.count > 0"
          [class.hover:!text-primary]="item.count > 0"
          [style.color]="item.count > 0 ? '#3083E6' : '#979797 '"
        >
          {{ item.count ? item.count : '' }}{{ item.count > 0 ? '起' : '无' }}
        </div>
      </div>
    }
  </div>
  <div class="px-8 relative" *ngIf="reminder.visible">
    <div class="alert-reminder" @scaleInOut>
      <div class="flex items-center justify-between">
        <span nz-icon nzType="icons:emoji-sad" class="text-lg mr-4"></span>
        <span class="flex-1 text-left">{{ reminder.content }}</span>
        <span class="ml-4 pr-2">
          <span
            nz-icon
            nzType="close"
            class="cursor-pointer hover:scale-125 transition-transform"
            (click)="handleReminderClose()"
          ></span>
        </span>
      </div>
    </div>
  </div>
</div>
