style:网上申请业务流程配置
Showing
8 changed files
with
266 additions
and
128 deletions
... | @@ -151,6 +151,7 @@ div.top-logo .top_logo_search i { | ... | @@ -151,6 +151,7 @@ div.top-logo .top_logo_search i { |
151 | .top-logo h1 img { | 151 | .top-logo h1 img { |
152 | width:280px; | 152 | width:280px; |
153 | height: 42px; | 153 | height: 42px; |
154 | margin-top: 6px; | ||
154 | } | 155 | } |
155 | .top-logo ul li { | 156 | .top-logo ul li { |
156 | display: inline-block; | 157 | display: inline-block; |
... | @@ -303,7 +304,7 @@ div.footer .system_service ul li a:hover { | ... | @@ -303,7 +304,7 @@ div.footer .system_service ul li a:hover { |
303 | } | 304 | } |
304 | 305 | ||
305 | ::-webkit-scrollbar-thumb { | 306 | ::-webkit-scrollbar-thumb { |
306 | background:#319df0; | 307 | background-color: rgba(144,147,153,.5); |
307 | background-clip: padding-box; | 308 | background-clip: padding-box; |
308 | min-height: 28px; | 309 | min-height: 28px; |
309 | -webkit-border-radius: 6px; | 310 | -webkit-border-radius: 6px; |
... | @@ -312,5 +313,5 @@ div.footer .system_service ul li a:hover { | ... | @@ -312,5 +313,5 @@ div.footer .system_service ul li a:hover { |
312 | } | 313 | } |
313 | 314 | ||
314 | ::-webkit-scrollbar-thumb:hover { | 315 | ::-webkit-scrollbar-thumb:hover { |
315 | background:#319df0; | 316 | background-color: rgba(144,147,153,.5); |
316 | } | 317 | } |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
... | @@ -17,13 +17,14 @@ div.banner, div.c_one, div.c_two, div.c_three, div.c_four, div.c_five, div.foote | ... | @@ -17,13 +17,14 @@ div.banner, div.c_one, div.c_two, div.c_three, div.c_four, div.c_five, div.foote |
17 | } | 17 | } |
18 | 18 | ||
19 | div.banner { | 19 | div.banner { |
20 | height: 500px; | ||
21 | position: relative; | 20 | position: relative; |
22 | } | 21 | } |
22 | #banner_swiper { | ||
23 | height: 445px!important; | ||
24 | } | ||
23 | 25 | ||
24 | .banner .swiper_img { | 26 | .banner .swiper_img { |
25 | width: 100%; | 27 | width: 100%; |
26 | height: 100%; | ||
27 | } | 28 | } |
28 | 29 | ||
29 | .banner .banner_title { | 30 | .banner .banner_title { | ... | ... |
... | @@ -124,7 +124,6 @@ | ... | @@ -124,7 +124,6 @@ |
124 | color: #4A4A4A; | 124 | color: #4A4A4A; |
125 | line-height: 16px; | 125 | line-height: 16px; |
126 | position: relative; | 126 | position: relative; |
127 | width: 50px; | ||
128 | } | 127 | } |
129 | .name_title h2::after { | 128 | .name_title h2::after { |
130 | position: absolute; | 129 | position: absolute; | ... | ... |
... | @@ -2,30 +2,6 @@ layui.use('element', function () { | ... | @@ -2,30 +2,6 @@ layui.use('element', function () { |
2 | let element = layui.element; //导航的hover效果、二级菜单等功能,需要依赖element模块 | 2 | let element = layui.element; //导航的hover效果、二级菜单等功能,需要依赖element模块 |
3 | }); | 3 | }); |
4 | addTabs('#wssq') | 4 | addTabs('#wssq') |
5 | var data = { | ||
6 | 'progressList': [ | ||
7 | { | ||
8 | stepName: "信息效验", | ||
9 | stepState: 2 //0:未办理 1:正在办理 2:已办理 | ||
10 | }, | ||
11 | { | ||
12 | stepName: "填报信息", | ||
13 | stepState: 1 | ||
14 | }, | ||
15 | { | ||
16 | stepName: "完税核税", | ||
17 | stepState: 0 | ||
18 | }, | ||
19 | { | ||
20 | stepName: "身份认证", | ||
21 | stepState: 0 | ||
22 | }, | ||
23 | { | ||
24 | stepName: "资料审核", | ||
25 | stepState: 0 | ||
26 | } | ||
27 | ], | ||
28 | } | ||
29 | layui.use('laytpl', function () { | 5 | layui.use('laytpl', function () { |
30 | laytpl = layui.laytpl; | 6 | laytpl = layui.laytpl; |
31 | var getTpl = document.getElementById('progress').innerHTML | 7 | var getTpl = document.getElementById('progress').innerHTML |
... | @@ -161,3 +137,46 @@ layui.use(['form', 'common'], function () { | ... | @@ -161,3 +137,46 @@ layui.use(['form', 'common'], function () { |
161 | // }); | 137 | // }); |
162 | }); | 138 | }); |
163 | 139 | ||
140 | var data = { //数据 | ||
141 | 'progressList': [ | ||
142 | { | ||
143 | stepName: "信息效验", | ||
144 | stepState: 2 //0:未办理 1:正在办理 2:已办理 | ||
145 | }, | ||
146 | { | ||
147 | stepName: "填报信息", | ||
148 | stepState: 1 | ||
149 | }, | ||
150 | { | ||
151 | stepName: "完税核税", | ||
152 | stepState: 0 | ||
153 | }, | ||
154 | { | ||
155 | stepName: "身份认证", | ||
156 | stepState: 0 | ||
157 | }, | ||
158 | { | ||
159 | stepName: "资料审核", | ||
160 | stepState: 0 | ||
161 | } | ||
162 | ], | ||
163 | }; | ||
164 | |||
165 | // 获取受理流程信息 | ||
166 | function _acceptanceProcess(ywid,lclb=1) { | ||
167 | $.ajax({ | ||
168 | type: "post", //提交方式 | ||
169 | url: portal.api_url + "/portal/ApplyBusinessService/getApplyFlow",//路径 | ||
170 | dataType: "json", | ||
171 | data: { | ||
172 | "ywid": ywid, | ||
173 | "lclb": lclb | ||
174 | }, | ||
175 | //数据,这里使用的是Json格式进行传输 | ||
176 | success: function (result) {//返回数据根据结果进行相应的处理 | ||
177 | if (result.code == 200 && result.data != null) { | ||
178 | console.log(result.data) | ||
179 | } | ||
180 | } | ||
181 | }); | ||
182 | } | ||
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
... | @@ -3,6 +3,7 @@ $(function () { | ... | @@ -3,6 +3,7 @@ $(function () { |
3 | let element = layui.element; | 3 | let element = layui.element; |
4 | }); | 4 | }); |
5 | addTabs('#wssq') | 5 | addTabs('#wssq') |
6 | _acceptanceProcess(GetRequest('ywid').ywid) | ||
6 | // 业务 | 7 | // 业务 |
7 | layui.use(['form'], function () { | 8 | layui.use(['form'], function () { |
8 | var form = layui.form | 9 | var form = layui.form |
... | @@ -24,48 +25,7 @@ $(function () { | ... | @@ -24,48 +25,7 @@ $(function () { |
24 | }) | 25 | }) |
25 | return false; | 26 | return false; |
26 | }); | 27 | }); |
27 | }); | 28 | }) |
28 | // 进度条 | ||
29 | var data = { | ||
30 | 'progressList': [ | ||
31 | { | ||
32 | stepName: "信息效验", | ||
33 | stepState: 1 //0:未办理 1:正在办理 2:已办理 | ||
34 | }, | ||
35 | { | ||
36 | stepName: "填报信息", | ||
37 | stepState: 0 | ||
38 | }, | ||
39 | { | ||
40 | stepName: "完税核税", | ||
41 | stepState: 0 | ||
42 | }, | ||
43 | { | ||
44 | stepName: "身份认证", | ||
45 | stepState: 0 | ||
46 | }, | ||
47 | { | ||
48 | stepName: "资料审核", | ||
49 | stepState: 0 | ||
50 | } | ||
51 | ], | ||
52 | } | ||
53 | |||
54 | layui.use('laytpl', function () { | ||
55 | laytpl = layui.laytpl; | ||
56 | var getTpl = document.getElementById('progress').innerHTML | ||
57 | , view = document.getElementById('app_progress'); | ||
58 | laytpl(getTpl).render(data, function (html) { | ||
59 | view.innerHTML = html; | ||
60 | }); | ||
61 | |||
62 | layui.use(['element'], function () { | ||
63 | var element = layui.element; | ||
64 | //初始化动态元素,一些动态生成的元素如果不设置初始化,将不会有默认的动态效果 | ||
65 | element.init(); | ||
66 | }); | ||
67 | }); | ||
68 | |||
69 | // 结果弹框 | 29 | // 结果弹框 |
70 | $('.reset').click(function () { | 30 | $('.reset').click(function () { |
71 | successResult() | 31 | successResult() |
... | @@ -79,11 +39,11 @@ function successResult() { | ... | @@ -79,11 +39,11 @@ function successResult() { |
79 | title: '<p class="system_prompt successInfo">房屋状态:正常</p>', | 39 | title: '<p class="system_prompt successInfo">房屋状态:正常</p>', |
80 | area: ['370px', '335px'], | 40 | area: ['370px', '335px'], |
81 | scrollbar: false, | 41 | scrollbar: false, |
82 | btn:['下一步'], | 42 | btn: ['下一步'], |
83 | yes : function() { | 43 | yes: function () { |
84 | window.location.href="./esf-tbxx.html"; | 44 | window.location.href = "./esf-tbxx.html"; |
85 | }, | 45 | }, |
86 | content:'<ul class="dialog_con">' | 46 | content: '<ul class="dialog_con">' |
87 | + '<li><span>姓名:</span>任超</li>' | 47 | + '<li><span>姓名:</span>任超</li>' |
88 | + '<li><span>身份证号:</span>610124193335522</li>' | 48 | + '<li><span>身份证号:</span>610124193335522</li>' |
89 | + '<li><span>联系电话:</span>18740677386</li>' | 49 | + '<li><span>联系电话:</span>18740677386</li>' |
... | @@ -103,8 +63,8 @@ function seizureResult() { | ... | @@ -103,8 +63,8 @@ function seizureResult() { |
103 | title: '<p class="system_prompt seizureInfo">房屋状态:正常</p>', | 63 | title: '<p class="system_prompt seizureInfo">房屋状态:正常</p>', |
104 | area: ['370px', '335px'], | 64 | area: ['370px', '335px'], |
105 | scrollbar: false, | 65 | scrollbar: false, |
106 | btn:['下一步'], | 66 | btn: ['下一步'], |
107 | content:'<ul class="dialog_con">' | 67 | content: '<ul class="dialog_con">' |
108 | + '<li><span>姓名:</span>任超</li>' | 68 | + '<li><span>姓名:</span>任超</li>' |
109 | + '<li><span>身份证号:</span>610124193335522</li>' | 69 | + '<li><span>身份证号:</span>610124193335522</li>' |
110 | + '<li><span>联系电话:</span>18740677386</li>' | 70 | + '<li><span>联系电话:</span>18740677386</li>' |
... | @@ -116,3 +76,54 @@ function seizureResult() { | ... | @@ -116,3 +76,54 @@ function seizureResult() { |
116 | }); | 76 | }); |
117 | }) | 77 | }) |
118 | } | 78 | } |
79 | |||
80 | // 获取受理流程信息 | ||
81 | function _acceptanceProcess(ywid, lclb = 1) { | ||
82 | $.ajax({ | ||
83 | type: "post", //提交方式 | ||
84 | url: portal.api_url + "/portal/ApplyBusinessService/getApplyFlow",//路径 | ||
85 | dataType: "json", | ||
86 | data: { | ||
87 | "ywid": ywid, | ||
88 | "lclb": lclb | ||
89 | }, | ||
90 | //数据,这里使用的是Json格式进行传输 | ||
91 | success: function (result) {//返回数据根据结果进行相应的处理 | ||
92 | if (result.code == 200 && result.data != null) { | ||
93 | console.log(result.data) | ||
94 | $('.name_title h2').text(result.data.shortName) | ||
95 | $('.name_title p').text(result.data.businessName) | ||
96 | data.progressList = result.data.stepList | ||
97 | } | ||
98 | layui.use('laytpl', function () { | ||
99 | laytpl = layui.laytpl; | ||
100 | var getTpl = document.getElementById('progress').innerHTML | ||
101 | , view = document.getElementById('app_progress'); | ||
102 | laytpl(getTpl).render(data, function (html) { | ||
103 | view.innerHTML = html; | ||
104 | }); | ||
105 | |||
106 | layui.use(['element'], function () { | ||
107 | var element = layui.element; | ||
108 | //初始化动态元素,一些动态生成的元素如果不设置初始化,将不会有默认的动态效果 | ||
109 | element.init(); | ||
110 | }); | ||
111 | }); | ||
112 | } | ||
113 | }); | ||
114 | } | ||
115 | function GetRequest() { | ||
116 | var url = location.search; //获取url中"?"符后的字串 | ||
117 | var theRequest = new Object(); | ||
118 | if (url.indexOf("?") != -1) { | ||
119 | var str = url.substr(1); | ||
120 | strs = str.split("?"); | ||
121 | for (var i = 0; i < strs.length; i++) { | ||
122 | theRequest[strs[i].split("=")[0]] = decodeURIComponent(strs[i].split("=")[1]); | ||
123 | } | ||
124 | } | ||
125 | return theRequest; | ||
126 | } | ||
127 | var data = { //数据 | ||
128 | 'progressList': [], | ||
129 | }; | ||
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
... | @@ -13,11 +13,13 @@ $(function () { | ... | @@ -13,11 +13,13 @@ $(function () { |
13 | }).extend({ //设定模块别名 | 13 | }).extend({ //设定模块别名 |
14 | common: 'cityCommon' | 14 | common: 'cityCommon' |
15 | }); | 15 | }); |
16 | $('.area_list li').click(function () { | 16 | |
17 | $(document).on("click", ".area_list li", function (e) { | ||
17 | $(".area_list li").removeClass("active2") | 18 | $(".area_list li").removeClass("active2") |
18 | $(this).addClass("active2"); | 19 | $(this).addClass("active2"); |
19 | 20 | _businessList($(this).attr("data-id")) | |
20 | }) | 21 | }) |
22 | |||
21 | layui.use(['form', 'common'], function () { | 23 | layui.use(['form', 'common'], function () { |
22 | var common = layui.common, | 24 | var common = layui.common, |
23 | form = layui.form; | 25 | form = layui.form; |
... | @@ -28,4 +30,93 @@ $(function () { | ... | @@ -28,4 +30,93 @@ $(function () { |
28 | return false; | 30 | return false; |
29 | }); | 31 | }); |
30 | }); | 32 | }); |
31 | }) | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
33 | _initData() | ||
34 | // 网上申请 | ||
35 | $(document).on("click", ".handleBus", function (e) { | ||
36 | console.log($(this).attr("ywid")) | ||
37 | _acceptanceProcess($(this).attr("ywid")) | ||
38 | }) | ||
39 | }) | ||
40 | |||
41 | // 初始化数据 | ||
42 | function _initData() { | ||
43 | var area_list = $(".area_list"); | ||
44 | area_list.empty(); | ||
45 | var li | ||
46 | $.ajax({ | ||
47 | type: "get", //提交方式 | ||
48 | url: portal.api_url + "/cms/district/queryAllDistrict",//路径 | ||
49 | dataType: "json", | ||
50 | //数据,这里使用的是Json格式进行传输 | ||
51 | success: function (result) {//返回数据根据结果进行相应的处理 | ||
52 | if (result.code == 200 && result.data != null) { | ||
53 | let data = result.data[0].children[0].children | ||
54 | for (var i = 0; i < data.length; i++) { | ||
55 | li = '<li data-id="' + data[i].id + '">' + data[i].name + '</li>'; | ||
56 | area_list.append(li); | ||
57 | } | ||
58 | |||
59 | } | ||
60 | } | ||
61 | }); | ||
62 | } | ||
63 | |||
64 | // 获取申请业务列表 | ||
65 | function _businessList(districtId) { | ||
66 | $.ajax({ | ||
67 | type: "post", //提交方式 | ||
68 | url: portal.api_url + "/portal/ApplyBusinessService/getApplyBusiness",//路径 | ||
69 | dataType: "json", | ||
70 | data: { | ||
71 | "districtId": districtId, | ||
72 | }, | ||
73 | //数据,这里使用的是Json格式进行传输 | ||
74 | success: function (result) {//返回数据根据结果进行相应的处理 | ||
75 | if (result.code == 200 && result.data != null) { | ||
76 | // 即时办结 | ||
77 | data.immediateList = result.data.forthwith | ||
78 | data.settlementList = result.data.onlineAudit | ||
79 | } | ||
80 | layui.use('laytpl', function () { | ||
81 | laytpl = layui.laytpl; | ||
82 | var getTpl = document.getElementById('immediatelist').innerHTML | ||
83 | , view = document.getElementById('immediate'); | ||
84 | laytpl(getTpl).render(data, function (html) { | ||
85 | view.innerHTML = html; | ||
86 | }); | ||
87 | |||
88 | // 网上预审 | ||
89 | var getTpl = document.getElementById('settlementlist').innerHTML | ||
90 | , view = document.getElementById('settlement'); | ||
91 | laytpl(getTpl).render(data, function (html) { | ||
92 | view.innerHTML = html; | ||
93 | }); | ||
94 | }); | ||
95 | } | ||
96 | }); | ||
97 | } | ||
98 | |||
99 | // 获取受理流程信息 | ||
100 | function _acceptanceProcess(ywid,lclb=1) { | ||
101 | $.ajax({ | ||
102 | type: "post", //提交方式 | ||
103 | url: portal.api_url + "/portal/ApplyBusinessService/getApplyFlow",//路径 | ||
104 | dataType: "json", | ||
105 | data: { | ||
106 | "ywid": ywid, | ||
107 | "lclb": lclb | ||
108 | }, | ||
109 | //数据,这里使用的是Json格式进行传输 | ||
110 | success: function (result) {//返回数据根据结果进行相应的处理 | ||
111 | if (result.code == 200 && result.data != null) { | ||
112 | console.log(result.data) | ||
113 | window.open("./esf-xxjy.html?ywid="+ywid+"","_self") | ||
114 | } | ||
115 | } | ||
116 | }); | ||
117 | } | ||
118 | |||
119 | var data = { //数据 | ||
120 | "immediateList": [], | ||
121 | "settlementList": [] | ||
122 | }; | ||
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
... | @@ -81,7 +81,7 @@ | ... | @@ -81,7 +81,7 @@ |
81 | {{# if(item.stepState==2){ }} | 81 | {{# if(item.stepState==2){ }} |
82 | <li class="item_proress"> | 82 | <li class="item_proress"> |
83 | <p class="active"></p> | 83 | <p class="active"></p> |
84 | <h5>{{item.stepName}}</h5> | 84 | <h5>{{item.stepname}}</h5> |
85 | </li> | 85 | </li> |
86 | <li class="layui-progress"> | 86 | <li class="layui-progress"> |
87 | <div class="layui-progress-bar" lay-percent="100%"></div> | 87 | <div class="layui-progress-bar" lay-percent="100%"></div> |
... | @@ -90,7 +90,7 @@ | ... | @@ -90,7 +90,7 @@ |
90 | {{# if(item.stepState==1){ }} | 90 | {{# if(item.stepState==1){ }} |
91 | <li class="item_proress"> | 91 | <li class="item_proress"> |
92 | <p class="activeing"></p> | 92 | <p class="activeing"></p> |
93 | <h5 class="activeingtext">{{item.stepName}}</h5> | 93 | <h5 class="activeingtext">{{item.stepname}}</h5> |
94 | </li> | 94 | </li> |
95 | {{# if(index!=(d.progressList.length-1)){ }} | 95 | {{# if(index!=(d.progressList.length-1)){ }} |
96 | <li class="layui-progress"> | 96 | <li class="layui-progress"> |
... | @@ -101,7 +101,7 @@ | ... | @@ -101,7 +101,7 @@ |
101 | {{# if(item.stepState==0){ }} | 101 | {{# if(item.stepState==0){ }} |
102 | <li class="item_proress"> | 102 | <li class="item_proress"> |
103 | <p></p> | 103 | <p></p> |
104 | <h5>{{item.stepName}}</h5> | 104 | <h5>{{item.stepname}}</h5> |
105 | </li> | 105 | </li> |
106 | {{# if(index!=(d.progressList.length-1)){ }} | 106 | {{# if(index!=(d.progressList.length-1)){ }} |
107 | <li class="layui-progress"> | 107 | <li class="layui-progress"> | ... | ... |
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/wssq.css"> | 11 | <link rel="stylesheet" type="text/css" href="../staticCss/wssq.css"> |
11 | </head> | 12 | </head> |
13 | |||
12 | <body> | 14 | <body> |
13 | <div class="navigation_crumbs"> | 15 | <div class="navigation_crumbs"> |
14 | <div class="contentBox"> | 16 | <div class="contentBox"> |
... | @@ -24,70 +26,32 @@ | ... | @@ -24,70 +26,32 @@ |
24 | <form class="layui-form"> | 26 | <form class="layui-form"> |
25 | <h2 class="title">省</h2> | 27 | <h2 class="title">省</h2> |
26 | <div class="layui-inline layui-select-default" style="margin-right: 10px;"> | 28 | <div class="layui-inline layui-select-default" style="margin-right: 10px;"> |
27 | <select name="province" class="Pselected" data-area="浙江省"" lay-filter=" province"> | 29 | <select name="province" class="Pselected" disabled data-area="陕西省"" lay-filter=" province"> |
28 | <option value="">选择省</option> | 30 | <option value="">选择省</option> |
29 | </select> | 31 | </select> |
30 | </div> | 32 | </div> |
31 | <h2>市</h2> | 33 | <h2>市</h2> |
32 | <div class="layui-inline selected layui-select-default"> | 34 | <div class="layui-inline selected layui-select-default"> |
33 | <select name="city" class="Cselected" data-area="杭州市" lay-filter="selectCity"> | 35 | <select name="city" class="Cselected" disabled data-area="西安市" lay-filter="selectCity"> |
34 | <option value="">选择市</option> | 36 | <option value="">选择市</option> |
35 | </select> | 37 | </select> |
36 | </div> | 38 | </div> |
37 | </form> | 39 | </form> |
38 | <div class="area_list_content"> | 40 | <div class="area_list_content"> |
39 | <h2>区</h2> | 41 | <h2>区</h2> |
40 | <ul class="area_list"> | 42 | <ul class="area_list"></ul> |
41 | <li>新城区</li> | ||
42 | <li>新城区</li> | ||
43 | <li>新城区</li> | ||
44 | <li>新城区</li> | ||
45 | <li>新城区</li> | ||
46 | <li>新城区</li> | ||
47 | <li>新城区</li> | ||
48 | <li>新城区</li> | ||
49 | <li>新城区</li> | ||
50 | <li>新城区</li> | ||
51 | <li>新城区</li> | ||
52 | <li>新城区</li> | ||
53 | <li>新城区</li> | ||
54 | <li>新城区</li> | ||
55 | <li>新城区</li> | ||
56 | </ul> | ||
57 | </div> | 43 | </div> |
58 | </div> | 44 | </div> |
59 | <!-- ------------业务办理--------------- --> | 45 | <!-- ------------业务办理--------------- --> |
60 | <div class="business"> | 46 | <div class="business"> |
61 | <div class="online_processing"> | 47 | <div class="online_processing"> |
62 | <h1 class="type_title">在线办理即时业务(即时办结)</h1> | 48 | <h1 class="type_title">在线办理即时业务(即时办结)</h1> |
63 | <ul class="item_list"> | 49 | <div id="immediate"></div> |
64 | <div class="list_title"> | ||
65 | <h2> | ||
66 | <svg class="icon svg-icon" aria-hidden="true"> | ||
67 | <use xlink:href="#icontudi"></use> | ||
68 | </svg> | ||
69 | 预告类 | ||
70 | </h2> | ||
71 | </div> | ||
72 | <li> | ||
73 | <p>预售商品房抵押登记</p> | ||
74 | <div class="button"> | ||
75 | <button type="button" class="layui-btn layui-btn-normal layui-btn-sm">立即办理</button> | ||
76 | <button type="button" class="layui-btn layui-btn-primary layui-btn-sm">办事指南</button> | ||
77 | </div> | ||
78 | </li> | ||
79 | <li> | ||
80 | <p>商品房抵押登记</p> | ||
81 | <div class="button"> | ||
82 | <button type="button" class="layui-btn layui-btn-normal layui-btn-sm">立即办理</button> | ||
83 | <button type="button" class="layui-btn layui-btn-primary layui-btn-sm">办事指南</button> | ||
84 | </div> | ||
85 | </li> | ||
86 | </ul> | ||
87 | </div> | 50 | </div> |
88 | <div class="online_examination"> | 51 | <div class="online_examination"> |
89 | <h1 class="type_title">网上预审(现场办结)</h1> | 52 | <h1 class="type_title">网上预审(现场办结)</h1> |
90 | <ul class="item_list"> | 53 | <div id="settlement"></div> |
54 | <!-- <ul class="item_list"> | ||
91 | <div class="list_title"> | 55 | <div class="list_title"> |
92 | <h2> | 56 | <h2> |
93 | <svg class="icon svg-icon" aria-hidden="true"> | 57 | <svg class="icon svg-icon" aria-hidden="true"> |
... | @@ -114,7 +78,7 @@ | ... | @@ -114,7 +78,7 @@ |
114 | <button type="button" class="layui-btn layui-btn-primary layui-btn-sm">网上申请</button> | 78 | <button type="button" class="layui-btn layui-btn-primary layui-btn-sm">网上申请</button> |
115 | </div> | 79 | </div> |
116 | </li> | 80 | </li> |
117 | </ul> | 81 | </ul> --> |
118 | </div> | 82 | </div> |
119 | </div> | 83 | </div> |
120 | </div> | 84 | </div> |
... | @@ -123,4 +87,56 @@ | ... | @@ -123,4 +87,56 @@ |
123 | <script type="text/javascript" src="../staticJs/common.js"></script> | 87 | <script type="text/javascript" src="../staticJs/common.js"></script> |
124 | <script type="text/javascript" src="../staticJs/city-picker.js"></script> | 88 | <script type="text/javascript" src="../staticJs/city-picker.js"></script> |
125 | <script type="text/javascript" src="../staticJs/wssq.js"></script> | 89 | <script type="text/javascript" src="../staticJs/wssq.js"></script> |
90 | <!-- 及时办结 --> | ||
91 | <script id="immediatelist" type="text/html"> | ||
92 | {{# layui.each(d.immediateList, function(index, item){ }} | ||
93 | <ul class="item_list"> | ||
94 | <div class="list_title"> | ||
95 | <h2> | ||
96 | <svg class="icon svg-icon" aria-hidden="true"> | ||
97 | <use xlink:href="#icontudi"></use> | ||
98 | </svg> | ||
99 | <span>{{ item.classifyName }}</span> | ||
100 | </h2> | ||
101 | </div> | ||
102 | {{# for(var i = 0; i < item.classifyList.length; i++){ }} | ||
103 | <li> | ||
104 | <p>{{item.classifyList[i].shortName}}</p> | ||
105 | <div class="button"> | ||
106 | <button type="button" ywid="{{item.classifyList[i].ywid}}" class="layui-btn handleBus layui-btn-normal layui-btn-sm">立即办理</button> | ||
107 | {{# if(item.classifyList[i].bsmBszn){ }} | ||
108 | <button type="button" class="layui-btn layui-btn-primary layui-btn-sm">办事指南</button> | ||
109 | {{# } }} | ||
110 | </div> | ||
111 | </li> | ||
112 | {{# } }} | ||
113 | </ul> | ||
114 | {{# }); }} | ||
115 | </script> | ||
116 | <!-- 网上预审 --> | ||
117 | <script id="settlementlist" type="text/html"> | ||
118 | {{# layui.each(d.settlementList, function(index, item){ }} | ||
119 | <ul class="item_list"> | ||
120 | <div class="list_title"> | ||
121 | <h2> | ||
122 | <svg class="icon svg-icon" aria-hidden="true"> | ||
123 | <use xlink:href="#icontudi"></use> | ||
124 | </svg> | ||
125 | <span>{{ item.classifyName }}</span> | ||
126 | </h2> | ||
127 | </div> | ||
128 | {{# for(var i = 0; i < item.classifyList.length; i++){ }} | ||
129 | <li> | ||
130 | <p>{{item.classifyList[i].shortName}}</p> | ||
131 | <div class="button"> | ||
132 | <button type="button" ywid="{{item.classifyList[i].ywid}}" class="layui-btn handleBus layui-btn-normal layui-btn-sm">立即办理</button> | ||
133 | {{# if(item.classifyList[i].bsmBszn){ }} | ||
134 | <button type="button" class="layui-btn layui-btn-primary layui-btn-sm">办事指南</button> | ||
135 | {{# } }} | ||
136 | </div> | ||
137 | </li> | ||
138 | {{# } }} | ||
139 | </ul> | ||
140 | {{# }); }} | ||
141 | </script> | ||
126 | </html> | 142 | </html> |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
-
Please register or sign in to post a comment