<div class="content__title"> 
 | 
    <h1>注册码管理({{organization.name}})</h1> 
 | 
</div> 
 | 
<nz-card [nzBordered]="false"> 
 | 
    <div class="mb-md"> 
 | 
        <button nz-button [nzType]="'primary'" [nzSize]="'large'" (click)="isVisible=true"> 
 | 
            <i class="anticon anticon-plus"></i><span>新建</span> 
 | 
        </button> 
 | 
    </div> 
 | 
    <simple-table #simpleTable [data]="dataUrl" [extraParams]="extraParams" [columns]="columns" [showTotal]="true" [ps]="10" [reqReName]="{pi: 'pageIndex',ps: 'pageSize'}" [resReName]="{list: 'data',total: 'total'}"> 
 | 
    </simple-table>  
 | 
</nz-card> 
 | 
  
 | 
<nz-modal [nzVisible]="isVisible" [nzTitle]="'新建注册码'" [nzContent]="modalContent" (nzOnCancel)="isVisible=false" (nzOnOk)="registrationOk()"> 
 | 
    <ng-template #modalContent> 
 | 
        <form nz-form > 
 | 
            <div nz-form-item nz-row> 
 | 
                <div nz-form-label nz-col [nzSm]="6" [nzXs]="24"> 
 | 
                    <label nz-form-item-required>失效日期</label> 
 | 
                </div> 
 | 
                <div nz-col [nzSm]="14" [nzXs]="24"> 
 | 
                    <nz-datepicker style="width: 100%;" [(ngModel)]="_date" name='_date' [nzFormat]="'YYYY-MM-DD'" [nzDisabledDate]="_disabledDate" [nzAllowClear]="false"></nz-datepicker> 
 | 
                </div> 
 | 
            </div> 
 | 
        </form> 
 | 
    </ng-template> 
 | 
</nz-modal> 
 |