Build AngularJs component for usecase-ui

Change-Id: I393f4837fc5f9cbd71448dbf20e1f1781f0656d3
Issue-ID: USECASEUI-154
Signed-off-by: zhangab <zhanganbing@chinamobile.com>

1 files changed, 36 insertions, 0 deletions

diff --git a/usecaseui-portal/src/app/components/details/details.component.ts b/usecaseui-portal/src/app/components/details/details.component.ts
new file mode 100644
index 00000000..f9e6474b
--- /dev/null
+++ b/usecaseui-portal/src/app/components/details/details.component.ts
@@ -0,0 +1,36 @@
+import { Component, OnInit, Input } from '@angular/core';
+import { slideUpDown } from '../../animates';
+
+@Component({
+  selector: 'app-details',
+  templateUrl: './details.component.html',
+  styleUrls: ['./details.component.less'],
+  animations: [ slideUpDown ]
+})
+export class DetailsComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+  ngOnChanges(changes){
+    console.log(changes);
+  }
+  // 详情显示
+  moredetailShow = false;
+  @Input() detailId;
+  detailData = [
+    {name:"DNS.AttDnsQuery",value:"0"},
+    {name:"DNS.SuccDnsQuery",value:"0"},
+    {name:"DNS.SuccDnsQuery",value:"0"},
+    {name:"DNS.SuccDnsQuery",value:"0"},
+    {name:"DNS.SuccDnsQuery",value:"0"},
+    {name:"sssssss",value:"1111"},
+  ]
+  state = 'up'
+  slideUpDown(){
+    this.moredetailShow = !this.moredetailShow;
+    this.state = this.state === 'up' ? 'down' : 'up';
+  }
+}