<div class="modal-header"> 
 | 
    <div class="modal-title">{{account.id > 0 ? '编辑' : '添加'}} - 账户</div> 
 | 
</div> 
 | 
<form (ngSubmit)="save()" nz-form [nzType]="'horizontal'" [formGroup]="validateForm"> 
 | 
    <div nz-form-item nz-row class="mb-sm"> 
 | 
        <div nz-form-label nz-col [nzSpan]="4"> 
 | 
            <label nz-form-item-required>账号</label> 
 | 
        </div> 
 | 
        <div nz-form-control nz-col [nzSpan]="8" nzHasFeedback [nzValidateStatus]="accountName"> 
 | 
            <input nz-input formControlName="accountName" maxlength="30" required [nzDisabled]="account.id > 0 ? true : false" /> 
 | 
            <div nz-form-explain *ngIf="validateForm.controls.accountName.dirty&&validateForm.controls.accountName.hasError('required')">Please input your username!</div> 
 | 
        </div> 
 | 
        <div nz-form-label nz-col [nzSpan]="4"> 
 | 
            <label>电话</label> 
 | 
        </div> 
 | 
        <div nz-form-control nz-col [nzSpan]="8" > 
 | 
            <input nz-input maxlength="11" formControlName="mobile"/> 
 | 
        </div> 
 | 
    </div> 
 | 
    <div nz-form-item nz-row class="mb-sm"> 
 | 
        <div nz-form-label nz-col [nzSpan]="4"> 
 | 
            <label>电子邮件</label> 
 | 
        </div> 
 | 
        <div nz-form-control nz-col [nzSpan]="8" > 
 | 
            <input nz-input formControlName="email" /> 
 | 
        </div> 
 | 
        <div nz-form-label nz-col [nzSpan]="4"> 
 | 
            <label>微信号</label> 
 | 
        </div> 
 | 
        <div nz-form-control nz-col [nzSpan]="8" > 
 | 
            <input nz-input formControlName="weixin" /> 
 | 
        </div> 
 | 
    </div> 
 | 
    <div nz-form-item nz-row class="mb-sm"> 
 | 
        <div nz-form-label nz-col [nzSpan]="4"> 
 | 
            <label>组织</label> 
 | 
        </div> 
 | 
        <div nz-form-control nz-col [nzSpan]="8" > 
 | 
            <input nz-input formControlName="organizationId" maxlength="20" placeholder="20字以内" /> 
 | 
        </div> 
 | 
        <div nz-form-label nz-col [nzSpan]="4"> 
 | 
            <label>过期日期</label> 
 | 
        </div> 
 | 
        <div nz-form-control nz-col [nzSpan]="8" > 
 | 
            <nz-datepicker  formControlName="expireTime" nzShowTime></nz-datepicker> 
 | 
        </div> 
 | 
    </div> 
 | 
    <!-- <div nz-form-item nz-row class="mb-sm"> 
 | 
        <div nz-form-label nz-col [nzSpan]="4"> 
 | 
            <label>密码</label> 
 | 
        </div> 
 | 
        <div nz-form-control nz-col [nzSpan]="8"> 
 | 
            <input nz-input [(ngModel)]="account.password" name="password" maxlength="30" placeholder="30字以内" required /> 
 | 
        </div> 
 | 
        <div nz-form-label nz-col [nzSpan]="4"> 
 | 
            <label>创建日期</label> 
 | 
        </div> 
 | 
        <div nz-form-control nz-col [nzSpan]="8"> 
 | 
            <div nz-form-control [nzValidateStatus]="createTime"> 
 | 
                <nz-datepicker [(ngModel)]="account.createTime" name="createTime"></nz-datepicker> 
 | 
            </div> 
 | 
        </div> 
 | 
    </div> --> 
 | 
    <div class="modal-footer"> 
 | 
        <button nz-button type="button" (click)="close()">关闭</button> 
 | 
        <button nz-button [nzLoading]="http.loading" [nzType]="'primary'">保存</button> 
 | 
    </div> 
 | 
</form> 
 |