<nz-spin class="ctx-spin-fixed" [nzSpinning]="_systemMessageLoading" [nzDelay]="500">
  <nz-page-header nzBackIcon (nzBack)="_backToSystemMessageList()">

    <nz-page-header-title>{{ title }}</nz-page-header-title>

    <nz-page-header-content>
      <nz-descriptions [nzBordered]="false" [nzColon]="true">
        <nz-descriptions-item nzTitle="发送人">{{ _systemMessageExtra?.sender || '-' }}</nz-descriptions-item>
        <nz-descriptions-item nzTitle="发送时间">{{ (_systemMessage?.sendTime | date:'yyyy-MM-dd HH:mm:ss') || '-' }}</nz-descriptions-item>
      </nz-descriptions>
    </nz-page-header-content>

    <nz-page-header-footer>
      <div class="ctx-page-content" [innerHTML]="_systemMessage?.content | nzSanitizer:'html'"></div>
    </nz-page-header-footer>

  </nz-page-header>
</nz-spin>
