From 5933685ea11e748cca2f5c13b79abc2b1ffa32a2 Mon Sep 17 00:00:00 2001
From: 沈斌 <bluelazysb@hotmail.com>
Date: Mon, 18 Dec 2017 20:20:01 +0800
Subject: [PATCH] updates
---
src/app/routes/users/installer/installer.component.ts | 91 +++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 90 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..51d9a85 100644
--- a/src/app/routes/users/installer/installer.component.ts
+++ b/src/app/routes/users/installer/installer.component.ts
@@ -1,4 +1,9 @@
import { Component, OnInit } from '@angular/core';
+import { NzMessageService } from 'ng-zorro-antd';
+import { ModalHelper } from '@delon/theme';
+import { _HttpClient } from '@delon/theme';
+import { getInstaller, deleteInstaller } from '../../../../../_mock/installer.service';
+import * as moment from 'moment';
@Component({
selector: 'app-installer',
@@ -7,9 +12,93 @@
})
export class InstallerComponent implements OnInit {
- constructor() { }
+ q: any = {
+ pi: 1,
+ ps: 10,
+ sorter: '',
+ u_name: '',
+ u_mobile: ''
+ };
+ data: any[] = [];
+ total: 0;
+ selectedRows: any[] = [];
+ curRows: any[] = [];
+ allChecked = false;
+ indeterminate = false;
+
+ sortMap: any = {};
+ modalVisible = false;
+
+ constructor(
+ public msg: NzMessageService,
+ public http: _HttpClient,
+ private modalHelper: ModalHelper) {}
ngOnInit() {
+ this.load();
}
+ load(reload: boolean = false) {
+ if (reload) {
+ this.q.pi = 1;
+ }
+ this.http.get('./assets/users-installer-data.json', this.q).subscribe((res: any) => {
+ const data = res.data;
+ const total = res.total;
+
+ if (this.q.sorter !== '') {
+ const s = this.q.sorter.split('_');
+ data.sort((prev, next) => {
+ if (s[1] === 'descend') {
+ return moment(next[s[0]]).unix() - moment(prev[s[0]]).unix();
+ }
+ return moment(prev[s[0]]).unix() - moment(next[s[0]]).unix();
+ });
+ }
+
+ const start = (this.q.pi - 1) * this.q.ps;
+ this.data = data.slice(start, start + this.q.ps);
+ this.total = total;
+ });
+ }
+
+ add() {
+ this.modalVisible = true;
+ }
+
+ save() {
+
+ }
+
+ remove() {
+ this.selectedRows.forEach(i => deleteInstaller(i.name));
+ this.load(true);
+ }
+
+ 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.load(true);
+ }
+
+ reset(ls: any[]) {
+ for (const item of ls) item.value = false;
+ this.load(true);
+ }
}
--
Gitblit v1.8.0