1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
|
import { Component, OnInit, HostBinding } from '@angular/core';
import { slideToRight, showHideAnimate } from '../../animates';
@Component({
selector: 'app-performance-vnf',
templateUrl: './performance-vnf.component.html',
styleUrls: ['./performance-vnf.component.less'],
animations: [ slideToRight, showHideAnimate ]
})
export class PerformanceVnfComponent implements OnInit {
@HostBinding('@routerAnimate') routerAnimateState;
constructor() { }
ngOnInit() {
let _this = this;
setTimeout(function(){
// 在路由切换时加载图片造成动画卡顿,先完成动画再加载图片
_this.vnfsData = [
{name:"aaa",text:"oahgieango"},
{name:"aaa",text:"oahgieango"},
{name:"aaa",text:"oahgieango"},
{name:"aaa",text:"oahgieango"},
{name:"aaa",text:"oahgieango"},
{name:"aaa",text:"oahgieango"},
{name:"aaa",text:"oahgieango"},
{name:"aaa",text:"oahgieango"},
{name:"aaa",text:"oahgieango"},
{name:"aaa",text:"oahgieango"},
{name:"aaa",text:"oahgieango"}
];
_this.emptys = new Array(15-_this.vnfsData.length);
},300)
}
// 筛选框(下拉框)
sourceNameList = ['aaaa','bbbb','cccc','dddddDDDDDDDDDDDDDDD'];
sourceNameSelected = this.sourceNameList[0];
ReportingEntityNameList = ['aaaa','bbbb','cccc','ddddd'];
ReportingEntityNameSelected = this.ReportingEntityNameList[0];
choseSourceName(item){
console.log(item);
this.sourceNameSelected = item;
}
choseReportingEntityName(item){
console.log(item);
this.ReportingEntityNameSelected = item;
}
submit(){
}
// vnfs数据
vnfsData = [];
emptys = []; //补空盒子用
// 分页
current = 1; //当前页码
//详情页标题显示
graphicshow = false;
detailshow = false;
// 显示隐藏动画
state = "show";
state2 = "hide";
state3 = "hide";
performanceShow() {
this.state = 'show';
this.state2 = 'hide';
this.state3 = 'hide';
this.graphicshow = false;
this.detailshow = false;
}
graphicShow() {
this.state = 'hide';
this.state2 = 'show';
this.state3 = 'hide';
this.graphicshow = true;
this.detailshow = false;
}
// 选中id
detailId:number;
detailShow(prems) {
this.state = 'hide';
this.state2 = 'hide';
this.state3 = 'show';
this.graphicshow = true;
this.detailshow = true;
console.log(prems);
this.detailId = prems.id;
}
}
|