<div class="info-item">
  <div>风险等级</div>
  <div>
    {{ data.level }}
  </div>
</div>
<div class="info-item">
  <div>风险描述</div>
  <div>
    {{ data.title }}
  </div>
</div>
<div class="info-item">
  <div>风险类型</div>
  <div>
    <span> {{ getTypeName(data.type) }} - {{ getCategoryName(data.category, data.type) }} </span>
  </div>
</div>
<div class="info-item">
  <div>可能导致的后果</div>
  <div>
    @for (item of data.consequences; track $index) {
      <div class="consequence-item">{{ getConsequenceName(item) }}</div>
    }
  </div>
</div>
<div class="info-item">
  <div>涉及场所</div>
  <div>
    @for (pos of data.involvedPositions; track $index) {
      <div class="related-item">{{ getPositionName(pos) }}</div>
    }
  </div>
</div>
<div class="info-item">
  <div>涉及作业</div>
  <div>
    @for (op of data.involvedOperations; track $index) {
      <div class="related-item">{{ getOperationName(op) }}</div>
    }
  </div>
</div>
<div class="info-item">
  <div>涉及设备</div>
  <div>
    @for (eq of data.involvedEquipments; track $index) {
      <div class="related-item">{{ getEquipmentName(eq) }}</div>
    }
  </div>
</div>
<div class="info-item">
  <div>责任岗位</div>
  <div>
    @for (job of data.responsiblePositions; track job) {
      <div class="job-item">{{ getJobName(job) }}</div>
    }
  </div>
</div>
<div class="info-item">
  <div>关联事件</div>
  <div>
    @for (association of data.associations; track association) {
      <div class="association-item flex">
        <div class="mr-2">{{ $index }}:</div>
        <div>
          <div>事件名称：{{ association.title }}</div>
          <div>事件描述：{{ association.content }}</div>
          <div>造成后果：{{ association.consequence }}</div>
        </div>
      </div>
    }
  </div>
</div>
<div class="info-item">
  <div>责任人</div>
  <div>
    {{ data.responsiblePerson }}
  </div>
</div>
<div class="info-item">
  <div>责任单位</div>
  <div>
    {{ data.specificUnit }}
  </div>
</div>
