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