沈斌
2017-12-18 2a6b298e391134861b7aba91c97ad475ec9f84f8
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
import { Component, OnInit } from '@angular/core';
import { NzMessageService } from 'ng-zorro-antd';
import { getInstaller, deleteInstaller } from '../../../../../_mock/installer.service';
 
@Component({
  selector: 'app-installer',
  templateUrl: './installer.component.html',
  styles: []
})
export class InstallerComponent implements OnInit {
 
  q: any = {
    pi: 1,
    ps: 10,
    sorter: '',
    u_name: '',
    u_mobile: ''
  };
  data: any[] = [];
  loading = false;
  selectedRows: any[] = [];
  curRows: any[] = [];
  allChecked = false;
  indeterminate = false;
 
  sortMap: any = {};
  modalVisible = false;
 
  constructor(public msg: NzMessageService) {}
 
  ngOnInit() {
    this.getData();
  }
 
  getData() {
    this.pageChange(1).then(() => {
      this.data = getInstaller(this.q);
    });
  }
 
  add() {
    this.modalVisible = true;
  }
 
  save() {
 
  }
 
  remove() {
    this.selectedRows.forEach(i => deleteInstaller(i.name));
    this.getData();
  }
 
  approval() {
    this.msg.success(`审批了 ${this.selectedRows.length} 笔`);
  }
 
  checkAll(value: boolean) {
    this.curRows.forEach(i => {
      if (!i.disabled) i.checked = value;
    });
    this.refreshStatus();
  }
 
  refreshStatus() {
    const allChecked = this.curRows.every(value => value.disabled || value.checked);
    const allUnChecked = this.curRows.every(value => value.disabled || !value.checked);
    this.allChecked = allChecked;
    this.indeterminate = (!allChecked) && (!allUnChecked);
    this.selectedRows = this.data.filter(value => value.checked);
  }
 
  sort(field: string, value: any) {
    this.sortMap = {};
    this.sortMap[field] = value;
    this.q.sorter = value ? `${field}_${value}` : '';
    this.getData();
  }
 
  dataChange(res: any) {
    this.curRows = res;
    this.refreshStatus();
  }
 
  pageChange(pi: number): Promise<any> {
    this.q.pi = pi;
    this.loading = true;
    return new Promise((resolve) => {
      setTimeout(() => {
        this.loading = false;
        resolve();
      }, 500);
    });
  }
 
  reset(ls: any[]) {
    for (const item of ls) item.value = false;
    this.getData();
  }
}