<div class="text-xl font-medium pb-4">我的工作</div>
<div class="workbench-panel px-6" style="height: 132px">
  <div class="h-full flex">
    <div class="flex-1"></div>
    @for (item of taskStatistics; track item.title) {
      <div class="inline-flex items-center mr-6 last:mr-0">
        <div class="pr-6">
          <img [src]="item.icon" alt="" />
        </div>
        <div>
          <div class="text-xs text-[#1D2129]">{{ item.title }}</div>
          <div>
            @for (field of item.fields; track field.label) {
              <div class="text-[#5A607F] !leading-[20px]">
                <span class="text-xs">{{ field.label }}：</span>
                <span class="text-lg !leading-[20px]">{{ field.value }}</span>
                <span class="text-[10px]">{{ field.unit }}</span>
              </div>
            }
          </div>
        </div>
      </div>
      <div class="flex-1"></div>
    }
  </div>
</div>
