1 files changed, 59 insertions, 0 deletions
diff --git a/usecaseui-portal/src/app/shared/components/details/details.component.ts b/usecaseui-portal/src/app/shared/components/details/details.component.ts
new file mode 100644
index 00000000..dea6caaa
--- /dev/null
+++ b/usecaseui-portal/src/app/shared/components/details/details.component.ts
@@ -0,0 +1,59 @@
+/*
+    Copyright (C) 2019 CMCC, Inc. and others. All rights reserved.
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+            http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+*/
+import { Component, OnInit, Input } from '@angular/core';
+import { slideUpDown } from '../../../animates';
+import { HomesService } from '../../../core/services/homes.service';
+
+@Component({
+  selector: 'app-details',
+  templateUrl: './details.component.html',
+  styleUrls: ['./details.component.less'],
+  animations: [ slideUpDown ]
+})
+export class DetailsComponent implements OnInit {
+
+  constructor(private myhttp:HomesService) { }
+
+  ngOnInit() {
+  }
+
+  ngOnChanges(changes){
+    this.getAlarmDetailData(this.detailId);
+  }
+
+  datailheaderdata: any = {
+
+  };
+  dataillistdata: any = [];
+  getAlarmDetailData(id){
+    if(id){
+      this.myhttp.getAlarmDetailData(id).subscribe((data)=>{
+        this.datailheaderdata = data.alarmsHeader;
+        this.dataillistdata = data.list;
+      })
+    }
+
+  }
+  // detail Show
+  moredetailShow = false;
+  @Input() detailId;
+  
+  state = 'up'
+  slideUpDown(){
+    this.moredetailShow = !this.moredetailShow;
+    this.state = this.state === 'up' ? 'down' : 'up';
+  }
+}