blob: 33bd97d2c837e3ecfba8caee4b7ad698fb2914d0 (
plain)
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
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
|
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<link href="../../../component/thirdparty/font-awesome/css/font-awesome.min.css" rel="stylesheet" id="font_awesome"/>
<link href="../../../component/thirdparty/bootstrap/css/bootstrap.min.css" rel="stylesheet"/>
<link href="../../../component/thirdparty/uniform/css/uniform.default.css" rel="stylesheet"/>
<link href="../../../framework/css/plugins.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="../../../component/css/ZteIctIcons/style.css" />
<link rel="stylesheet" href="../../../vendor/zTree/css/zTreeStyle/zTreeStyle.css" type="text/css">
<!-- <link rel="stylesheet" href="../../../component/thirdparty/icheck/skins/all.css" type="text/css"> -->
<!--<link href="../../../framework/css/style.css" rel="stylesheet" type="text/css">-->
<link href="../../../framework/css/ngict-component.css" rel="stylesheet" type="text/css">
<link href="../../css/pmQueryBox.css" rel="stylesheet" type="text/css">
<link href="../../css/meataskQuery.css" rel="stylesheet" type="text/css" />
<link href="../../css/performanceChart.css" rel="stylesheet" type="text/css" />
<link href="../../../vendor/bootstrap-daterangepicker/daterangepicker-bs3.css" rel="stylesheet">
<style>
.ms-controller {
visibility: hidden
}
</style>
</head>
<body>
<div ms-controller="pmQueryController" class="ms-controller">
<div class="row" ms-visible="boxVisible">
<!-- <div class="row"> -->
<div class="row" style="margin-left: 15px;">
<div class="col-xs-6 col-md-6 col-sm-6 col-lg-6 titlefont"><span id="com_zte_ums_ict_pm_query_data" name_i18n="com_zte_ums_ict_pm_query"></span></div><!-- <a ms-click="queryRuleView()">修改查询条件</a> -->
</div>
<div class = "separator-line" ></div>
<div class="row ruleNav" style="margin-left: 50px;width: 93%;">
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel" data-interval="false">
<div class="carousel-inner" role="listbox">
<div class="item " ms-repeat-el="pmQueries">
<div class="col-xs-12" style=" padding-right: 20px; padding-top: 10px; ">
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 boxPadding" ms-repeat-elem="el.array" data-repeat-rendered="clickSelectedCommonCond" ms-click="queryTabClicked(elem ,this)">
<a href="#">
<div class="box" ms-class="boxStyle{{$index % 4 + 1}}">
<div class="subbox">
<div class="textImageStyle " ms-class="{{elem.textImage}}">
<!-- <span class="ict-acknownledge"></span> -->
<span class="ict-cpu"></span>
</div>
<div class="set-title">{{elem.name}}</div>
<span class="ict-modify" ms-click="queryRuleView(event, elem)"></span>
</div>
</div>
<div class="col-md-12 separator-line separator-line-visibilty" ms-class="boxStyle{{$index % 4 + 1}}"></div>
</a>
</div>
</div>
</div>
</div>
<!-- Controls -->
<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next" style="margin-right: -10px;">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
<!-- </div> -->
<div class="row-fluid separator">
<div ms-visible="boxVisible" class="col-xs-12" style="margin-top: 10px;">
<a href="#" id="upArrow" ms-click="clickDisplayGraphAlink()"><img src="../../images/up.png"/></a>
</div>
</div>
</div>
<div class="row-fluid separator">
<div ms-visible="!boxVisible" class="col-xs-12">
<a href="#" ms-click="clickDisplayGraphAlink()" ><img src="../../images/down.png"/></a>
</div>
</div>
<div class="container-fluid">
<div class="row" style=" margin-top: 15px;">
<div class="col-xs-6 col-md-6 col-sm-6 col-lg-6 titlefont">
<span id="tableTitleText">{{tableTitle}}</span>
<a href="#" ms-visible="tableIconVisable">
<img id="tableImg" src="../../images/table.png" ms-click="showPerformanceTable()">
</a>
<a href="#" ms-visible="chartIconVisable">
<img id="chartImg" src="../../images/chart.png" ms-click="showPerformanceChart()">
</a>
</div>
</div>
<div class = "separator-line" ></div>
<div class="row-fluid " data-name="table_zone">
<div ms-visible="pmChartVisable" id="chartCanvasDiv" style="width:1000px; height:600px;"></div>
<div ms-visible="pmDataVisable" id = 'ict_pm_data_div'></div>
<div ms-visible="queryRuleVisable" ms-include-src="'meataskQueryRule.html'" ></div>
</div>
</div>
</div>
<script src="../../../component/thirdparty/jquery/jquery-1.10.2.min.js"></script>
<script src="../../../component/thirdparty/jquery.i18n/jquery.i18n.properties-1.0.9.js"></script>
<script src="../../../framework/js/tools.js"></script>
<script>
//国际化
var lang = getLanguage();
//lang="en-US";
jQuery.i18n.properties({
language:lang,
name:'ngict-pm-iui-i18n',
path:'../../i18n/',
mode:'map',
callback: function() {
//setTimeout(function () {
var i18nItems = $("[name_i18n=com_zte_ums_ict_pm_query]");
for(var i=0;i<i18nItems.length;i++){
var $item = $(i18nItems.eq(i));
var itemId = $item.attr('id');
var itemValue = $.i18n.prop(itemId);
if(typeof($item.attr("title"))!="undefined"){
$item.attr("title", itemValue);
}else if(typeof($item.attr("placeholder"))!="undefined"){
$item.attr("placeholder", itemValue);
}else{
$item.text(itemValue);
}
}
//}, 100);
}
});
</script>
<script src="../../../vendor/data-tables/jquery.dataTables.js"></script>
<script src="../../../component/thirdparty/bootbox/bootbox.min.js"type="text/javascript"></script>
<script src="../../../component/thirdparty/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<script src="../../../component/thirdparty/jquery-validation/js/jquery.validate.js"></script>
<script src="../../../component/thirdparty/jquery-validation/js/additional-methods.min.js"></script>
<SCRIPT type="text/javascript" SRC="../../../framework/js/security/aes.js"></SCRIPT>
<SCRIPT type="text/javascript" SRC="../../../framework/js/security/framework-util.js"></SCRIPT>
<script type="text/javascript" src="../../js/meatask/echarts.js"></script>
<script src="../../../framework/js/json2.js"></script>
<script src="../../../vendor/ict/ict-serverpagetable/serverPageTable.js"></script>
<!-- <script src="../../../component/thirdparty/avalon/avalon.modern.js"></script> -->
<script src="../../../vendor/bootstrap-daterangepicker/moment.js"></script>
<script src="../../../vendor/bootstrap-daterangepicker/daterangepicker.js"></script>
<script src="../../js/avalon.js"></script>
<script src="../../js/pmUtil.js"></script>
<script src="../../js/commonUtil.js"></script>
<script src="../../js/meatask/meataskQueryController.js"></script>
<script src="../../js/meatask/performanceChart.js"></script>
</body>
</html>
|