<div class="modal display_flex justify-content_flex-center align-items_center" *ngIf="show">
  <div class="modalBody">
    <div class="title">报修详情查看<i class="icon_transport transport-guanbi" (click)="hideModal()"></i></div>
    <div class="content">
      <div class="info">
        <div nz-row>
          <div class="left" nz-col nzSpan="12">
            <div class="item display_flex  justify-content_space-between align-items_flex-start">
              <span>报修内容</span>
              <span>{{ bData.description||'无' }}</span>
            </div>
          </div>
          <div class="right" nz-col nzSpan="12">
            <div class="item display_flex  justify-content_space-between align-items_flex-start">
              <span>报修时间</span>
              <span>{{ bData.createTime|date:'MM-dd HH:mm' }}</span>
            </div>
          </div>
        </div>
        <div nz-row>
          <div class="left" nz-col nzSpan="12">
            <div class="item display_flex  justify-content_space-between align-items_flex-start">
              <span>报修人</span>
              <span>{{ bData.requester?bData.requester.name:'无' }}</span>
            </div>
          </div>
          <div class="right" nz-col nzSpan="12">
            <div class="item display_flex  justify-content_space-between align-items_flex-start">
              <span>状态</span>
              <span>{{ bData.state.name }}</span>
            </div>
          </div>
        </div>
        <div nz-row>
          <div class="left" nz-col nzSpan="12">
            <div class="item display_flex  justify-content_space-between align-items_flex-start">
              <span>处理人</span>
              <span>{{ bData.incident?(bData.incident.contacts?bData.incident.contacts:'无'):'无' }}</span>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="display_flex justify-content_flex-center">
      <button class="btn know" nz-button nzType="primary" (click)="hideModal()">知道了</button>
    </div>
  </div>
</div>
