From 929e401e8bcde05be8edf193f53ad999f3e18c84 Mon Sep 17 00:00:00 2001 From: 沈斌 <bluelazysb@hotmail.com> Date: Sun, 17 Dec 2017 16:53:21 +0800 Subject: [PATCH] updates --- src/app/routes/users/installer/installer.component.ts | 117 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 116 insertions(+), 1 deletions(-) diff --git a/src/app/routes/users/installer/installer.component.ts b/src/app/routes/users/installer/installer.component.ts index 08b11e7..bc9de9a 100644 --- a/src/app/routes/users/installer/installer.component.ts +++ b/src/app/routes/users/installer/installer.component.ts @@ -1,4 +1,6 @@ import { Component, OnInit } from '@angular/core'; +import { NzMessageService } from 'ng-zorro-antd'; +import { getRule, saveRule, removeRule } from '../../../../../_mock/rule.service'; @Component({ selector: 'app-installer', @@ -7,9 +9,122 @@ }) export class InstallerComponent implements OnInit { - constructor() { } + q: any = { + pi: 1, + ps: 10, + sorter: '', + status: -1, + statusList: [] + }; + data: any[] = []; + loading = false; + selectedRows: any[] = []; + curRows: any[] = []; + totalCallNo = 0; + allChecked = false; + indeterminate = false; + status = [ + { text: '������', value: false, type: 'default' }, + { text: '���������', value: false, type: 'processing' }, + { text: '���������', value: false, type: 'success' }, + { text: '������', value: false, type: 'error' } + ]; + sortMap: any = {}; + expandForm = false; + modalVisible = false; + description = ''; + + constructor(public msg: NzMessageService) {} ngOnInit() { + this.getData(); + } + + getData() { + this.pageChange(1).then(() => { + this.q.statusList = this.status.map((i, index) => i.value ? index : -1).filter(w => w !== -1); + if (this.q.status && this.q.status > -1) this.q.statusList.push(this.q.status); + console.log(this.q); + this.data = getRule(this.q).map(i => { + const statusItem = this.status[i.status]; + i.statusText = statusItem.text; + i.statusType = statusItem.type; + return i; + }); + }); + } + + add() { + this.modalVisible = true; + this.description = ''; + } + + save() { + this.loading = true; + saveRule(this.description); + this.getData(); + setTimeout(() => this.modalVisible = false, 500); + } + + remove() { + this.selectedRows.forEach(i => removeRule(i.no)); + this.getData(); + this.clear(); + } + + approval() { + this.msg.success(`��������� ${this.selectedRows.length} ���`); + } + + clear() { + this.selectedRows = []; + this.totalCallNo = 0; + this.data.forEach(i => i.checked = false); + this.refreshStatus(); + } + + 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); + this.totalCallNo = this.selectedRows.reduce((total, cv) => total + cv.callNo, 0); + } + + 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(); } } -- Gitblit v1.8.0