From a3a8c23b196980732a795713a5eb5fe0c7075bf9 Mon Sep 17 00:00:00 2001 From: fengxiang <110431245@qq.com> Date: Wed, 11 Jul 2018 21:47:13 +0800 Subject: [PATCH] Revert "提交" --- src/app/routes/pro/form/step-form/step1.component.html | 59 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 59 insertions(+), 0 deletions(-) diff --git a/src/app/routes/pro/form/step-form/step1.component.html b/src/app/routes/pro/form/step-form/step1.component.html new file mode 100644 index 0000000..578d10b --- /dev/null +++ b/src/app/routes/pro/form/step-form/step1.component.html @@ -0,0 +1,59 @@ +<form nz-form [formGroup]="form" (ngSubmit)="_submitForm()"> + <nz-form-item> + <nz-form-label nzSpan="5" nzRequired>������������</nz-form-label> + <nz-form-control [nzSpan]="19"> + <nz-select formControlName="pay_account"> + <nz-option [nzLabel]="item.pay_account" [nzValue]="item.pay_account"></nz-option> + </nz-select> + </nz-form-control> + </nz-form-item> + <nz-form-item> + <nz-form-label nzSpan="5" nzRequired nzFor="receiver_account">������������</nz-form-label> + <nz-form-control nzSpan="19"> + <nz-input-group nzCompact> + <nz-select formControlName="receiver_type" style="width: 100px;"> + <nz-option [nzLabel]="'���������'" [nzValue]="'alipay'"></nz-option> + <nz-option [nzLabel]="'������������'" [nzValue]="'bank'"></nz-option> + </nz-select> + <input formControlName="receiver_account" id="receiver_account" nz-input style="width: calc(100% - 100px);"> + </nz-input-group> + <nz-form-explain *ngIf="(receiver_account.dirty || receiver_account.touched) && receiver_account.errors?.required"> + ��������������������� + </nz-form-explain> + </nz-form-control> + </nz-form-item> + <nz-form-item> + <nz-form-label nzSpan="5" nzRequired nzFor="receiver_name">������������</nz-form-label> + <nz-form-control nzSpan="19"> + <input nz-input formControlName="receiver_name" id="receiver_name"> + <ng-container *ngIf="receiver_name.dirty || receiver_name.touched"> + <nz-form-explain *ngIf="receiver_name.errors?.required">���������������������</nz-form-explain> + <nz-form-explain *ngIf="receiver_name.errors?.minlength">������2���������������</nz-form-explain> + </ng-container> + </nz-form-control> + </nz-form-item> + <nz-form-item> + <nz-form-label nzSpan="5" nzRequired nzFor="amount">������������</nz-form-label> + <nz-form-control nzSpan="19"> + <input nz-input formControlName="amount" id="amount" nzAddonAfter="���"> + <ng-container *ngIf="amount.dirty || amount.touched"> + <nz-form-explain *ngIf="amount.errors?.required">���������������������</nz-form-explain> + <nz-form-explain *ngIf="amount.errors?.pattern">������������������������</nz-form-explain> + <nz-form-explain *ngIf="amount.errors?.min">������������1���������</nz-form-explain> + <nz-form-explain *ngIf="amount.errors?.max">������������100���������</nz-form-explain> + </ng-container> + </nz-form-control> + </nz-form-item> + <nz-form-item> + <nz-form-control nzSpan="19" nzOffset="5"> + <button nz-button nzType="primary" [disabled]="form.invalid">���������</button> + </nz-form-control> + </nz-form-item> +</form> +<div class="border-top-1 mt-lg px-lg text-grey-dark"> + <h3 class="h3 my-md">������</h3> + <h4 class="h4 mb-sm">������������������������</h4> + <p class="mb-sm">������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������</p> + <h4 class="h4 mb-sm">������������������</h4> + <p>������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������</p> +</div> -- Gitblit v1.8.0