From efe936a73370a55d4c3336fb9973a92fcf87efff Mon Sep 17 00:00:00 2001 From: fengxiang <110431245@qq.com> Date: Thu, 08 Mar 2018 09:22:09 +0800 Subject: [PATCH] ts语法修正,报表部分功能实现 --- src/app/routes/users/installer/installer.component.ts | 86 ++++++++++++++++++++++-------------------- 1 files changed, 45 insertions(+), 41 deletions(-) diff --git a/src/app/routes/users/installer/installer.component.ts b/src/app/routes/users/installer/installer.component.ts index a77990e..5d5bcd4 100644 --- a/src/app/routes/users/installer/installer.component.ts +++ b/src/app/routes/users/installer/installer.component.ts @@ -1,10 +1,10 @@ -import { Component, OnInit } from '@angular/core'; -import { NzMessageService } from 'ng-zorro-antd'; -import { ModalHelper } from '@delon/theme'; -import { HttpClient } from '@angular/common/http'; -import { getInstaller, deleteInstaller } from '../../../../../_mock/installer.service'; -import * as moment from 'moment'; -import { UserInstallerEditComponent } from './edit/edit.component'; +import {Component, OnInit} from '@angular/core'; +import {NzMessageService} from 'ng-zorro-antd'; +import {ModalHelper} from '@delon/theme'; +import {HttpClient} from '@angular/common/http'; +import {UserInstallerEditComponent} from './edit/edit.component'; +import {environment} from 'environments/environment'; +import {DateService} from '@business/services/util/date.service'; @Component({ selector: 'app-installer', @@ -22,14 +22,17 @@ }; data: any[] = []; total: 0; + selectedRows: any[] = []; curRows: any[] = []; allChecked = false; indeterminate = false; sortMap: any = {}; + loading = true; constructor( public http: HttpClient, + public dateSrv: DateService, public msgSrv: NzMessageService, private modalHelper: ModalHelper) {} @@ -41,36 +44,16 @@ if (reload) { this.q.pi = 1; } - this.http.get('http://localhost:8001/user/operate_user', this.q).subscribe((res: any) => { - - let 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(); - }); - } - - if (this.q.u_name) { - data = data.filter(d => d.name.indexOf(this.q.u_name) > -1); - } - if (this.q.u_mobile) { - data = data.filter(d => d.mobile.toString().indexOf(this.q.u_mobile) > -1); - } - - const start = (this.q.pi - 1) * this.q.ps; - this.data = data.slice(start, start + this.q.ps); - this.total = total; + this.http.get(environment.SERVER_BASH_URL + '/operateUser/list', {params: this.q}).subscribe((res: any) => { + this.data = res.data.data; + this.total = res.data.total; + this.dataChange(this.data); + this.loading = false; }); } edit(user) { - this.modalHelper.static(UserInstallerEditComponent, { user }).subscribe(() => { + this.modalHelper.static(UserInstallerEditComponent, {user}).subscribe(() => { this.load(true); this.msgSrv.success('���������������������������'); }); @@ -78,34 +61,49 @@ add() { const user = {}; - this.modalHelper.static(UserInstallerEditComponent, { user }).subscribe(() => { + this.modalHelper.static(UserInstallerEditComponent, {user}).subscribe(() => { this.load(true); this.msgSrv.success('���������������������������'); }); } delete(user) { - this.http.delete('http://localhost:8001/user/operate_user/' + user.id).subscribe((res: any) => { + this.http.post(environment.SERVER_BASH_URL + '/operateUser/operateUser/id', user).subscribe((res: any) => { this.msgSrv.success('���������������������������'); this.load(true); }); } remove() { - this.selectedRows.forEach(i => deleteInstaller(i.name)); - this.load(true); + const ids = []; + this.selectedRows.forEach(i => { + ids.push(i.id); + }); + this.http.post(environment.SERVER_BASH_URL + '/operateUser/operateUsers/ids', ids).subscribe((res: any) => { + this.msgSrv.success('���������������������������'); + this.load(true); + }); } checkAll(value: boolean) { this.curRows.forEach(i => { - if (!i.disabled) i.checked = value; + if (i.isDelete === '1') { + i.checked = false; + } else { + i.checked = value; + } }); this.refreshStatus(); } + dataChange(res: any) { + this.curRows = res; + this.refreshStatus(); + } + refreshStatus() { - const allChecked = this.curRows.every(value => value.disabled || value.checked); - const allUnChecked = this.curRows.every(value => value.disabled || !value.checked); + const allChecked = this.curRows.every(value => value.checked); + const allUnChecked = this.curRows.every(value => !value.checked); this.allChecked = allChecked; this.indeterminate = (!allChecked) && (!allUnChecked); this.selectedRows = this.data.filter(value => value.checked); @@ -114,7 +112,7 @@ sort(field: string, value: any) { this.sortMap = {}; this.sortMap[field] = value; - this.q.sorter = value ? `${field}_${value}` : ''; + this.q.sorter = value ? `${field} ${value}` : ''; this.load(true); } @@ -122,4 +120,10 @@ for (const item of ls) item.value = false; this.load(true); } + + format_date(date) { + if (date) { + return this.dateSrv.date_format(date, 'YYYY-MM-DD'); + } + } } -- Gitblit v1.8.0