|
@@ -1,83 +1,80 @@
|
|
|
<nz-spin [nzSpinning]="isLoading">
|
|
|
<form nz-form>
|
|
|
<nz-form-item>
|
|
|
- <nz-form-label nzRequired [nzSm]="5" [nzXs]="24">{{ 'customer.code' | translate }}</nz-form-label>
|
|
|
- <nz-form-control [nzSm]="7" [nzXs]="24">
|
|
|
+ <nz-form-label nzRequired [nzSm]="3" [nzXs]="24">{{ 'customer.code' | translate }}</nz-form-label>
|
|
|
+ <nz-form-control [nzSm]="4" [nzXs]="24">
|
|
|
<input [(ngModel)]="customer.code" name="code" nz-input [disabled]="true"
|
|
|
placeholder="{{ 'automatic.generated' | translate }}" />
|
|
|
<!--客户编码-->
|
|
|
</nz-form-control>
|
|
|
- <nz-form-label nzRequired [nzSm]="5" [nzXs]="24">{{ 'customer.name' | translate }}</nz-form-label>
|
|
|
- <nz-form-control [nzSm]="7" [nzXs]="24">
|
|
|
+ <nz-form-label nzRequired [nzSm]="3" [nzXs]="24">{{ 'customer.name' | translate }}</nz-form-label>
|
|
|
+ <nz-form-control [nzSm]="4" [nzXs]="24">
|
|
|
<input [(ngModel)]="customer.name" name="name" nz-input [disabled]="true"
|
|
|
placeholder="{{ 'placeholder' | translate }}{{ 'customer.name' | translate }}" />
|
|
|
<!--客户名称-->
|
|
|
</nz-form-control>
|
|
|
- </nz-form-item>
|
|
|
- <nz-form-item>
|
|
|
- <nz-form-label [nzSm]="5" [nzXs]="24">{{ 'customer.shortName' | translate }}</nz-form-label>
|
|
|
- <nz-form-control [nzSm]="7" [nzXs]="24">
|
|
|
+ <nz-form-label [nzSm]="3" [nzXs]="24">{{ 'customer.shortName' | translate }}</nz-form-label>
|
|
|
+ <nz-form-control [nzSm]="4" [nzXs]="24">
|
|
|
<input [(ngModel)]="customer.shortName" name="shortName" nz-input [disabled]="true"
|
|
|
placeholder="{{ 'placeholder' | translate }}{{ 'customer.shortName' | translate }}" />
|
|
|
<!--客户简称-->
|
|
|
</nz-form-control>
|
|
|
- <nz-form-label nzRequired [nzSm]="5" [nzXs]="24">{{ 'customer.abbreviation' | translate }}</nz-form-label>
|
|
|
- <nz-form-control [nzSm]="7" [nzXs]="24">
|
|
|
+ </nz-form-item>
|
|
|
+ <nz-form-item>
|
|
|
+
|
|
|
+ <nz-form-label nzRequired [nzSm]="3" [nzXs]="24">{{ 'customer.abbreviation' | translate }}</nz-form-label>
|
|
|
+ <nz-form-control [nzSm]="4" [nzXs]="24">
|
|
|
<input [(ngModel)]="customer.abbreviation" maxlength="3" [disabled]="true" name="abbreviation" nz-input />
|
|
|
<!--客户缩写-->
|
|
|
</nz-form-control>
|
|
|
- </nz-form-item>
|
|
|
- <nz-form-item>
|
|
|
- <nz-form-label [nzSm]="5" [nzXs]="24">{{ 'customer.contacts.name' | translate }}</nz-form-label>
|
|
|
- <nz-form-control [nzSm]="7" [nzXs]="24">
|
|
|
+ <nz-form-label [nzSm]="3" [nzXs]="24">{{ 'customer.contacts.name' | translate }}</nz-form-label>
|
|
|
+ <nz-form-control [nzSm]="4" [nzXs]="24">
|
|
|
<input [disabled]="true" name="contacts" nz-input [(ngModel)]="customer.contacts" />
|
|
|
<!--客户联系人-->
|
|
|
</nz-form-control>
|
|
|
- <nz-form-label [nzSm]="5" [nzXs]="24">{{ 'customer.contacts.telephone' | translate }}</nz-form-label>
|
|
|
- <nz-form-control [nzSm]="7" [nzXs]="24">
|
|
|
+ <nz-form-label [nzSm]="3" [nzXs]="24">{{ 'customer.contacts.telephone' | translate }}</nz-form-label>
|
|
|
+ <nz-form-control [nzSm]="4" [nzXs]="24">
|
|
|
<input [disabled]="true" name="telephone" nz-input [(ngModel)]="customer.telephone" />
|
|
|
<!--客户联系电话-->
|
|
|
</nz-form-control>
|
|
|
</nz-form-item>
|
|
|
<nz-form-item>
|
|
|
- <nz-form-label [nzSm]="5" [nzXs]="24">{{ 'customer.contacts.mail' | translate }}</nz-form-label>
|
|
|
- <nz-form-control [nzSm]="7" [nzXs]="24">
|
|
|
+ <nz-form-label [nzSm]="3" [nzXs]="24">{{ 'customer.contacts.mail' | translate }}</nz-form-label>
|
|
|
+ <nz-form-control [nzSm]="4" [nzXs]="24">
|
|
|
<input [disabled]="true" name="email" nz-input [(ngModel)]="customer.email" />
|
|
|
</nz-form-control>
|
|
|
- <nz-form-label [nzSm]="5" [nzXs]="24">{{ 'customer.company.address' | translate }}</nz-form-label>
|
|
|
- <nz-form-control [nzSm]="7" [nzXs]="24">
|
|
|
+ <nz-form-label [nzSm]="3" [nzXs]="24">{{ 'customer.company.address' | translate }}</nz-form-label>
|
|
|
+ <nz-form-control [nzSm]="4" [nzXs]="24">
|
|
|
<input [(ngModel)]="customer.address" name="address" nz-input [disabled]="true" />
|
|
|
</nz-form-control>
|
|
|
- </nz-form-item>
|
|
|
- <nz-form-item>
|
|
|
- <nz-form-label [nzSm]="5" [nzXs]="24">{{ 'customer.company.phone' | translate }}</nz-form-label>
|
|
|
- <nz-form-control [nzSm]="7" [nzXs]="24">
|
|
|
+ <nz-form-label [nzSm]="3" [nzXs]="24">{{ 'customer.company.phone' | translate }}</nz-form-label>
|
|
|
+ <nz-form-control [nzSm]="4" [nzXs]="24">
|
|
|
<input [(ngModel)]="customer.phone" name="phone" nz-input [disabled]="true" />
|
|
|
</nz-form-control>
|
|
|
- <nz-form-label [nzSm]="5" [nzXs]="24">{{ 'customer.tax.no' | translate }}</nz-form-label>
|
|
|
- <nz-form-control [nzSm]="7" [nzXs]="24">
|
|
|
- <input [(ngModel)]="customer.taxNo" name="taxNo" nz-input [disabled]="true" />
|
|
|
- </nz-form-control>
|
|
|
</nz-form-item>
|
|
|
<nz-form-item>
|
|
|
- <nz-form-label [nzSm]="5" [nzXs]="24">{{ 'customer.account.bank' | translate }}</nz-form-label>
|
|
|
- <nz-form-control [nzSm]="7" [nzXs]="24">
|
|
|
+ <nz-form-label [nzSm]="3" [nzXs]="24">{{ 'customer.tax.no' | translate }}</nz-form-label>
|
|
|
+ <nz-form-control [nzSm]="4" [nzXs]="24">
|
|
|
+ <input [(ngModel)]="customer.taxNo" name="taxNo" nz-input [disabled]="true" />
|
|
|
+ </nz-form-control>
|
|
|
+ <nz-form-label [nzSm]="3" [nzXs]="24">{{ 'customer.account.bank' | translate }}</nz-form-label>
|
|
|
+ <nz-form-control [nzSm]="4" [nzXs]="24">
|
|
|
<input [(ngModel)]="customer.bank" name="bank" nz-input [disabled]="true" />
|
|
|
</nz-form-control>
|
|
|
- <nz-form-label [nzSm]="5" [nzXs]="24">{{ 'customer.account.number' | translate }}</nz-form-label>
|
|
|
- <nz-form-control [nzSm]="7" [nzXs]="24">
|
|
|
+ <nz-form-label [nzSm]="3" [nzXs]="24">{{ 'customer.account.number' | translate }}</nz-form-label>
|
|
|
+ <nz-form-control [nzSm]="4" [nzXs]="24">
|
|
|
<input [(ngModel)]="customer.account" name="account" nz-input [disabled]="true" />
|
|
|
</nz-form-control>
|
|
|
</nz-form-item>
|
|
|
<nz-form-item>
|
|
|
- <nz-form-label nzRequired [nzSm]="5" [nzXs]="24">{{ 'customer.whether.using.or.not' | translate }}
|
|
|
+ <nz-form-label nzRequired [nzSm]="3" [nzXs]="24">{{ 'customer.whether.using.or.not' | translate }}
|
|
|
</nz-form-label>
|
|
|
- <nz-form-control [nzSm]="7" [nzXs]="24">
|
|
|
+ <nz-form-control [nzSm]="4" [nzXs]="24">
|
|
|
<nz-switch [nzDisabled]="true" [(ngModel)]="enable" name="enable" [ngModelOptions]="{standalone: true}"
|
|
|
nzCheckedChildren="{{'store.yes' | translate}}" nzUnCheckedChildren="{{'store.no' | translate}}"></nz-switch>
|
|
|
</nz-form-control>
|
|
|
- <nz-form-label [nzSm]="5" [nzXs]="24">{{ 'customer.credit.grade' | translate }}</nz-form-label>
|
|
|
- <nz-form-control [nzSm]="7" [nzXs]="24">
|
|
|
+ <nz-form-label [nzSm]="3" [nzXs]="24">{{ 'customer.credit.grade' | translate }}</nz-form-label>
|
|
|
+ <nz-form-control [nzSm]="4" [nzXs]="24">
|
|
|
<nz-select nzShowSearch nzAllowClear nzPlaceHolder="{{ 'select.please.choose' | translate }}"
|
|
|
[nzDisabled]="true" [(ngModel)]="customer.creditGrade" name="creditGrade">
|
|
|
<nz-option *ngIf="customer.creditGrade==''" nzLabel="{{ 'select.please.choose' | translate }}" nzValue=""
|
|
@@ -92,33 +89,37 @@
|
|
|
<nz-option nzLabel="D" nzValue="4"></nz-option>
|
|
|
</nz-select>
|
|
|
</nz-form-control>
|
|
|
- </nz-form-item>
|
|
|
- <nz-form-item>
|
|
|
- <nz-form-label [nzSm]="5" [nzXs]="24">{{ 'customer.credit.period' | translate }}</nz-form-label>
|
|
|
- <nz-form-control [nzSm]="7" [nzXs]="24">
|
|
|
+ <nz-form-label [nzSm]="3" [nzXs]="24">{{ 'customer.credit.period' | translate }}</nz-form-label>
|
|
|
+ <nz-form-control [nzSm]="4" [nzXs]="24">
|
|
|
<nz-input-number [nzDisabled]="true" [(ngModel)]="customer.creditPeriod" name="creditPeriod" nzMin="1">
|
|
|
</nz-input-number>
|
|
|
<!-- <input [(ngModel)]="customer.creditPeriod" name="creditPeriod" nz-input /> -->
|
|
|
</nz-form-control>
|
|
|
+ </nz-form-item>
|
|
|
+ <nz-form-item>
|
|
|
<!-- 邮编 -->
|
|
|
- <nz-form-label [nzSm]="5" [nzXs]="24">{{ 'customer.zipCode' | translate }}</nz-form-label>
|
|
|
- <nz-form-control [nzSm]="7" [nzXs]="24">
|
|
|
+ <nz-form-label [nzSm]="3" [nzXs]="24">{{ 'customer.zipCode' | translate }}</nz-form-label>
|
|
|
+ <nz-form-control [nzSm]="4" [nzXs]="24">
|
|
|
<input [disabled]="true" [(ngModel)]="customer.zipCode" name="zipCode" nz-input />
|
|
|
</nz-form-control>
|
|
|
- </nz-form-item>
|
|
|
- <nz-form-item>
|
|
|
<!-- 通讯地址 -->
|
|
|
- <nz-form-label [nzSm]="5" [nzXs]="24">{{ 'customer.Postal.address' | translate }}</nz-form-label>
|
|
|
- <nz-form-control [nzSm]="7" [nzXs]="24">
|
|
|
+ <nz-form-label [nzSm]="3" [nzXs]="24">{{ 'customer.Postal.address' | translate }}</nz-form-label>
|
|
|
+ <nz-form-control [nzSm]="4" [nzXs]="24">
|
|
|
<input [disabled]="true" [(ngModel)]="customer.postalAddress" name="postalAddress" nz-input />
|
|
|
</nz-form-control>
|
|
|
+ <!-- 客商分类 -->
|
|
|
+ <nz-form-label [nzSm]="3" [nzXs]="24">客商分类</nz-form-label>
|
|
|
+ <nz-form-control [nzSm]="4" [nzXs]="24">
|
|
|
+ {{customer.customerClassificationDictName}}
|
|
|
+ </nz-form-control>
|
|
|
</nz-form-item>
|
|
|
<!-- 联系人 -->
|
|
|
<nz-form-item>
|
|
|
<!-- 数据表 -->
|
|
|
<div nz-row nzGutter="24">
|
|
|
<div nz-col nzMd="24" nzLg="24">
|
|
|
- <nz-table nzSize="small" #basicTable [nzData]="listOfData" [nzFrontPagination]="false" [nzShowPagination]="false">
|
|
|
+ <nz-table nzSize="small" #basicTable [nzData]="listOfData" [nzFrontPagination]="false"
|
|
|
+ [nzShowPagination]="false">
|
|
|
<thead>
|
|
|
<tr>
|
|
|
<th style="width:150px;">{{ 'customer.contacts.name' | translate }}</th>
|