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