cd-project-management-web/src/app/routes/pro/form/step-form/step1.component.html

<form nz-form [formGroup]="form" (ngSubmit)="_submitForm()" se-container="1" labelWidth="100">
  <se label="付款账户" required>
    <nz-select formControlName="pay_account">
      <nz-option [nzLabel]="item.pay_account" [nzValue]="item.pay_account"></nz-option>
    </nz-select>
  </se>
  <!-- 收款账户 -->
  <se
    label="{{ 'collection' | translate }}{{ 'account' | translate }}"
    error="{{ 'placeholder' | translate }}{{ 'collection' | translate }}{{ 'account' | translate }}"
    required
  >
    <nz-input-group nzCompact>
      <nz-select formControlName="receiver_type" style="width: 100px;">
        <!-- 支付宝 -->
        <nz-option [nzLabel]="'{{ 'alipay' | translate }}'" [nzValue]="'alipay'"></nz-option>
        <!-- 银行账号 -->
        <nz-option [nzLabel]="'{{ 'bank.account' | translate }}'" [nzValue]="'bank'"></nz-option>
      </nz-select>
      <input formControlName="receiver_account" nz-input style="width: calc(100% - 100px);" />
    </nz-input-group>
  </se>
  <!-- 收款姓名 -->
  <se label="{{ 'collection' | translate }}{{ 'name' | translate }}" error="请输入收款姓名，至少2个字符以上" required>
    <input nz-input formControlName="receiver_name" />
  </se>
  <!-- 转账金额 -->
  <se label="{{ 'transfer.amount' | translate }}" error="请输入转账金额，且1至100万以内" required>
    <input nz-input formControlName="amount" id="amount" nzAddonAfter="￥" />
  </se>
  <se>
    <!-- 下一步 -->
    <button nz-button nzType="primary" [disabled]="form.invalid">{{ 'next.step' | translate }}</button>
  </se>
</form>
<div class="border-top-1 mt-lg px-lg text-grey-dark">
  <!-- 说明 -->
  <h3 class="h3 my-md">{{ 'instructions' | translate }}</h3>
  <!-- 转账到支付宝账户 -->
  <h4 class="h4 mb-sm">{{ 'transfer.alipay.account' | translate }}</h4>
  <!--  -->
  <p class="mb-sm">
    如果需要，这里可以放一些关于产品的常见问题说明。如果需要，这里可以放一些关于产品的常见问题说明。如果需要，这里可以放一些关于产品的常见问题说明。
  </p>
  <!-- 转账到银行卡 -->
  <h4 class="h4 mb-sm">{{ 'transfer.bank.card' | translate }}</h4>
  <p>
    如果需要，这里可以放一些关于产品的常见问题说明。如果需要，这里可以放一些关于产品的常见问题说明。如果需要，这里可以放一些关于产品的常见问题说明。
  </p>
</div>