Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
5134c4e2 by 任超
Options

style:办事指南

1 parent d90d1c84
Pipeline #27 for 5134c4e2 failed in 0 seconds
Inline Side-by-side
Showing 3 changed files with 138 additions and 476 deletions
...@@ -74,7 +74,9 @@ layui.config({ ...@@ -74,7 +74,9 @@ layui.config({
74 $(document).on("click", ".area_list li", function (e) { 74 $(document).on("click", ".area_list li", function (e) {
75 $(".area_list li").removeClass("active2") 75 $(".area_list li").removeClass("active2")
76 $(this).addClass("active2"); 76 $(this).addClass("active2");
77 _businessList($(this).attr("data-id")) 77 console.log(666, $(this).attr("data-id"))
78 _getGuideBusinessInWssq($(this).attr("data-id"))
79 _getGuideBusinessInReserve($(this).attr("data-id"))
78 }) 80 })
79 81
80 layui.use(['form', 'common'], function () { 82 layui.use(['form', 'common'], function () {
...@@ -108,4 +110,74 @@ function _initData() { ...@@ -108,4 +110,74 @@ function _initData() {
108 } 110 }
109 } 111 }
110 }) 112 })
111 }
...\ No newline at end of file ...\ No newline at end of file
113 }
114 // 根据办事大厅获取办事指南----获取网上申请业务指南对应的业务集合
115 function _getGuideBusinessInWssq(id) {
116 var itemList_tab = $("#itemList_tab");
117 itemList_tab.empty();
118 var li;
119 $.ajax({
120 type: "get", //提交方式
121 url: portal.api_url + "/portal/MhGuide/getGuideBusinessInWssq?districtId="+id,//路径
122 dataType: "json",
123 //数据，这里使用的是Json格式进行传输
124 success: function (result) {//返回数据根据结果进行相应的处理
125 if (result.code == 200 && result.data != null) {
126 data.list = result.data
127
128 layui.use('laytpl', function () {
129 laytpl = layui.laytpl;
130 var getTpl = document.getElementById('businessGuide').innerHTML
131 , view = document.getElementById('tabContentListOnline');
132 laytpl(getTpl).render(data, function (html) {
133 view.innerHTML = html;
134 });
135 });
136 li = '<li class="layui-this" lay-id="0">全部</li>'
137 itemList_tab.append(li)
138 for (var i = 0; i < result.data.length; i++) {
139 li = '<li lay-id="'+(i+1)+'">'+result.data[i].businessShortName+'</li>'
140 itemList_tab.append(li)
141 }
142 }
143 }
144 });
145 }
146
147 // 在线预约
148 function _getGuideBusinessInReserve(id) {
149 var itemList_tab1 = $("#itemList_tab1");
150 itemList_tab1.empty();
151 var li;
152 $.ajax({
153 type: "get", //提交方式
154 url: portal.api_url + "/portal/MhGuide/getGuideBusinessInReserve?districtId="+id,//路径
155 dataType: "json",
156 //数据，这里使用的是Json格式进行传输
157 success: function (result) {//返回数据根据结果进行相应的处理
158 if (result.code == 200 && result.data != null) {
159 data.onlineList = result.data
160
161 layui.use('laytpl', function () {
162 laytpl = layui.laytpl;
163 var getTpl = document.getElementById('onlineBooking').innerHTML
164 , view = document.getElementById('tabContentList');
165 laytpl(getTpl).render(data, function (html) {
166 view.innerHTML = html;
167 });
168 });
169 li = '<li class="layui-this" lay-id="0">全部</li>'
170 itemList_tab1.append(li)
171 for (var i = 0; i < result.data.length; i++) {
172 li = '<li lay-id="'+(i+1)+'">'+result.data[i].businessShortName+'</li>'
173 itemList_tab1.append(li)
174 }
175 }
176 }
177 });
178 }
179
180 var data = { //数据
181 "list": [],
182 "onlineList": []
183 };
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -13,7 +13,7 @@ function SetServicesPath() { ...@@ -13,7 +13,7 @@ function SetServicesPath() {
13 //设置全局參數 13 //设置全局參數
14 var portal = 14 var portal =
15 { 15 {
16 'api_url': "http://192.168.2.108:8000", //属性名用引号括起来，属性间由逗号隔开 16 'api_url': "http://192.168.2.59:8000", //属性名用引号括起来，属性间由逗号隔开
17 'name': 'myName', 17 'name': 'myName',
18 "rootPath": GetRootPath() 18 "rootPath": GetRootPath()
19 }; 19 };
......
1 <!DOCTYPE html 1 <!DOCTYPE html
2 PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <html xmlns="http://www.w3.org/1999/xhtml">
4
4 <head> 5 <head>
5 <style> 6 <style>
6 </style> 7 </style>
...@@ -9,6 +10,7 @@ ...@@ -9,6 +10,7 @@
9 <script type="text/javascript" src="../staticJs/head.js"></script> 10 <script type="text/javascript" src="../staticJs/head.js"></script>
10 <link rel="stylesheet" type="text/css" href="../staticCss/bszn.css"> 11 <link rel="stylesheet" type="text/css" href="../staticCss/bszn.css">
11 </head> 12 </head>
13
12 <body> 14 <body>
13 <div class="business_guide"> 15 <div class="business_guide">
14 <div class="navigation_crumbs"> 16 <div class="navigation_crumbs">
...@@ -50,300 +52,22 @@ ...@@ -50,300 +52,22 @@
50 <div class="layui-tab-content"> 52 <div class="layui-tab-content">
51 <div class="layui-tab-item layui-show"> 53 <div class="layui-tab-item layui-show">
52 <div class="layui-tab layui-tab-brief" lay-filter="navtab"> 54 <div class="layui-tab layui-tab-brief" lay-filter="navtab">
53 <ul class="layui-tab-title itemList_tab"> 55 <ul class="layui-tab-title itemList_tab" id="itemList_tab">
54 <li class="layui-this" lay-id="0">全部</li>
55 <li lay-id="1">土地</li>
56 <li lay-id="2">房屋等建筑</li>
57 <li lay-id="3">构筑物</li>
58 <li lay-id="4">森林，林木</li>
59 </ul> 56 </ul>
60 <div class="layui-tab-content tudi" style="padding:0"> 57 <div id="tabContentListOnline"></div>
61 <div class="online_business">
62 <h2>
63 <svg class="icon svg-icon" aria-hidden="true">
64 <use xlink:href="#icontudi"></use>
65 </svg>
66 土地
67 </h2>
68 </div>
69 <ul class="online_list">
70 <li>
71 <a href="" title="土地转移登记">
72 <span>土地转移登记</span>
73 <button type="button"
74 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
75 </a>
76 </li>
77 <li>
78 <a href="" title="土地转移登记">
79 <span>土地转移登记</span>
80 <button type="button"
81 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
82 </a>
83 </li>
84 <li>
85 <a href="" title="土地转移登记">
86 <span>土地转移登记</span>
87 <button type="button"
88 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
89 </a>
90 </li>
91 <li>
92 <a href="" title="土地转移登记">
93 <span>土地转移登记</span>
94 <button type="button"
95 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
96 </a>
97 </li>
98 <li>
99 <a href="" title="土地转移登记">
100 <span>土地转移登记</span>
101 <button type="button"
102 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
103 </a>
104 </li>
105 <li>
106 <a href="" title="土地转移登记">
107 <span>土地转移登记</span>
108 <button type="button"
109 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
110 </a>
111 </li>
112 <li>
113 <a href="" title="土地转移登记">
114 <span>土地转移登记</span>
115 <button type="button"
116 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
117 </a>
118 </li>
119 <li>
120 <a href="" title="土地转移登记">
121 <span>土地转移登记</span>
122 <button type="button"
123 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
124 </a>
125 </li>
126 </ul>
127 </div>
128
129 <div class="layui-tab-content jianzhu" style="padding:0">
130 <div class="online_business">
131 <h2>
132 <svg class="icon svg-icon" aria-hidden="true">
133 <use xlink:href="#icontudi"></use>
134 </svg>
135 房屋等建筑
136 </h2>
137 </div>
138 <ul class="online_list">
139 <li>
140 <a href="">
141 <span>土地转移登记</span>
142 <button type="button"
143 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
144 </a>
145 </li>
146 <li>
147 <a href="">
148 <span>土地转移登记</span>
149 <button type="button"
150 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
151 </a>
152 </li>
153 <li>
154 <a href="">
155 <span>土地转移登记</span>
156 <button type="button"
157 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
158 </a>
159 </li>
160 <li>
161 <a href="">
162 <span>土地转移登记</span>
163 <button type="button"
164 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
165 </a>
166 </li>
167 <li>
168 <a href="">
169 <span>土地转移登记</span>
170 <button type="button"
171 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
172 </a>
173 </li>
174 <li>
175 <a href="">
176 <span>土地转移登记</span>
177 <button type="button"
178 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
179 </a>
180 </li>
181 <li>
182 <a href="">
183 <span>土地转移登记</span>
184 <button type="button"
185 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
186 </a>
187 </li>
188 <li>
189 <a href="">
190 <span>土地转移登记</span>
191 <button type="button"
192 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
193 </a>
194 </li>
195 </ul>
196 </div>
197
198 <div class="layui-tab-content linmu" style="padding:0">
199 <div class="online_business">
200 <h2>
201 <svg class="icon svg-icon" aria-hidden="true">
202 <use xlink:href="#icontudi"></use>
203 </svg>
204 构筑物
205 </h2>
206 </div>
207 <ul class="online_list">
208 <li>
209 <a href="">
210 <span>土地转移登记</span>
211 <button type="button"
212 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
213 </a>
214 </li>
215 <li>
216 <a href="">
217 <span>土地转移登记</span>
218 <button type="button"
219 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
220 </a>
221 </li>
222 <li>
223 <a href="">
224 <span>土地转移登记</span>
225 <button type="button"
226 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
227 </a>
228 </li>
229 <li>
230 <a href="">
231 <span>土地转移登记</span>
232 <button type="button"
233 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
234 </a>
235 </li>
236 <li>
237 <a href="">
238 <span>土地转移登记</span>
239 <button type="button"
240 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
241 </a>
242 </li>
243 <li>
244 <a href="">
245 <span>土地转移登记</span>
246 <button type="button"
247 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
248 </a>
249 </li>
250 <li>
251 <a href="">
252 <span>土地转移登记</span>
253 <button type="button"
254 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
255 </a>
256 </li>
257 <li>
258 <a href="">
259 <span>土地转移登记</span>
260 <button type="button"
261 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
262 </a>
263 </li>
264 </ul>
265 </div>
266
267 <div class="layui-tab-content qita" style="padding:0">
268 <div class="online_business">
269 <h2>
270 <svg class="icon svg-icon" aria-hidden="true">
271 <use xlink:href="#icontudi"></use>
272 </svg>
273 森马林木
274 </h2>
275 </div>
276 <ul class="online_list">
277 <li>
278 <a href="">
279 <span>土地转移登记</span>
280 <button type="button"
281 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
282 </a>
283 </li>
284 <li>
285 <a href="">
286 <span>土地转移登记</span>
287 <button type="button"
288 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
289 </a>
290 </li>
291 <li>
292 <a href="">
293 <span>土地转移登记</span>
294 <button type="button"
295 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
296 </a>
297 </li>
298 <li>
299 <a href="">
300 <span>土地转移登记</span>
301 <button type="button"
302 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
303 </a>
304 </li>
305 <li>
306 <a href="">
307 <span>土地转移登记</span>
308 <button type="button"
309 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
310 </a>
311 </li>
312 <li>
313 <a href="">
314 <span>土地转移登记</span>
315 <button type="button"
316 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
317 </a>
318 </li>
319 <li>
320 <a href="">
321 <span>土地转移登记</span>
322 <button type="button"
323 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
324 </a>
325 </li>
326 <li>
327 <a href="">
328 <span>土地转移登记</span>
329 <button type="button"
330 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
331 </a>
332 </li>
333 </ul>
334 </div>
335 </div> 58 </div>
336 59
337 </div> 60 </div>
338 <div class="layui-tab-item"> 61 <div class="layui-tab-item">
339 <div class="layui-tab layui-tab-brief navtab1" lay-filter="navtab1"> 62 <div class="layui-tab layui-tab-brief navtab1" lay-filter="navtab1">
340 <ul class="layui-tab-title"> 63 <ul class="layui-tab-title" id="itemList_tab1">
341 <li class="layui-this" lay-id="0">全部</li> 64 <!-- <li class="layui-this" lay-id="0">全部</li>
342 <li lay-id="1">土地1</li> 65 <li lay-id="1">土地1</li>
343 <li lay-id="2">房屋等建筑1</li> 66 <li lay-id="2">房屋等建筑1</li>
344 <li lay-id="3">构筑物1</li> 67 <li lay-id="3">构筑物1</li> -->
345 </ul> 68 </ul>
346 <div class="layui-tab-content tudi1" style="padding:0"> 69 <div id="tabContentList"></div>
70 <!-- <div class="layui-tab-content tudi1" style="padding:0">
347 <div class="online_business navtab1"> 71 <div class="online_business navtab1">
348 <h2> 72 <h2>
349 <svg class="icon svg-icon" aria-hidden="true"> 73 <svg class="icon svg-icon" aria-hidden="true">
...@@ -360,195 +84,8 @@ ...@@ -360,195 +84,8 @@
360 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> 84 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
361 </a> 85 </a>
362 </li> 86 </li>
363 <li>
364 <a href="">
365 <span>土地转移登记</span>
366 <button type="button"
367 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
368 </a>
369 </li>
370 <li>
371 <a href="">
372 <span>土地转移登记</span>
373 <button type="button"
374 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
375 </a>
376 </li>
377 <li>
378 <a href="">
379 <span>土地转移登记</span>
380 <button type="button"
381 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
382 </a>
383 </li>
384 <li>
385 <a href="">
386 <span>土地转移登记</span>
387 <button type="button"
388 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
389 </a>
390 </li>
391 <li>
392 <a href="">
393 <span>土地转移登记</span>
394 <button type="button"
395 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
396 </a>
397 </li>
398 <li>
399 <a href="">
400 <span>土地转移登记</span>
401 <button type="button"
402 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
403 </a>
404 </li>
405 <li>
406 <a href="">
407 <span>土地转移登记</span>
408 <button type="button"
409 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
410 </a>
411 </li>
412 </ul> 87 </ul>
413 </div> 88 </div> -->
414
415 <div class="layui-tab-content jianzhu1" style="padding:0">
416 <div class="online_business navtab1">
417 <h2>
418 <svg class="icon svg-icon" aria-hidden="true">
419 <use xlink:href="#icontudi"></use>
420 </svg>
421 房屋等建筑
422 </h2>
423 </div>
424 <ul class="online_list">
425 <li>
426 <a href="">
427 <span>土地转移登记</span>
428 <button type="button"
429 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
430 </a>
431 </li>
432 <li>
433 <a href="">
434 <span>土地转移登记</span>
435 <button type="button"
436 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
437 </a>
438 </li>
439 <li>
440 <a href="">
441 <span>土地转移登记</span>
442 <button type="button"
443 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
444 </a>
445 </li>
446 <li>
447 <a href="">
448 <span>土地转移登记</span>
449 <button type="button"
450 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
451 </a>
452 </li>
453 <li>
454 <a href="">
455 <span>土地转移登记</span>
456 <button type="button"
457 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
458 </a>
459 </li>
460 <li>
461 <a href="">
462 <span>土地转移登记</span>
463 <button type="button"
464 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
465 </a>
466 </li>
467 <li>
468 <a href="">
469 <span>土地转移登记</span>
470 <button type="button"
471 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
472 </a>
473 </li>
474 <li>
475 <a href="">
476 <span>土地转移登记</span>
477 <button type="button"
478 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
479 </a>
480 </li>
481 </ul>
482 </div>
483
484 <div class="layui-tab-content linmu1" style="padding:0">
485 <div class="online_business navtab1">
486 <h2>
487 <svg class="icon svg-icon" aria-hidden="true">
488 <use xlink:href="#icontudi"></use>
489 </svg>
490 构筑物
491 </h2>
492 </div>
493 <ul class="online_list">
494 <li>
495 <a href="">
496 <span>土地转移登记</span>
497 <button type="button"
498 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
499 </a>
500 </li>
501 <li>
502 <a href="">
503 <span>土地转移登记</span>
504 <button type="button"
505 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
506 </a>
507 </li>
508 <li>
509 <a href="">
510 <span>土地转移登记</span>
511 <button type="button"
512 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
513 </a>
514 </li>
515 <li>
516 <a href="">
517 <span>土地转移登记</span>
518 <button type="button"
519 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
520 </a>
521 </li>
522 <li>
523 <a href="">
524 <span>土地转移登记</span>
525 <button type="button"
526 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
527 </a>
528 </li>
529 <li>
530 <a href="">
531 <span>土地转移登记</span>
532 <button type="button"
533 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
534 </a>
535 </li>
536 <li>
537 <a href="">
538 <span>土地转移登记</span>
539 <button type="button"
540 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
541 </a>
542 </li>
543 <li>
544 <a href="">
545 <span>土地转移登记</span>
546 <button type="button"
547 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
548 </a>
549 </li>
550 </ul>
551 </div>
552 </div> 89 </div>
553 </div> 90 </div>
554 </div> 91 </div>
...@@ -560,4 +97,57 @@ ...@@ -560,4 +97,57 @@
560 <script type="text/javascript" src="../staticJs/common.js"></script> 97 <script type="text/javascript" src="../staticJs/common.js"></script>
561 <script type="text/javascript" src="../staticJs/city-picker.js"></script> 98 <script type="text/javascript" src="../staticJs/city-picker.js"></script>
562 <script type="text/javascript" src="../staticJs/bszn.js"></script> 99 <script type="text/javascript" src="../staticJs/bszn.js"></script>
100 <!-- 网上申请 -->
101 <script id="businessGuide" type="text/html">
102 {{# layui.each(d.list, function(index, item){ }}
103 <div class="layui-tab-content tudi1" style="padding:0">
104 <div class="online_business navtab1">
105 <h2>
106 <svg class="icon svg-icon" aria-hidden="true">
107 <use xlink:href="#icontudi"></use>
108 </svg>
109 {{item.businessShortName}}
110 </h2>
111 </div>
112 <ul class="online_list">
113 {{# for(var i = 0; i < item.bsznListVOS.length; i++){ }}
114 <li>
115 <a href="">
116 <span>{{item.bsznListVOS[i].headline}}</span>
117 <button type="button"
118 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
119 </a>
120 </li>
121 {{# } }}
122 </ul>
123 </div>
124 {{# }); }}
125 </script>
126
127 <!-- 在线预约 -->
128 <script id="onlineBooking" type="text/html">
129 {{# layui.each(d.onlineList, function(index, item){ }}
130 <div class="layui-tab-content tudi1" style="padding:0">
131 <div class="online_business navtab1">
132 <h2>
133 <svg class="icon svg-icon" aria-hidden="true">
134 <use xlink:href="#icontudi"></use>
135 </svg>
136 {{item.businessShortName}}
137 </h2>
138 </div>
139 <ul class="online_list">
140 {{# for(var i = 0; i < item.bsznListVOS.length; i++){ }}
141 <li>
142 <a href="">
143 <span>{{item.bsznListVOS[i].headline}}</span>
144 <button type="button"
145 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
146 </a>
147 </li>
148 {{# } }}
149 </ul>
150 </div>
151 {{# }); }}
152 </script>
563 </html> 153 </html>
...\ No newline at end of file ...\ No newline at end of file
......