发货人提示修改

SubinY · Feb 3, 2018 · b2ce33e · b2ce33e
1 parent 8ae8b4f
commit b2ce33e
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 9 deletions.
diff --git a/src/showcase/custom-demo/shipper-select/shipper-select-demo-basic.component.ts b/src/showcase/custom-demo/shipper-select/shipper-select-demo-basic.component.ts
@@ -1,22 +1,23 @@
 import { Component, OnInit } from '@angular/core';
+import { NzMessageService } from "../../../components/ng-zorro-antd.module";
 
 @Component({
     selector: 'shipper-select-demo-basic',
     template: `
     <shipper-select [(ngModel)]="value"></shipper-select>
-    <button (click)="handle()">获取发货人编号</button>
+    <button nz-button [nzType]="'primary'" (click)="handle()">获取发货人编号</button>
   `,
     styles: []
 })
 export class ShipperSelectDemoBasicComponent implements OnInit {
     value: string = "";
-    constructor() { }
+    constructor(private _message: NzMessageService) { }
 
     ngOnInit() {
     }
 
     handle() {
-        console.log(this.value)
+        this._message.info('发货人编号值为：'+this.value);
     }
 
 }
diff --git a/src/showcase/custom-demo/shipper-select/shipper-select-demo-multiple.component.ts b/src/showcase/custom-demo/shipper-select/shipper-select-demo-multiple.component.ts
@@ -1,21 +1,22 @@
 import { Component, OnInit } from '@angular/core';
+import { NzMessageService } from "../../../components/ng-zorro-antd.module";
 
 @Component({
     selector: 'shipper-select-demo-multiple',
     template: `
     <shipper-select [(ngModel)]="value" [shipperMode]="'multiple'"></shipper-select>
-    <button (click)="handle()">获取发货人编号数组</button>
+    <button nz-button [nzType]="'primary'" (click)="handle()">获取发货人编号数组</button>
   `,
     styles: []
 })
 export class ShipperSelectDemoMultipleComponent implements OnInit {
     value: any[] = [];
-    constructor() { }
+    constructor(private _message: NzMessageService) { }
 
     ngOnInit() {
     }
     handle() {
-        console.log(this.value);
+        this._message.info("发货人编号数组为："+this.value);
     }
 
 }
diff --git a/src/showcase/custom-demo/shipper-select/shipper-select-demo-template.component.ts b/src/showcase/custom-demo/shipper-select/shipper-select-demo-template.component.ts
@@ -1,4 +1,5 @@
 import { Component, OnInit } from '@angular/core';
+import { NzMessageService } from "../../../components/ng-zorro-antd.module";
 
 @Component({
     selector: 'shipper-select-demo-template',
@@ -11,7 +12,7 @@ import { Component, OnInit } from '@angular/core';
         </div>
       </ng-template>
     </shipper-select>
-    <button (click)="handle()">获取发货人编号</button>
+    <button nz-button [nzType]="'primary'" (click)="handle()">获取发货人编号</button>
   `,
     styles: [`
         .border-right{
@@ -23,12 +24,12 @@ import { Component, OnInit } from '@angular/core';
 })
 export class ShipperSelectDemoTemplateComponent implements OnInit {
     value: any;
-    constructor() { }
+    constructor(private _message: NzMessageService) { }
 
     ngOnInit() {
     }
     handle() {
-        console.log(this.value);
+        this._message.info('获取发货人编号为:'+this.value);
     }
 
 }