<div class="flex justify-between py-4">
  <div>
    <span class="title-text">风险项分类</span>
    <span class="update-time">（更新日期：{{ updateDate | date: 'yyyy/MM/dd' }}）</span>
  </div>
  <div>
    <button
      nz-button
      nzType="primary"
      class="precaution-secondary"
      style="border-radius: 12px"
      (click)="updateRiskType()"
    >
      更新风险项分类
    </button>
  </div>
</div>
<div>
  <table class="category-table">
    <thead>
      <tr>
        <th style="min-width: 200px">风险类别</th>
        <th>风险项</th>
      </tr>
    </thead>
    <tbody>
      @for (type of tableData; track type.value) {
        <tr>
          <td class="text-sm">{{ type.value }}</td>
          <td>
            @for (item of type.categories; track $index) {
              <span nz-tag class="inline-block mr-2">
                {{ $index + 1 }}. {{ item.value }}{{ $index === type.categories.length - 1 ? '' : ',' }}
              </span>
            }
          </td>
        </tr>
      }
    </tbody>
  </table>
</div>
<div class="gap-line"></div>
