<div class="detail display_flex justify-content_flex-center align-items_center" *ngIf="!maskFlag">
  <div class="modalBody">
    <div class="title">查看<i class="icon_transport transport-guanbi" (click)="hideModal()"></i></div>
    <div class="content">
      <div class="top display_flex justify-content_space-between align-items_center">
        <span>{{info.title}}</span>
        <span></span>
      </div>
      <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>{{info.prefix}}</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>{{info.generateType ? info.generateType.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>{{info.dateType ? info.dateType.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>{{info.length}}</span>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="display_flex justify-content_flex-center">
      <button class="know" nz-button nzType="primary" nzGhost (click)="hideModal()">知道了</button>
    </div>
  </div>
</div>
<!-- 遮罩 -->
<app-mask *ngIf="maskFlag"></app-mask>
