|
|
|
<!-- start 面包屑 -->
|
|
|
|
<nz-breadcrumb>
|
|
|
|
<nz-breadcrumb-item>
|
|
|
|
<a (click)="getBack()">卡券管理</a>
|
|
|
|
</nz-breadcrumb-item>
|
|
|
|
<nz-breadcrumb-item>
|
|
|
|
编辑卡券
|
|
|
|
</nz-breadcrumb-item>
|
|
|
|
</nz-breadcrumb>
|
|
|
|
<!-- end 面包屑 -->
|
|
|
|
|
|
|
|
|
|
|
|
<nz-content class="inner-content">
|
|
|
|
<form nz-form [formGroup]="validateForm" class="ant-advanced-search-form">
|
|
|
|
<div nz-row [nzGutter]="24">
|
|
|
|
<div nz-col [nzSpan]="8">
|
|
|
|
<nz-form-item>
|
|
|
|
<nz-form-label [nzFor]="'loginTelephone'" nzRequired>登录手机号</nz-form-label>
|
|
|
|
<nz-form-control nzErrorTip="请输入登录手机号!">
|
|
|
|
<input nz-input placeholder="请输入登录手机号..." [formControlName]="'loginTelephone'" id="'loginTelephone'" />
|
|
|
|
</nz-form-control>
|
|
|
|
</nz-form-item>
|
|
|
|
</div>
|
|
|
|
<div nz-col [nzSpan]="8">
|
|
|
|
<nz-form-item>
|
|
|
|
<nz-form-label [nzFor]="'password'" nzRequired>登录密码</nz-form-label>
|
|
|
|
<nz-form-control nzErrorTip="请输入登录密码!">
|
|
|
|
<nz-input-group [nzSuffix]="suffixTemplate">
|
|
|
|
<input [type]="passwordVisible ? 'text' : 'password'" nz-input placeholder="请输入登录密码..." [formControlName]="'password'" id="'password'" />
|
|
|
|
</nz-input-group>
|
|
|
|
<ng-template #suffixTemplate>
|
|
|
|
<i nz-icon [nzType]="passwordVisible ? 'eye-invisible' : 'eye'" (click)="passwordVisible = !passwordVisible"></i>
|
|
|
|
</ng-template>
|
|
|
|
</nz-form-control>
|
|
|
|
</nz-form-item>
|
|
|
|
</div>
|
|
|
|
<div nz-col [nzSpan]="8">
|
|
|
|
<nz-form-item>
|
|
|
|
<nz-form-label [nzFor]="'merchantKey'" nzRequired>商户编号</nz-form-label>
|
|
|
|
<nz-form-control nzErrorTip="请输入商户编号!">
|
|
|
|
<input nz-input placeholder="请输入商户编号..." [formControlName]="'merchantKey'" id="'merchantKey'" />
|
|
|
|
</nz-form-control>
|
|
|
|
</nz-form-item>
|
|
|
|
</div>
|
|
|
|
<div nz-col [nzSpan]="8">
|
|
|
|
<nz-form-item>
|
|
|
|
<nz-form-label [nzFor]="'merchantName'" nzRequired>商户名称</nz-form-label>
|
|
|
|
<nz-form-control nzErrorTip="请输入商户名称!">
|
|
|
|
<input nz-input placeholder="请输入商户名称..." [formControlName]="'merchantName'" id="'merchantName'" />
|
|
|
|
</nz-form-control>
|
|
|
|
</nz-form-item>
|
|
|
|
</div>
|
|
|
|
<div nz-col [nzSpan]="8">
|
|
|
|
<nz-form-item>
|
|
|
|
<nz-form-label [nzFor]="'telephone'" nzRequired>联系电话</nz-form-label>
|
|
|
|
<nz-form-control nzErrorTip="请输入联系电话!">
|
|
|
|
<input nz-input placeholder="请输入联系电话..." [formControlName]="'telephone'" id="'telephone'" />
|
|
|
|
</nz-form-control>
|
|
|
|
</nz-form-item>
|
|
|
|
</div>
|
|
|
|
<div nz-col [nzSpan]="8">
|
|
|
|
<nz-form-item>
|
|
|
|
<nz-form-label [nzFor]="'address'" nzRequired>商户地址</nz-form-label>
|
|
|
|
<nz-form-control nzErrorTip="请输入商户地址!">
|
|
|
|
<input nz-input placeholder="请输入商户地址..." [formControlName]="'address'" id="'address'" />
|
|
|
|
</nz-form-control>
|
|
|
|
</nz-form-item>
|
|
|
|
</div>
|
|
|
|
<div nz-col [nzSpan]="8">
|
|
|
|
<nz-form-item>
|
|
|
|
<nz-form-label [nzFor]="'bankName'" >银行名称</nz-form-label>
|
|
|
|
<nz-form-control nzErrorTip="请输入银行名称!">
|
|
|
|
<input nz-input placeholder="请输入银行名称..." [formControlName]="'bankName'" id="'bankName'" />
|
|
|
|
</nz-form-control>
|
|
|
|
</nz-form-item>
|
|
|
|
</div>
|
|
|
|
<div nz-col [nzSpan]="8">
|
|
|
|
<nz-form-item>
|
|
|
|
<nz-form-label [nzFor]="'bankAccount'" >银行账号</nz-form-label>
|
|
|
|
<nz-form-control nzErrorTip="请输入银行账号!">
|
|
|
|
<input nz-input placeholder="请输入银行账号..." [formControlName]="'bankAccount'" id="'bankAccount'" />
|
|
|
|
</nz-form-control>
|
|
|
|
</nz-form-item>
|
|
|
|
</div>
|
|
|
|
<div nz-col [nzSpan]="8">
|
|
|
|
<nz-form-item>
|
|
|
|
<nz-form-label [nzFor]="'bankHolder'" >开户人</nz-form-label>
|
|
|
|
<nz-form-control nzErrorTip="请输入开户人!">
|
|
|
|
<input nz-input placeholder="请输入开户人..." [formControlName]="'bankHolder'" id="'bankHolder'" />
|
|
|
|
</nz-form-control>
|
|
|
|
</nz-form-item>
|
|
|
|
</div>
|
|
|
|
<div nz-col [nzSpan]="16">
|
|
|
|
<nz-form-item>
|
|
|
|
<nz-form-label>商户LOGO</nz-form-label>
|
|
|
|
<nz-form-control>
|
|
|
|
<nz-upload
|
|
|
|
nzAction="{{WEB_SERVE_URL}}/fileUpload/uploadfile"
|
|
|
|
nzListType="picture-card"
|
|
|
|
[(nzFileList)]="logoFile"
|
|
|
|
[nzShowButton]="logoFile.length < 1"
|
|
|
|
[nzPreview]="handlePreview"
|
|
|
|
>
|
|
|
|
<i nz-icon nzType="plus"></i>
|
|
|
|
<div class="ant-upload-text">上传LOGO</div>
|
|
|
|
</nz-upload>
|
|
|
|
<nz-modal [nzVisible]="previewVisible" [nzContent]="modalContent" [nzFooter]="null" (nzOnCancel)="previewVisible = false">
|
|
|
|
<ng-template #modalContent>
|
|
|
|
<img [src]="previewImage" [ngStyle]="{ width: '100%' }" />
|
|
|
|
</ng-template>
|
|
|
|
</nz-modal>
|
|
|
|
</nz-form-control>
|
|
|
|
</nz-form-item>
|
|
|
|
</div>
|
|
|
|
<div nz-col [nzSpan]="16">
|
|
|
|
<nz-form-item>
|
|
|
|
<nz-form-label>商户简介</nz-form-label>
|
|
|
|
<nz-form-control>
|
|
|
|
<textarea formControlName="merchantDesc" nz-input rows="2" placeholder="请输入商户简介"></textarea>
|
|
|
|
</nz-form-control>
|
|
|
|
</nz-form-item>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div nz-row>
|
|
|
|
<div nz-col [nzSpan]="24" class="search-area">
|
|
|
|
<button nz-button (click)="resetForm()">重置</button>
|
|
|
|
<button nz-button [nzType]="'primary'" (click)="getSave()">提交</button>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</form>
|
|
|
|
|
|
|
|
</nz-content>
|