<div class="progress">
  <div class="headline">当前进度</div>
  <div class="content">
    @for (node of list; track node.title; let index = $index) {
      <div class="node" [class.active]="node.done">
        <div class="action">
          @if (node.actionText) {
            <button nz-button class="precaution-secondary !rounded-xl" nzType="primary" (click)="onActionClick(node)">
              {{ node.actionText }}
            </button>
          }
        </div>
        <div class="view" [class.right-active]="node.toNext" [class.left-active]="previousNodeCanPrecessNext(index)">
          <div class="dot"></div>
        </div>
        <div class="title">{{ node.title }}</div>
        <div class="date">{{ node.done ? node.date : '' }}</div>
      </div>
    }
  </div>
</div>
<div class="info">
  <span class="text-6">发布人：</span>
  <span class="text-3">{{ data.createUserName }}</span>
  <span class="text-6 ml-8">发布时间：</span>
  <span class="text-3">{{ data.createdDate | date: 'yyyy/MM/dd' }}</span>
</div>
