【客户档案】 详情回显数据+回显无input框

src/app/routes/basedata/customer/details/details.component.html

@@ -4,35 +4,17 @@
       <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 }}"
-        />
+        {{ customer.code }}
       </nz-form-control>
       <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 }}"
-        />
+        {{ customer.name }}
       </nz-form-control>
       <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 }}"
-        />
+        {{ customer.shortName }}
       </nz-form-control>
     </nz-form-item>
 
@@ -40,17 +22,17 @@
       <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 />
+        {{ customer.abbreviation }}
       </nz-form-control>
       <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" />
+        {{ customer.contacts }}
       </nz-form-control>
       <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" />
+        {{ customer.telephone }}
       </nz-form-control>
     </nz-form-item>
 
@@ -58,17 +40,17 @@
       <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" />
+        {{ customer.email }}
       </nz-form-control>
       <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" />
+        {{ customer.address }}
       </nz-form-control>
       <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" />
+        {{ customer.phone }}
       </nz-form-control>
     </nz-form-item>
 
@@ -76,17 +58,17 @@
       <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" />
+        {{ customer.taxNo }}
       </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" />
+        {{ customer.bank }}
       </nz-form-control>
       <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" />
+        {{ customer.account }}
       </nz-form-control>
     </nz-form-item>
 
@@ -109,48 +91,25 @@
       <nz-form-label [nzSm]="3" [nzXs]="24">{{ 'customer.credit.grade' | translate }}</nz-form-label>
       <!-- 信用等级 -->
       <nz-form-control [nzSm]="4" [nzXs]="24">
-        <input [(ngModel)]="customer.creditGrade" name="code" nz-input [disabled]="true" />
-        <!-- <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=""
-            selected="selected">
-          </nz-option> -->
-        <!-- <ng-container *ngFor="let de of listClass">
-            <nz-option nzLabel="{{de.name}}" nzValue="{{de.id}}"></nz-option>
-          </ng-container> -->
-        <!-- <nz-option nzLabel="A" nzValue="1"></nz-option>
-          <nz-option nzLabel="B" nzValue="2"></nz-option>
-          <nz-option nzLabel="C" nzValue="3"></nz-option>
-          <nz-option nzLabel="D" nzValue="4"></nz-option> -->
-        <!-- </nz-select> -->
+        {{ customer.creditGrade }}
       </nz-form-control>
       <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>
+        {{ customer.creditPeriod }}
       </nz-form-control>
     </nz-form-item>
     <nz-form-item>
       <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 />
+        {{ customer.zipCode }}
       </nz-form-control>
 
       <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 />
+        {{ customer.postalAddress }}
       </nz-form-control>
 
       <nz-form-label [nzSm]="3" [nzXs]="24">
@@ -158,12 +117,7 @@
       >
       <!-- 客商分类 -->
       <nz-form-control [nzSm]="4" [nzXs]="24">
-        <input
-          [(ngModel)]="customer.customerClassificationDictName"
-          name="customerClassificationDictName"
-          nz-input
-          [disabled]="true"
-        />
+        {{ customer.customerClassificationDictName }}
       </nz-form-control>
     </nz-form-item>
 
@@ -172,7 +126,7 @@
       <nz-form-label [nzSm]="3" [nzXs]="24">{{ 'customer.source' | translate }}</nz-form-label>
       <!-- 客商来源 -->
       <nz-form-control [nzSm]="4" [nzXs]="24">
-        <input [(ngModel)]="customer.customerSourceDictName" name="customerSourceDictName" nz-input [disabled]="true" />
+        {{ customer.customerSourceDictName }}
       </nz-form-control>
 
       <nz-form-label [nzSm]="3" [nzXs]="24">
@@ -180,18 +134,13 @@
       </nz-form-label>
       <!-- 客商行业 -->
       <nz-form-control [nzSm]="4" [nzXs]="24">
-        <input
-          [(ngModel)]="customer.cobaseCustomerIndustryNamede"
-          name="baseCustomerIndustryName"
-          nz-input
-          [disabled]="true"
-        />
+        {{ customer.baseCustomerIndustryName }}
       </nz-form-control>
 
       <nz-form-label [nzSm]="3" [nzXs]="24">{{ 'sales.status' | translate }}</nz-form-label>
       <!-- 销售状态 树 -->
       <nz-form-control [nzSm]="4" [nzXs]="24">
-        <input [(ngModel)]="customer.baseSalesStatusName" name="baseSalesStatusName" nz-input [disabled]="true" />
+        {{ customer.baseSalesStatusName }}
       </nz-form-control>
     </nz-form-item>
 
@@ -202,11 +151,15 @@
       </nz-form-label>
       <!-- 客商属性 -->
       <nz-form-control [nzSm]="4" [nzXs]="24">
-        <nz-radio-group [(ngModel)]="customer.customerAttribute" name="customerAttribute">
-          <label nz-radio nzValue="1">{{ 'customer' | translate }}</label>
-          <label nz-radio nzValue="2">{{ 'supplier' | translate }}</label>
-          <label nz-radio nzValue="3"> {{ 'customer' | translate }}、{{ 'supplier' | translate }} </label>
-        </nz-radio-group>
+        <span *ngIf="customer.customerAttribute == 1">
+          {{ 'customer' | translate }}
+        </span>
+        <span *ngIf="customer.customerAttribute == 2">
+          {{ 'supplier' | translate }}
+        </span>
+        <span *ngIf="customer.customerAttribute == 3">
+          {{ 'customer' | translate }}、{{ 'supplier' | translate }}
+        </span>
       </nz-form-control>
 
       <nz-form-label [nzSm]="3" [nzXs]="24">
@@ -214,24 +167,14 @@
       </nz-form-label>
       <!-- 客商分组 -->
       <nz-form-control [nzSm]="4" [nzXs]="24">
-        <input
-          [(ngModel)]="customer.customerGroupingDictName"
-          name="customerGroupingDictName"
-          nz-input
-          [disabled]="true"
-        />
+        {{ customer.customerGroupingDictName }}
       </nz-form-control>
       <nz-form-label [nzSm]="3" [nzXs]="24">
         {{ 'business.affairs' | translate }}{{ 'relation' | translate }}
       </nz-form-label>
       <!-- 商务关系-->
       <nz-form-control [nzSm]="4" [nzXs]="24">
-        <input
-          [(ngModel)]="customer.businessRelationsDictName"
-          name="businessRelationsDictName"
-          nz-input
-          [disabled]="true"
-        />
+        {{ customer.businessRelationsDictName }}
       </nz-form-control>
     </nz-form-item>
 
@@ -242,22 +185,14 @@
       </nz-form-label>
       <!-- 上级单位  禁选 -->
       <nz-form-control [nzSm]="4" [nzXs]="24">
-        <nz-input-group nzSearch [nzAddOnAfter]="suffixIconButton">
-          <input [(ngModel)]="customer.parentName" name="parentName" nz-input [disabled]="true" />
-        </nz-input-group>
-        <!-- <ng-template #suffixIconButton> -->
-        <!-- 放大镜  勾选列表 -->
-        <!-- <button nz-button nzType="primary" nzSearch (click)="modalTable()">
-              <i nz-icon type="search"></i>
-            </button>
-          </ng-template> -->
+        {{ customer.parentName }}
       </nz-form-control>
       <nz-form-label [nzSm]="3" [nzXs]="24">
         {{ 'use.status' | translate }}
       </nz-form-label>
       <!-- 使用状态-->
       <nz-form-control [nzSm]="4" [nzXs]="24">
-        <input [(ngModel)]="customer.useStatusDictName" name="useStatusDictName" nz-input [disabled]="true" />
+        {{ customer.useStatusDictName }}
       </nz-form-control>
 
       <nz-form-label [nzSm]="3" [nzXs]="24">
@@ -265,7 +200,7 @@
       </nz-form-label>
       <!-- 休眠类型 -->
       <nz-form-control [nzSm]="4" [nzXs]="24">
-        <input [(ngModel)]="customer.sleepTypeDictName" name="sleepTypeDictName" nz-input [disabled]="true" />
+        {{ customer.sleepTypeDictName }}
       </nz-form-control>
     </nz-form-item>
 
@@ -274,7 +209,7 @@
       <nz-form-label [nzSm]="3" [nzXs]="24">{{ 'unit' | translate }}{{ 'web.address' | translate }}</nz-form-label>
       <!-- 单位网址 -->
       <nz-form-control [nzSm]="4" [nzXs]="24">
-        <input [(ngModel)]="customer.companyWebsite" name="companyWebsite" nz-input [disabled]="true" />
+        {{ customer.companyWebsite }}
       </nz-form-control>
 
       <nz-form-label [nzSm]="3" [nzXs]="24">
@@ -282,13 +217,13 @@
       </nz-form-label>
       <!-- 公司成立日期 -->
       <nz-form-control [nzSm]="4" [nzXs]="24">
-        <input [(ngModel)]="customer.companyEstablishDate" name="companyEstablishDate" nz-input [disabled]="true" />
+        {{ customer.companyEstablishDate }}
       </nz-form-control>
 
       <nz-form-label [nzSm]="3" [nzXs]="24"> {{ 'unit' | translate }}{{ 'size' | translate }} </nz-form-label>
       <!-- 单位规模 -->
       <nz-form-control [nzSm]="4" [nzXs]="24">
-        <input [(ngModel)]="customer.unitSizeDictName" name="unitSizeDictName" nz-input [disabled]="true" />
+        {{ customer.unitSizeDictName }}
       </nz-form-control>
     </nz-form-item>
 
@@ -297,7 +232,7 @@
       <nz-form-label [nzSm]="3" [nzXs]="24"> {{ 'personnel' | translate }}{{ 'size' | translate }} </nz-form-label>
       <!-- 人员规模 -->
       <nz-form-control [nzSm]="4" [nzXs]="24">
-        <input [(ngModel)]="customer.personnelSizeDictName" name="personnelSizeDictName" nz-input [disabled]="true" />
+        {{ customer.personnelSizeDictName }}
       </nz-form-control>
 
       <nz-form-label [nzSm]="3" [nzXs]="24">
@@ -305,18 +240,13 @@
       </nz-form-label>
       <!-- 注册资金 -->
       <nz-form-control [nzSm]="4" [nzXs]="24">
-        <input
-          [(ngModel)]="customer.registeredCapitalDictName"
-          name="registeredCapitalDictName"
-          nz-input
-          [disabled]="true"
-        />
+        {{ customer.registeredCapitalDictName }}
       </nz-form-control>
 
       <nz-form-label [nzSm]="3" [nzXs]="24"> {{ 'annual.turnover' | translate }}</nz-form-label>
       <!-- 年营业额 -->
       <nz-form-control [nzSm]="4" [nzXs]="24">
-        <input [(ngModel)]="customer.annualTurnover" name="annualTurnover" nz-input [disabled]="true" />
+        {{ customer.annualTurnover }}
       </nz-form-control>
     </nz-form-item>
 
@@ -325,12 +255,7 @@
       <nz-form-label [nzSm]="3" [nzXs]="24"> {{ 'customer' | translate }}{{ 'relation' | translate }} </nz-form-label>
       <!-- 客户关系 -->
       <nz-form-control [nzSm]="4" [nzXs]="24">
-        <input
-          [(ngModel)]="customer.customerRelationshipDictName"
-          name="customerRelationshipDictName"
-          nz-input
-          [disabled]="true"
-        />
+        {{ customer.customerRelationshipDictName }}
       </nz-form-control>
 
       <nz-form-label [nzSm]="3" [nzXs]="24">
@@ -338,7 +263,7 @@
       </nz-form-label>
       <!-- 价值级别 -->
       <nz-form-control [nzSm]="4" [nzXs]="24">
-        <input [(ngModel)]="customer.valueLevelDictName" name="valueLevelDictName" nz-input [disabled]="true" />
+        {{ customer.valueLevelDictName }}
       </nz-form-control>
 
       <nz-form-label [nzSm]="3" [nzXs]="24">
@@ -346,7 +271,7 @@
       </nz-form-label>
       <!-- 销售人员 树 -->
       <nz-form-control [nzSm]="4" [nzXs]="24">
-        <input [(ngModel)]="customer.salesmanName" name="salesmanName" nz-input [disabled]="true" />
+        {{ customer.salesmanName }}
       </nz-form-control>
     </nz-form-item>
 
@@ -355,24 +280,19 @@
       <nz-form-label [nzSm]="3" [nzXs]="24">{{ 'billing.unit.name' | translate }}</nz-form-label>
       <!-- 开票单位名称 -->
       <nz-form-control [nzSm]="4" [nzXs]="24">
-        <input [(ngModel)]="customer.billingUnitName" name="billingUnitName" nz-input [disabled]="true" />
+        {{ customer.billingUnitName }}
       </nz-form-control>
 
       <nz-form-label [nzSm]="3" [nzXs]="24">{{ 'taxpayer.identification.Num' | translate }}</nz-form-label>
       <!-- 纳税人识别号 -->
       <nz-form-control [nzSm]="4" [nzXs]="24">
-        <input
-          [(ngModel)]="customer.taxpayerIdentificationNumber"
-          name="taxpayerIdentificationNumber"
-          nz-input
-          [disabled]="true"
-        />
+        {{ customer.taxpayerIdentificationNumber }}
       </nz-form-control>
 
       <nz-form-label [nzSm]="3" [nzXs]="24">{{ 'billing.address' | translate }}</nz-form-label>
       <!-- 开票地址 -->
       <nz-form-control [nzSm]="4" [nzXs]="24">
-        <input [(ngModel)]="customer.billingAddress" name="billingAddress" nz-input [disabled]="true" />
+        {{ customer.billingAddress }}
       </nz-form-control>
     </nz-form-item>
 
@@ -381,13 +301,13 @@
       <nz-form-label [nzSm]="3" [nzXs]="24">{{ 'billing.telephone' | translate }}</nz-form-label>
       <!--开票电话-->
       <nz-form-control [nzSm]="4" [nzXs]="24">
-        <input [(ngModel)]="customer.billingTelephone" name="billingTelephone" nz-input [disabled]="true" />
+        {{ customer.billingTelephone }}
       </nz-form-control>
 
       <nz-form-label [nzSm]="3" [nzXs]="24">{{ 'billing.bank' | translate }}</nz-form-label>
       <!-- 开票银行 -->
       <nz-form-control [nzSm]="4" [nzXs]="24">
-        <input [(ngModel)]="customer.billingBank" name="billingBank" nz-input [disabled]="true" />
+        {{ customer.billingBank }}
       </nz-form-control>
 
       <nz-form-label [nzSm]="3" [nzXs]="24">
@@ -395,12 +315,7 @@
       </nz-form-label>
       <!--开票银行账号-->
       <nz-form-control [nzSm]="4" [nzXs]="24">
-        <input
-          [(ngModel)]="customer.billingBankAccountNumber"
-          name="billingBankAccountNumber"
-          nz-input
-          [disabled]="true"
-        />
+        {{ customer.billingBankAccountNumber }}
       </nz-form-control>
     </nz-form-item>
 
@@ -409,13 +324,13 @@
       <nz-form-label [nzSm]="3" [nzXs]="24">{{ 'development' | translate }}{{ 'personnel' | translate }}</nz-form-label>
       <!-- 开发人员 -->
       <nz-form-control [nzSm]="4" [nzXs]="24">
-        <input [(ngModel)]="customer.developer" name="developer" nz-input [disabled]="true" />
+        {{ customer.developer }}
       </nz-form-control>
 
       <nz-form-label [nzSm]="3" [nzXs]="24"> {{ 'development' | translate }}{{ 'date' | translate }} </nz-form-label>
       <!-- 开发日期-->
       <nz-form-control [nzSm]="4" [nzXs]="24">
-        <input [(ngModel)]="customer.developmentDate" name="developmentDate" nz-input [disabled]="true" />
+        {{ customer.developmentDate }}
       </nz-form-control>
     </nz-form-item>
 

src/app/routes/basedata/customer/edit/edit.component.html

@@ -207,16 +207,16 @@
       <nz-form-label [nzSm]="3" [nzXs]="24">
         {{ 'quotation.merchants' | translate }}{{ 'industry' | translate }}
       </nz-form-label>
-      <!-- 客商行业 -->
+      <!-- 客商行业 (ngModelChange)="onChangeMI($event)" -->
       <nz-form-control [nzSm]="4" [nzXs]="24">
         <nz-tree-select
           nzAllowClear="false"
           [nzNodes]="merchantsIndustryList"
           nzShowSearch
           nzPlaceHolder="{{ 'select.please.choose' | translate }}"
-          [(ngModel)]="customer.phonebaseCustomerIndustryId"
+          [(ngModel)]="customer.baseCustomerIndustryId"
           name="baseCustomerIndustryId"
-          (ngModelChange)="onChangeMI($event)"
+         
         >
         </nz-tree-select>
       </nz-form-control>

src/app/routes/basedata/customer/edit/edit.component.ts

@@ -195,6 +195,8 @@ export class BasedataCustomerEditComponent implements OnInit {
   customerRelationshipList = []; //客户关系
   valueLevelList = []; //价值级别
   salesStaffList: any = []; //销售人员数据(树)
+  // children = []; //公司
+  // dep = []; //部门
 
   //金额格式化 （公司注册资金）
   formatterDollar = (value: number) => {
@@ -307,7 +309,10 @@ export class BasedataCustomerEditComponent implements OnInit {
     baseCustomerIndustry.pkOrg = sessionStorage.getItem('pkOrg');
     this.baseCustomerIndustryService.getTreeList(baseCustomerIndustry).then(res => {
       this.merchantsIndustryList = [{ id: '', key: '', title: '请选择', isLeaf: true }];
+
       this.merchantsIndustryList = this.merchantsIndustryList.concat(res.result);
+      console.log('>>>>', res.result);
+
       // console.log('merchantsIndustryList--->', this.merchantsIndustryList);
     });
   }
@@ -335,22 +340,44 @@ export class BasedataCustomerEditComponent implements OnInit {
       })
       // 调用筛选 可选择的 树方法recursiveQuery
       .then(res => {
-        console.log('000');
         recursiveQuery(this.salesStaffList);
       });
   }
 
   //拿到选择的 销售人员ID
-  onChangeSalesmanId($event) {
-  console.log('????', $event);
-    this.customer.salesmanId = $event;
-    console.log('选择销售的id', this.customer.salesmanId);
+  onChangeSalesmanId(event) {
+    if (event) {
+      this.customer.salesmanId = event;
+      this.salesStaffList.forEach(e => {
+        console.log('11', e);
+        var children = e.children;
+        // console.log('22', children);
+        if (children) {
+          children.forEach(b => {
+            var son = b.children;
+            console.log('33', son);
+            son.forEach(element => {
+              var last = element;
+              if (last.id == this.customer.salesmanId) {
+                var n = last.name;
+                console.log('////', n);
+                this.customer.salesmanName = n;
+              }
+            });
+          });
+        }
+      });
+    }
   }
   //公司成立日期自带方法
   companyDateChange() {}
 
   // 客商行业 自带方法
-  onChangeMI($event) {}
+  // onChangeMI(event) {
+  //   console.log(event);
+  //   this.customer.baseCustomerIndustryId = event;
+  //   // =this.customer.baseCustomerIndustryId
+  // }
   // 销售状态 自带方法
   onChangeSS($event) {}
 
@@ -761,4 +788,5 @@ export class BasedataCustomerEditComponent implements OnInit {
   close() {
     this.nzDrawerRef.close();
   }
+  creditGradeChange() {}
 }