历史搜索记录(待测试)和四大主页面完工

src/app/main/search-list/search-list.component.html

@@ -24,7 +24,7 @@
 </div>
 
 <div class="list" [ngClass]="{'heightWithFilter': showFilter, 'heightWithoutFilter': !showFilter}">
-    <div class="one" *ngFor="let one of list">
+    <div class="one" *ngFor="let one of list" (click)="toDetail(one)">
         <div class="top">
             <div class="left">
                 设备名称: {{one.name}}

src/app/main/search-list/search-list.component.ts

 import { Component, OnInit } from '@angular/core';
+import {TransferService} from '../../service/transfer.service';
 
 @Component({
   selector: 'app-search-list',
@@ -81,7 +82,7 @@ export class SearchListComponent implements OnInit {
     online: 1,
     error: 0
   }];
-  constructor() { }
+  constructor(private tf: TransferService) { }
 
   ngOnInit() {}
 
@@ -98,4 +99,15 @@ export class SearchListComponent implements OnInit {
     this.query = this.req;
     this.showFilter = !this.showFilter;
   }
+
+  toDetail(one) {
+    const req = {
+      to: 'app-page-detail',
+      from: 'app-search-list',
+      url: '/main/detail',
+      query: {name: one.name},
+      hash: ''
+    };
+    this.tf.transfer(req);
+  }
 }