From 482bbbd43a4a481b1eb96365fb844ebf8f7acb76 Mon Sep 17 00:00:00 2001 From: SHAOJIAHAO <55341701@qq.com> Date: Tue, 23 Nov 2021 16:57:33 +0800 Subject: [PATCH] =?UTF-8?q?[=E5=AE=8C=E5=96=84]=E5=AE=8C=E6=88=90=E6=8E=A8?= =?UTF-8?q?=E9=80=81=E8=AE=BE=E7=BD=AE=E7=AE=A1=E7=90=86?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../criminal-records-admin.component.ts | 48 +++++----- .../edit-push-item.component.html | 21 +++- .../edit-push-item.component.spec.ts | 25 ----- .../edit-push-item.component.ts | 29 +++++- .../push/push.component.html | 8 +- .../push/push.component.scss | 3 + .../system-management/push/push.component.ts | 95 +++++++++++++++++-- .../system-management.module.ts | 2 +- 8 files changed, 166 insertions(+), 65 deletions(-) delete mode 100644 src/app/system-management/push/edit-push-item/edit-push-item.component.spec.ts diff --git a/src/app/pages/criminal-records-admin/criminal-records-admin.component.ts b/src/app/pages/criminal-records-admin/criminal-records-admin.component.ts index 0fe3c51..63587fa 100644 --- a/src/app/pages/criminal-records-admin/criminal-records-admin.component.ts +++ b/src/app/pages/criminal-records-admin/criminal-records-admin.component.ts @@ -246,30 +246,30 @@ export class CriminalRecordsAdminComponent implements OnInit { bottom: '3px', top: '20px' }, - dataZoom: [ //Y轴滑动条 - { - type: 'slider', //滑动条 - show: true, //开启 - yAxisIndex: 0,//表示控制第几个y轴 - left: '97%', //滑动条位置 - start: 1, //初始化时，滑动条宽度开始标度 - end: 100, //初始化时，滑动条宽度结束标度
- maxValueSpan: 10,//显示数据的条数(默认显示10个) - showDataShadow: false,//是否显示数据阴影 默认auto - showDetail: false,//即拖拽时候是否显示详细数值信息 默认true - realtime: true, //是否实时更新 - filterMode: 'filter', - backgroundColor: '#001735', - width: '18' - }, - { - type: 'inside', - yAxisIndex: 0, - zoomOnMouseWheel: false, //滚轮是否触发缩放 - moveOnMouseMove: true, //鼠标滚轮触发滚动 - moveOnMouseWheel: true - } - ] + // dataZoom: [ //Y轴滑动条 + // { + // type: 'slider', //滑动条 + // show: true, //开启 + // yAxisIndex: 0,//表示控制第几个y轴 + // left: '97%', //滑动条位置 + // start: 1, //初始化时，滑动条宽度开始标度 + // end: 100, //初始化时，滑动条宽度结束标度
+ // maxValueSpan: 10,//显示数据的条数(默认显示10个) + // showDataShadow: false,//是否显示数据阴影 默认auto + // showDetail: false,//即拖拽时候是否显示详细数值信息 默认true + // realtime: true, //是否实时更新 + // filterMode: 'filter', + // backgroundColor: '#001735', + // width: '18' + // }, + // { + // type: 'inside', + // yAxisIndex: 0, + // zoomOnMouseWheel: false, //滚轮是否触发缩放 + // moveOnMouseMove: true, //鼠标滚轮触发滚动 + // moveOnMouseWheel: true + // } + // ] } isEcharts: boolean = true isEchartsShow() { diff --git a/src/app/system-management/push/edit-push-item/edit-push-item.component.html b/src/app/system-management/push/edit-push-item/edit-push-item.component.html index 6302b64..77d5669 100644 --- a/src/app/system-management/push/edit-push-item/edit-push-item.component.html +++ b/src/app/system-management/push/edit-push-item/edit-push-item.component.html @@ -1 +1,20 @@ -

edit-push-item works!

+
+
+ + + + + + + + + + + + + + +
+
\ No newline at end of file diff --git a/src/app/system-management/push/edit-push-item/edit-push-item.component.spec.ts b/src/app/system-management/push/edit-push-item/edit-push-item.component.spec.ts deleted file mode 100644 index 4a3f2cd..0000000 --- a/src/app/system-management/push/edit-push-item/edit-push-item.component.spec.ts +++ /dev/null @@ -1,25 +0,0 @@ -import { async, ComponentFixture, TestBed } from '@angular/core/testing'; - -import { EditPushItemComponent } from './edit-push-item.component'; - -describe('EditPushItemComponent', () => { - let component: EditPushItemComponent; - let fixture: ComponentFixture; - - beforeEach(async(() => { - TestBed.configureTestingModule({ - declarations: [ EditPushItemComponent ] - }) - .compileComponents(); - })); - - beforeEach(() => { - fixture = TestBed.createComponent(EditPushItemComponent); - component = fixture.componentInstance; - fixture.detectChanges(); - }); - - it('should create', () => { - expect(component).toBeTruthy(); - }); -}); diff --git a/src/app/system-management/push/edit-push-item/edit-push-item.component.ts b/src/app/system-management/push/edit-push-item/edit-push-item.component.ts index d6ab49f..e94cce6 100644 --- a/src/app/system-management/push/edit-push-item/edit-push-item.component.ts +++ b/src/app/system-management/push/edit-push-item/edit-push-item.component.ts @@ -1,5 +1,7 @@ -import { Component, OnInit } from '@angular/core'; - +import { FormBuilder, FormGroup, Validators } from '@angular/forms'; +import { Component, OnInit, Input } from '@angular/core'; +import { NzModalRef } from 'ng-zorro-antd/modal'; +import { HttpClient } from '@angular/common/http'; @Component({ selector: 'app-edit-push-item', templateUrl: './edit-push-item.component.html', @@ -7,9 +9,28 @@ import { Component, OnInit } from '@angular/core'; }) export class EditPushItemComponent implements OnInit { - constructor() { } + @Input() data?: any; + @Input() pushRoleIds?: any; + @Input() handleRoleIds?: any; + + validateForm!: FormGroup; + constructor(private modal: NzModalRef, private fb: FormBuilder, private http: HttpClient) { } + multiplePushValue: any + multipleHandleValue: any + pushList + handleList ngOnInit(): void { - } + this.pushList = this.pushRoleIds; + this.handleList = this.handleRoleIds; + console.log(this.pushRoleIds) + console.log(this.handleRoleIds) + this.multiplePushValue = this.data.pushRoleIds + this.multipleHandleValue = this.data.handleRoleIds + this.validateForm = this.fb.group({ + push: [null, [Validators.required]], + handle: [null, [Validators.required]] + }); + } } diff --git a/src/app/system-management/push/push.component.html b/src/app/system-management/push/push.component.html index f30a031..5ecc8f2 100644 --- a/src/app/system-management/push/push.component.html +++ b/src/app/system-management/push/push.component.html @@ -29,8 +29,12 @@ {{item.violationType}} {{item.violationName}} - 3 - 4 + + {{i}} + + + {{i}} + 编辑 diff --git a/src/app/system-management/push/push.component.scss b/src/app/system-management/push/push.component.scss index 27686f2..ced49f2 100644 --- a/src/app/system-management/push/push.component.scss +++ b/src/app/system-management/push/push.component.scss @@ -77,5 +77,8 @@ box-sizing: border-box; padding-left: 5%; } + .name{ + margin-right: 8px; + } } } diff --git a/src/app/system-management/push/push.component.ts b/src/app/system-management/push/push.component.ts index 5bd9804..6f09bcc 100644 --- a/src/app/system-management/push/push.component.ts +++ b/src/app/system-management/push/push.component.ts @@ -1,6 +1,9 @@ import { HttpClient } from '@angular/common/http'; -import { Component, OnInit } from '@angular/core'; +import { Component, OnInit, ViewContainerRef } from '@angular/core'; import { FormBuilder, FormGroup, Validators } from '@angular/forms'; +import { NzModalService } from 'ng-zorro-antd/modal'; +import { NzMessageService } from 'ng-zorro-antd/message'; +import { EditPushItemComponent } from './edit-push-item/edit-push-item.component'; @Component({ selector: 'app-push', templateUrl: './push.component.html', @@ -10,28 +13,104 @@ import { FormBuilder, FormGroup, Validators } from '@angular/forms'; export class PushComponent implements OnInit { validateForm!: FormGroup; - constructor(private fb: FormBuilder, private http: HttpClient) { } + constructor(private modal: NzModalService, private viewContainerRef: ViewContainerRef, private fb: FormBuilder, private http: HttpClient, private message: NzMessageService) { } - ngOnInit(): void { + async ngOnInit(): Promise { this.validateForm = this.fb.group({ search: [null] }); + + await this.getPutRoles() + await this.getHandleRoles() this.getViolation() } //获取预警类型 - list:any + list: any getViolation() { - this.http.get('/api/services/app/Violation/GetAllList').subscribe((data:any) => { + this.http.get('/api/services/app/Violation/GetAllList').subscribe((data: any) => { + + data.result.forEach(element => { + element.pushRoleNames = [] + element.pushRoleIds.forEach(item => { + this.pushRoleIds.forEach(i => { + if (i.id == item) { + element.pushRoleNames.push(i.displayName) + } + }); + }); + element.handleRoleNames = [] + element.handleRoleIds.forEach(item => { + this.handleRoleIds.forEach(i => { + if (i.id == item) { + element.handleRoleNames.push(i.displayName) + } + }); + }); + }); this.list = data.result - console.log('预警类型', data) + console.log('预警类型', this.list) + }) + } + //获取推送的角色列表 + pushRoleIds + async getPutRoles() { + await new Promise((resolve, reject) => { + this.http.get('/api/services/app/Violation/GetPutRoles').subscribe((data: any) => { + this.pushRoleIds = data.result + resolve(data) + console.log('推送角色', data) + }) }) } + handleRoleIds + //获取处置的角色列表 + async getHandleRoles() { + await new Promise((resolve, reject) => { + this.http.get('/api/services/app/Violation/GetHandleRoles').subscribe((data: any) => { + this.handleRoleIds = data.result + resolve(data) + console.log('处置角色', data) + }) + }) + } - edititem(item){ - + edititem(item) { + const modal = this.modal.create({ + nzTitle: '编辑推送设置', + nzContent: EditPushItemComponent, + nzViewContainerRef: this.viewContainerRef, + nzWidth: 300, + nzComponentParams: { + data: item, + pushRoleIds: this.pushRoleIds, + handleRoleIds: this.handleRoleIds + }, + nzOnOk: async () => { + if (instance.validateForm.valid) { + await new Promise(resolve => { + console.log('表单信息', instance.validateForm) + let body = { + id: item.id, + pushRoleIds: instance.validateForm.value.push, + handleRoleIds: instance.validateForm.value.handle, + } + this.http.put('/api/services/app/Violation/UpdateRoles', body).subscribe(data => { + resolve(data) + this.message.create('success', '修改成功！'); + this.getViolation() + return true + }) + }) + } else { + this.message.create('warning', '请填写完整！'); + return false + } + } + }); + const instance = modal.getContentComponent(); } diff --git a/src/app/system-management/system-management.module.ts b/src/app/system-management/system-management.module.ts index 58a2bda..f5d4321 100644 --- a/src/app/system-management/system-management.module.ts +++ b/src/app/system-management/system-management.module.ts @@ -57,7 +57,7 @@ import { EditPushItemComponent } from './push/edit-push-item/edit-push-item.comp NzTreeSelectModule, NzCheckboxModule ], - entryComponents :[AdduserComponent,EdituserComponent,AddroleComponent,EditroleComponent,AddorComponent,EditorComponent,AddhostComponent,EdithostComponent,AddcameraComponent,EditcameraComponent] + entryComponents :[AdduserComponent,EdituserComponent,AddroleComponent,EditroleComponent,AddorComponent,EditorComponent,AddhostComponent,EdithostComponent,AddcameraComponent,EditcameraComponent,EditPushItemComponent] }) export class SystemManagementModule { }