<div class="modal-header">
|
<div class="modal-title">{{ data.id != null ? '编辑' : '添加'}} - 组织</div>
|
</div>
|
<form [formGroup]="validateForm" (ngSubmit)="save($event,validateForm.value,validateForm.valid)" nz-form [nzType]="'horizontal'">
|
<div nz-form-item nz-row class="mb-sm">
|
<div nz-form-label nz-col [nzSm]="4" [nzXs]="24">
|
<label nz-form-item-required>名称</label>
|
</div>
|
<div nz-form-control nz-col [nzSpan]="7" nzHasFeedback>
|
<nz-input formControlName="name" maxlength="20" [nzPlaceHolder]="'组织名称'">
|
</nz-input>
|
</div>
|
<div nz-form-label nz-col [nzSm]="4" [nzXs]="24">
|
<label>级别</label>
|
</div>
|
<div nz-form-control nz-col [nzSpan]="4" nzHasFeedback>
|
<nz-select style="width: 120px;" formControlName="rank" [nzPlaceHolder]="'选择 级别'">
|
<nz-option *ngFor="let option of rankOptions" [nzLabel]="option.label" [nzValue]="option.value" [nzDisabled]="option.disabled">
|
</nz-option>
|
</nz-select>
|
</div>
|
</div>
|
<div nz-form-item nz-row class="mb-sm">
|
<div nz-form-label nz-col [nzSm]="4" [nzXs]="24">
|
<label nz-form-item-required>省/市/区</label>
|
</div>
|
<div nz-form-control nz-col [nzSpan]="7" nzHasFeedback>
|
<nz-cascader [class.class123]="true" (nzChange)="setAreaCodes($event)" formControlName="_areas" (nzLoad)="areaLazyLoad($event)"
|
[nzPlaceHolder]="'选择 省/市/区'" >
|
</nz-cascader>
|
</div>
|
<div nz-form-label nz-col [nzSm]="4" [nzXs]="24">
|
<label>详细地址</label>
|
</div>
|
<div nz-form-control nz-col [nzSpan]="7" nzHasFeedback>
|
<nz-input formControlName="address" maxlength="20"
|
[nzPlaceHolder]="'详细地址(例)：人民路120号'">
|
</nz-input>
|
</div>
|
</div>
|
<div nz-form-item nz-row class="mb-sm">
|
<div nz-form-label nz-col [nzSm]="4" [nzXs]="24">
|
<label>电话</label>
|
</div>
|
<div nz-form-control nz-col [nzSpan]="7" nzHasFeedback>
|
<nz-input formControlName="telephone" maxlength="20"
|
[nzPlaceHolder]="'电话(例)：0512-12345678'"></nz-input>
|
</div>
|
<div nz-form-label nz-col [nzSm]="4" [nzXs]="24">
|
<label>邮件</label>
|
</div>
|
<div nz-form-control nz-col [nzSpan]="7" nzHasFeedback>
|
<nz-input formControlName="email" maxlength="20"
|
[nzPlaceHolder]="'邮件(例)：abc@qq.com'"></nz-input>
|
</div>
|
</div>
|
<div nz-form-item nz-row class="mb-sm">
|
<div nz-form-label nz-col [nzSm]="4" [nzXs]="24">
|
<label nz-form-item-required>创建时间</label>
|
</div>
|
<div nz-form-control nz-col [nzSpan]="7" nzHasFeedback>
|
<nz-datepicker nzSize="large" style="width: 90%;" formControlName="createTime" nzShowTime [nzPlaceHolder]="'选择时间'"
|
[nzFormat]="'YYYY-MM-DD HH:mm:ss'" ></nz-datepicker>
|
</div>
|
<div nz-form-label nz-col [nzSm]="4" [nzXs]="24">
|
<label nz-form-item-required>到期时间</label>
|
</div>
|
<div nz-form-control nz-col [nzSpan]="7" nzHasFeedback>
|
<nz-datepicker nzSize="large" style="width: 90%;" formControlName="expireTime" nzShowTime [nzPlaceHolder]="'选择时间'"
|
[nzFormat]="'YYYY-MM-DD HH:mm:ss'" ></nz-datepicker>
|
</div>
|
</div>
|
<div nz-form-item nz-row class="mb-sm">
|
<div nz-form-label nz-col [nzSm]="4" [nzXs]="24">
|
<label>备注</label>
|
</div>
|
<div nz-form-control nz-col [nzSpan]="16" nzHasFeedback>
|
<nz-input formControlName="description" maxlength="100"></nz-input>
|
</div>
|
</div>
|
<div class="modal-footer">
|
<button nz-button type="button" (click)="close()">关闭</button>
|
<button nz-button [nzType]="'primary'" [nzLoading]="isSaving">
|
<span>
|
保存
|
<span *ngIf="isSaving">中</span>
|
</span>
|
</button>
|
</div>
|
</form>
|
