src/app/routes/config/layout/manage/manage.component.html

@@ -141,12 +141,12 @@
           </nz-table>
     </div>
 
+
     <app-process [visible]="submitLoading" (onCancel)="cancelSearch()">
     </app-process>
     
-    
-    <nz-modal [(nzVisible)]="isVisible" nzWidth="80%" nzTitle="明细" (nzOnCancel)="isVisible = false" [nzFooter]="null">
-      <app-path [detail_data]="detail_data"></app-path>
-    </nz-modal>
+    <nz-modal [(nzVisible)]="isVisible" nzWidth="80%" nzTitle="The first Modal" (nzOnCancel)="isVisible = false" >
+        <app-path [detail_data]="detail_data"></app-path>
+     </nz-modal>
 
 </div>

src/app/routes/config/layout/manage/path/path.component.ts

@@ -8,7 +8,7 @@ import { NoticeService } from '../../../service/https/notice.service';
   styleUrls: ['./path.component.styl']
 })
 export class PathComponent implements OnInit {
-  @Input() detail_data: any;
+  @Input() datas: any;
   data;
   viewType = 0;
 
@@ -19,19 +19,19 @@ export class PathComponent implements OnInit {
 
   ngOnInit() {
     // const jsonStr = '{"type":3,"http://190.89.233.2:8909/getpublicconfig":[{"req_ip":"192.156.3.12","interface_addr":"http://190.89.233.2:8909/getpublicconfig","req_jobnum":43327,"req_frequency":43,"req_account":"liuhr"},{"req_ip":"192.156.3.12","interface_addr":"http://190.89.233.2:8909/getpublicconfig","req_jobnum":43328,"req_frequency":44,"req_account":"sunxq01"},{"req_ip":"192.156.3.18","interface_addr":"http://190.89.233.2:8909/getpublicconfig","req_jobnum":65341,"req_frequency":45,"req_account":"shicl"},{"req_ip":"192.106.3.33","interface_addr":"http://190.89.233.2:8909/getpublicconfig","req_jobnum":65342,"req_frequency":46,"req_account":"gongxs"},{"req_ip":"192.106.3.34","interface_addr":"http://190.89.233.2:8909/getpublicconfig","req_jobnum":65343,"req_frequency":47,"req_account":"sunzs"}]}'
-    // if (this.detail_data == null) {
-    //   this.detail_data = JSON.parse(jsonStr);
+    // if (this.datas == null) {
+    //   this.datas = JSON.parse(jsonStr);
     // }
-    this.parseData(this.detail_data);
+    this.parseData(this.datas);
   }
 
-  parseData(detail_data: any) {
-    for (const dataKey in detail_data) {
-      if (detail_data.hasOwnProperty(dataKey)) {
+  parseData(datas: any) {
+    for (const dataKey in datas) {
+      if (datas.hasOwnProperty(dataKey)) {
         if (dataKey === 'type') {
-          this.viewType = detail_data[dataKey];
+          this.viewType = datas[dataKey];
         } else {
-          this.data = detail_data[dataKey];
+          this.data = datas[dataKey];
         }
       }
     }