Commit 62be66876a9a40fc6189b5481b6ad67bb453b541

Authored by wb
1 parent 65a236b2

接口平台对接

css/libCss/common.css
@@ -63,7 +63,7 @@ header{ @@ -63,7 +63,7 @@ header{
63 /*左侧栏--------------------------------------------------*/ 63 /*左侧栏--------------------------------------------------*/
64 .main-wrap{ 64 .main-wrap{
65 min-width: 1400px; 65 min-width: 1400px;
66 - overflow-x: scroll; 66 + overflow-x: auto;
67 height: calc(100% - 80px); 67 height: calc(100% - 80px);
68 } 68 }
69 nav{ 69 nav{
@@ -238,7 +238,7 @@ section{ @@ -238,7 +238,7 @@ section{
238 .ranking-list{ 238 .ranking-list{
239 height: 534px; 239 height: 534px;
240 background-color: #f9f9f9; 240 background-color: #f9f9f9;
241 - overflow-y: scroll; 241 + overflow-y: auto;
242 overflow-x: hidden; 242 overflow-x: hidden;
243 } 243 }
244 .ranking-list li{ 244 .ranking-list li{
@@ -307,7 +307,7 @@ section{ @@ -307,7 +307,7 @@ section{
307 .list-con-wrap{ 307 .list-con-wrap{
308 width: 1092px; 308 width: 1092px;
309 height: 537px; 309 height: 537px;
310 - overflow-y: scroll; 310 + overflow-y: auto;
311 } 311 }
312 312
313 .list-con-wrap li{ 313 .list-con-wrap li{
@@ -335,7 +335,7 @@ section{ @@ -335,7 +335,7 @@ section{
335 /*API详情----------------------------------------*/ 335 /*API详情----------------------------------------*/
336 .list-detail-wrap{ 336 .list-detail-wrap{
337 height: 581px; 337 height: 581px;
338 - overflow-y: scroll; 338 + overflow-y: auto;
339 } 339 }
340 .list-detail-title{ 340 .list-detail-title{
341 font-size: 20px; 341 font-size: 20px;
index.html
@@ -56,7 +56,7 @@ @@ -56,7 +56,7 @@
56 <span>总接口数</span> 56 <span>总接口数</span>
57 </div> 57 </div>
58 <div class="link-con-main-1 link-con-main"> 58 <div class="link-con-main-1 link-con-main">
59 - <span>560</span> 59 + <span id="total_api_no">0</span>
60 <span>总计(个)</span> 60 <span>总计(个)</span>
61 <div class="circle-animation"></div> 61 <div class="circle-animation"></div>
62 </div> 62 </div>
@@ -66,7 +66,7 @@ @@ -66,7 +66,7 @@
66 <span>今日活跃接口数</span> 66 <span>今日活跃接口数</span>
67 </div> 67 </div>
68 <div class="link-con-main-2 link-con-main"> 68 <div class="link-con-main-2 link-con-main">
69 - <span>56</span> 69 + <span id="total_api_hy__no">0</span>
70 <span>总计(个)</span> 70 <span>总计(个)</span>
71 </div> 71 </div>
72 </div> 72 </div>
@@ -83,81 +83,6 @@ @@ -83,81 +83,6 @@
83 <span>调用排行榜</span> 83 <span>调用排行榜</span>
84 </div> 84 </div>
85 <ul class="ranking-list"> 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 </ul> 86 </ul>
162 </div> 87 </div>
163 </div> 88 </div>
@@ -171,270 +96,6 @@ @@ -171,270 +96,6 @@
171 <li class="float-left">描述</li> 96 <li class="float-left">描述</li>
172 </ul> 97 </ul>
173 <ul class="list-con-wrap" id="list-con-wrap"> 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 </ul> 99 </ul>
439 </div> 100 </div>
440 101
js/index.js
@@ -21,7 +21,7 @@ var fun = { @@ -21,7 +21,7 @@ var fun = {
21 grid: { 21 grid: {
22 left: '0', 22 left: '0',
23 right: '3%', 23 right: '3%',
24 - bottom: '0', 24 + bottom: '1%',
25 top:'3%', 25 top:'3%',
26 containLabel: true 26 containLabel: true
27 }, 27 },
@@ -30,7 +30,7 @@ var fun = { @@ -30,7 +30,7 @@ var fun = {
30 boundaryGap: false, 30 boundaryGap: false,
31 type : 'category', 31 type : 'category',
32 boundaryGap : false, 32 boundaryGap : false,
33 - data : ['周一','周二','周三','周四','周五','周六','周日'], 33 + data : ['首页','支付','我的管理','余额','会员卡','车牌'],
34 axisTick:{ 34 axisTick:{
35 show:false, 35 show:false,
36 }, 36 },
@@ -92,18 +92,72 @@ var fun = { @@ -92,18 +92,72 @@ var fun = {
92 width:3, 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 myChart.setOption(option); 103 myChart.setOption(option);
104 }, 104 },
105 }; 105 };
106 fun.init(); 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 $('#link-div span').on('click',function () { 161 $('#link-div span').on('click',function () {
108 var index = $(this).index(); 162 var index = $(this).index();
109 $(this).addClass('linkActive').siblings('span').removeClass('linkActive'); 163 $(this).addClass('linkActive').siblings('span').removeClass('linkActive');
@@ -114,8 +168,8 @@ $(&#39;#link-div span&#39;).on(&#39;click&#39;,function () { @@ -114,8 +168,8 @@ $(&#39;#link-div span&#39;).on(&#39;click&#39;,function () {
114 }); 168 });
115 $(document).delegate('#list-con-wrap li span','click',function () { 169 $(document).delegate('#list-con-wrap li span','click',function () {
116 var id = $(this).attr('data-id'); 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,7 +30,7 @@ var fun = {
30 boundaryGap: false, 30 boundaryGap: false,
31 type : 'category', 31 type : 'category',
32 boundaryGap : false, 32 boundaryGap : false,
33 - data : ['周一','周二','周三','周四','周五','周六','周日'], 33 + data : ['首页','入场','出场','欠费补缴','停车记录','退款'],
34 axisTick:{ 34 axisTick:{
35 show:false, 35 show:false,
36 }, 36 },
@@ -92,18 +92,74 @@ var fun = { @@ -92,18 +92,74 @@ var fun = {
92 width:3, 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 myChart.setOption(option); 104 myChart.setOption(option);
104 }, 105 },
105 }; 106 };
106 fun.init(); 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 $('#link-div span').on('click',function () { 163 $('#link-div span').on('click',function () {
108 var index = $(this).index(); 164 var index = $(this).index();
109 $(this).addClass('linkActive').siblings('span').removeClass('linkActive'); 165 $(this).addClass('linkActive').siblings('span').removeClass('linkActive');
@@ -114,8 +170,6 @@ $(&#39;#link-div span&#39;).on(&#39;click&#39;,function () { @@ -114,8 +170,6 @@ $(&#39;#link-div span&#39;).on(&#39;click&#39;,function () {
114 }); 170 });
115 $(document).delegate('#list-con-wrap li span','click',function () { 171 $(document).delegate('#list-con-wrap li span','click',function () {
116 var id = $(this).attr('data-id'); 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,9 +19,9 @@ sysComm = {
19 // var authUrl = 'http://sys.service.rnting.com/';// 鉴权URL公用地址 19 // var authUrl = 'http://sys.service.rnting.com/';// 鉴权URL公用地址
20 20
21 //61环境,别删 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 var dataUrl = dataUrl || {}; 27 var dataUrl = dataUrl || {};
@@ -56,7 +56,13 @@ dataUrl.util = { @@ -56,7 +56,13 @@ dataUrl.util = {
56 return baseUrl + 'oauth/loginout' 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 fn = { 68 fn = {
js/wechatlatform.js
@@ -98,12 +98,68 @@ var fun = { @@ -98,12 +98,68 @@ var fun = {
98 ] 98 ]
99 }; 99 };
100 100
101 - 101 + homePage();
  102 + queryApiList();
102 // 使用刚指定的配置项和数据显示图表。 103 // 使用刚指定的配置项和数据显示图表。
103 myChart.setOption(option); 104 myChart.setOption(option);
104 }, 105 },
105 }; 106 };
106 fun.init(); 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 $('#link-div span').on('click',function () { 163 $('#link-div span').on('click',function () {
108 var index = $(this).index(); 164 var index = $(this).index();
109 $(this).addClass('linkActive').siblings('span').removeClass('linkActive'); 165 $(this).addClass('linkActive').siblings('span').removeClass('linkActive');
@@ -114,8 +170,6 @@ $(&#39;#link-div span&#39;).on(&#39;click&#39;,function () { @@ -114,8 +170,6 @@ $(&#39;#link-div span&#39;).on(&#39;click&#39;,function () {
114 }); 170 });
115 $(document).delegate('#list-con-wrap li span','click',function () { 171 $(document).delegate('#list-con-wrap li span','click',function () {
116 var id = $(this).attr('data-id'); 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,7 +56,7 @@
56 <span>总接口数</span> 56 <span>总接口数</span>
57 </div> 57 </div>
58 <div class="link-con-main-1 link-con-main"> 58 <div class="link-con-main-1 link-con-main">
59 - <span>560</span> 59 + <span id="total_api_no_pda">0</span>
60 <span>总计(个)</span> 60 <span>总计(个)</span>
61 <div class="circle-animation"></div> 61 <div class="circle-animation"></div>
62 </div> 62 </div>
@@ -66,7 +66,7 @@ @@ -66,7 +66,7 @@
66 <span>今日活跃接口数</span> 66 <span>今日活跃接口数</span>
67 </div> 67 </div>
68 <div class="link-con-main-2 link-con-main"> 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 <span>总计(个)</span> 70 <span>总计(个)</span>
71 </div> 71 </div>
72 </div> 72 </div>
@@ -84,76 +84,6 @@ @@ -84,76 +84,6 @@
84 </div> 84 </div>
85 <ul class="ranking-list"> 85 <ul class="ranking-list">
86 <li> 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 <div>9</div> 87 <div>9</div>
158 <div title="PDA支付接口">PDA支付接口PDA支付接口</div> 88 <div title="PDA支付接口">PDA支付接口PDA支付接口</div>
159 <div>9</div> 89 <div>9</div>
@@ -171,270 +101,6 @@ @@ -171,270 +101,6 @@
171 <li class="float-left">描述</li> 101 <li class="float-left">描述</li>
172 </ul> 102 </ul>
173 <ul class="list-con-wrap" id="list-con-wrap"> 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 </ul> 104 </ul>
439 </div> 105 </div>
440 106
wechatlatform.html
@@ -55,7 +55,7 @@ @@ -55,7 +55,7 @@
55 <span>总接口数</span> 55 <span>总接口数</span>
56 </div> 56 </div>
57 <div class="link-con-main-1 link-con-main"> 57 <div class="link-con-main-1 link-con-main">
58 - <span>560</span> 58 + <span id="total_api_no_wx">0</span>
59 <span>总计(个)</span> 59 <span>总计(个)</span>
60 <div class="circle-animation"></div> 60 <div class="circle-animation"></div>
61 </div> 61 </div>
@@ -65,7 +65,7 @@ @@ -65,7 +65,7 @@
65 <span>今日活跃接口数</span> 65 <span>今日活跃接口数</span>
66 </div> 66 </div>
67 <div class="link-con-main-2 link-con-main"> 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 <span>总计(个)</span> 69 <span>总计(个)</span>
70 </div> 70 </div>
71 </div> 71 </div>
@@ -82,81 +82,6 @@ @@ -82,81 +82,6 @@
82 <span>调用排行榜</span> 82 <span>调用排行榜</span>
83 </div> 83 </div>
84 <ul class="ranking-list"> 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 </ul> 85 </ul>
161 </div> 86 </div>
162 </div> 87 </div>
@@ -170,270 +95,6 @@ @@ -170,270 +95,6 @@
170 <li class="float-left">描述</li> 95 <li class="float-left">描述</li>
171 </ul> 96 </ul>
172 <ul class="list-con-wrap" id="list-con-wrap"> 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 </ul> 98 </ul>
438 </div> 99 </div>
439 100