<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>  
 |