pdamonitoring.html
11.8 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
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
<div class="container">
<!--/*搜索*/-->
<div class="main-wrap" id="main-wrap">
<div class="main-left float-left">
<div id="main-left"></div>
</div>
<div class="main-right float-left" id="main-right">
<div class="ser-inp">
<input type="text" maxlength="30" placeholder="搜停车场名称" class="ser-input" id="ser-input" data-provide="typeahead">
<span class="bg-green" id="ser-button" title="搜索"></span>
<div class="cancelBtn" title="清除"></div>
</div>
<div class="ser-resPanel" id="ser-resPanel"></div>
<div class="ser-wrap ser-Res ser-wrap-panel" id="ser-wrap">
<div class="ser-main">
<div class="content">
<div class="select">
<p data-value="">全部</p>
<ul>
<li data-value="" class="Selected">全部</li>
<li data-value="1">西城区</li>
<li data-value="2">东城区</li>
</ul>
</div>
</div>
<ul class="ser-result-wrap" id="pda-result">
<!--<li>-->
<!--<div>1.中兴智能交通停车场</div>-->
<!--<div>类型 : 停车场</div>-->
<!--<div>车位总数 : 260</div>-->
<!--</li>-->
</ul>
<div id="pageGro" class="pageGro">
<div class="pageUp">《上一页</div>
<div class="pageList">
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
</div>
<div class="pageDown">下一页》</div>
</div>
</div>
</div>
<div class="ser-inp-effect" id="ser-inp-effect">
没有搜到相关内容
</div>
</div>
</div>
<!--/*地图*/-->
<div class="map-wrap" id="allmap"></div>
<!--停车场弹窗-->
<!--右下角图例 sta -->
<!--<div class="freespace">-->
<!--<div class="freespace-tit">车位饱和状态</div>-->
<!--<ul class="freespace-content">-->
<!--<li class="freespace-msg"><span class="msg-common msg-bgfull"></span>已满:0</li>-->
<!--<li class="freespace-msg"><span class="msg-common msg-bgfew"></span>有空位:1-30%</li>-->
<!--<li class="freespace-msg"><span class="msg-common msg-bgeough"></span>空闲:>30%</li>-->
<!--</ul>-->
<!--</div>-->
<!--右下角图例 end -->
<!--停车场详细信息-->
<div class="modal fade in" id="pdamon_alertmodel" style="display: none;" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="ITD-modal-dialog ITD-model-773">
<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>
<input hidden="" id="dataplno">
<input hidden="" id="dataplname">
<ul class="ITD-alert-tab-wrap ITD-common-fontsize14 ITD-common-color060" id="ITD-alert-tab-wrap">
<li class="ITD-alert-tab-active">泊位分布</li>
<li>PDA</li>
</ul>
</div>
<div class="modal-body ITD-modal-body">
<ul id="ITD-alertcon-tab-wrap">
<li >
<div class="caryard-berth-ifo-wrap">
<div class="float-left ITD-common-fontsize18 ITD-common-color000">
总泊位数 <span class="ITD-common-color" id="allBerthNum">45</span> 个
</div>
<div class="float-right ITD-common-fontsize14 ITD-common-color000 caryard-berth-ifo-number">
<span class="pos-rel">空余 <span id="freeBerthNum">22</span></span> <span class="pos-rel">占用 <span id="useBerthNum">23</span></span>
</div>
<div class="clearfix"></div>
</div>
<ul class="caryard-berth-ifo-main " id="caryard-berth-ifo-main">
<li class="clearfix">
<div class="caryard-berth-ifo-status-green" title="0001">0001</div>
<div class="caryard-berth-ifo-status-green" title="0002">0002</div>
<div class="caryard-berth-ifo-status-green" title="0001">0003</div>
<div class="caryard-berth-ifo-status-green" title="0001">0004</div>
<div class="caryard-berth-ifo-status-green" title="0001">0005</div>
<div class="caryard-berth-ifo-status-green" title="0001">0006</div>
<div class="caryard-berth-ifo-status-gray" title="0001">0007</div>
<div class="caryard-berth-ifo-status-gray" title="0001">0008</div>
<div class="caryard-berth-ifo-status-gray" title="0001">0009</div>
<div class="caryard-berth-ifo-status-gray" title="0001">0010</div>
<div class="caryard-berth-ifo-status-gray" title="0001">0011</div>
<div class="caryard-berth-ifo-status-gray" title="0001">0012</div>
<div class="caryard-berth-ifo-status-gray" title="0001">0013</div>
<div class="caryard-berth-ifo-status-gray" title="0001">0014</div>
<div class="caryard-berth-ifo-status-gray" title="0001">0015</div>
</li>
<li class="clearfix">
<div class="caryard-berth-ifo-status-green" title="0001">0016</div>
<div class="caryard-berth-ifo-status-green" title="0001">0017</div>
<div class="caryard-berth-ifo-status-green" title="0001">0018</div>
<div class="caryard-berth-ifo-status-green" title="0001">0019</div>
<div class="caryard-berth-ifo-status-green" title="0001">0020</div>
<div class="caryard-berth-ifo-status-green" title="0001">0021</div>
<div class="caryard-berth-ifo-status-gray" title="0001">0022</div>
<div class="caryard-berth-ifo-status-gray" title="0001">0023</div>
<div class="caryard-berth-ifo-status-gray" title="0001">0024</div>
<div class="caryard-berth-ifo-status-gray" title="0001">0025</div>
<div class="caryard-berth-ifo-status-gray" title="0001">0026</div>
<div class="caryard-berth-ifo-status-gray" title="0001">0027</div>
<div class="caryard-berth-ifo-status-gray" title="0001">0028</div>
<div class="caryard-berth-ifo-status-gray" title="0001">0029</div>
<div class="caryard-berth-ifo-status-gray" title="0001">0030</div>
</li>
<li class="clearfix">
<div class="caryard-berth-ifo-status-green" title="0001">0031</div>
<div class="caryard-berth-ifo-status-green" title="0001">0032</div>
<div class="caryard-berth-ifo-status-green" title="0001">0033</div>
<div class="caryard-berth-ifo-status-green" title="0001">0034</div>
<div class="caryard-berth-ifo-status-green" title="0001">0035</div>
<div class="caryard-berth-ifo-status-green" title="0001">0036</div>
<div class="caryard-berth-ifo-status-gray" title="0001">0037</div>
<div class="caryard-berth-ifo-status-gray" title="0001">0038</div>
<div class="caryard-berth-ifo-status-gray" title="0001">0039</div>
<div class="caryard-berth-ifo-status-gray" title="0001">0040</div>
<div class="caryard-berth-ifo-status-gray" title="0001">0041</div>
<div class="caryard-berth-ifo-status-gray" title="0001">0042</div>
<div class="caryard-berth-ifo-status-gray" title="0001">0043</div>
<div class="caryard-berth-ifo-status-gray" title="0001">0044</div>
<div class="caryard-berth-ifo-status-gray" title="0001">0045</div>
</li>
<div class="clearfix"></div>
</ul>
</li>
<li class="display-none">
<div class="caryard-berth-ifo-wrap">
<div class="float-left ITD-common-fontsize18 ITD-common-color000" id="pdaPop-tcc">
</div>
<div class="clearfix"></div>
<div class="m_l_card">
<ul class="pda-information-t">
<li><span class=" information-icon"></span>泊位区间</li>
<li><span class=" information-icon"></span>PDA编号</li>
<li><span class=" information-icon"></span>登入账号</li>
<li><span class=" information-icon"></span>签到状态</li>
<li><span class=" information-icon"></span>签到距离</li>
</ul>
<ul class="pda-information">
<li><div title="水岸天街10号区间">水岸天街10号区间</div><div title="868930020900444">868930020900444</div><div>9230002</div><div class="sign_faild">已签退</div><div>330425.3米</div></li>
<li><div title=""></div><div title="869775012497373">869775012497373</div><div>170008</div><div class="sign_success">已签到</div><div>1075.7米</div></li>
<li><div title=""></div><div title="869775012496714">869775012496714</div><div>10058</div><div class="sign_success">已签到</div><div>4161.4米</div></li>
<li><div title=""></div><div title="869775012497597">869775012497597</div><div>170003</div><div class="sign_success">已签到</div><div>1075.7米</div></li>
</ul>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<script src='../../assets/pages/scripts/operMonFile/pdaMon/pdamonitoring.js'></script>