117002d8 by 任超

style:网上申请业务流程配置

1 parent b6e9bf2b
...@@ -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
......