| | |
| | | import { Component, OnInit } from '@angular/core'; |
| | | import { NzMessageService } from 'ng-zorro-antd'; |
| | | import { getInstaller, deleteInstaller } from '../../../../../_mock/installer.service'; |
| | | 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', |
| | |
| | | u_mobile: '' |
| | | }; |
| | | data: any[] = []; |
| | | loading = false; |
| | | total: 0; |
| | | |
| | | selectedRows: any[] = []; |
| | | curRows: any[] = []; |
| | | allChecked = false; |
| | | indeterminate = false; |
| | | |
| | | sortMap: any = {}; |
| | | modalVisible = false; |
| | | loading: boolean = true; |
| | | |
| | | constructor(public msg: NzMessageService) {} |
| | | constructor( |
| | | public http: HttpClient, |
| | | public dateSrv: DateService, |
| | | public msgSrv: NzMessageService, |
| | | private modalHelper: ModalHelper) {} |
| | | |
| | | ngOnInit() { |
| | | this.getData(); |
| | | this.load(); |
| | | } |
| | | |
| | | getData() { |
| | | this.pageChange(1).then(() => { |
| | | this.data = getInstaller(this.q); |
| | | load(reload: boolean = false) { |
| | | if (reload) { |
| | | this.q.pi = 1; |
| | | } |
| | | 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.load(true); |
| | | this.msgSrv.success('安装用户修改成功!'); |
| | | }); |
| | | } |
| | | |
| | | add() { |
| | | this.modalVisible = true; |
| | | const user = {}; |
| | | this.modalHelper.static(UserInstallerEditComponent, {user}).subscribe(() => { |
| | | this.load(true); |
| | | this.msgSrv.success('安装用户保存成功!'); |
| | | }); |
| | | } |
| | | |
| | | save() { |
| | | |
| | | delete(user) { |
| | | 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.getData(); |
| | | } |
| | | |
| | | approval() { |
| | | this.msg.success(`审批了 ${this.selectedRows.length} 笔`); |
| | | 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); |
| | |
| | | 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); |
| | | }); |
| | | this.q.sorter = value ? `${field} ${value}` : ''; |
| | | this.load(true); |
| | | } |
| | | |
| | | reset(ls: any[]) { |
| | | for (const item of ls) item.value = false; |
| | | this.getData(); |
| | | this.load(true); |
| | | } |
| | | |
| | | format_date(date) { |
| | | if (date) { |
| | | return this.dateSrv.date_format(date, 'YYYY-MM-DD'); |
| | | } |
| | | } |
| | | } |