Commit 62be66876a9a40fc6189b5481b6ad67bb453b541
1 parent
65a236b2
接口平台对接
Showing
8 changed files
with
200 additions
and
1044 deletions
css/libCss/common.css
... | ... | @@ -63,7 +63,7 @@ header{ |
63 | 63 | /*左侧栏--------------------------------------------------*/ |
64 | 64 | .main-wrap{ |
65 | 65 | min-width: 1400px; |
66 | - overflow-x: scroll; | |
66 | + overflow-x: auto; | |
67 | 67 | height: calc(100% - 80px); |
68 | 68 | } |
69 | 69 | nav{ |
... | ... | @@ -238,7 +238,7 @@ section{ |
238 | 238 | .ranking-list{ |
239 | 239 | height: 534px; |
240 | 240 | background-color: #f9f9f9; |
241 | - overflow-y: scroll; | |
241 | + overflow-y: auto; | |
242 | 242 | overflow-x: hidden; |
243 | 243 | } |
244 | 244 | .ranking-list li{ |
... | ... | @@ -307,7 +307,7 @@ section{ |
307 | 307 | .list-con-wrap{ |
308 | 308 | width: 1092px; |
309 | 309 | height: 537px; |
310 | - overflow-y: scroll; | |
310 | + overflow-y: auto; | |
311 | 311 | } |
312 | 312 | |
313 | 313 | .list-con-wrap li{ |
... | ... | @@ -335,7 +335,7 @@ section{ |
335 | 335 | /*API详情----------------------------------------*/ |
336 | 336 | .list-detail-wrap{ |
337 | 337 | height: 581px; |
338 | - overflow-y: scroll; | |
338 | + overflow-y: auto; | |
339 | 339 | } |
340 | 340 | .list-detail-title{ |
341 | 341 | font-size: 20px; | ... | ... |
index.html
... | ... | @@ -56,7 +56,7 @@ |
56 | 56 | <span>总接口数</span> |
57 | 57 | </div> |
58 | 58 | <div class="link-con-main-1 link-con-main"> |
59 | - <span>560</span> | |
59 | + <span id="total_api_no">0</span> | |
60 | 60 | <span>总计(个)</span> |
61 | 61 | <div class="circle-animation"></div> |
62 | 62 | </div> |
... | ... | @@ -66,7 +66,7 @@ |
66 | 66 | <span>今日活跃接口数</span> |
67 | 67 | </div> |
68 | 68 | <div class="link-con-main-2 link-con-main"> |
69 | - <span>56</span> | |
69 | + <span id="total_api_hy__no">0</span> | |
70 | 70 | <span>总计(个)</span> |
71 | 71 | </div> |
72 | 72 | </div> |
... | ... | @@ -83,81 +83,6 @@ |
83 | 83 | <span>调用排行榜</span> |
84 | 84 | </div> |
85 | 85 | <ul class="ranking-list"> |
86 | - <li> | |
87 | - <div></div> | |
88 | - <div title="任你停微信支付接口">任你停微信支付接口任你停微信支付接口</div> | |
89 | - <div>99</div> | |
90 | - </li> | |
91 | - <li> | |
92 | - <div></div> | |
93 | - <div title="任你停微信支付接口">任你停微信支付接口任你停微信支付接口</div> | |
94 | - <div>99</div> | |
95 | - </li> | |
96 | - <li> | |
97 | - <div></div> | |
98 | - <div title="任你停微信支付接口">任你停微信支付接口任你停微信支付接口</div> | |
99 | - <div>99</div> | |
100 | - </li> | |
101 | - <li> | |
102 | - <div>7</div> | |
103 | - <div title="任你停微信支付接口">任你停微信支付接口任你停微信支付接口</div> | |
104 | - <div>99</div> | |
105 | - </li> | |
106 | - <li> | |
107 | - <div>8</div> | |
108 | - <div title="任你停微信支付接口">任你停微信支付接口任你停微信支付接口</div> | |
109 | - <div>99</div> | |
110 | - </li> | |
111 | - <li> | |
112 | - <div>9</div> | |
113 | - <div title="任你停微信支付接口">任你停微信支付接口任你停微信支付接口</div> | |
114 | - <div>99</div> | |
115 | - </li> | |
116 | - <li> | |
117 | - <div>10</div> | |
118 | - <div title="任你停微信支付接口">任你停微信支付接口任你停微信支付接口</div> | |
119 | - <div>99</div> | |
120 | - </li> | |
121 | - <li> | |
122 | - <div>11</div> | |
123 | - <div title="任你停微信支付接口">任你停微信支付接口任你停微信支付接口</div> | |
124 | - <div>99</div> | |
125 | - </li> | |
126 | - <li> | |
127 | - <div>12</div> | |
128 | - <div title="任你停微信支付接口">任你停微信支付接口任你停微信支付接口</div> | |
129 | - <div>99</div> | |
130 | - </li> | |
131 | - <li> | |
132 | - <div>7</div> | |
133 | - <div title="任你停微信支付接口">任你停微信支付接口任你停微信支付接口</div> | |
134 | - <div>399</div> | |
135 | - </li> | |
136 | - <li> | |
137 | - <div>88</div> | |
138 | - <div title="任你停微信支付接口">任你停微信支付接口任你停微信支付接口</div> | |
139 | - <div>299</div> | |
140 | - </li> | |
141 | - <li> | |
142 | - <div>99</div> | |
143 | - <div title="任你停微信支付接口">任你停微信支付接口任你停微信支付接口</div> | |
144 | - <div>199</div> | |
145 | - </li> | |
146 | - <li> | |
147 | - <div>7</div> | |
148 | - <div title="任你停微信支付接口">任你停微信支付接口任你停微信支付接口</div> | |
149 | - <div>9</div> | |
150 | - </li> | |
151 | - <li> | |
152 | - <div>8</div> | |
153 | - <div title="任你停微信支付接口">任你停微信支付接口任你停微信支付接口</div> | |
154 | - <div>9</div> | |
155 | - </li> | |
156 | - <li> | |
157 | - <div>9</div> | |
158 | - <div title="任你停微信支付接口">任你停微信支付接口任你停微信支付接口</div> | |
159 | - <div>9</div> | |
160 | - </li> | |
161 | 86 | </ul> |
162 | 87 | </div> |
163 | 88 | </div> |
... | ... | @@ -171,270 +96,6 @@ |
171 | 96 | <li class="float-left">描述</li> |
172 | 97 | </ul> |
173 | 98 | <ul class="list-con-wrap" id="list-con-wrap"> |
174 | - <li> | |
175 | - <div class="float-left"> | |
176 | - <span data-id="1">名称名称名称名称名称</span> | |
177 | - </div> | |
178 | - <div class="float-left">名称名称名称名称名称</div> | |
179 | - </li> | |
180 | - <li> | |
181 | - <div class="float-left"> | |
182 | - <span>名称名称名称名称名称</span> | |
183 | - </div> | |
184 | - <div class="float-left">名称名称名称名称名称</div> | |
185 | - </li> | |
186 | - <li> | |
187 | - <div class="float-left"> | |
188 | - <span>名称名称名称名称名称</span> | |
189 | - </div> | |
190 | - <div class="float-left">名称名称名称名称名称</div> | |
191 | - </li> | |
192 | - <li> | |
193 | - <div class="float-left"> | |
194 | - <span>名称名称名称名称名称</span> | |
195 | - </div> | |
196 | - <div class="float-left">名称名称名称名称名称</div> | |
197 | - </li> | |
198 | - <li> | |
199 | - <div class="float-left"> | |
200 | - <span>名称名称名称名称名称</span> | |
201 | - </div> | |
202 | - <div class="float-left">名称名称名称名称名称</div> | |
203 | - </li> | |
204 | - <li> | |
205 | - <div class="float-left"> | |
206 | - <span>名称名称名称名称名称</span> | |
207 | - </div> | |
208 | - <div class="float-left">名称名称名称名称名称</div> | |
209 | - </li> | |
210 | - <li> | |
211 | - <div class="float-left"> | |
212 | - <span>名称名称名称名称名称</span> | |
213 | - </div> | |
214 | - <div class="float-left">名称名称名称名称名称</div> | |
215 | - </li> | |
216 | - <li> | |
217 | - <div class="float-left"> | |
218 | - <span>名称名称名称名称名称</span> | |
219 | - </div> | |
220 | - <div class="float-left">名称名称名称名称名称</div> | |
221 | - </li> | |
222 | - <li> | |
223 | - <div class="float-left"> | |
224 | - <span>名称名称名称名称名称</span> | |
225 | - </div> | |
226 | - <div class="float-left">名称名称名称名称名称</div> | |
227 | - </li> | |
228 | - <li> | |
229 | - <div class="float-left"> | |
230 | - <span>名称名称名称名称名称</span> | |
231 | - </div> | |
232 | - <div class="float-left">名称名称名称名称名称</div> | |
233 | - </li> | |
234 | - <li> | |
235 | - <div class="float-left"> | |
236 | - <span>名称名称名称名称名称</span> | |
237 | - </div> | |
238 | - <div class="float-left">名称名称名称名称名称</div> | |
239 | - </li> | |
240 | - <li> | |
241 | - <div class="float-left"> | |
242 | - <span>名称名称名称名称名称</span> | |
243 | - </div> | |
244 | - <div class="float-left">名称名称名称名称名称</div> | |
245 | - </li> | |
246 | - <li> | |
247 | - <div class="float-left"> | |
248 | - <span>名称名称名称名称名称</span> | |
249 | - </div> | |
250 | - <div class="float-left">名称名称名称名称名称</div> | |
251 | - </li> | |
252 | - <li> | |
253 | - <div class="float-left"> | |
254 | - <span>名称名称名称名称名称</span> | |
255 | - </div> | |
256 | - <div class="float-left">名称名称名称名称名称</div> | |
257 | - </li> | |
258 | - <li> | |
259 | - <div class="float-left"> | |
260 | - <span>名称名称名称名称名称</span> | |
261 | - </div> | |
262 | - <div class="float-left">名称名称名称名称名称</div> | |
263 | - </li> | |
264 | - <li> | |
265 | - <div class="float-left"> | |
266 | - <span>名称名称名称名称名称</span> | |
267 | - </div> | |
268 | - <div class="float-left">名称名称名称名称名称</div> | |
269 | - </li> | |
270 | - <li> | |
271 | - <div class="float-left"> | |
272 | - <span>名称名称名称名称名称</span> | |
273 | - </div> | |
274 | - <div class="float-left">名称名称名称名称名称</div> | |
275 | - </li> | |
276 | - <li> | |
277 | - <div class="float-left"> | |
278 | - <span>名称名称名称名称名称</span> | |
279 | - </div> | |
280 | - <div class="float-left">名称名称名称名称名称</div> | |
281 | - </li> | |
282 | - <li> | |
283 | - <div class="float-left"> | |
284 | - <span>名称名称名称名称名称</span> | |
285 | - </div> | |
286 | - <div class="float-left">名称名称名称名称名称</div> | |
287 | - </li> | |
288 | - <li> | |
289 | - <div class="float-left"> | |
290 | - <span>名称名称名称名称名称</span> | |
291 | - </div> | |
292 | - <div class="float-left">名称名称名称名称名称</div> | |
293 | - </li> | |
294 | - <li> | |
295 | - <div class="float-left"> | |
296 | - <span>名称名称名称名称名称</span> | |
297 | - </div> | |
298 | - <div class="float-left">名称名称名称名称名称</div> | |
299 | - </li> | |
300 | - <li> | |
301 | - <div class="float-left"> | |
302 | - <span>名称名称名称名称名称</span> | |
303 | - </div> | |
304 | - <div class="float-left">名称名称名称名称名称</div> | |
305 | - </li> | |
306 | - <li> | |
307 | - <div class="float-left"> | |
308 | - <span>名称名称名称名称名称</span> | |
309 | - </div> | |
310 | - <div class="float-left">名称名称名称名称名称</div> | |
311 | - </li> | |
312 | - <li> | |
313 | - <div class="float-left"> | |
314 | - <span>名称名称名称名称名称</span> | |
315 | - </div> | |
316 | - <div class="float-left">名称名称名称名称名称</div> | |
317 | - </li> | |
318 | - <li> | |
319 | - <div class="float-left"> | |
320 | - <span>名称名称名称名称名称</span> | |
321 | - </div> | |
322 | - <div class="float-left">名称名称名称名称名称</div> | |
323 | - </li> | |
324 | - <li> | |
325 | - <div class="float-left"> | |
326 | - <span>名称名称名称名称名称</span> | |
327 | - </div> | |
328 | - <div class="float-left">名称名称名称名称名称</div> | |
329 | - </li> | |
330 | - <li> | |
331 | - <div class="float-left"> | |
332 | - <span>名称名称名称名称名称</span> | |
333 | - </div> | |
334 | - <div class="float-left">名称名称名称名称名称</div> | |
335 | - </li> | |
336 | - <li> | |
337 | - <div class="float-left"> | |
338 | - <span>名称名称名称名称名称</span> | |
339 | - </div> | |
340 | - <div class="float-left">名称名称名称名称名称</div> | |
341 | - </li> | |
342 | - <li> | |
343 | - <div class="float-left"> | |
344 | - <span>名称名称名称名称名称</span> | |
345 | - </div> | |
346 | - <div class="float-left">名称名称名称名称名称</div> | |
347 | - </li> | |
348 | - <li> | |
349 | - <div class="float-left"> | |
350 | - <span>名称名称名称名称名称</span> | |
351 | - </div> | |
352 | - <div class="float-left">名称名称名称名称名称</div> | |
353 | - </li> | |
354 | - <li> | |
355 | - <div class="float-left"> | |
356 | - <span>名称名称名称名称名称</span> | |
357 | - </div> | |
358 | - <div class="float-left">名称名称名称名称名称</div> | |
359 | - </li> | |
360 | - <li> | |
361 | - <div class="float-left"> | |
362 | - <span>名称名称名称名称名称</span> | |
363 | - </div> | |
364 | - <div class="float-left">名称名称名称名称名称</div> | |
365 | - </li> | |
366 | - <li> | |
367 | - <div class="float-left"> | |
368 | - <span>名称名称名称名称名称</span> | |
369 | - </div> | |
370 | - <div class="float-left">名称名称名称名称名称</div> | |
371 | - </li> | |
372 | - <li> | |
373 | - <div class="float-left"> | |
374 | - <span>名称名称名称名称名称</span> | |
375 | - </div> | |
376 | - <div class="float-left">名称名称名称名称名称</div> | |
377 | - </li> | |
378 | - <li> | |
379 | - <div class="float-left"> | |
380 | - <span>名称名称名称名称名称</span> | |
381 | - </div> | |
382 | - <div class="float-left">名称名称名称名称名称</div> | |
383 | - </li> | |
384 | - <li> | |
385 | - <div class="float-left"> | |
386 | - <span>名称名称名称名称名称</span> | |
387 | - </div> | |
388 | - <div class="float-left">名称名称名称名称名称</div> | |
389 | - </li> | |
390 | - <li> | |
391 | - <div class="float-left"> | |
392 | - <span>名称名称名称名称名称</span> | |
393 | - </div> | |
394 | - <div class="float-left">名称名称名称名称名称</div> | |
395 | - </li> | |
396 | - <li> | |
397 | - <div class="float-left"> | |
398 | - <span>名称名称名称名称名称</span> | |
399 | - </div> | |
400 | - <div class="float-left">名称名称名称名称名称</div> | |
401 | - </li> | |
402 | - <li> | |
403 | - <div class="float-left"> | |
404 | - <span>名称名称名称名称名称</span> | |
405 | - </div> | |
406 | - <div class="float-left">名称名称名称名称名称</div> | |
407 | - </li> | |
408 | - <li> | |
409 | - <div class="float-left"> | |
410 | - <span>名称名称名称名称名称</span> | |
411 | - </div> | |
412 | - <div class="float-left">名称名称名称名称名称</div> | |
413 | - </li> | |
414 | - <li> | |
415 | - <div class="float-left"> | |
416 | - <span>名称名称名称名称名称</span> | |
417 | - </div> | |
418 | - <div class="float-left">名称名称名称名称名称</div> | |
419 | - </li> | |
420 | - <li> | |
421 | - <div class="float-left"> | |
422 | - <span>名称名称名称名称名称</span> | |
423 | - </div> | |
424 | - <div class="float-left">名称名称名称名称名称</div> | |
425 | - </li> | |
426 | - <li> | |
427 | - <div class="float-left"> | |
428 | - <span>名称名称名称名称名称</span> | |
429 | - </div> | |
430 | - <div class="float-left">名称名称名称名称名称</div> | |
431 | - </li> | |
432 | - <li> | |
433 | - <div class="float-left"> | |
434 | - <span>名称名称名称名称名称</span> | |
435 | - </div> | |
436 | - <div class="float-left">名称名称名称名称名称</div> | |
437 | - </li> | |
438 | 99 | </ul> |
439 | 100 | </div> |
440 | 101 | ... | ... |
js/index.js
... | ... | @@ -21,7 +21,7 @@ var fun = { |
21 | 21 | grid: { |
22 | 22 | left: '0', |
23 | 23 | right: '3%', |
24 | - bottom: '0', | |
24 | + bottom: '1%', | |
25 | 25 | top:'3%', |
26 | 26 | containLabel: true |
27 | 27 | }, |
... | ... | @@ -30,7 +30,7 @@ var fun = { |
30 | 30 | boundaryGap: false, |
31 | 31 | type : 'category', |
32 | 32 | boundaryGap : false, |
33 | - data : ['周一','周二','周三','周四','周五','周六','周日'], | |
33 | + data : ['首页','支付','我的管理','余额','会员卡','车牌'], | |
34 | 34 | axisTick:{ |
35 | 35 | show:false, |
36 | 36 | }, |
... | ... | @@ -92,18 +92,72 @@ var fun = { |
92 | 92 | width:3, |
93 | 93 | } |
94 | 94 | }, |
95 | - data:[120, 132, 101, 134, 90, 230, 210] | |
95 | + data:[4, 12, 14, 9, 8, 3, 8] | |
96 | 96 | }, |
97 | 97 | |
98 | 98 | ] |
99 | 99 | }; |
100 | - | |
101 | - | |
100 | + homePage(); | |
101 | + queryApiList(); | |
102 | 102 | // 使用刚指定的配置项和数据显示图表。 |
103 | 103 | myChart.setOption(option); |
104 | 104 | }, |
105 | 105 | }; |
106 | 106 | fun.init(); |
107 | + | |
108 | +function homePage(){ | |
109 | + var req = { | |
110 | + sysCode: sysComm.sysCode, | |
111 | + apiType: 1 | |
112 | + }; | |
113 | + sysAjax({ | |
114 | + method: "post", | |
115 | + url: dataUrl.util.queryHomePage(), | |
116 | + data: JSON.stringify(req), | |
117 | + contentType: 'application/json; charset=utf-8', | |
118 | + dataType: 'json', | |
119 | + async: false, | |
120 | + success: function(res) { | |
121 | + $('#total_api_no').text(res.apiCount); | |
122 | + $('#total_api_hy__no').text(res.apiHYCount) | |
123 | + $.each(res.apiListDTO, function (index, domEle) { | |
124 | + var str = '<li>'; | |
125 | + str += '<div></div>'; | |
126 | + str += '<div title="任你停微信支付接口">'+domEle.uddi+'</div>'; | |
127 | + str += '<div>'+domEle.apiCount+'</div>'; | |
128 | + str += '</li>'; | |
129 | + $('.ranking-list').append(str) | |
130 | + }); | |
131 | + } | |
132 | + }); | |
133 | +}; | |
134 | + | |
135 | +function queryApiList(){ | |
136 | + var req = { | |
137 | + sysCode: sysComm.sysCode, | |
138 | + apiType: 1 | |
139 | + }; | |
140 | + sysAjax({ | |
141 | + method: "post", | |
142 | + url: dataUrl.util.queryApiList(), | |
143 | + data: JSON.stringify(req), | |
144 | + contentType: 'application/json; charset=utf-8', | |
145 | + dataType: 'json', | |
146 | + async: false, | |
147 | + success: function(res) { | |
148 | + $.each(res, function (index, domEle) { | |
149 | + var str = '<li>'; | |
150 | + str += '<div class="float-left">'; | |
151 | + str += '<span data-id="'+domEle.url+'">'+domEle.code+'</span>'; | |
152 | + str += '</div>'; | |
153 | + str += '<div class="float-left">'+domEle.uddi+'</div>'; | |
154 | + str += '</li>'; | |
155 | + $('#list-con-wrap').append(str) | |
156 | + }); | |
157 | + } | |
158 | + }); | |
159 | +}; | |
160 | + | |
107 | 161 | $('#link-div span').on('click',function () { |
108 | 162 | var index = $(this).index(); |
109 | 163 | $(this).addClass('linkActive').siblings('span').removeClass('linkActive'); |
... | ... | @@ -114,8 +168,8 @@ $('#link-div span').on('click',function () { |
114 | 168 | }); |
115 | 169 | $(document).delegate('#list-con-wrap li span','click',function () { |
116 | 170 | var id = $(this).attr('data-id'); |
117 | - alert(id); | |
118 | - $('#list-main-wrap').addClass('display-none'); | |
119 | - $('#list-detail-wrap').removeClass('display-none'); | |
171 | + window.open(id); | |
172 | + /* $('#list-main-wrap').addClass('display-none'); | |
173 | + $('#list-detail-wrap').removeClass('display-none');*/ | |
120 | 174 | }); |
121 | 175 | ... | ... |
js/pdalatform.js
... | ... | @@ -30,7 +30,7 @@ var fun = { |
30 | 30 | boundaryGap: false, |
31 | 31 | type : 'category', |
32 | 32 | boundaryGap : false, |
33 | - data : ['周一','周二','周三','周四','周五','周六','周日'], | |
33 | + data : ['首页','入场','出场','欠费补缴','停车记录','退款'], | |
34 | 34 | axisTick:{ |
35 | 35 | show:false, |
36 | 36 | }, |
... | ... | @@ -92,18 +92,74 @@ var fun = { |
92 | 92 | width:3, |
93 | 93 | } |
94 | 94 | }, |
95 | - data:[120, 132, 101, 134, 90, 230, 210] | |
95 | + data:[5, 8, 2, 12, 3, 9, 8] | |
96 | 96 | }, |
97 | 97 | |
98 | 98 | ] |
99 | 99 | }; |
100 | - | |
100 | +homePage(); | |
101 | + queryApiList(); | |
101 | 102 | |
102 | 103 | // 使用刚指定的配置项和数据显示图表。 |
103 | 104 | myChart.setOption(option); |
104 | 105 | }, |
105 | 106 | }; |
106 | 107 | fun.init(); |
108 | + | |
109 | +function homePage(){ | |
110 | + var req = { | |
111 | + sysCode: sysComm.sysCode, | |
112 | + apiType: 2 | |
113 | + }; | |
114 | + sysAjax({ | |
115 | + method: "post", | |
116 | + url: dataUrl.util.queryHomePage(), | |
117 | + data: JSON.stringify(req), | |
118 | + contentType: 'application/json; charset=utf-8', | |
119 | + dataType: 'json', | |
120 | + async: false, | |
121 | + success: function(res) { | |
122 | + $('#total_api_no_pda').text(res.apiCount); | |
123 | + $('#total_api_hy__no_pda').text(res.apiHYCount) | |
124 | + $.each(res.apiListDTO, function (index, domEle) { | |
125 | + var str = '<li>'; | |
126 | + str += '<div></div>'; | |
127 | + str += '<div title="任你停微信支付接口">'+domEle.uddi+'</div>'; | |
128 | + str += '<div>'+domEle.apiCount+'</div>'; | |
129 | + str += '</li>'; | |
130 | + $('.ranking-list').append(str) | |
131 | + }); | |
132 | + } | |
133 | + }); | |
134 | +}; | |
135 | + | |
136 | +function queryApiList(){ | |
137 | + var req = { | |
138 | + sysCode: sysComm.sysCode, | |
139 | + apiType: 2 | |
140 | + }; | |
141 | + sysAjax({ | |
142 | + method: "post", | |
143 | + url: dataUrl.util.queryApiList(), | |
144 | + data: JSON.stringify(req), | |
145 | + contentType: 'application/json; charset=utf-8', | |
146 | + dataType: 'json', | |
147 | + async: false, | |
148 | + success: function(res) { | |
149 | + $.each(res, function (index, domEle) { | |
150 | + var str = '<li>'; | |
151 | + str += '<div class="float-left">'; | |
152 | + str += '<span data-id="'+domEle.url+'">'+domEle.code+'</span>'; | |
153 | + str += '</div>'; | |
154 | + str += '<div class="float-left">'+domEle.uddi+'</div>'; | |
155 | + str += '</li>'; | |
156 | + $('#list-con-wrap').append(str) | |
157 | + }); | |
158 | + } | |
159 | + }); | |
160 | +}; | |
161 | + | |
162 | + | |
107 | 163 | $('#link-div span').on('click',function () { |
108 | 164 | var index = $(this).index(); |
109 | 165 | $(this).addClass('linkActive').siblings('span').removeClass('linkActive'); |
... | ... | @@ -114,8 +170,6 @@ $('#link-div span').on('click',function () { |
114 | 170 | }); |
115 | 171 | $(document).delegate('#list-con-wrap li span','click',function () { |
116 | 172 | var id = $(this).attr('data-id'); |
117 | - alert(id); | |
118 | - $('#list-main-wrap').addClass('display-none'); | |
119 | - $('#list-detail-wrap').removeClass('display-none'); | |
173 | + window.open(id); | |
120 | 174 | }); |
121 | 175 | ... | ... |
js/unit.js
... | ... | @@ -19,9 +19,9 @@ sysComm = { |
19 | 19 | // var authUrl = 'http://sys.service.rnting.com/';// 鉴权URL公用地址 |
20 | 20 | |
21 | 21 | //61环境,别删 |
22 | -var baseUrl = 'http://61.177.139.228:18088/';// url公用地址 | |
23 | -var parkcloudbaseUrl = 'http://61.177.139.228:18093/';// url公用地址 | |
24 | -var authUrl = 'http://61.177.139.228:18088/';// 鉴权URL公用地址 | |
22 | +var baseUrl = 'http://localhost:8099/';// url公用地址 | |
23 | +var parkcloudbaseUrl = 'http://localhost:8099/';// url公用地址 | |
24 | +var authUrl = 'http://localhost:8099/';// 鉴权URL公用地址 | |
25 | 25 | |
26 | 26 | |
27 | 27 | var dataUrl = dataUrl || {}; |
... | ... | @@ -56,7 +56,13 @@ dataUrl.util = { |
56 | 56 | return baseUrl + 'oauth/loginout' |
57 | 57 | }, |
58 | 58 | |
59 | - | |
59 | + queryHomePage: function () { | |
60 | + return baseUrl + 'api/apiHome' | |
61 | + }, | |
62 | + queryApiList: function () { | |
63 | + return baseUrl + 'api/apiList' | |
64 | + }, | |
65 | + | |
60 | 66 | } |
61 | 67 | //公共方法 |
62 | 68 | fn = { | ... | ... |
js/wechatlatform.js
... | ... | @@ -98,12 +98,68 @@ var fun = { |
98 | 98 | ] |
99 | 99 | }; |
100 | 100 | |
101 | - | |
101 | + homePage(); | |
102 | + queryApiList(); | |
102 | 103 | // 使用刚指定的配置项和数据显示图表。 |
103 | 104 | myChart.setOption(option); |
104 | 105 | }, |
105 | 106 | }; |
106 | 107 | fun.init(); |
108 | + | |
109 | +function homePage(){ | |
110 | + var req = { | |
111 | + sysCode: sysComm.sysCode, | |
112 | + apiType: 3 | |
113 | + }; | |
114 | + sysAjax({ | |
115 | + method: "post", | |
116 | + url: dataUrl.util.queryHomePage(), | |
117 | + data: JSON.stringify(req), | |
118 | + contentType: 'application/json; charset=utf-8', | |
119 | + dataType: 'json', | |
120 | + async: false, | |
121 | + success: function(res) { | |
122 | + $('#total_api_no_wx').text(res.apiCount); | |
123 | + $('#total_api_hy__no_wx').text(res.apiHYCount) | |
124 | + $.each(res.apiListDTO, function (index, domEle) { | |
125 | + var str = '<li>'; | |
126 | + str += '<div></div>'; | |
127 | + str += '<div title="任你停微信支付接口">'+domEle.uddi+'</div>'; | |
128 | + str += '<div>'+domEle.apiCount+'</div>'; | |
129 | + str += '</li>'; | |
130 | + $('.ranking-list').append(str) | |
131 | + }); | |
132 | + } | |
133 | + }); | |
134 | +}; | |
135 | + | |
136 | +function queryApiList(){ | |
137 | + var req = { | |
138 | + sysCode: sysComm.sysCode, | |
139 | + apiType: 3 | |
140 | + }; | |
141 | + sysAjax({ | |
142 | + method: "post", | |
143 | + url: dataUrl.util.queryApiList(), | |
144 | + data: JSON.stringify(req), | |
145 | + contentType: 'application/json; charset=utf-8', | |
146 | + dataType: 'json', | |
147 | + async: false, | |
148 | + success: function(res) { | |
149 | + $.each(res, function (index, domEle) { | |
150 | + var str = '<li>'; | |
151 | + str += '<div class="float-left">'; | |
152 | + str += '<span data-id="'+domEle.url+'">'+domEle.code+'</span>'; | |
153 | + str += '</div>'; | |
154 | + str += '<div class="float-left">'+domEle.uddi+'</div>'; | |
155 | + str += '</li>'; | |
156 | + $('#list-con-wrap').append(str) | |
157 | + }); | |
158 | + } | |
159 | + }); | |
160 | +}; | |
161 | + | |
162 | + | |
107 | 163 | $('#link-div span').on('click',function () { |
108 | 164 | var index = $(this).index(); |
109 | 165 | $(this).addClass('linkActive').siblings('span').removeClass('linkActive'); |
... | ... | @@ -114,8 +170,6 @@ $('#link-div span').on('click',function () { |
114 | 170 | }); |
115 | 171 | $(document).delegate('#list-con-wrap li span','click',function () { |
116 | 172 | var id = $(this).attr('data-id'); |
117 | - alert(id); | |
118 | - $('#list-main-wrap').addClass('display-none'); | |
119 | - $('#list-detail-wrap').removeClass('display-none'); | |
173 | + window.open(id); | |
120 | 174 | }); |
121 | 175 | ... | ... |
pdalatform.html
... | ... | @@ -56,7 +56,7 @@ |
56 | 56 | <span>总接口数</span> |
57 | 57 | </div> |
58 | 58 | <div class="link-con-main-1 link-con-main"> |
59 | - <span>560</span> | |
59 | + <span id="total_api_no_pda">0</span> | |
60 | 60 | <span>总计(个)</span> |
61 | 61 | <div class="circle-animation"></div> |
62 | 62 | </div> |
... | ... | @@ -66,7 +66,7 @@ |
66 | 66 | <span>今日活跃接口数</span> |
67 | 67 | </div> |
68 | 68 | <div class="link-con-main-2 link-con-main"> |
69 | - <span>56</span> | |
69 | + <span id="total_api_hy__no_pda">0</span> | |
70 | 70 | <span>总计(个)</span> |
71 | 71 | </div> |
72 | 72 | </div> |
... | ... | @@ -84,76 +84,6 @@ |
84 | 84 | </div> |
85 | 85 | <ul class="ranking-list"> |
86 | 86 | <li> |
87 | - <div></div> | |
88 | - <div title="PDA支付接口">PDA支付接口PDA支付接口</div> | |
89 | - <div>99</div> | |
90 | - </li> | |
91 | - <li> | |
92 | - <div></div> | |
93 | - <div title="PDA支付接口">PDA支付接口PDA支付接口</div> | |
94 | - <div>99</div> | |
95 | - </li> | |
96 | - <li> | |
97 | - <div></div> | |
98 | - <div title="PDA支付接口">PDA支付接口PDA支付接口</div> | |
99 | - <div>99</div> | |
100 | - </li> | |
101 | - <li> | |
102 | - <div>7</div> | |
103 | - <div title="PDA支付接口">PDA支付接口PDA支付接口</div> | |
104 | - <div>99</div> | |
105 | - </li> | |
106 | - <li> | |
107 | - <div>8</div> | |
108 | - <div title="PDA支付接口">PDA支付接口PDA支付接口</div> | |
109 | - <div>99</div> | |
110 | - </li> | |
111 | - <li> | |
112 | - <div>9</div> | |
113 | - <div title="PDA支付接口">PDA支付接口PDA支付接口</div> | |
114 | - <div>99</div> | |
115 | - </li> | |
116 | - <li> | |
117 | - <div>10</div> | |
118 | - <div title="PDA支付接口">PDA支付接口PDA支付接口</div> | |
119 | - <div>99</div> | |
120 | - </li> | |
121 | - <li> | |
122 | - <div>11</div> | |
123 | - <div title="PDA支付接口">PDA支付接口PDA支付接口</div> | |
124 | - <div>99</div> | |
125 | - </li> | |
126 | - <li> | |
127 | - <div>12</div> | |
128 | - <div title="PDA支付接口">PDA支付接口PDA支付接口</div> | |
129 | - <div>99</div> | |
130 | - </li> | |
131 | - <li> | |
132 | - <div>7</div> | |
133 | - <div title="PDA支付接口">PDA支付接口PDA支付接口</div> | |
134 | - <div>399</div> | |
135 | - </li> | |
136 | - <li> | |
137 | - <div>88</div> | |
138 | - <div title="PDA支付接口">PDA支付接口PDA支付接口</div> | |
139 | - <div>299</div> | |
140 | - </li> | |
141 | - <li> | |
142 | - <div>99</div> | |
143 | - <div title="PDA支付接口">PDA支付接口PDA支付接口</div> | |
144 | - <div>199</div> | |
145 | - </li> | |
146 | - <li> | |
147 | - <div>7</div> | |
148 | - <div title="PDA支付接口">PDA支付接口PDA支付接口</div> | |
149 | - <div>9</div> | |
150 | - </li> | |
151 | - <li> | |
152 | - <div>8</div> | |
153 | - <div title="PDA支付接口">PDA支付接口PDA支付接口</div> | |
154 | - <div>9</div> | |
155 | - </li> | |
156 | - <li> | |
157 | 87 | <div>9</div> |
158 | 88 | <div title="PDA支付接口">PDA支付接口PDA支付接口</div> |
159 | 89 | <div>9</div> |
... | ... | @@ -171,270 +101,6 @@ |
171 | 101 | <li class="float-left">描述</li> |
172 | 102 | </ul> |
173 | 103 | <ul class="list-con-wrap" id="list-con-wrap"> |
174 | - <li> | |
175 | - <div class="float-left"> | |
176 | - <span data-id="1">名称名称名称名称名称</span> | |
177 | - </div> | |
178 | - <div class="float-left">名称名称名称名称名称</div> | |
179 | - </li> | |
180 | - <li> | |
181 | - <div class="float-left"> | |
182 | - <span>名称名称名称名称名称</span> | |
183 | - </div> | |
184 | - <div class="float-left">名称名称名称名称名称</div> | |
185 | - </li> | |
186 | - <li> | |
187 | - <div class="float-left"> | |
188 | - <span>名称名称名称名称名称</span> | |
189 | - </div> | |
190 | - <div class="float-left">名称名称名称名称名称</div> | |
191 | - </li> | |
192 | - <li> | |
193 | - <div class="float-left"> | |
194 | - <span>名称名称名称名称名称</span> | |
195 | - </div> | |
196 | - <div class="float-left">名称名称名称名称名称</div> | |
197 | - </li> | |
198 | - <li> | |
199 | - <div class="float-left"> | |
200 | - <span>名称名称名称名称名称</span> | |
201 | - </div> | |
202 | - <div class="float-left">名称名称名称名称名称</div> | |
203 | - </li> | |
204 | - <li> | |
205 | - <div class="float-left"> | |
206 | - <span>名称名称名称名称名称</span> | |
207 | - </div> | |
208 | - <div class="float-left">名称名称名称名称名称</div> | |
209 | - </li> | |
210 | - <li> | |
211 | - <div class="float-left"> | |
212 | - <span>名称名称名称名称名称</span> | |
213 | - </div> | |
214 | - <div class="float-left">名称名称名称名称名称</div> | |
215 | - </li> | |
216 | - <li> | |
217 | - <div class="float-left"> | |
218 | - <span>名称名称名称名称名称</span> | |
219 | - </div> | |
220 | - <div class="float-left">名称名称名称名称名称</div> | |
221 | - </li> | |
222 | - <li> | |
223 | - <div class="float-left"> | |
224 | - <span>名称名称名称名称名称</span> | |
225 | - </div> | |
226 | - <div class="float-left">名称名称名称名称名称</div> | |
227 | - </li> | |
228 | - <li> | |
229 | - <div class="float-left"> | |
230 | - <span>名称名称名称名称名称</span> | |
231 | - </div> | |
232 | - <div class="float-left">名称名称名称名称名称</div> | |
233 | - </li> | |
234 | - <li> | |
235 | - <div class="float-left"> | |
236 | - <span>名称名称名称名称名称</span> | |
237 | - </div> | |
238 | - <div class="float-left">名称名称名称名称名称</div> | |
239 | - </li> | |
240 | - <li> | |
241 | - <div class="float-left"> | |
242 | - <span>名称名称名称名称名称</span> | |
243 | - </div> | |
244 | - <div class="float-left">名称名称名称名称名称</div> | |
245 | - </li> | |
246 | - <li> | |
247 | - <div class="float-left"> | |
248 | - <span>名称名称名称名称名称</span> | |
249 | - </div> | |
250 | - <div class="float-left">名称名称名称名称名称</div> | |
251 | - </li> | |
252 | - <li> | |
253 | - <div class="float-left"> | |
254 | - <span>名称名称名称名称名称</span> | |
255 | - </div> | |
256 | - <div class="float-left">名称名称名称名称名称</div> | |
257 | - </li> | |
258 | - <li> | |
259 | - <div class="float-left"> | |
260 | - <span>名称名称名称名称名称</span> | |
261 | - </div> | |
262 | - <div class="float-left">名称名称名称名称名称</div> | |
263 | - </li> | |
264 | - <li> | |
265 | - <div class="float-left"> | |
266 | - <span>名称名称名称名称名称</span> | |
267 | - </div> | |
268 | - <div class="float-left">名称名称名称名称名称</div> | |
269 | - </li> | |
270 | - <li> | |
271 | - <div class="float-left"> | |
272 | - <span>名称名称名称名称名称</span> | |
273 | - </div> | |
274 | - <div class="float-left">名称名称名称名称名称</div> | |
275 | - </li> | |
276 | - <li> | |
277 | - <div class="float-left"> | |
278 | - <span>名称名称名称名称名称</span> | |
279 | - </div> | |
280 | - <div class="float-left">名称名称名称名称名称</div> | |
281 | - </li> | |
282 | - <li> | |
283 | - <div class="float-left"> | |
284 | - <span>名称名称名称名称名称</span> | |
285 | - </div> | |
286 | - <div class="float-left">名称名称名称名称名称</div> | |
287 | - </li> | |
288 | - <li> | |
289 | - <div class="float-left"> | |
290 | - <span>名称名称名称名称名称</span> | |
291 | - </div> | |
292 | - <div class="float-left">名称名称名称名称名称</div> | |
293 | - </li> | |
294 | - <li> | |
295 | - <div class="float-left"> | |
296 | - <span>名称名称名称名称名称</span> | |
297 | - </div> | |
298 | - <div class="float-left">名称名称名称名称名称</div> | |
299 | - </li> | |
300 | - <li> | |
301 | - <div class="float-left"> | |
302 | - <span>名称名称名称名称名称</span> | |
303 | - </div> | |
304 | - <div class="float-left">名称名称名称名称名称</div> | |
305 | - </li> | |
306 | - <li> | |
307 | - <div class="float-left"> | |
308 | - <span>名称名称名称名称名称</span> | |
309 | - </div> | |
310 | - <div class="float-left">名称名称名称名称名称</div> | |
311 | - </li> | |
312 | - <li> | |
313 | - <div class="float-left"> | |
314 | - <span>名称名称名称名称名称</span> | |
315 | - </div> | |
316 | - <div class="float-left">名称名称名称名称名称</div> | |
317 | - </li> | |
318 | - <li> | |
319 | - <div class="float-left"> | |
320 | - <span>名称名称名称名称名称</span> | |
321 | - </div> | |
322 | - <div class="float-left">名称名称名称名称名称</div> | |
323 | - </li> | |
324 | - <li> | |
325 | - <div class="float-left"> | |
326 | - <span>名称名称名称名称名称</span> | |
327 | - </div> | |
328 | - <div class="float-left">名称名称名称名称名称</div> | |
329 | - </li> | |
330 | - <li> | |
331 | - <div class="float-left"> | |
332 | - <span>名称名称名称名称名称</span> | |
333 | - </div> | |
334 | - <div class="float-left">名称名称名称名称名称</div> | |
335 | - </li> | |
336 | - <li> | |
337 | - <div class="float-left"> | |
338 | - <span>名称名称名称名称名称</span> | |
339 | - </div> | |
340 | - <div class="float-left">名称名称名称名称名称</div> | |
341 | - </li> | |
342 | - <li> | |
343 | - <div class="float-left"> | |
344 | - <span>名称名称名称名称名称</span> | |
345 | - </div> | |
346 | - <div class="float-left">名称名称名称名称名称</div> | |
347 | - </li> | |
348 | - <li> | |
349 | - <div class="float-left"> | |
350 | - <span>名称名称名称名称名称</span> | |
351 | - </div> | |
352 | - <div class="float-left">名称名称名称名称名称</div> | |
353 | - </li> | |
354 | - <li> | |
355 | - <div class="float-left"> | |
356 | - <span>名称名称名称名称名称</span> | |
357 | - </div> | |
358 | - <div class="float-left">名称名称名称名称名称</div> | |
359 | - </li> | |
360 | - <li> | |
361 | - <div class="float-left"> | |
362 | - <span>名称名称名称名称名称</span> | |
363 | - </div> | |
364 | - <div class="float-left">名称名称名称名称名称</div> | |
365 | - </li> | |
366 | - <li> | |
367 | - <div class="float-left"> | |
368 | - <span>名称名称名称名称名称</span> | |
369 | - </div> | |
370 | - <div class="float-left">名称名称名称名称名称</div> | |
371 | - </li> | |
372 | - <li> | |
373 | - <div class="float-left"> | |
374 | - <span>名称名称名称名称名称</span> | |
375 | - </div> | |
376 | - <div class="float-left">名称名称名称名称名称</div> | |
377 | - </li> | |
378 | - <li> | |
379 | - <div class="float-left"> | |
380 | - <span>名称名称名称名称名称</span> | |
381 | - </div> | |
382 | - <div class="float-left">名称名称名称名称名称</div> | |
383 | - </li> | |
384 | - <li> | |
385 | - <div class="float-left"> | |
386 | - <span>名称名称名称名称名称</span> | |
387 | - </div> | |
388 | - <div class="float-left">名称名称名称名称名称</div> | |
389 | - </li> | |
390 | - <li> | |
391 | - <div class="float-left"> | |
392 | - <span>名称名称名称名称名称</span> | |
393 | - </div> | |
394 | - <div class="float-left">名称名称名称名称名称</div> | |
395 | - </li> | |
396 | - <li> | |
397 | - <div class="float-left"> | |
398 | - <span>名称名称名称名称名称</span> | |
399 | - </div> | |
400 | - <div class="float-left">名称名称名称名称名称</div> | |
401 | - </li> | |
402 | - <li> | |
403 | - <div class="float-left"> | |
404 | - <span>名称名称名称名称名称</span> | |
405 | - </div> | |
406 | - <div class="float-left">名称名称名称名称名称</div> | |
407 | - </li> | |
408 | - <li> | |
409 | - <div class="float-left"> | |
410 | - <span>名称名称名称名称名称</span> | |
411 | - </div> | |
412 | - <div class="float-left">名称名称名称名称名称</div> | |
413 | - </li> | |
414 | - <li> | |
415 | - <div class="float-left"> | |
416 | - <span>名称名称名称名称名称</span> | |
417 | - </div> | |
418 | - <div class="float-left">名称名称名称名称名称</div> | |
419 | - </li> | |
420 | - <li> | |
421 | - <div class="float-left"> | |
422 | - <span>名称名称名称名称名称</span> | |
423 | - </div> | |
424 | - <div class="float-left">名称名称名称名称名称</div> | |
425 | - </li> | |
426 | - <li> | |
427 | - <div class="float-left"> | |
428 | - <span>名称名称名称名称名称</span> | |
429 | - </div> | |
430 | - <div class="float-left">名称名称名称名称名称</div> | |
431 | - </li> | |
432 | - <li> | |
433 | - <div class="float-left"> | |
434 | - <span>名称名称名称名称名称</span> | |
435 | - </div> | |
436 | - <div class="float-left">名称名称名称名称名称</div> | |
437 | - </li> | |
438 | 104 | </ul> |
439 | 105 | </div> |
440 | 106 | ... | ... |
wechatlatform.html
... | ... | @@ -55,7 +55,7 @@ |
55 | 55 | <span>总接口数</span> |
56 | 56 | </div> |
57 | 57 | <div class="link-con-main-1 link-con-main"> |
58 | - <span>560</span> | |
58 | + <span id="total_api_no_wx">0</span> | |
59 | 59 | <span>总计(个)</span> |
60 | 60 | <div class="circle-animation"></div> |
61 | 61 | </div> |
... | ... | @@ -65,7 +65,7 @@ |
65 | 65 | <span>今日活跃接口数</span> |
66 | 66 | </div> |
67 | 67 | <div class="link-con-main-2 link-con-main"> |
68 | - <span>56</span> | |
68 | + <span id="total_api_hy__no_wx">0</span> | |
69 | 69 | <span>总计(个)</span> |
70 | 70 | </div> |
71 | 71 | </div> |
... | ... | @@ -82,81 +82,6 @@ |
82 | 82 | <span>调用排行榜</span> |
83 | 83 | </div> |
84 | 84 | <ul class="ranking-list"> |
85 | - <li> | |
86 | - <div></div> | |
87 | - <div title="微信服务号支付接口">微信服务号支付接口微信服务号支付接口</div> | |
88 | - <div>99</div> | |
89 | - </li> | |
90 | - <li> | |
91 | - <div></div> | |
92 | - <div title="微信服务号支付接口">微信服务号支付接口微信服务号支付接口</div> | |
93 | - <div>99</div> | |
94 | - </li> | |
95 | - <li> | |
96 | - <div></div> | |
97 | - <div title="微信服务号支付接口">微信服务号支付接口微信服务号支付接口</div> | |
98 | - <div>99</div> | |
99 | - </li> | |
100 | - <li> | |
101 | - <div>7</div> | |
102 | - <div title="微信服务号支付接口">微信服务号支付接口微信服务号支付接口</div> | |
103 | - <div>99</div> | |
104 | - </li> | |
105 | - <li> | |
106 | - <div>8</div> | |
107 | - <div title="微信服务号支付接口">微信服务号支付接口微信服务号支付接口</div> | |
108 | - <div>99</div> | |
109 | - </li> | |
110 | - <li> | |
111 | - <div>9</div> | |
112 | - <div title="微信服务号支付接口">微信服务号支付接口微信服务号支付接口</div> | |
113 | - <div>99</div> | |
114 | - </li> | |
115 | - <li> | |
116 | - <div>10</div> | |
117 | - <div title="微信服务号支付接口">微信服务号支付接口微信服务号支付接口</div> | |
118 | - <div>99</div> | |
119 | - </li> | |
120 | - <li> | |
121 | - <div>11</div> | |
122 | - <div title="微信服务号支付接口">微信服务号支付接口微信服务号支付接口</div> | |
123 | - <div>99</div> | |
124 | - </li> | |
125 | - <li> | |
126 | - <div>12</div> | |
127 | - <div title="微信服务号支付接口">微信服务号支付接口微信服务号支付接口</div> | |
128 | - <div>99</div> | |
129 | - </li> | |
130 | - <li> | |
131 | - <div>7</div> | |
132 | - <div title="微信服务号支付接口">微信服务号支付接口微信服务号支付接口</div> | |
133 | - <div>399</div> | |
134 | - </li> | |
135 | - <li> | |
136 | - <div>88</div> | |
137 | - <div title="微信服务号支付接口">微信服务号支付接口微信服务号支付接口</div> | |
138 | - <div>299</div> | |
139 | - </li> | |
140 | - <li> | |
141 | - <div>99</div> | |
142 | - <div title="微信服务号支付接口">微信服务号支付接口微信服务号支付接口</div> | |
143 | - <div>199</div> | |
144 | - </li> | |
145 | - <li> | |
146 | - <div>7</div> | |
147 | - <div title="微信服务号支付接口">微信服务号支付接口微信服务号支付接口</div> | |
148 | - <div>9</div> | |
149 | - </li> | |
150 | - <li> | |
151 | - <div>8</div> | |
152 | - <div title="微信服务号支付接口">微信服务号支付接口微信服务号支付接口</div> | |
153 | - <div>9</div> | |
154 | - </li> | |
155 | - <li> | |
156 | - <div>9</div> | |
157 | - <div title="微信服务号支付接口">微信服务号支付接口微信服务号支付接口</div> | |
158 | - <div>9</div> | |
159 | - </li> | |
160 | 85 | </ul> |
161 | 86 | </div> |
162 | 87 | </div> |
... | ... | @@ -170,270 +95,6 @@ |
170 | 95 | <li class="float-left">描述</li> |
171 | 96 | </ul> |
172 | 97 | <ul class="list-con-wrap" id="list-con-wrap"> |
173 | - <li> | |
174 | - <div class="float-left"> | |
175 | - <span data-id="1">名称名称名称名称名称</span> | |
176 | - </div> | |
177 | - <div class="float-left">名称名称名称名称名称</div> | |
178 | - </li> | |
179 | - <li> | |
180 | - <div class="float-left"> | |
181 | - <span>名称名称名称名称名称</span> | |
182 | - </div> | |
183 | - <div class="float-left">名称名称名称名称名称</div> | |
184 | - </li> | |
185 | - <li> | |
186 | - <div class="float-left"> | |
187 | - <span>名称名称名称名称名称</span> | |
188 | - </div> | |
189 | - <div class="float-left">名称名称名称名称名称</div> | |
190 | - </li> | |
191 | - <li> | |
192 | - <div class="float-left"> | |
193 | - <span>名称名称名称名称名称</span> | |
194 | - </div> | |
195 | - <div class="float-left">名称名称名称名称名称</div> | |
196 | - </li> | |
197 | - <li> | |
198 | - <div class="float-left"> | |
199 | - <span>名称名称名称名称名称</span> | |
200 | - </div> | |
201 | - <div class="float-left">名称名称名称名称名称</div> | |
202 | - </li> | |
203 | - <li> | |
204 | - <div class="float-left"> | |
205 | - <span>名称名称名称名称名称</span> | |
206 | - </div> | |
207 | - <div class="float-left">名称名称名称名称名称</div> | |
208 | - </li> | |
209 | - <li> | |
210 | - <div class="float-left"> | |
211 | - <span>名称名称名称名称名称</span> | |
212 | - </div> | |
213 | - <div class="float-left">名称名称名称名称名称</div> | |
214 | - </li> | |
215 | - <li> | |
216 | - <div class="float-left"> | |
217 | - <span>名称名称名称名称名称</span> | |
218 | - </div> | |
219 | - <div class="float-left">名称名称名称名称名称</div> | |
220 | - </li> | |
221 | - <li> | |
222 | - <div class="float-left"> | |
223 | - <span>名称名称名称名称名称</span> | |
224 | - </div> | |
225 | - <div class="float-left">名称名称名称名称名称</div> | |
226 | - </li> | |
227 | - <li> | |
228 | - <div class="float-left"> | |
229 | - <span>名称名称名称名称名称</span> | |
230 | - </div> | |
231 | - <div class="float-left">名称名称名称名称名称</div> | |
232 | - </li> | |
233 | - <li> | |
234 | - <div class="float-left"> | |
235 | - <span>名称名称名称名称名称</span> | |
236 | - </div> | |
237 | - <div class="float-left">名称名称名称名称名称</div> | |
238 | - </li> | |
239 | - <li> | |
240 | - <div class="float-left"> | |
241 | - <span>名称名称名称名称名称</span> | |
242 | - </div> | |
243 | - <div class="float-left">名称名称名称名称名称</div> | |
244 | - </li> | |
245 | - <li> | |
246 | - <div class="float-left"> | |
247 | - <span>名称名称名称名称名称</span> | |
248 | - </div> | |
249 | - <div class="float-left">名称名称名称名称名称</div> | |
250 | - </li> | |
251 | - <li> | |
252 | - <div class="float-left"> | |
253 | - <span>名称名称名称名称名称</span> | |
254 | - </div> | |
255 | - <div class="float-left">名称名称名称名称名称</div> | |
256 | - </li> | |
257 | - <li> | |
258 | - <div class="float-left"> | |
259 | - <span>名称名称名称名称名称</span> | |
260 | - </div> | |
261 | - <div class="float-left">名称名称名称名称名称</div> | |
262 | - </li> | |
263 | - <li> | |
264 | - <div class="float-left"> | |
265 | - <span>名称名称名称名称名称</span> | |
266 | - </div> | |
267 | - <div class="float-left">名称名称名称名称名称</div> | |
268 | - </li> | |
269 | - <li> | |
270 | - <div class="float-left"> | |
271 | - <span>名称名称名称名称名称</span> | |
272 | - </div> | |
273 | - <div class="float-left">名称名称名称名称名称</div> | |
274 | - </li> | |
275 | - <li> | |
276 | - <div class="float-left"> | |
277 | - <span>名称名称名称名称名称</span> | |
278 | - </div> | |
279 | - <div class="float-left">名称名称名称名称名称</div> | |
280 | - </li> | |
281 | - <li> | |
282 | - <div class="float-left"> | |
283 | - <span>名称名称名称名称名称</span> | |
284 | - </div> | |
285 | - <div class="float-left">名称名称名称名称名称</div> | |
286 | - </li> | |
287 | - <li> | |
288 | - <div class="float-left"> | |
289 | - <span>名称名称名称名称名称</span> | |
290 | - </div> | |
291 | - <div class="float-left">名称名称名称名称名称</div> | |
292 | - </li> | |
293 | - <li> | |
294 | - <div class="float-left"> | |
295 | - <span>名称名称名称名称名称</span> | |
296 | - </div> | |
297 | - <div class="float-left">名称名称名称名称名称</div> | |
298 | - </li> | |
299 | - <li> | |
300 | - <div class="float-left"> | |
301 | - <span>名称名称名称名称名称</span> | |
302 | - </div> | |
303 | - <div class="float-left">名称名称名称名称名称</div> | |
304 | - </li> | |
305 | - <li> | |
306 | - <div class="float-left"> | |
307 | - <span>名称名称名称名称名称</span> | |
308 | - </div> | |
309 | - <div class="float-left">名称名称名称名称名称</div> | |
310 | - </li> | |
311 | - <li> | |
312 | - <div class="float-left"> | |
313 | - <span>名称名称名称名称名称</span> | |
314 | - </div> | |
315 | - <div class="float-left">名称名称名称名称名称</div> | |
316 | - </li> | |
317 | - <li> | |
318 | - <div class="float-left"> | |
319 | - <span>名称名称名称名称名称</span> | |
320 | - </div> | |
321 | - <div class="float-left">名称名称名称名称名称</div> | |
322 | - </li> | |
323 | - <li> | |
324 | - <div class="float-left"> | |
325 | - <span>名称名称名称名称名称</span> | |
326 | - </div> | |
327 | - <div class="float-left">名称名称名称名称名称</div> | |
328 | - </li> | |
329 | - <li> | |
330 | - <div class="float-left"> | |
331 | - <span>名称名称名称名称名称</span> | |
332 | - </div> | |
333 | - <div class="float-left">名称名称名称名称名称</div> | |
334 | - </li> | |
335 | - <li> | |
336 | - <div class="float-left"> | |
337 | - <span>名称名称名称名称名称</span> | |
338 | - </div> | |
339 | - <div class="float-left">名称名称名称名称名称</div> | |
340 | - </li> | |
341 | - <li> | |
342 | - <div class="float-left"> | |
343 | - <span>名称名称名称名称名称</span> | |
344 | - </div> | |
345 | - <div class="float-left">名称名称名称名称名称</div> | |
346 | - </li> | |
347 | - <li> | |
348 | - <div class="float-left"> | |
349 | - <span>名称名称名称名称名称</span> | |
350 | - </div> | |
351 | - <div class="float-left">名称名称名称名称名称</div> | |
352 | - </li> | |
353 | - <li> | |
354 | - <div class="float-left"> | |
355 | - <span>名称名称名称名称名称</span> | |
356 | - </div> | |
357 | - <div class="float-left">名称名称名称名称名称</div> | |
358 | - </li> | |
359 | - <li> | |
360 | - <div class="float-left"> | |
361 | - <span>名称名称名称名称名称</span> | |
362 | - </div> | |
363 | - <div class="float-left">名称名称名称名称名称</div> | |
364 | - </li> | |
365 | - <li> | |
366 | - <div class="float-left"> | |
367 | - <span>名称名称名称名称名称</span> | |
368 | - </div> | |
369 | - <div class="float-left">名称名称名称名称名称</div> | |
370 | - </li> | |
371 | - <li> | |
372 | - <div class="float-left"> | |
373 | - <span>名称名称名称名称名称</span> | |
374 | - </div> | |
375 | - <div class="float-left">名称名称名称名称名称</div> | |
376 | - </li> | |
377 | - <li> | |
378 | - <div class="float-left"> | |
379 | - <span>名称名称名称名称名称</span> | |
380 | - </div> | |
381 | - <div class="float-left">名称名称名称名称名称</div> | |
382 | - </li> | |
383 | - <li> | |
384 | - <div class="float-left"> | |
385 | - <span>名称名称名称名称名称</span> | |
386 | - </div> | |
387 | - <div class="float-left">名称名称名称名称名称</div> | |
388 | - </li> | |
389 | - <li> | |
390 | - <div class="float-left"> | |
391 | - <span>名称名称名称名称名称</span> | |
392 | - </div> | |
393 | - <div class="float-left">名称名称名称名称名称</div> | |
394 | - </li> | |
395 | - <li> | |
396 | - <div class="float-left"> | |
397 | - <span>名称名称名称名称名称</span> | |
398 | - </div> | |
399 | - <div class="float-left">名称名称名称名称名称</div> | |
400 | - </li> | |
401 | - <li> | |
402 | - <div class="float-left"> | |
403 | - <span>名称名称名称名称名称</span> | |
404 | - </div> | |
405 | - <div class="float-left">名称名称名称名称名称</div> | |
406 | - </li> | |
407 | - <li> | |
408 | - <div class="float-left"> | |
409 | - <span>名称名称名称名称名称</span> | |
410 | - </div> | |
411 | - <div class="float-left">名称名称名称名称名称</div> | |
412 | - </li> | |
413 | - <li> | |
414 | - <div class="float-left"> | |
415 | - <span>名称名称名称名称名称</span> | |
416 | - </div> | |
417 | - <div class="float-left">名称名称名称名称名称</div> | |
418 | - </li> | |
419 | - <li> | |
420 | - <div class="float-left"> | |
421 | - <span>名称名称名称名称名称</span> | |
422 | - </div> | |
423 | - <div class="float-left">名称名称名称名称名称</div> | |
424 | - </li> | |
425 | - <li> | |
426 | - <div class="float-left"> | |
427 | - <span>名称名称名称名称名称</span> | |
428 | - </div> | |
429 | - <div class="float-left">名称名称名称名称名称</div> | |
430 | - </li> | |
431 | - <li> | |
432 | - <div class="float-left"> | |
433 | - <span>名称名称名称名称名称</span> | |
434 | - </div> | |
435 | - <div class="float-left">名称名称名称名称名称</div> | |
436 | - </li> | |
437 | 98 | </ul> |
438 | 99 | </div> |
439 | 100 | ... | ... |