geodynamicreport.html
7.49 KB
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
<!--停车时长content-->
<div class="geo-cont ">
<!--搜索查询-->
<div class="row">
<div class=" col-md-12 col-sm-12 ITD-padding-common margin-top-20 margin-bottom-24 ">
<div class=" ITD-padding22-24 ITD-bgcolor-white ITD-border-radius ITD-box-shadow pos-rel clearfix">
<div class="row">
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-12">
<select id="plAreaBlockIds" class="selectpicker" data-width="100%" data-size="5" data-live-search="true">
<option value="">所有办事处</option>
</select>
</div>
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-12">
<select id="parkIds" class="selectpicker" data-width="100%" data-size="5" data-live-search="true">
</select>
</div>
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-12">
<select id="inType" class="selectpicker" data-width="100%" data-size="5" data-live-search="true">
<option value="">所有状态</option>
<option value="1">一致</option>
<option value="0">不一致</option>
</select>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
<div class="float-right">
<div class="geo-export-btn" id="durationDownload">导出</div>
</div>
<div class="float-right margin-right-10">
<div class="ITD-common-searchbtn" id="queryBtn">查询</div>
</div>
</div>
</div>
<div class="row margin-top-15">
<div class="col-lg-5 col-md-5 col-sm-5 col-xs-12">
<label class="control-label ITD-common-parking-l ITD-common-color070 ITD-common-fontsize14">查询时间</label>
<div class="input-group geomagnetic-input78" id="daterange-btn">
<input type="text" class="form-control ITD-daterange-bg" readonly="" placeholder="日期选择">
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 图表 -->
<div class="geocard-cont">
<div class="geocard-normal row">
<div class="col-md-6 col-sm-6 col-xs-6 ITD-padding-common padding-right">
<div class="ITD-box-shadow ITD-border-radius padding0-14">
<div class="ITD-common-title ITD-common-color070 pos-rel">
<span class="ITD-common-color070">设备正常运行时长统计 </span>
<div class="btn-actions pos-abs">
<button class="btn ITD-panelbtn-icon ITD-panelbtn-icon-gray " id="geopopnormalBtn">
<i class="fa ITD-panelicon-detail"></i>详情
</button>
</div>
</div>
<div class="panel-body">
<div class="dc-normal">
<div id="nomalmain" class="geomagneticEcharts"></div>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 col-xs-6 ITD-padding-common padding-left">
<div class="ITD-box-shadow ITD-border-radius padding0-14">
<div class="ITD-common-title ITD-common-color070 pos-rel">
<span class="">设备异常时长统计 </span>
<div class="btn-actions pos-abs">
<button class="btn ITD-panelbtn-icon ITD-panelbtn-icon-gray " id="geopopabnormalBtn">
<i class="fa ITD-panelicon-detail"></i>详情
</button>
</div>
</div>
<div class="panel-body">
<div class="dc-normal">
<div id="anomalmain" class="geomagneticEcharts"></div>
</div>
</div>
</div>
</div>
</div>
<div class="geocard-normal row">
<div class="col-md-12 col-lg-12 ITD-padding-common margin-top-24">
<div class="ITD-box-shadow ITD-border-radius panel-bottom padding0-14">
<div class="ITD-common-title ITD-common-color070">
<span>平均停车时长趋势图</span>
</div>
<div class="panel-body">
<div class="dc-normal">
<div id="MeantimeEcharts" class="geomagneticEcharts"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--弹窗 地磁停车时长统计 正常-->
<div class="modal fade" id="geopopmodel" style="display: none" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="ITD-modal-dialog ITD-model-1020">
<div class="modal-content">
<div class="modal-header ITD-model-header">
<button type="button" class="close ITD-model-close" data-dismiss="modal" aria-hidden="true">×</button>
<span class="ITD-common-fontsize16 colorbig ITD-ztree-headername">设备停车时长详细记录</span>
</div>
<div class="modal-body geodynamic-ITD-model-contbody">
<div class="ITD-padding-24 pos-rel">
<div class="row margin-bottom-10 blue-top-width88" >
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
<select id="parkIds3" class="selectpicker" data-width="100%" data-size="5">
<option value="">不限制</option>
</select>
</div>
<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
<!--<label class="control-label geomagnetic-parking-l colormiddle ITD-common-fontsize14">分布区间 </label>-->
<select id="secondArea" class="selectpicker" data-width="100%" data-size="5">
</select>
</div>
<div class="col-lg-5 col-md-5 col-sm-5 col-xs-12">
<label class="control-label geomagnetic-parking-l colormiddle ITD-common-fontsize14">时间段 </label>
<div class="input-group geomagnetic-input78" id="daterangeedit-btngeo">
<input type="text" class="form-control ITD-daterange-bg" readonly="" placeholder="日期选择">
</div>
</div>
</div>
<div class="ITD-common-searchbtn pos-abs" style="top: 24px;right: 24px;" id="queryBtngeo">
查询
</div>
</div>
<div class="turnover-opentable">
<table id="turnoveroentabgeo" class="ITD-fix-table common-tableh47"></table>
</div>
</div>
</div>
</div>
</div>
<script src='../../assets/pages/scripts/deviceanaFile/geodynaFile/geodynamicreport.js'></script>