[完善]完成推送设置管理

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,    //初始化时，滑动条宽度结束标度<br>   
-        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,    //初始化时，滑动条宽度结束标度<br>   
+    //     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() {

src/app/system-management/push/edit-push-item/edit-push-item.component.html

@@ -1 +1,20 @@
-<p>edit-push-item works!</p>
+<div class="box">
+    <form nz-form [formGroup]="validateForm">
+        <nz-form-item>
+            <nz-form-control>
+                <nz-select [(ngModel)]="multiplePushValue" formControlName="push" nzPlaceHolder="请选择推送范围"
+                    nzMode="multiple">
+                    <nz-option *ngFor="let item of pushList" [nzValue]="item.id" [nzLabel]="item.displayName"></nz-option>
+                </nz-select>
+            </nz-form-control>
+        </nz-form-item>
+        <nz-form-item>
+            <nz-form-control>
+                <nz-select [(ngModel)]="multipleHandleValue" formControlName="handle" nzPlaceHolder="请选择处置范围"
+                    nzMode="multiple">
+                    <nz-option *ngFor="let item of handleList" [nzValue]="item.id" [nzLabel]="item.displayName"></nz-option>
+                </nz-select>
+            </nz-form-control>
+        </nz-form-item>
+    </form>
+</div>

src/app/system-management/push/edit-push-item/edit-push-item.component.spec.ts

@@ -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<EditPushItemComponent>;
-
-  beforeEach(async(() => {
-    TestBed.configureTestingModule({
-      declarations: [ EditPushItemComponent ]
-    })
-    .compileComponents();
-  }));
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(EditPushItemComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

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]]
+    });
+  }
 }

src/app/system-management/push/push.component.html

@@ -29,8 +29,12 @@
             <tr *ngFor="let item of list">
                 <td>{{item.violationType}}</td>
                 <td>{{item.violationName}}</td>
-                <td>3</td>
-                <td>4</td>
+                <td>
+                    <span class="name" *ngFor="let i of item.pushRoleNames">{{i}}</span> 
+                </td>
+                <td>
+                    <span class="name" *ngFor="let i of item.handleRoleNames">{{i}}</span> 
+                </td>
                 <td>
                     <span style="color: #2399FF;cursor: pointer;" (click)="edititem(item)">编辑</span>
                 </td>

src/app/system-management/push/push.component.scss

@@ -77,5 +77,8 @@
       box-sizing: border-box;
       padding-left: 5%;
     }
+    .name{
+      margin-right: 8px;
+    }
   }
 }

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<void> {
     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<void>((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<void>((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();
   }
 
 

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 { }