[新增]封面信息

src/app/plan-management/create-plan-online-five/create-plan-online-five.component.html

@@ -4,7 +4,8 @@
             <div class="item" [ngClass]="{'selectedItem': selectedItem == '封面'}" (click)="clickTitleItem('封面')">
                 1.封面
             </div>
-            <div class="item" *ngFor="let item of planTemplateData;let key = index" (click)="clickTitleItem(item)" [ngClass]="{'selectedItem': selectedItem == item.groupName}">
+            <div class="item" *ngFor="let item of planTemplateData;let key = index" (click)="clickTitleItem(item)"
+                [ngClass]="{'selectedItem': selectedItem == item.groupName}">
                 {{key + 2}}.{{item.groupName}}
             </div>
         </div>
@@ -23,18 +24,18 @@
         </div>
         <div class="mainbox">
             <!-- 封面 -->
-            <div class="cover"  *ngIf="selectedItem == '封面'">
+            <div class="cover" *ngIf="selectedItem == '封面'">
                 <p class="planNum">
                     预案编号: <input type="text" name="" id="">
                 </p>
-                <h1>民航大厦</h1>
+                <h1>{{planName}}</h1>
-                <ul>
+                <ul *ngIf="unitData">
                     <li>
                         <div>
                             对象名称：
                         </div>
                         <div>
-                            民航大厦
+                            {{unitData.name}}
                         </div>
                     </li>
                     <li>
@@ -42,12 +43,12 @@
                             单位性质：
                         </div>
                         <div>
-                            高层公共建筑
+                            {{unitData.buildingTypes[0].name}}
                         </div>
                     </li>
                     <li>
                         <div>
-                            *预案级别：
+                            <span class="redspan">*</span>预案级别：
                         </div>
                         <div>
                             V级
@@ -55,7 +56,7 @@
                     </li>
                     <li>
                         <div>
-                            *灾害类型：
+                            <span class="redspan">*</span>灾害类型：
                         </div>
                         <div>
                             <select ngModel="0">
@@ -70,7 +71,7 @@
                             防火级别：
                         </div>
                         <div>
-                            二级+
+
                         </div>
                     </li>
                     <li>
@@ -78,7 +79,7 @@
                             防火管辖：
                         </div>
                         <div>
-                            上海市某某区某消防大队
+                            {{unitData.organizationName}}
                         </div>
                     </li>
                     <li>
@@ -86,7 +87,7 @@
                             灭火责任队站：
                         </div>
                         <div>
-                            上海市某某区某消防救援大队
+
                         </div>
                     </li>
                     <li>
@@ -103,7 +104,7 @@
                             审核人职务/姓名：
                         </div>
                         <div>
-                           
+
                         </div>
                     </li>
                     <li>
@@ -111,7 +112,7 @@
                             审核时间：
                         </div>
                         <div>
-                           
+
                         </div>
                     </li>
                 </ul>
@@ -123,7 +124,8 @@
                     <div class="centerBox" *ngIf="item.groupName!='单位概况'">
                         <mat-accordion multi>
                             <mat-expansion-panel expanded disabled>
-                                <mat-expansion-panel-header collapsedHeight='40px' expandedHeight='40px' class="panelhead">
+                                <mat-expansion-panel-header collapsedHeight='40px' expandedHeight='40px'
+                                    class="panelhead">
                                     <mat-panel-title>
                                         <span>11111</span>
                                     </mat-panel-title>

src/app/plan-management/create-plan-online-five/create-plan-online-five.component.scss

@@ -3,6 +3,9 @@
     height: 100%;
     transform: translate(0, 0);
     background: #f2f4f5;
+    .redspan{
+        color: red;
+    }
     .titlebox {
         width: 100%;
         height: 50px;

src/app/plan-management/create-plan-online-five/create-plan-online-five.component.ts

@@ -11,28 +11,36 @@ export class CreatePlanOnlineFiveComponent implements OnInit {
 
   constructor(private http: HttpClient, private route: ActivatedRoute) { }
 
+
+  planName: string //预案名称
   ngOnInit(): void {
+    this.planName = this.route.snapshot.queryParams.planName
     this.getTemplateData()
+    this.getUnitData()
   }
 
+
   //获得单位信息
-  getUnitData(){
+  unitData:any
-    // let paramsdata:any = {
+  getUnitData() {
-    //   Name: this.route.snapshot.queryParams.unitId || '',
+    let paramsdata: any = {
-    // }
+      Name: this.route.snapshot.queryParams.unitName || '',
-    // this.http.get("/api/Companies",{params:paramsdata}).subscribe((data:any)=>{
+    }
-    //   this.allKeyUnitInfo = data
+    this.http.get("/api/Companies", { params: paramsdata }).subscribe((data: any) => {
-    //   data.items.forEach( (item,index) => {
+      data.items.forEach(element => {
-    //     item.integrity = this.wanzhengduArr[index]
+        if (element.id == this.route.snapshot.queryParams.companyId) {
-    //   })
+          this.unitData = element
-    // })
+          console.log('单位列表信息', this.unitData)
+        }
+      });
+    })
   }
 
 
 
 
-  selectedItem:string = '封面'
+  selectedItem: string = '封面'
-  clickTitleItem(item){
+  clickTitleItem(item) {
     item == '封面' ? this.selectedItem = '封面' : this.selectedItem = item.groupName
   }
   planTemplateData: any
@@ -47,3 +55,14 @@ export class CreatePlanOnlineFiveComponent implements OnInit {
   }
 
 }
+
+
+export interface unitData {
+  name: string,
+  organizationName: number,
+  buildingTypes: buildingTypes[]
+}
+export interface buildingTypes {
+  id: string,
+  name: string,
+}