<div class="flex justify-between pb-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">更新风险等级</button> -->
  </div>
</div>
<div>
  <table class="level-table">
    <thead>
      <tr>
        <th style="width: 200px">风险名称</th>
        <th style="width: 110px">风险色</th>
        <th>管控责任</th>
        <th>定级标准</th>
      </tr>
    </thead>
    <tbody>
      @for (item of tableData; track item.value) {
        <tr>
          <td class="text-sm">
            <span>{{ item.description }}: </span>
            <span>{{ item.value }}</span>
          </td>
          <td>
            <span>
              <star-icon class="align-top" [color]="colorMap[item.color]"></star-icon>
              <span class="ml-1">{{ item.color }}</span>
            </span>
          </td>
          <td style="padding-right: 6%">{{ item.responsible }}</td>
          <td style="padding-right: 6%">{{ item.standard }}</td>
        </tr>
      }
    </tbody>
  </table>
</div>
<div class="gap-line"></div>
