|
|
|
|
@ -4,6 +4,8 @@ import { HttpClient } from '@angular/common/http';
|
|
|
|
|
import { NzModalService } from 'ng-zorro-antd/modal'; |
|
|
|
|
import { GetOutOfLineDetailsComponent } from './get-out-of-line-details/get-out-of-line-details.component'; |
|
|
|
|
import { TreeService } from 'src/app/service/tree.service'; |
|
|
|
|
import { NavChangeService } from 'src/app/service/navChange.service'; |
|
|
|
|
import * as moment from 'moment'; |
|
|
|
|
@Component({ |
|
|
|
|
selector: 'app-today-warning', |
|
|
|
|
templateUrl: './today-warning.component.html', |
|
|
|
|
@ -11,36 +13,81 @@ import { TreeService } from 'src/app/service/tree.service';
|
|
|
|
|
}) |
|
|
|
|
export class TodayWarningComponent implements OnInit { |
|
|
|
|
validateForm!: FormGroup; |
|
|
|
|
constructor(private http: HttpClient, private fb: FormBuilder, private toTree: TreeService, private modal: NzModalService, private viewContainerRef: ViewContainerRef) { } |
|
|
|
|
constructor(private http: HttpClient, private fb: FormBuilder, private toTree: TreeService, private modal: NzModalService, private viewContainerRef: ViewContainerRef, private navChangeService: NavChangeService) { } |
|
|
|
|
|
|
|
|
|
ngOnInit(): void { |
|
|
|
|
this.validateForm = this.fb.group({ |
|
|
|
|
level: [null], |
|
|
|
|
type: [null], |
|
|
|
|
site: [null], |
|
|
|
|
area: [null], |
|
|
|
|
datePicker: [null] |
|
|
|
|
}); |
|
|
|
|
this.yujingType() |
|
|
|
|
//this.getAllOrganization()
|
|
|
|
|
this.warningType() |
|
|
|
|
this.getEarlyWarningList() |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
//预警类型接口
|
|
|
|
|
yujingTypes: any //预警接口数据
|
|
|
|
|
yujingType() { |
|
|
|
|
warningTypes: any //预警接口数据
|
|
|
|
|
warningTypesDetails: any |
|
|
|
|
warningType() { |
|
|
|
|
this.http.get('/api/services/app/Violation/GetAllList').subscribe((data: any) => { |
|
|
|
|
this.yujingTypes = data.result |
|
|
|
|
} |
|
|
|
|
) |
|
|
|
|
this.warningTypesDetails = data.result |
|
|
|
|
this.warningTypes = (data.result as any).groupBy((t) => { return t.violationType }); |
|
|
|
|
}) |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
typeChange(e) { |
|
|
|
|
this.warningTypes.forEach(element => { |
|
|
|
|
if (element.key == e) { |
|
|
|
|
this.warningTypesDetails = element |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
//获得预警列表
|
|
|
|
|
list: any = [ |
|
|
|
|
] |
|
|
|
|
totalCount: string //预警总数
|
|
|
|
|
getEarlyWarningList() { |
|
|
|
|
let ViolationIds = [] |
|
|
|
|
if(this.validateForm.value.type){ |
|
|
|
|
this.warningTypesDetails.forEach(item => { |
|
|
|
|
item.id ? ViolationIds.push(item.id) : null |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
let params = { |
|
|
|
|
Level: this.validateForm.value.level, |
|
|
|
|
ViolationIds: ViolationIds, |
|
|
|
|
ViolateArea: this.validateForm.value.area, |
|
|
|
|
organizationUnitId: JSON.parse(sessionStorage.getItem('userdataOfgasstation')).organization.id , |
|
|
|
|
ViolateTime: this.validateForm.value.datePicker ? [moment(this.validateForm.value.datePicker[0]).format('YYYY-MM-DD'), moment(this.validateForm.value.datePicker[1]).format('YYYY-MM-DD')] : null, |
|
|
|
|
SkipCount: '0', |
|
|
|
|
MaxResultCount: '9999' |
|
|
|
|
} |
|
|
|
|
this.http.get('/api/services/app/ViolateRecord/GetAll', { |
|
|
|
|
params: params |
|
|
|
|
}).subscribe((data: any) => { |
|
|
|
|
this.list = data.result.items |
|
|
|
|
this.totalCount = data.result.totalCount |
|
|
|
|
console.log('预警列表', this.list) |
|
|
|
|
|
|
|
|
|
let obj = { |
|
|
|
|
name: '改变数量', |
|
|
|
|
num: this.totalCount |
|
|
|
|
} |
|
|
|
|
setTimeout(() => { |
|
|
|
|
this.navChangeService.sendMessage(obj);//发布一条消息
|
|
|
|
|
}, 0); |
|
|
|
|
|
|
|
|
|
}) |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
submitForm(): void { |
|
|
|
|
for (const i in this.validateForm.controls) { |
|
|
|
|
this.validateForm.controls[i].markAsDirty(); |
|
|
|
|
this.validateForm.controls[i].updateValueAndValidity(); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
console.log(this.validateForm) |
|
|
|
|
this.getEarlyWarningList() |
|
|
|
|
} |
|
|
|
|
resetForm(e: MouseEvent): void { |
|
|
|
|
e.preventDefault(); |
|
|
|
|
@ -49,29 +96,12 @@ export class TodayWarningComponent implements OnInit {
|
|
|
|
|
this.validateForm.controls[key].markAsPristine(); |
|
|
|
|
this.validateForm.controls[key].updateValueAndValidity(); |
|
|
|
|
} |
|
|
|
|
this.getEarlyWarningList() |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
list: any = [ |
|
|
|
|
{ level: 1, type: '加油区预警', content: '工作人员倚靠加油机或者立柱', site: '加油区2号摄像头', time: '2021-10-12 09:28:13' }, |
|
|
|
|
{ level: 2, type: '加油区预警', content: '工作人员倚靠加油机或者立柱', site: '加油区2号摄像头', time: '2021-10-12 09:28:13' }, |
|
|
|
|
{ level: 3, type: '加油区预警', content: '工作人员倚靠加油机或者立柱', site: '加油区2号摄像头', time: '2021-10-12 09:28:13' }, |
|
|
|
|
{ level: 1, type: '加油区预警', content: '工作人员倚靠加油机或者立柱', site: '加油区2号摄像头', time: '2021-10-12 09:28:13' }, |
|
|
|
|
{ level: 1, type: '加油区预警', content: '工作人员倚靠加油机或者立柱', site: '加油区2号摄像头', time: '2021-10-12 09:28:13' }, |
|
|
|
|
{ level: 1, type: '加油区预警', content: '工作人员倚靠加油机或者立柱', site: '加油区2号摄像头', time: '2021-10-12 09:28:13' }, |
|
|
|
|
{ level: 1, type: '加油区预警', content: '工作人员倚靠加油机或者立柱', site: '加油区2号摄像头', time: '2021-10-12 09:28:13' }, |
|
|
|
|
{ level: 1, type: '加油区预警', content: '工作人员倚靠加油机或者立柱', site: '加油区2号摄像头', time: '2021-10-12 09:28:13' }, |
|
|
|
|
{ level: 1, type: '加油区预警', content: '工作人员倚靠加油机或者立柱', site: '加油区2号摄像头', time: '2021-10-12 09:28:13' }, |
|
|
|
|
{ level: 1, type: '加油区预警', content: '工作人员倚靠加油机或者立柱', site: '加油区2号摄像头', time: '2021-10-12 09:28:13' }, |
|
|
|
|
{ level: 1, type: '加油区预警', content: '工作人员倚靠加油机或者立柱', site: '加油区2号摄像头', time: '2021-10-12 09:28:13' }, |
|
|
|
|
{ level: 1, type: '加油区预警', content: '工作人员倚靠加油机或者立柱', site: '加油区2号摄像头', time: '2021-10-12 09:28:13' } |
|
|
|
|
] |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
showModal(): void { |
|
|
|
|
look(item) { |
|
|
|
|
const modal = this.modal.create({ |
|
|
|
|
nzContent: GetOutOfLineDetailsComponent, |
|
|
|
|
nzViewContainerRef: this.viewContainerRef, |
|
|
|
|
@ -84,9 +114,7 @@ export class TodayWarningComponent implements OnInit {
|
|
|
|
|
'background': '#000D21', |
|
|
|
|
}, |
|
|
|
|
nzComponentParams: { |
|
|
|
|
data: { |
|
|
|
|
type: 1 |
|
|
|
|
} |
|
|
|
|
data: item |
|
|
|
|
}, |
|
|
|
|
nzFooter: null, |
|
|
|
|
nzOnOk: async () => { |
|
|
|
|
@ -95,5 +123,4 @@ export class TodayWarningComponent implements OnInit {
|
|
|
|
|
}); |
|
|
|
|
const instance = modal.getContentComponent(); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
