沈斌
2018-07-12 1dfc8bc300a6ae0822514ddf2e1399d4762fa1b1
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
import { DeviceVersion } from '@business/entity/data';
import { Component, OnInit } from '@angular/core';
import { NzMessageService, NzModalSubject } from 'ng-zorro-antd';
import { FormGroup, FormBuilder, Validators, FormControl } from '@angular/forms';
import { _HttpClient } from '@delon/theme';
import { ResultBean } from '@business/entity/grid';
import { Observable } from 'rxjs/Observable';
import { ToolsService } from '@business/services/util/tools.service';
@Component({
  selector: 'app-version-edit',
  templateUrl: './version-edit.component.html',
  styles: []
})
export class VersionEditComponent implements OnInit {
 
  private originalData: DeviceVersion = {};
  cols: DeviceVersion;
  data: DeviceVersion;
  isSaving = false;
  validateForm: FormGroup;
  constructor(    
    private subject: NzModalSubject,
    private formBuilder: FormBuilder,
    private http: _HttpClient
    ) { }
 
  ngOnInit() {
     if (this.data.createTime == null) {
      this.data.createTime = new Date().getTime();
     }
     if (!this.data.version) { 
       this.setMaxVersionNo();
     }
     const validates: DeviceVersion = {
          name: [this.data.name, [Validators.required] ],
          version: [this.data.version, [Validators.required], [this.versionAsyncValidator] ],
          createTime: [this.data.createTime, [Validators.required] ],
          description: [this.data.description]
     };
     Object.assign(this.originalData, this.data);
     this.validateForm = this.formBuilder.group(
      validates
     );
  }
  private setMaxVersionNo() {
      this.isSaving = true;
      this.http.get('device-version/get-maxverno').subscribe(
         (res: ResultBean<number>) => {
              if (!!res.code && res.data) {
                 ToolsService.setValueToControl(this.validateForm, 'version', res.data + 1);
              }else {
                this.data.version = 1;
              }
          this.isSaving = false;
         }
      );
  }
  close() {
       this.subject.destroy();
  }
  save($event, value, valid) {
      $event.preventDefault();
      if (valid) {
        for (const i in this.validateForm.controls) {
          this.validateForm.controls[ i ].disable();
        } 
       const isModified =  Object.keys(value).some(
          (key: string) => {
              return this.data[key] !== value[key];    
          } 
        );
        // 未作修改
        if (!isModified) { 
          this.close();
          return;
        }
        this.isSaving = true;
        Object.keys(value).forEach( (key: string) => {
              if ( value[key] != null ) {
                   this.data[key] = value[key];
              }
        } );
        this.subject.next( this );
      } else {
        this.validate(); 
      }
  }
  versionAsyncValidator = (control: FormControl): any => {
    return Observable.create(observer => {
        if (!!control && !!control.value) {
              // 编辑状态,version未改变
              if (!!this.originalData && this.originalData.version === control.value) {
                observer.next(null);
                observer.complete();
            } else {
                this.isSaving = true;
                this.http.get('device-version/get-byversion', {version: control.value} ).subscribe(
                  (res: ResultBean<any>) => {
                      if (!!res.code && !!res.data) {
                        observer.next({ error: true, duplicated: true });
                      } else {
                        observer.next(null);
                      }
                      observer.complete();
                      this.isSaving = false;
                  }
                );
            }
        }else {
          observer.next(null);
          observer.complete();
        }        
    });
  }
  validate() {
     for (const i in this.validateForm.controls) {
       this.validateForm.controls[ i ].markAsDirty();
     }
  }
}