[新增]今日预警首页面选择框对接后端数据

src/app/pages/pages.module.ts

@@ -37,10 +37,13 @@ import { OilStationInfoComponent } from './oil-station-info/oil-station-info.com
 import { LeftDomainComponent } from './left-domain/left-domain.component';
 import { AddequipmentComponent } from './equipment-info/addequipment/addequipment.component';
 import { EditequipmentComponent } from './equipment-info/editequipment/editequipment.component';
+import { NzTreeSelectModule } from 'ng-zorro-antd/tree-select';
 
 
 @NgModule({
-  declarations: [LoginComponent, RegisterComponent, HomeComponent, PlanComponent, TodayWarningComponent, CriminalRecordsComponent, TodayWarningAdminComponent, CriminalRecordsAdminComponent, LeftDomainComponent, EquipmentInfoComponent, OilStationInfoComponent, AddequipmentComponent, EditequipmentComponent],
+  declarations: [LoginComponent, RegisterComponent, HomeComponent, PlanComponent, TodayWarningComponent, CriminalRecordsComponent, 
+    TodayWarningAdminComponent, CriminalRecordsAdminComponent, LeftDomainComponent, EquipmentInfoComponent, OilStationInfoComponent, 
+    AddequipmentComponent, EditequipmentComponent],
   imports: [
     PagesRoutingModule,
     CommonModule,
@@ -67,7 +70,8 @@ import { EditequipmentComponent } from './equipment-info/editequipment/editequip
     NzDropDownModule,
     NzMessageModule,
     NzSpinModule,
-    NzTreeModule
+    NzTreeModule,
+    NzTreeSelectModule
   ],
   entryComponents: [AddequipmentComponent, EditequipmentComponent],
   schemas: [CUSTOM_ELEMENTS_SCHEMA]

src/app/pages/today-warning-admin/today-warning-admin.component.html

@@ -10,6 +10,7 @@
             <nz-option nzValue="1" nzLabel="一级"></nz-option>
             <nz-option nzValue="2" nzLabel="二级"></nz-option>
             <nz-option nzValue="3" nzLabel="三级"></nz-option>
+            <nz-option nzValue="4" nzLabel="四级"></nz-option>
           </nz-select>
         </nz-form-control>
       </nz-form-item>
@@ -17,20 +18,19 @@
       <nz-form-item class="searchParams">
         <nz-form-control>
           <nz-select id="type" formControlName="type" nzPlaceHolder="请选择预警类型">
-            <nz-option nzValue="1" nzLabel="一级"></nz-option>
-            <nz-option nzValue="2" nzLabel="二级"></nz-option>
-            <nz-option nzValue="3" nzLabel="三级"></nz-option>
+            <nz-option *ngFor="let item of yujingTypes" [nzValue]="item.id" [nzLabel]="item.violationName"></nz-option>
           </nz-select>
         </nz-form-control>
       </nz-form-item>
 
       <nz-form-item class="searchParams">
         <nz-form-control>
-          <nz-select id="company" formControlName="company" nzPlaceHolder="请选择所属机构">
-            <nz-option nzValue="1" nzLabel="一级"></nz-option>
-            <nz-option nzValue="2" nzLabel="二级"></nz-option>
-            <nz-option nzValue="3" nzLabel="三级"></nz-option>
-          </nz-select>
+          <!-- <nz-select id="company" formControlName="company" nzPlaceHolder="请选择所属机构">
+            
+          </nz-select> -->
+          <nz-tree-select id="company" formControlName="company" [nzNodes]="nodes" nzPlaceHolder="请选择所属机构">
+          </nz-tree-select>
+         
         </nz-form-control>
       </nz-form-item>
       <!-- <nz-form-item class="searchParams">
@@ -150,4 +150,5 @@
       </div>
     </div>
   </div>
+  
 </div>

src/app/pages/today-warning-admin/today-warning-admin.component.scss

@@ -38,6 +38,9 @@
         color: rgba(145, 204, 255, 0.95);
         ;
       }
+      nz-tree-select{
+        color: rgba(145, 204, 255, 0.95);
+      }
 
       nz-date-picker {
         background-color: rgba(0, 0, 0, 0);

src/app/pages/today-warning-admin/today-warning-admin.component.ts

@@ -1,6 +1,8 @@
 import { Component, OnInit } from '@angular/core';
 import { FormBuilder, FormGroup, Validators } from '@angular/forms';
-import { Router } from '@angular/router'
+import { Router } from '@angular/router';
+import { HttpClient } from '@angular/common/http';
+import { TreeService } from 'src/app/service/tree.service';
 @Component({
   selector: 'app-today-warning-admin',
   templateUrl: './today-warning-admin.component.html',
@@ -9,7 +11,7 @@ import { Router } from '@angular/router'
 export class TodayWarningAdminComponent implements OnInit {
 
   validateForm!: FormGroup;
-  constructor(private fb: FormBuilder, private router: Router) { }
+  constructor(private http: HttpClient,private fb: FormBuilder, private router: Router, private toTree: TreeService) { }
 
   ngOnInit(): void {
     this.validateForm = this.fb.group({
@@ -20,6 +22,28 @@ export class TodayWarningAdminComponent implements OnInit {
       site: [null],
       datePicker: [null]
     });
+    this.yujingType()
+    this.getAllOrganization()
+  }
+  //预警类型接口
+  yujingTypes:any //预警接口数据
+  yujingType(){
+    this.http.get('/api/services/app/Violation/GetAllList').subscribe((data: any) => {
+        this.yujingTypes=data.result
+      }
+    )
+  }
+  //获取所有组织机构
+  nodes:any = []
+  getAllOrganization() {
+    this.http.get('/api/services/app/Organization/GetAll').subscribe((data: any) => {
+      data.result.items.forEach(element => {
+        element.key = element.code
+        element.title = element.displayName
+      });
+      this.nodes = [...this.toTree.toTree(data.result.items)]
+      console.log(this.nodes)
+    })
   }
 
   submitForm(): void {

src/app/pages/today-warning/today-warning.component.html

@@ -10,6 +10,7 @@
             <nz-option nzValue="1" nzLabel="一级"></nz-option>
             <nz-option nzValue="2" nzLabel="二级"></nz-option>
             <nz-option nzValue="3" nzLabel="三级"></nz-option>
+            <nz-option nzValue="4" nzLabel="四级"></nz-option>
           </nz-select>
         </nz-form-control>
       </nz-form-item>
@@ -17,9 +18,7 @@
       <nz-form-item class="searchParams">
         <nz-form-control>
           <nz-select id="type" formControlName="type" nzPlaceHolder="请选择预警类型">
-            <nz-option nzValue="1" nzLabel="一级"></nz-option>
-            <nz-option nzValue="2" nzLabel="二级"></nz-option>
-            <nz-option nzValue="3" nzLabel="三级"></nz-option>
+            <nz-option *ngFor="let item of yujingTypes" [nzValue]="item.id" [nzLabel]="item.violationName"></nz-option>
           </nz-select>
         </nz-form-control>
       </nz-form-item>

src/app/pages/today-warning/today-warning.component.ts

@@ -1,5 +1,7 @@
 import { Component, OnInit } from '@angular/core';
 import { FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { HttpClient } from '@angular/common/http';
+import { TreeService } from 'src/app/service/tree.service';
 @Component({
   selector: 'app-today-warning',
   templateUrl: './today-warning.component.html',
@@ -7,7 +9,7 @@ import { FormBuilder, FormGroup, Validators } from '@angular/forms';
 })
 export class TodayWarningComponent implements OnInit {
   validateForm!: FormGroup;
-  constructor(private fb: FormBuilder) { }
+  constructor(private http: HttpClient,private fb: FormBuilder, private toTree: TreeService) { }
 
   ngOnInit(): void {
     this.validateForm = this.fb.group({
@@ -16,8 +18,20 @@ export class TodayWarningComponent implements OnInit {
       site: [null],
       datePicker: [null]
     });
+    this.yujingType()
+    //this.getAllOrganization()
   }
 
+  //预警类型接口
+  yujingTypes:any //预警接口数据
+  yujingType(){
+    this.http.get('/api/services/app/Violation/GetAllList').subscribe((data: any) => {
+        this.yujingTypes=data.result
+      }
+    )
+  }
+  
+
   submitForm(): void {
     for (const i in this.validateForm.controls) {
       this.validateForm.controls[i].markAsDirty();