Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
e9f6566e by 焦小希
Options

Merge branch 'master' of http://yun.pashanhoo.com:9090/renchao/portalStaticPage

2 parents 724036db 84050934
Expand all
Inline Side-by-side
Showing 23 changed files with 472 additions and 374 deletions
File mode changed
...@@ -3,6 +3,7 @@ ...@@ -3,6 +3,7 @@
3 width: 1200px; 3 width: 1200px;
4 margin: 0 auto; 4 margin: 0 auto;
5 overflow: hidden; 5 overflow: hidden;
6 min-height:calc(100vh - 350px);
6 } 7 }
7 .business_guide { 8 .business_guide {
8 overflow-x: hidden; 9 overflow-x: hidden;
...@@ -137,4 +138,68 @@ ...@@ -137,4 +138,68 @@
137 border: none!important; 138 border: none!important;
138 margin-left: -10px; 139 margin-left: -10px;
139 margin-bottom: 30px; 140 margin-bottom: 30px;
141 }
142
143 /* 行政区 */
144 .selectCity {
145 width: 1200px;
146 margin: 0 auto;
147 margin-top: 20px;
148 }
149 .selectCity h2 {
150 display: inline-block;
151 margin-right: 9px;
152 }
153 .area_list_content {
154 overflow: hidden;
155 margin-top: 20px;
156 width: 100%;
157 }
158 .area_list_content h2 {
159 display: inline-block;
160 float: left;
161 margin-right: 12px;
162 }
163 .selectCity .area_list {
164 width: 95%;
165 float: left;
166 }
167 .selectCity .area_list li {
168 display: inline-block;
169 width: 100px;
170 height: 36px;
171 border-radius: 4px;
172 margin-right: 15px;
173 color: #fff;
174 text-align: center;
175 line-height: 36px;
176 margin-bottom: 10px;
177 cursor: pointer;
178 background: #FFFFFF;
179 border-radius: 4px;
180 border: 1px solid #E6E6E6;
181 color: #6D7278;
182 }
183 .selectCity .area_list li:hover {
184 color: #006CFF;
185 border-color: #006CFF;
186 }
187 .active2 {
188 color: #006CFF!important;
189 border-color: #006CFF!important;
190 }
191 .itemButton {
192 display: inline-block;
193 float: right;
194 width: 170px;
195 }
196 .itemButton a {
197 display: inline-block;
198 }
199 .itemButton a:nth-child(1) {
200 position: relative;
201 left: 15px;
202 }
203 .itemButton button {
204 display: inline-block;
140 } 205 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -23,4 +23,20 @@ ...@@ -23,4 +23,20 @@
23 .video_authentication { 23 .video_authentication {
24 text-align: center; 24 text-align: center;
25 height: 300px; 25 height: 300px;
26 margin-top: 30px;
27 }
28 .video_authentication h5 {
29 text-align: left;
30 margin-bottom: 10px;
31 }
32 .sms_authentication div{
33 display: inline-block;
34 width: 49%;
35 }
36 .sms_authentication div span {
37 display: inline-block;
38 }
39 .sms_authentication div input {
40 display: inline-block;
41 width: 85%;
26 } 42 }
...\ No newline at end of file ...\ No newline at end of file
......
1 .content_box { 1 .content_box {
2 width: 1200px; 2 width: 1200px;
3 margin: 0 auto; 3 margin: 0 auto;
4 min-height:calc(100vh - 227px); 4 min-height: calc(100vh - 227px);
5 } 5 }
6
6 .title { 7 .title {
7 height: 16px; 8 height: 16px;
8 padding: 10px 0; 9 padding: 10px 0;
9 margin: 15px 0; 10 margin: 15px 0;
10 padding-left: 10px; 11 padding-left: 10px;
11 } 12 }
13
12 .title h2 { 14 .title h2 {
13 font-weight: 600; 15 font-weight: 600;
14 height: 16px; 16 height: 16px;
...@@ -17,6 +19,7 @@ ...@@ -17,6 +19,7 @@
17 border-left: 3px solid #ffffff; 19 border-left: 3px solid #ffffff;
18 float: left; 20 float: left;
19 } 21 }
22
20 .title i { 23 .title i {
21 font-size: 24px; 24 font-size: 24px;
22 position: relative; 25 position: relative;
...@@ -24,45 +27,54 @@ ...@@ -24,45 +27,54 @@
24 color: #ffffff; 27 color: #ffffff;
25 left: 198px; 28 left: 198px;
26 } 29 }
30
27 .layui-icon { 31 .layui-icon {
28 cursor: pointer; 32 cursor: pointer;
29 } 33 }
34
30 .tabs_title { 35 .tabs_title {
31 margin-bottom: 10px; 36 margin-bottom: 10px;
32 } 37 }
38
33 .tabs_title p { 39 .tabs_title p {
34 display: inline-block; 40 display: inline-block;
35 margin-right: 10px; 41 margin-right: 10px;
36 position: relative; 42 position: relative;
37 top: -2px; 43 top: -2px;
38 } 44 }
45
39 .tabs_title input { 46 .tabs_title input {
40 width: 16px; 47 width: 16px;
41 height: 16px; 48 height: 16px;
42 } 49 }
43 50
44 .tabs_title i{ 51 .tabs_title i {
45 font-size: 24px; 52 font-size: 24px;
46 position: relative; 53 position: relative;
47 color: #0091FF; 54 color: #0091FF;
48 top: 3px; 55 top: 3px;
49 } 56 }
57
50 .layui-tab { 58 .layui-tab {
51 width: 23%; 59 width: 23%;
52 display: inline-block; 60 display: inline-block;
53 } 61 }
62
54 .layui-tab-bar { 63 .layui-tab-bar {
55 display: none; 64 display: none;
56 } 65 }
66
57 .img_update { 67 .img_update {
58 overflow: hidden; 68 overflow: hidden;
59 position: relative; 69 position: relative;
60 float: left; 70 float: left;
61 } 71 }
62 72
63 .fileBox{ 73 .fileBox {
64 margin:10px;float: left; 74 margin: 10px;
75 float: left;
65 } 76 }
77
66 .file_name .update { 78 .file_name .update {
67 display: block; 79 display: block;
68 width: 24px; 80 width: 24px;
...@@ -72,9 +84,11 @@ ...@@ -72,9 +84,11 @@
72 margin-top: 85px; 84 margin-top: 85px;
73 margin-bottom: 10px; 85 margin-bottom: 10px;
74 } 86 }
87
75 .file_name p { 88 .file_name p {
76 color: #9B9B9B; 89 color: #9B9B9B;
77 } 90 }
91
78 .certificate { 92 .certificate {
79 height: 24px; 93 height: 24px;
80 color: red; 94 color: red;
...@@ -84,7 +98,8 @@ ...@@ -84,7 +98,8 @@
84 text-align: center; 98 text-align: center;
85 width: 240px; 99 width: 240px;
86 } 100 }
87 .fileSpan{ 101
102 .fileSpan {
88 display: inline-block; 103 display: inline-block;
89 width: 240px; 104 width: 240px;
90 height: 240px; 105 height: 240px;
...@@ -94,10 +109,12 @@ ...@@ -94,10 +109,12 @@
94 margin-right: 121px; 109 margin-right: 121px;
95 background: #FCFCFC; 110 background: #FCFCFC;
96 } 111 }
97 .fileSpan:hover{ 112
98 border-color:#0091FF; 113 .fileSpan:hover {
114 border-color: #0091FF;
99 } 115 }
100 #fileInput, #fileInput1, #fileInput3{ 116
117 input[type='file'] {
101 position: absolute; 118 position: absolute;
102 width: 100%; 119 width: 100%;
103 height: 100%; 120 height: 100%;
...@@ -107,10 +124,12 @@ ...@@ -107,10 +124,12 @@
107 cursor: pointer; 124 cursor: pointer;
108 z-index: 10; 125 z-index: 10;
109 } 126 }
127
110 .fileName { 128 .fileName {
111 margin: 0 auto; 129 margin: 0 auto;
112 width: 102px; 130 width: 102px;
113 } 131 }
132
114 .fileName span { 133 .fileName span {
115 display: inline-block; 134 display: inline-block;
116 width: 85px; 135 width: 85px;
...@@ -118,16 +137,21 @@ ...@@ -118,16 +137,21 @@
118 text-overflow: ellipsis; 137 text-overflow: ellipsis;
119 white-space: nowrap; 138 white-space: nowrap;
120 } 139 }
140
121 .file_name { 141 .file_name {
122 text-align: center; 142 text-align: center;
123 position: relative; 143 position: relative;
124 } 144 }
145
125 .operation { 146 .operation {
126 cursor: pointer; 147 cursor: pointer;
127 width: 14px; 148 width: 14px;
128 height: 14px; 149 height: 14px;
129 } 150 }
130 .fileListName, .fileListName1, .fileListName3{ 151
152 .fileListName,
153 .fileListName1,
154 .fileListName3 {
131 text-align: center; 155 text-align: center;
132 margin-top: 10px; 156 margin-top: 10px;
133 position: absolute; 157 position: absolute;
...@@ -137,34 +161,53 @@ ...@@ -137,34 +161,53 @@
137 width: 100%; 161 width: 100%;
138 cursor: pointer; 162 cursor: pointer;
139 } 163 }
140 .fileListName span , .fileListName1 span, .fileListName3 span{ 164
165 .fileListName span,
166 .fileListName1 span,
167 .fileListName3 span {
141 display: inline-block; 168 display: inline-block;
142 color: #4a4a4a; 169 color: #4a4a4a;
143 } 170 }
144 .fileListName img, .fileListName1 img, .fileListName3 img{ 171
172 .fileListName img,
173 .fileListName1 img,
174 .fileListName3 img {
145 float: right; 175 float: right;
146 margin-top: 5px; 176 margin-top: 5px;
147 margin-left: 2px; 177 margin-left: 2px;
148 } 178 }
149 .fileList tr, .fileList1 tr, .fileList3 tr { 179
180 .fileList tr,
181 .fileList1 tr,
182 .fileList3 tr {
150 line-height: 28px; 183 line-height: 28px;
151 width: 70px; 184 width: 70px;
152 } 185 }
153 .fileList tr td, .fileList1 tr td, .fileList3 tr td { 186
187 .fileList tr td,
188 .fileList1 tr td,
189 .fileList3 tr td {
154 width: 70px; 190 width: 70px;
155 } 191 }
192
156 .operation a:hover { 193 .operation a:hover {
157 color: #0091FF!important; 194 color: #0091FF !important;
158 } 195 }
196
159 .next_button { 197 .next_button {
160 text-align: center; 198 text-align: center;
161 margin: 50px 0; 199 margin: 50px 0;
162 } 200 }
201
163 /* 房屋信息 */ 202 /* 房屋信息 */
164 .acceptance_information { 203 .acceptance_information {
165 margin: 20px 0; 204 margin: 20px 0;
166 } 205 }
167 .acceptance_information h3 , .person_info h3, .data_upload h3, .obtaining_license h3{ 206
207 .acceptance_information h3,
208 .person_info h3,
209 .data_upload h3,
210 .obtaining_license h3 {
168 height: 16px; 211 height: 16px;
169 padding-left: 8px; 212 padding-left: 8px;
170 font-size: 16px; 213 font-size: 16px;
...@@ -174,12 +217,16 @@ ...@@ -174,12 +217,16 @@
174 padding-bottom: 20px; 217 padding-bottom: 20px;
175 color: #4A4A4A; 218 color: #4A4A4A;
176 } 219 }
177 .acceptance_information h3::before , .person_info h3::before , .data_upload h3::before , .obtaining_license h3::before { 220
178 position:absolute; 221 .acceptance_information h3::before,
179 content:""; 222 .person_info h3::before,
180 left:0; 223 .data_upload h3::before,
181 width:4px; 224 .obtaining_license h3::before {
182 height:12px; 225 position: absolute;
226 content: "";
227 left: 0;
228 width: 4px;
229 height: 12px;
183 border-radius: 1px; 230 border-radius: 1px;
184 top: 5px; 231 top: 5px;
185 background-color: #0091FF; 232 background-color: #0091FF;
...@@ -188,36 +235,44 @@ ...@@ -188,36 +235,44 @@
188 .acceptance_information ul { 235 .acceptance_information ul {
189 font-size: 0; 236 font-size: 0;
190 } 237 }
238
191 .acceptance_information ul li { 239 .acceptance_information ul li {
192 display: inline-block; 240 display: inline-block;
193 width: 50%; 241 width: 50%;
194 font-size: 14px; 242 font-size: 14px;
195 line-height: 36px; 243 line-height: 36px;
196 } 244 }
245
197 .acceptance_information ul li span { 246 .acceptance_information ul li span {
198 color: #9B9B9B; 247 color: #9B9B9B;
199 width: 100px; 248 width: 100px;
200 text-align: right; 249 text-align: right;
201 display: inline-block; 250 display: inline-block;
202 } 251 }
252
203 .acceptance_information ul li p { 253 .acceptance_information ul li p {
204 display: inline-block; 254 display: inline-block;
205 } 255 }
256
206 /* 买卖双方信息 */ 257 /* 买卖双方信息 */
207 .layui-form-item .layui-inline { 258 .layui-form-item .layui-inline {
208 width: 23%; 259 width: 23%;
209 } 260 }
261
210 .idCard { 262 .idCard {
211 width: 150px; 263 width: 150px;
212 } 264 }
265
213 .layui-form-label { 266 .layui-form-label {
214 padding: 9px 0; 267 padding: 9px 0;
215 width: 92px; 268 width: 92px;
216 } 269 }
270
217 .layui-icon-reduce-circle { 271 .layui-icon-reduce-circle {
218 font-size: 20px!important; 272 font-size: 20px !important;
219 color: #FA6400; 273 color: #FA6400;
220 } 274 }
275
221 .add_form { 276 .add_form {
222 height: 36px; 277 height: 36px;
223 border: 1px dotted #DEDEDE; 278 border: 1px dotted #DEDEDE;
...@@ -228,25 +283,30 @@ ...@@ -228,25 +283,30 @@
228 display: none; 283 display: none;
229 background: #FCFCFC; 284 background: #FCFCFC;
230 } 285 }
286
231 .add_form:hover { 287 .add_form:hover {
232 border-color: #0091FF; 288 border-color: #0091FF;
233 } 289 }
290
234 .add_form i { 291 .add_form i {
235 font-size: 16px!important; 292 font-size: 16px !important;
236 display: inline-block; 293 display: inline-block;
237 margin-top: 5px; 294 margin-top: 5px;
238 color: #4A4A4A; 295 color: #4A4A4A;
239 } 296 }
297
240 .add_form p { 298 .add_form p {
241 display: inline-block; 299 display: inline-block;
242 color: #9B9B9B; 300 color: #9B9B9B;
243 line-height: 36px; 301 line-height: 36px;
244 } 302 }
303
245 /* -----------------资料上传---------------------- */ 304 /* -----------------资料上传---------------------- */
246 .data_upload { 305 .data_upload {
247 margin-top: 20px; 306 margin-top: 20px;
248 overflow: hidden; 307 overflow: hidden;
249 } 308 }
309
250 /* -----------------询问笔录---------------------- */ 310 /* -----------------询问笔录---------------------- */
251 .record { 311 .record {
252 position: absolute; 312 position: absolute;
...@@ -261,45 +321,57 @@ ...@@ -261,45 +321,57 @@
261 width: 100%; 321 width: 100%;
262 cursor: pointer; 322 cursor: pointer;
263 } 323 }
324
264 .record:hover { 325 .record:hover {
265 color: #0091FF; 326 color: #0091FF;
266 } 327 }
267 .layui-form-radio>i:hover, .layui-form-radioed>i { 328
268 color: #0091FF!important; 329 .layui-form-radio>i:hover,
330 .layui-form-radioed>i {
331 color: #0091FF !important;
269 } 332 }
333
270 /* -------------------领证方式----------------------- */ 334 /* -------------------领证方式----------------------- */
271 .shipping_method { 335 .shipping_method {
272 display: none; 336 display: none;
273 margin-top: 25px; 337 margin-top: 25px;
274 } 338 }
339
275 .item_inline { 340 .item_inline {
276 font-size: 0; 341 font-size: 0;
277 } 342 }
343
278 .item_inline .layui-inline { 344 .item_inline .layui-inline {
279 width: 50%; 345 width: 50%;
280 font-size: 16px; 346 font-size: 16px;
281 margin-right: 0!important; 347 margin-right: 0 !important;
282 } 348 }
283 .obtaining_license .layui-input-block h2{ 349
350 .obtaining_license .layui-input-block h2 {
284 display: inline-block; 351 display: inline-block;
285 color: rgb(133, 125, 125); 352 color: rgb(133, 125, 125);
286 margin-right: 13px; 353 margin-right: 13px;
287 } 354 }
355
288 .ssq { 356 .ssq {
289 width: 99.5%; 357 width: 99.5%;
290 white-space: nowrap; 358 white-space: nowrap;
291 left: -13px; 359 left: -13px;
292 } 360 }
293 .ssq .layui-inline { 361
362 .ssq .layui-inline {
294 width: 29%; 363 width: 29%;
295 } 364 }
365
296 .obtaining_license { 366 .obtaining_license {
297 margin-top: 20px; 367 margin-top: 20px;
298 } 368 }
369
299 .person_radio { 370 .person_radio {
300 margin-bottom: 20px; 371 margin-bottom: 20px;
301 } 372 }
302 .person_radio input{ 373
374 .person_radio input {
303 display: inline-block; 375 display: inline-block;
304 cursor: pointer; 376 cursor: pointer;
305 width: 14px; 377 width: 14px;
...@@ -308,6 +380,7 @@ ...@@ -308,6 +380,7 @@
308 top: -2px; 380 top: -2px;
309 margin-right: 10px; 381 margin-right: 10px;
310 } 382 }
383
311 .person_radio p { 384 .person_radio p {
312 display: inline-block; 385 display: inline-block;
313 position: relative; 386 position: relative;
...@@ -319,9 +392,11 @@ ...@@ -319,9 +392,11 @@
319 .layui-form-item { 392 .layui-form-item {
320 font-size: 0; 393 font-size: 0;
321 } 394 }
395
322 .layui-inline { 396 .layui-inline {
323 font-size: 14px; 397 font-size: 14px;
324 } 398 }
399
325 .layui-form-label { 400 .layui-form-label {
326 font-size: 14px; 401 font-size: 14px;
327 } 402 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -5,21 +5,21 @@ $(function () { ...@@ -5,21 +5,21 @@ $(function () {
5 layui.use('element', function () { 5 layui.use('element', function () {
6 var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块 6 var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
7 }); 7 });
8 // 新闻详情数据 8 // 办事指南详情数据
9 function _initData() { 9 function _initData() {
10 var newsDetail = $("#newsDetail"); 10 var newsDetail = $("#newsDetail");
11 newsDetail.empty(); 11 newsDetail.empty();
12 $.ajax({ 12 $.ajax({
13 type: "get", //提交方式 13 type: "get", //提交方式
14 url: portal.api_url + "/portal/MhNotice/getMHDetailById",//路径 14 url: portal.api_url + "/portal/MhGuide/getBsznDetailById",//路径
15 data: { 15 data: {
16 "id": GetQueryString('id'), 16 "bsznId": GetQueryString('id'),
17 }, 17 },
18 dataType: "json", 18 dataType: "json",
19 //数据，这里使用的是Json格式进行传输 19 //数据，这里使用的是Json格式进行传输
20 success: function (result) {//返回数据根据结果进行相应的处理 20 success: function (result) {//返回数据根据结果进行相应的处理
21 if (result.code == 200 && result.data != null) { 21 if (result.code == 200 && result.data != null) {
22 $('.newsTitle').html(result.data.title) 22 $('.newsTitle').html(result.data.headline)
23 $('.releaseTime').html(result.data.addtime) 23 $('.releaseTime').html(result.data.addtime)
24 newsDetail.append(result.data.content) 24 newsDetail.append(result.data.content)
25 } 25 }
...@@ -30,6 +30,6 @@ function _initData() { ...@@ -30,6 +30,6 @@ function _initData() {
30 function GetQueryString(name) { 30 function GetQueryString(name) {
31 var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); 31 var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
32 var r = window.location.search.substr(1).match(reg); 32 var r = window.location.search.substr(1).match(reg);
33 if (r != null) return decodeURIComponent(r[2]); 33 if (r != null) return decodeURIComponent(r[2]).replace(/\"/g,"");
34 return null; 34 return null;
35 } 35 }
...\ No newline at end of file ...\ No newline at end of file
......
1 $(function () { 1 $(function () {
2 //元素
3 var oFileInput = $("#fileInput"); //选择文件按钮
4 var sizeObj = []; //存放每个文件大小的数组，用来比较去重
5 // var oFileSpan = $("#fileSpan");
6 // //拖拽外部文件，进入目标元素触发
7 // oFileSpan.on("dragenter", function () {
8 // $(this).find('.file_name').css("background", "#ccc");
9 // $(this).find('.file_name').empty();
10 // $(this).find('.file_name').append(
11 // '<p style="line-height:240px">可以方鼠标了</p>'
12 // )
13 // });
14 // //拖拽外部文件，进入目标、离开目标之间，连续触发
15 // oFileSpan.on("dragover", function () {
16 // return false;
17 // });
18 // //拖拽外部文件，离开目标元素触发
19 // oFileSpan.on("dragleave", function () {
20 // $(this).find('.file_name').empty();
21 // $(this).find('.file_name').css("background", "#ffff");
22 // $(this).find('.file_name').append(
23 // '<img class="update" src="../staticImages/update.png">'+
24 // '<p class="updatetext">点击或拖拽文件上传</p>'+
25 // '<div class="fileListName"></div>'
26 // )
27 // });
28 // //拖拽外部文件，在目标元素上释放鼠标触发
29 // oFileSpan.on("drop", function (ev) {
30 // var fs = ev.originalEvent.dataTransfer.files;
31 // $(this).find('.file_name').empty();
32 // $(this).find('.file_name').css("background", "#ffff");
33 // $(this).find('.file_name').append(
34 // '<img class="update" src="../staticImages/update.png">'+
35 // '<p class="updatetext">点击或拖拽文件上传</p>'+
36 // '<div class="fileListName"></div>'
37 // )
38 // analysisList(fs); //解析列表函数
39 // return false;
40 // });
41 //点击选择文件按钮选文件 2 //点击选择文件按钮选文件
42 oFileInput.on("change", function () {
43 if(flieList.length>=2) {
44 layer.msg('已经完成上传最大限度', { icon: 5 });
45 return false
46 }else {
47 analysisList(this.files, oFileInput);
48 }
49 })
50 //解析列表函数
51 function analysisList(obj, inputName) {
52 //如果没有文件
53 if (obj.length < 1) {
54 return false;
55 }
56 for (var i = 0; i < obj.length; i++) {
57 var fileObj = obj[i]; //单个文件
58 var name = fileObj.name; //文件名
59 var size = fileObj.size; //文件大小
60 var type = fileType(name); //文件类型，获取的是文件的后缀
61 //文件大于30M，就不上传
62 if (size > 1024 * 1024 * 1024 || size == 0) {
63 layer.msg('超过了30M，不能上传', { icon: 5 });
64 return false;
65 }
66 //把文件大小放到一个数组中，然后再去比较，如果有比较上的，就认为重复了，不能上传
67 if (sizeObj.indexOf(size) != -1) {
68 layer.msg('已经选择，不能重复上传', { icon: 5 });
69 return false;
70 }
71 //给json对象添加内容，得到选择的文件的数据
72 var itemArr = [fileObj, name, size]; //文件，文件名，文件大小，文件类型
73 flieList.push(itemArr);
74 if (flieList.length==2){
75 inputName.parent().find('.update').attr('src','../staticImages/Yes.png');
76 inputName.parent().find('.updatetext').text('')
77 }
78 //把这个文件的大小放进数组中
79 sizeObj.push(size);
80 }
81 createList() //生成列表
82 document.querySelector('#fileInput').value = null
83 };
84 //生成列表
85 function createList() {
86 $('.fileListName').empty()
87 for (var i = 0; i < flieList.length; i++) {
88 var fileData = flieList[i];
89 name = fileData[1]
90 $('.fileListName').append(
91 '<li class="fileName">'+
92 '<span title="' + name + '">' + name + '</span>' +
93 '<img class="operation" src="../staticImages/chacha.png">'+
94 '</li>'
95 );
96 }
97 }
98 $(document).on("click", ".fileListName .fileName .operation", function (e) { 3 $(document).on("click", ".fileListName .fileName .operation", function (e) {
99 var index = $(this).parent().index(); 4 var index = $(this).parent().index();
100 flieList.splice(index, 1) 5 flieList.splice(index, 1)
101 sizeObj.splice(index, 1) 6 sizeObj.splice(index, 1)
102 if(flieList.length==1) { 7 if (flieList.length == 1) {
103 $(this).parent().parent().parent('.fileSpan').find('.update').attr('src','../staticImages/update.png'); 8 $(this).parent().parent().parent('.fileSpan').find('.update').attr('src', '../../staticImages/update.png');
104 $(this).parent().parent().parent('.fileSpan').find('.updatetext').text('点击文件上传') 9 $(this).parent().parent().parent('.fileSpan').find('.updatetext').text('点击文件上传')
105 } 10 }
106 $(this).parent().remove() 11 $(this).parent().remove()
107 }) 12 })
108 }) 13 })
109 //通过文件名，返回文件的后缀名 14 var sizeObj = [];
110 function fileType(name) { 15 var flieList = [];
111 var nameArr = name.split("."); 16 function handleUpdate(e, $input) {
112 return nameArr[nameArr.length - 1].toLowerCase(); 17 if (flieList.length >= $("#" + $input).attr('numList')) {
18 layer.msg('已经完成上传最大限度', { icon: 5 });
19 return false
20 } else {
21 let file = [];
22 file.push(e.files[0])
23 analysisList(file, $input);
24 }
113 } 25 }
26 //解析列表函数
27 function analysisList(obj, $input) {
28 //如果没有文件
29 if (obj.length < 1) {
30 return false;
31 }
32 for (var i = 0; i < obj.length; i++) {
33 var fileObj = obj[i]; //单个文件
34 var name = fileObj.name; //文件名
35 var size = fileObj.size; //文件大小
36 //文件大于30M，就不上传
37 if (size > 1024 * 1024 * 1024 || size == 0) {
38 layer.msg('超过了30M，不能上传', { icon: 5 });
39 return false;
40 }
41 //把文件大小放到一个数组中，然后再去比较，如果有比较上的，就认为重复了，不能上传
42 if (sizeObj.indexOf(size) != -1) {
43 layer.msg('已经选择，不能重复上传', { icon: 5 });
44 return false;
45 }
46 //给json对象添加内容，得到选择的文件的数据
47 var itemArr = [fileObj, name, size]; //文件，文件名，文件大小，文件类型
48 flieList.push(itemArr);
49 if (flieList.length == $("#" + $input).attr('numList')) {
50 sizeObj = [];
51 $("#" + $input).parent().find('.update').attr('src', '../../staticImages/Yes.png');
52 $("#" + $input).parent().find('.updatetext').text('');
53 }
54 //把这个文件的大小放进数组中
55 sizeObj.push(size);
56 }
57 createList($input); //生成列表
58 document.querySelector("#" + $input).value = null
59 };
114 60
61 //生成列表
62 function createList($input) {
63 $("#" + $input).parent().find('.fileListName').empty()
64 for (var i = 0; i < flieList.length; i++) {
65 var fileData = flieList[i];
66 var name = fileData[1]
67 $("#" + $input).parent().find('.fileListName').append(
68 '<li class="fileName">' +
69 '<span title="' + name + '">' + name + '</span>' +
70 '<img class="operation" src="../../staticImages/chacha.png">' +
71 '</li>'
72 );
73 }
74 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -2,48 +2,13 @@ $(function () { ...@@ -2,48 +2,13 @@ $(function () {
2 //元素 2 //元素
3 var oFileInput1 = $("#fileInput1"); //选择文件按钮 3 var oFileInput1 = $("#fileInput1"); //选择文件按钮
4 var sizeObj1 = []; //存放每个文件大小的数组，用来比较去重 4 var sizeObj1 = []; //存放每个文件大小的数组，用来比较去重
5 // var oFileSpan = $("#fileSpan");
6 // //拖拽外部文件，进入目标元素触发
7 // oFileSpan.on("dragenter", function () {
8 // $(this).find('.file_name').css("background", "#ccc");
9 // $(this).find('.file_name').empty();
10 // $(this).find('.file_name').append(
11 // '<p style="line-height:240px">可以方鼠标了</p>'
12 // )
13 // });
14 // //拖拽外部文件，进入目标、离开目标之间，连续触发
15 // oFileSpan.on("dragover", function () {
16 // return false;
17 // });
18 // //拖拽外部文件，离开目标元素触发
19 // oFileSpan.on("dragleave", function () {
20 // $(this).find('.file_name').empty();
21 // $(this).find('.file_name').css("background", "#ffff");
22 // $(this).find('.file_name').append(
23 // '<img class="update" src="../staticImages/update.png">'+
24 // '<p class="updatetext">点击或拖拽文件上传</p>'+
25 // '<div class="fileListName"></div>'
26 // )
27 // });
28 // //拖拽外部文件，在目标元素上释放鼠标触发
29 // oFileSpan.on("drop", function (ev) {
30 // var fs = ev.originalEvent.dataTransfer.files;
31 // $(this).find('.file_name').empty();
32 // $(this).find('.file_name').css("background", "#ffff");
33 // $(this).find('.file_name').append(
34 // '<img class="update" src="../staticImages/update.png">'+
35 // '<p class="updatetext">点击或拖拽文件上传</p>'+
36 // '<div class="fileListName"></div>'
37 // )
38 // analysisList(fs); //解析列表函数
39 // return false;
40 // });
41 //点击选择文件按钮选文件 5 //点击选择文件按钮选文件
42 oFileInput1.on("change", function () { 6 oFileInput1.on("change", function () {
43 if(flieList1.length>=2) { 7 if(flieList1.length>=2) {
44 layer.msg('已经完成上传最大限度', { icon: 5 }); 8 layer.msg('已经完成上传最大限度', { icon: 5 });
45 return false 9 return false
46 }else { 10 }else {
11 console.log(this.files)
47 analysisList(this.files, oFileInput1); 12 analysisList(this.files, oFileInput1);
48 } 13 }
49 }) 14 })
...@@ -53,6 +18,7 @@ $(function () { ...@@ -53,6 +18,7 @@ $(function () {
53 if (obj.length < 1) { 18 if (obj.length < 1) {
54 return false; 19 return false;
55 } 20 }
21 console.log(999999999, obj)
56 for (var i = 0; i < obj.length; i++) { 22 for (var i = 0; i < obj.length; i++) {
57 var fileObj = obj[i]; //单个文件 23 var fileObj = obj[i]; //单个文件
58 var name = fileObj.name; //文件名 24 var name = fileObj.name; //文件名
...@@ -72,7 +38,7 @@ $(function () { ...@@ -72,7 +38,7 @@ $(function () {
72 var itemArr = [fileObj, name, size]; //文件，文件名，文件大小，文件类型 38 var itemArr = [fileObj, name, size]; //文件，文件名，文件大小，文件类型
73 flieList1.push(itemArr); 39 flieList1.push(itemArr);
74 if (flieList1.length==2){ 40 if (flieList1.length==2){
75 inputName.parent().find('.update').attr('src','../staticImages/Yes.png'); 41 inputName.parent().find('.update').attr('src','../../staticImages/Yes.png');
76 inputName.parent().find('.updatetext').text('') 42 inputName.parent().find('.updatetext').text('')
77 } 43 }
78 //把这个文件的大小放进数组中 44 //把这个文件的大小放进数组中
...@@ -90,7 +56,7 @@ $(function () { ...@@ -90,7 +56,7 @@ $(function () {
90 $('.fileListName1').append( 56 $('.fileListName1').append(
91 '<li class="fileName">'+ 57 '<li class="fileName">'+
92 '<span title="' + name + '">' + name + '</span>' + 58 '<span title="' + name + '">' + name + '</span>' +
93 '<img class="operation" src="../staticImages/chacha.png">'+ 59 '<img class="operation" src="../../staticImages/chacha.png">'+
94 '</li>' 60 '</li>'
95 ); 61 );
96 } 62 }
...@@ -100,7 +66,7 @@ $(function () { ...@@ -100,7 +66,7 @@ $(function () {
100 flieList1.splice(index, 1) 66 flieList1.splice(index, 1)
101 sizeObj1.splice(index, 1) 67 sizeObj1.splice(index, 1)
102 if(flieList1.length==1) { 68 if(flieList1.length==1) {
103 $(this).parent().parent().parent('.fileSpan').find('.update').attr('src','../staticImages/update.png'); 69 $(this).parent().parent().parent('.fileSpan').find('.update').attr('src','../../staticImages/update.png');
104 $(this).parent().parent().parent('.fileSpan').find('.updatetext').text('点击文件上传') 70 $(this).parent().parent().parent('.fileSpan').find('.updatetext').text('点击文件上传')
105 } 71 }
106 $(this).parent().remove() 72 $(this).parent().remove()
......
...@@ -3,40 +3,7 @@ $(function () { ...@@ -3,40 +3,7 @@ $(function () {
3 let element = layui.element; 3 let element = layui.element;
4 }); 4 });
5 addTabs('#wssq') 5 addTabs('#wssq')
6 // 业务 6 setAcceptFlow(GetQueryString('bsm_slsq'),GetQueryString('businessno'));
7 var data = {
8 'progressList': [
9 {
10 stepName: "信息效验",
11 stepState: 2 //0：未办理 1：正在办理 2：已办理
12 },
13 {
14 stepName: "填报信息",
15 stepState: 2
16 },
17 {
18 stepName: "完税核税",
19 stepState: 2
20 },
21 {
22 stepName: "身份认证",
23 stepState: 2
24 },
25 {
26 stepName: "资料审核",
27 stepState: 2
28 },
29 {
30 stepName: "线上缴费",
31 stepState: 2
32 },
33 {
34 stepName: "生成电子证书",
35 stepState: 1
36 }
37 ],
38 }
39
40 layui.use('laytpl', function () { 7 layui.use('laytpl', function () {
41 laytpl = layui.laytpl; 8 laytpl = layui.laytpl;
42 var getTpl = document.getElementById('progress').innerHTML 9 var getTpl = document.getElementById('progress').innerHTML
......
...@@ -7,40 +7,7 @@ $(function () { ...@@ -7,40 +7,7 @@ $(function () {
7 }); 7 });
8 }); 8 });
9 addTabs('#wssq') 9 addTabs('#wssq')
10 // 业务 10 setAcceptFlow(GetQueryString('bsm_slsq'),GetQueryString('businessno'));
11 var data = {
12 'progressList': [
13 {
14 stepName: "信息效验",
15 stepState: 2 //0：未办理 1：正在办理 2：已办理
16 },
17 {
18 stepName: "填报信息",
19 stepState: 2
20 },
21 {
22 stepName: "完税核税",
23 stepState: 2
24 },
25 {
26 stepName: "身份认证",
27 stepState: 2
28 },
29 {
30 stepName: "资料审核",
31 stepState: 1
32 },
33 {
34 stepName: "线上缴费",
35 stepState: 0
36 },
37 {
38 stepName: "生成电子证书",
39 stepState: 0
40 }
41 ],
42 }
43
44 layui.use('laytpl', function () { 11 layui.use('laytpl', function () {
45 laytpl = layui.laytpl; 12 laytpl = layui.laytpl;
46 var getTpl = document.getElementById('progress').innerHTML 13 var getTpl = document.getElementById('progress').innerHTML
...@@ -56,3 +23,7 @@ $(function () { ...@@ -56,3 +23,7 @@ $(function () {
56 }); 23 });
57 }); 24 });
58 }) 25 })
26 //下一步事件
27 function skipClick(){
28 skipNextPage(GetQueryString('bsm_slsq'),GetQueryString('businessno'));
29 }
......
1 var slsqxx;
2 $(function () {
3 //设置步骤条信息
4 setAcceptFlow(GetQueryString('bsm_slsq'), GetQueryString('businessno'));
5 slsqxx = getApplyRecord(GetQueryString('bsm_slsq'), GetQueryString('businessno'));
6 LoadClxxDiv();
7 })
1 layui.use('element', function () { 8 layui.use('element', function () {
2 let element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块 9 let element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
3 }); 10 });
4 addTabs('#wssq') 11 addTabs('#wssq')
5 setAcceptFlow(GetQueryString('bsm_slsq'),GetQueryString('businessno'));
6 // form 表单 12 // form 表单
7 layui.use('form', function () { 13 layui.use('form', function () {
8 var form = layui.form; 14 var form = layui.form;
...@@ -88,7 +94,6 @@ $('.add_form').click(function () { ...@@ -88,7 +94,6 @@ $('.add_form').click(function () {
88 $('.record').click(function (event) { 94 $('.record').click(function (event) {
89 event.stopPropagation(); 95 event.stopPropagation();
90 }) 96 })
91 var flieList = []; // 登记证书列表
92 var flieList1 = []; // 房屋所有权证书列表 97 var flieList1 = []; // 房屋所有权证书列表
93 var flieList3 = []; // 询问笔录 98 var flieList3 = []; // 询问笔录
94 // 省市区 99 // 省市区
...@@ -126,6 +131,65 @@ layui.use(['form', 'common'], function () { ...@@ -126,6 +131,65 @@ layui.use(['form', 'common'], function () {
126 }); 131 });
127 132
128 //下一步事件 133 //下一步事件
129 function skipClick(){ 134 function skipClick() {
130 skipNextPage(GetQueryString('bsm_slsq'),GetQueryString('businessno')); 135 // skipNextPage(GetQueryString('bsm_slsq'),GetQueryString('businessno'));
136 _uploadSlcl(flieList)
137 }
138 // // 图片上传
139 // function _uploadSlcl(flieList) {
140 // var formData = new FormData();
141 // formData.append('bsmCl', 'f5a9ffcff962ed17a393b1cacec4d4bd');
142 // flieList.map((item, index) => {
143 // console.log(item[0])
144 // formData.append('files', item[0]); //添加图片信息的参数
145 // })
146 // console.log(formData)
147 // $.ajax({
148 // type: "post", //提交方式
149 // url: portal.api_url + "/portal/FillInformation/uploadSlcl",//路径
150 // dataType: "json",
151 // cache: false, //上传文件不需要缓存
152 // processData: false, // 告诉jQuery不要去处理发送的数据
153 // contentType: false, // 告诉jQuery不要去设置Content-Type请求头
154 // data: formData,
155 // //数据，这里使用的是Json格式进行传输
156 // success: function (result) {//返回数据根据结果进行相应的处理
157 // if (result.code == 200) {
158 // console.log(result.data)
159 // }
160 // }
161 // });
162 // }
163
164 function LoadClxxDiv() {
165 let clxxDic = $("#clxx");
166 let clxxContent;
167 $.each(slsqxx.slclList, function (index, item) {
168 clxxContent = '<div class="img_update">';
169 clxxContent += '<div class="fileBox">';
170 clxxContent += '<div class="fileSpan vm">';
171 clxxContent += '<input type="file" multiple id="fileInput' + index + '" onchange="handleUpdate(this,' + index + ')"/>';
172 clxxContent += '<div class="file_name">';
173 clxxContent += '<img class="update" src="../../staticImages/update.png">';
174 clxxContent += '<p class="updatetext">点击文件上传</p>';
175 clxxContent += '</div>';
176 clxxContent += '<ul class="fileListName" id="fileULName' + index + '"></ul>';
177 clxxContent += '</div>';
178 clxxContent += '<div class="certificate">' + slsqxx.slclList[index].clmc + '【' + slsqxx.slclList[index].wjlxmc + '】（' + slsqxx.slclList[index].fs + '份）</div>';
179 clxxContent += '</div>';
180 clxxContent += '</div>';
181 clxxDic.append(clxxContent);
182 });
183 }
184
185 function handleUpdate(e, index) {
186 let fileobj = $("#fileInput" + index);
187 let name = e.files[0].name;
188 let fileul = $("#fileULName" + index);
189 if (fileul.find("li").length >= slsqxx.slclList[index].fs) {
190 layer.msg('已经完成上传最大限度', { icon: 5 });
191 return false
192 } else {
193 fileul.append('<li class="fileName">' + '<span title="' + name + '">' + name + '</span>' + '<img class="operation" src="../../staticImages/chacha.png">' + '</li>');
194 }
131 } 195 }
......
...@@ -3,40 +3,7 @@ $(function () { ...@@ -3,40 +3,7 @@ $(function () {
3 let element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块 3 let element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
4 }); 4 });
5 addTabs('#wssq') 5 addTabs('#wssq')
6 // 业务 6 setAcceptFlow(GetQueryString('bsm_slsq'),GetQueryString('businessno'));
7 var data = {
8 'progressList': [
9 {
10 stepName: "信息效验",
11 stepState: 2 //0：未办理 1：正在办理 2：已办理
12 },
13 {
14 stepName: "填报信息",
15 stepState: 2
16 },
17 {
18 stepName: "完税核税",
19 stepState: 2
20 },
21 {
22 stepName: "身份认证",
23 stepState: 2
24 },
25 {
26 stepName: "资料审核",
27 stepState: 2
28 },
29 {
30 stepName: "线上缴费",
31 stepState: 1
32 },
33 {
34 stepName: "生成电子证书",
35 stepState: 0
36 }
37 ],
38 }
39
40 layui.use('laytpl', function () { 7 layui.use('laytpl', function () {
41 laytpl = layui.laytpl; 8 laytpl = layui.laytpl;
42 var getTpl = document.getElementById('progress').innerHTML 9 var getTpl = document.getElementById('progress').innerHTML
...@@ -74,8 +41,11 @@ $(function () { ...@@ -74,8 +41,11 @@ $(function () {
74 shadeClose: true, 41 shadeClose: true,
75 skin: 'paymentSuccess', 42 skin: 'paymentSuccess',
76 btn: ['下一步'], 43 btn: ['下一步'],
44 yes : function() {
45 skipNextPage(GetQueryString('bsm_slsq'),GetQueryString('businessno'));
46 },
77 content: '<ul>' 47 content: '<ul>'
78 + '<li><img src="../staticImages/xuanzhong.png"></li>' 48 + '<li><img src="../../staticImages/xuanzhong.png"></li>'
79 + '<li>支付成功</li>' 49 + '<li>支付成功</li>'
80 + '<li class="info"><span>支付流水号:</span><p>9898989989</p></li>' 50 + '<li class="info"><span>支付流水号:</span><p>9898989989</p></li>'
81 + '<li class="info"><span>支付时间:</span><p>2023255-102-13</p></li>' 51 + '<li class="info"><span>支付时间:</span><p>2023255-102-13</p></li>'
...@@ -88,4 +58,4 @@ $(function () { ...@@ -88,4 +58,4 @@ $(function () {
88 $('.payment_channel_con li').removeClass() 58 $('.payment_channel_con li').removeClass()
89 $(this).addClass('payActive') 59 $(this).addClass('payActive')
90 }) 60 })
91 })
...\ No newline at end of file ...\ No newline at end of file
61 })
......
...@@ -19,6 +19,26 @@ function getBusinessConfig(ywid, businessno) { ...@@ -19,6 +19,26 @@ function getBusinessConfig(ywid, businessno) {
19 }); 19 });
20 } 20 }
21 21
22 //获取业务配置信息
23 function loadBusinessConfig(ywid) {
24 $.ajax({
25 type: "post", //提交方式
26 url: portal.api_url + "/portal/ApplyBusinessService/getFQFBusinessFlow",//路径
27 dataType: "json",
28 async: false,
29 data: {
30 "ywid": ywid
31 },
32 //数据，这里使用的是Json格式进行传输
33 success: function (result) {//返回数据根据结果进行相应的处理
34 if (result.code == 200 && result.data != null) {
35 business = result.data;
36 }
37 }
38 });
39 }
40
41
22 //获取正在办理的流程业务 42 //获取正在办理的流程业务
23 function getAcceptFlow(bsm_slsq, businessno) { 43 function getAcceptFlow(bsm_slsq, businessno) {
24 $.ajax({ 44 $.ajax({
...@@ -38,8 +58,33 @@ function getAcceptFlow(bsm_slsq, businessno) { ...@@ -38,8 +58,33 @@ function getAcceptFlow(bsm_slsq, businessno) {
38 } 58 }
39 } 59 }
40 }); 60 });
61
41 } 62 }
42 63
64 //获取申请信息记录
65 function getApplyRecord(bsm_slsq, businessno) {
66 let bdc = null;
67 $.ajax({
68 type: "get", //提交方式
69 //contentType: 'application/json',
70 url: portal.api_url + "/portal/FillInformation/getDetailBybsmSlsq",//路径
71 dataType: "json",
72 async: false,
73 data: {
74 "bsmSlsq": bsm_slsq,
75 "businessNo": businessno,
76 },
77 //数据，这里使用的是Json格式进行传输
78 success: function (result) {//返回数据根据结果进行相应的处理
79 if (result.code == 200 && result.data != null) {
80 bdc = result.data;
81 }
82 }
83 });
84 return bdc;
85 }
86
87
43 //设置步骤条信息 88 //设置步骤条信息
44 function setArticleSteps() { 89 function setArticleSteps() {
45 $('.name_title h2').text(business.shortName); 90 $('.name_title h2').text(business.shortName);
...@@ -74,6 +119,13 @@ function getInitiateFLow(ywid, businessno) { ...@@ -74,6 +119,13 @@ function getInitiateFLow(ywid, businessno) {
74 window.open(portal.rootPath + business.stepList[0].pageurl + "?ywid=" + ywid + "&businessno=" + businessno, "_self") 119 window.open(portal.rootPath + business.stepList[0].pageurl + "?ywid=" + ywid + "&businessno=" + businessno, "_self")
75 } 120 }
76 121
122 //发起流程方法
123 function createBusinesseFlow(ywid) {
124 loadBusinessConfig(ywid);
125 window.open(portal.rootPath + business.stepList[0].pageurl + "?ywid=" + ywid + "&businessno=" + business.businessno, "_self")
126 }
127
128
77 //工作箱调取流程方法 129 //工作箱调取流程方法
78 function getWorkBoxFLow(bsm_slsq, businessno) { 130 function getWorkBoxFLow(bsm_slsq, businessno) {
79 getAcceptFlow(bsm_slsq, businessno); 131 getAcceptFlow(bsm_slsq, businessno);
......
...@@ -62,6 +62,7 @@ function _listDel(slsqBsm) { ...@@ -62,6 +62,7 @@ function _listDel(slsqBsm) {
62 success: function (result) {//返回数据根据结果进行相应的处理 62 success: function (result) {//返回数据根据结果进行相应的处理
63 if (result.code == 200) { 63 if (result.code == 200) {
64 layer.msg('操作成功！'); 64 layer.msg('操作成功！');
65 _applyBusinessAJZTCount()
65 _applyBusinessRecord() 66 _applyBusinessRecord()
66 dataRendering(dataList.list) 67 dataRendering(dataList.list)
67 } 68 }
...@@ -245,7 +246,7 @@ function dataRendering() { ...@@ -245,7 +246,7 @@ function dataRendering() {
245 li += '</div>' 246 li += '</div>'
246 li += '<a slsqBsm="'+dataList.list[i].slsqBsm+'" class="delete">删除</a>' 247 li += '<a slsqBsm="'+dataList.list[i].slsqBsm+'" class="delete">删除</a>'
247 if (dataList.list[i].ajzt == '1') { 248 if (dataList.list[i].ajzt == '1') {
248 li += '<a class="handle">继续办理</a>' 249 li += '<a class="handle" data-slsqBsm="' + dataList.list[i].slsqBsm + '" data-businessNo="' + dataList.list[i].businessNo + '">继续办理</a>'
249 } else if (dataList.list[i].ajzt == '3') { 250 } else if (dataList.list[i].ajzt == '3') {
250 li += '<a slsqBsm="'+dataList.list[i].slsqBsm+'" class="handle">缴费</a>' 251 li += '<a slsqBsm="'+dataList.list[i].slsqBsm+'" class="handle">缴费</a>'
251 } 252 }
......
...@@ -51,10 +51,15 @@ function _initData() { ...@@ -51,10 +51,15 @@ function _initData() {
51 if (result.code == 200 && result.data != null) { 51 if (result.code == 200 && result.data != null) {
52 let data = result.data[0].children[0].children 52 let data = result.data[0].children[0].children
53 for (var i = 0; i < data.length; i++) { 53 for (var i = 0; i < data.length; i++) {
54 li = '<li data-id="' + data[i].id + '">' + data[i].name + '</li>'; 54 if(i==0) {
55 li = '<li data-id="' + data[i].id + '" class="active2">' + data[i].name + '</li>';
56 }else {
57 li = '<li data-id="' + data[i].id + '">' + data[i].name + '</li>';
58 }
55 area_list.append(li); 59 area_list.append(li);
56 } 60 }
57 61 regionId = data[0].id
62 _businessList(regionId)
58 } 63 }
59 } 64 }
60 }); 65 });
......
...@@ -7,17 +7,17 @@ ...@@ -7,17 +7,17 @@
7 </style> 7 </style>
8 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 8 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
9 <title>立即办理-在线生成电子证书</title> 9 <title>立即办理-在线生成电子证书</title>
10 <script type="text/javascript" src="../staticJs/head.js"></script> 10 <script type="text/javascript" src="../../staticJs/head.js"></script>
11 <link rel="stylesheet" type="text/css" href="../staticCss/progress.css"> 11 <link rel="stylesheet" type="text/css" href="../../staticCss/progress.css">
12 <link rel="stylesheet" type="text/css" href="../staticCss/dzzs.css"> 12 <link rel="stylesheet" type="text/css" href="../../staticCss/dzzs.css">
13 </head> 13 </head>
14 14
15 <body> 15 <body>
16 <div class="navigation_crumbs"> 16 <div class="navigation_crumbs">
17 <div class="contentBox"> 17 <div class="contentBox">
18 <span class="layui-breadcrumb"> 18 <span class="layui-breadcrumb">
19 <a href="../../index.html">首页</a> 19 <a href="../../../index.html">首页</a>
20 <a href="./wssq.html">网上申请</a> 20 <a href="../wssq.html">网上申请</a>
21 <a><cite>在线生成电子证书</cite></a> 21 <a><cite>在线生成电子证书</cite></a>
22 </span> 22 </span>
23 </div> 23 </div>
...@@ -37,7 +37,7 @@ ...@@ -37,7 +37,7 @@
37 <ul> 37 <ul>
38 <li> 38 <li>
39 <p> 39 <p>
40 <img src="../staticImages/xuanzhong.png" /> 40 <img src="../../staticImages/xuanzhong.png" />
41 该不动产业务已办结，相应的不动产电子证照已生成，请尽快前往办事大厅领取纸质证书 41 该不动产业务已办结，相应的不动产电子证照已生成，请尽快前往办事大厅领取纸质证书
42 </p> 42 </p>
43 <p> 43 <p>
...@@ -47,7 +47,7 @@ ...@@ -47,7 +47,7 @@
47 </li> 47 </li>
48 <li> 48 <li>
49 <p> 49 <p>
50 <img src="../staticImages/xuanzhong.png" /> 50 <img src="../../staticImages/xuanzhong.png" />
51 该不动产业务已办结，相应的不动产电子证照已生成，纸质证书已邮寄 51 该不动产业务已办结，相应的不动产电子证照已生成，纸质证书已邮寄
52 </p> 52 </p>
53 <p> 53 <p>
...@@ -175,9 +175,10 @@ ...@@ -175,9 +175,10 @@
175 </div> 175 </div>
176 </div> 176 </div>
177 </body> 177 </body>
178 <script type="text/javascript" src="../staticJs/common.js"></script> 178 <script type="text/javascript" src="../../staticJs/common.js"></script>
179 <script type="text/javascript" src="../staticJs/down.js"></script> 179 <script type="text/javascript" src="../../staticJs/down.js"></script>
180 <script type="text/javascript" src="../staticJs/dzzs.js"></script> 180 <script type="text/javascript" src="../../staticJs/onlineApply/workFlow.js"></script>
181 <script type="text/javascript" src="../../staticJs/onlineApply/certificateIssuance.js"></script>
181 <script id="progress" type="text/html"> 182 <script id="progress" type="text/html">
182 {{# layui.each(d.progressList, function(index, item){ }} 183 {{# layui.each(d.progressList, function(index, item){ }}
183 {{# if(item.stepState==2){ }} 184 {{# if(item.stepState==2){ }}
......
...@@ -16,8 +16,8 @@ ...@@ -16,8 +16,8 @@
16 <div class="navigation_crumbs"> 16 <div class="navigation_crumbs">
17 <div class="contentBox"> 17 <div class="contentBox">
18 <span class="layui-breadcrumb"> 18 <span class="layui-breadcrumb">
19 <a href="../../index.html">首页</a> 19 <a href="../../../index.html">首页</a>
20 <a href="./wssq.html">网上申请</a> 20 <a href="../wssq.html">网上申请</a>
21 <a><cite>资料审核</cite></a> 21 <a><cite>资料审核</cite></a>
22 </span> 22 </span>
23 </div> 23 </div>
...@@ -34,7 +34,7 @@ ...@@ -34,7 +34,7 @@
34 </div> 34 </div>
35 <div class="audit_progress"> 35 <div class="audit_progress">
36 <h2> 36 <h2>
37 <img src="../staticImages/xuanzhong.png" /> 37 <img src="../../staticImages/xuanzhong.png" />
38 您的申请已提交,工作人员会在15个工作日内完成审核！ 38 您的申请已提交,工作人员会在15个工作日内完成审核！
39 </h2> 39 </h2>
40 </div> 40 </div>
...@@ -159,7 +159,7 @@ ...@@ -159,7 +159,7 @@
159 </div> 159 </div>
160 <div class="next_button"> 160 <div class="next_button">
161 <button type="button" class="layui-btn layui-btn-normal"> 161 <button type="button" class="layui-btn layui-btn-normal">
162 <a href="./xsjf.html">下一步</a> 162 <a onclick="skipClick()">下一步</a>
163 </button> 163 </button>
164 </div> 164 </div>
165 </div> 165 </div>
...@@ -167,6 +167,7 @@ ...@@ -167,6 +167,7 @@
167 </body> 167 </body>
168 <script type="text/javascript" src="../../staticJs/common.js"></script> 168 <script type="text/javascript" src="../../staticJs/common.js"></script>
169 <script type="text/javascript" src="../../staticJs/down.js"></script> 169 <script type="text/javascript" src="../../staticJs/down.js"></script>
170 <script type="text/javascript" src="../../staticJs/onlineApply/workFlow.js"></script>
170 <script type="text/javascript" src="../../staticJs/onlineApply/dataReview.js"></script> 171 <script type="text/javascript" src="../../staticJs/onlineApply/dataReview.js"></script>
171 <script id="progress" type="text/html"> 172 <script id="progress" type="text/html">
172 {{# layui.each(d.progressList, function(index, item){ }} 173 {{# layui.each(d.progressList, function(index, item){ }}
......
...@@ -38,7 +38,7 @@ ...@@ -38,7 +38,7 @@
38 <ul> 38 <ul>
39 <li> 39 <li>
40 <span>不动产单元号：</span> 40 <span>不动产单元号：</span>
41 <p>450101 450002 GB 00740W00000000</p> 41 <p>450101 450002 GB00740 W00000000</p>
42 </li> 42 </li>
43 <li> 43 <li>
44 <span>产权证号：</span> 44 <span>产权证号：</span>
...@@ -111,12 +111,13 @@ ...@@ -111,12 +111,13 @@
111 </div> 111 </div>
112 </div> 112 </div>
113 <!-----------------资料上传------------------ --> 113 <!-----------------资料上传------------------ -->
114 <div class="data_upload"> 114 <div class="data_upload" id="clxx">
115 <h3>资料上传</h3> 115 <h3>资料上传</h3>
116 <div class="img_update"> 116 <!-- <div class="img_update">
117 <div class="fileBox"> 117 <div class="fileBox">
118 <div class="fileSpan vm"> 118 <div class="fileSpan vm">
119 <input type="file" multiple id="fileInput" /> 119 <input type="file" multiple id="fileInput" numList="2" onchange="handleUpdate(this,'fileInput')"/>
120 <input type="file" multiple id="fileInput" numList="2" onchange="handleUpdate(this,'fileInput')"/>
120 <div class="file_name"> 121 <div class="file_name">
121 <img class="update" src="../../staticImages/update.png"> 122 <img class="update" src="../../staticImages/update.png">
122 <p class="updatetext">点击文件上传</p> 123 <p class="updatetext">点击文件上传</p>
...@@ -125,37 +126,23 @@ ...@@ -125,37 +126,23 @@
125 </div> 126 </div>
126 <div class="certificate">登记申请书（2份）</div> 127 <div class="certificate">登记申请书（2份）</div>
127 </div> 128 </div>
128 </div> 129 </div> -->
129 <!-- 房屋所有权证书 --> 130 <!-- 房屋所有权证书 -->
130 <div class="img_update"> 131 <!-- <div class="img_update">
131 <div class="fileBox"> 132 <div class="fileBox">
132 <div class="fileSpan vm"> 133 <div class="fileSpan vm">
133 <input type="file" multiple id="fileInput1" /> 134 <input type="file" multiple id="fileInput1" onclick="" onchange="handleUpdate(this,'fileInput1')"/>
134 <div class="file_name"> 135 <div class="file_name">
135 <img class="update" src="../../staticImages/update.png"> 136 <img class="update" src="../../staticImages/update.png">
136 <p class="updatetext">点击文件上传</p> 137 <p class="updatetext">点击文件上传</p>
137 </div> 138 </div>
138 <div class="fileListName1"></div> 139 <div class="fileListName"></div>
139 </div> 140 </div>
140 <div class="certificate">房屋所有权证书（2份）</div> 141 <div class="certificate">房屋所有权证书（2份）</div>
141 </div> 142 </div>
142 </div> 143 </div> -->
143
144 <!-- 询问笔录 --> 144 <!-- 询问笔录 -->
145 <div class="img_update"> 145
146 <div class="fileBox">
147 <div class="fileSpan vm">
148 <input type="file" multiple id="fileInput3" />
149 <div class="file_name">
150 <img class="update" src="../../staticImages/update.png">
151 <p class="updatetext">点击文件上传</p>
152 </div>
153 <div class="fileListName3"></div>
154 <a class="record">下载模板</a>
155 </div>
156 <div class="certificate">询问笔录(1)份</div>
157 </div>
158 </div>
159 </div> 146 </div>
160 <div class="next_button submitButton"> 147 <div class="next_button submitButton">
161 <button type="button" class="layui-btn layui-btn-normal" onclick="skipClick()"> 148 <button type="button" class="layui-btn layui-btn-normal" onclick="skipClick()">
...@@ -168,12 +155,25 @@ ...@@ -168,12 +155,25 @@
168 <script type="text/javascript" src="../../staticJs/common.js"></script> 155 <script type="text/javascript" src="../../staticJs/common.js"></script>
169 <script type="text/javascript" src="../../staticJs/onlineApply/workFlow.js"></script> 156 <script type="text/javascript" src="../../staticJs/onlineApply/workFlow.js"></script>
170 <script type="text/javascript" src="../../staticJs/onlineApply/houseFill.js"></script> 157 <script type="text/javascript" src="../../staticJs/onlineApply/houseFill.js"></script>
171 <script type="text/javascript" src="../../staticJs/imageUpdate.js"></script> 158 <!-- <script type="text/javascript" src="../../staticJs/imageUpdate.js"></script> -->
172 <script type="text/javascript" src="../../staticJs/imageUpdate1.js"></script> 159 <!-- <script type="text/javascript" src="../../staticJs/city-picker.js"></script> -->
173 <script type="text/javascript" src="../../staticJs/imageUpdate3.js"></script>
174 <script type="text/javascript" src="../../staticJs/city-picker.js"></script>
175 <script type="text/javascript" src="../../staticJs/down.js"></script> 160 <script type="text/javascript" src="../../staticJs/down.js"></script>
176 <script type="text/html" id="barDemo"> 161 <!-- <script type="text/html" id="barDemo">
177 <i class="layui-icon layui-icon-reduce-circle" lay-event="edit"></i> 162 <i class="layui-icon layui-icon-reduce-circle" lay-event="edit"></i>
178 </script>
179 </html>
...\ No newline at end of file ...\ No newline at end of file
163 </script> -->
164 </html>
165
166 <!-- <div class="img_update">
167 <div class="fileBox">
168 <div class="fileSpan vm">
169 <input type="file" multiple id="fileInput3" />
170 <div class="file_name">
171 <img class="update" src="../../staticImages/update.png">
172 <p class="updatetext">点击文件上传</p>
173 </div>
174 <div class="fileListName3"></div>
175 <a class="record">下载模板</a>
176 </div>
177 <div class="certificate">询问笔录(1)份</div>
178 </div>
179 </div> -->
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -36,8 +36,20 @@ ...@@ -36,8 +36,20 @@
36 <div class="nav_title"> 36 <div class="nav_title">
37 <h2>买方</h2> 37 <h2>买方</h2>
38 </div> 38 </div>
39 <div class="sms_authentication">
40 <h5>短信认证</h5>
41 <div>
42 <span>手机号</span>
43 <input type="tel" name="phone" placeholder="请输入手机号" class="layui-input">
44 </div>
45 <div>
46 <span>验证码</span>
47 <input type="tel" name="code" placeholder="请输入验证码" class="layui-input">
48 </div>
49 </div>
50
39 <div class="video_authentication"> 51 <div class="video_authentication">
40 视频认证 52 <h5>视频认证<h5>
41 <div id="my_camera"></div> 53 <div id="my_camera"></div>
42 <form> 54 <form>
43 <input type=button value="Take Snapshot" onClick="take_snapshot()"> 55 <input type=button value="Take Snapshot" onClick="take_snapshot()">
...@@ -56,7 +68,6 @@ ...@@ -56,7 +68,6 @@
56 <script type="text/javascript" src="../../staticJs/down.js"></script> 68 <script type="text/javascript" src="../../staticJs/down.js"></script>
57 <script type="text/javascript" src="../../staticJs/jquery.webcam.min.js"></script> 69 <script type="text/javascript" src="../../staticJs/jquery.webcam.min.js"></script>
58 <script type="text/javascript" src="../../staticJs/onlineApply/workFlow.js"></script> 70 <script type="text/javascript" src="../../staticJs/onlineApply/workFlow.js"></script>
59 +88
60 <script type="text/javascript" src="../../staticJs/onlineApply/identityAuthentication.js"></script> 71 <script type="text/javascript" src="../../staticJs/onlineApply/identityAuthentication.js"></script>
61 <script id="progress" type="text/html"> 72 <script id="progress" type="text/html">
62 {{# layui.each(d.progressList, function(index, item){ }} 73 {{# layui.each(d.progressList, function(index, item){ }}
......
...@@ -6,9 +6,9 @@ ...@@ -6,9 +6,9 @@
6 </style> 6 </style>
7 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 7 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
8 <title>立即办理-线上缴费</title> 8 <title>立即办理-线上缴费</title>
9 <script type="text/javascript" src="../staticJs/head.js"></script> 9 <script type="text/javascript" src="../../staticJs/head.js"></script>
10 <link rel="stylesheet" type="text/css" href="../staticCss/progress.css"> 10 <link rel="stylesheet" type="text/css" href="../../staticCss/progress.css">
11 <link rel="stylesheet" type="text/css" href="../staticCss/xsjf.css"> 11 <link rel="stylesheet" type="text/css" href="../../staticCss/xsjf.css">
12 </head> 12 </head>
13 13
14 <body> 14 <body>
...@@ -16,7 +16,7 @@ ...@@ -16,7 +16,7 @@
16 <div class="contentBox"> 16 <div class="contentBox">
17 <span class="layui-breadcrumb"> 17 <span class="layui-breadcrumb">
18 <a href="../../index.html">首页</a> 18 <a href="../../index.html">首页</a>
19 <a href="./wssq.html">网上申请</a> 19 <a href="../wssq.html">网上申请</a>
20 <a><cite>线上缴费</cite></a> 20 <a><cite>线上缴费</cite></a>
21 </span> 21 </span>
22 </div> 22 </div>
...@@ -35,7 +35,7 @@ ...@@ -35,7 +35,7 @@
35 <!-- ------------------开始支付----------------- --> 35 <!-- ------------------开始支付----------------- -->
36 <div class="audit_progress"> 36 <div class="audit_progress">
37 <h2> 37 <h2>
38 <img src="../staticImages/xuanzhong.png" /> 38 <img src="../../staticImages/xuanzhong.png" />
39 您的申请已提交,工作人员会在15个工作日内完成审核！ 39 您的申请已提交,工作人员会在15个工作日内完成审核！
40 </h2> 40 </h2>
41 </div> 41 </div>
...@@ -74,11 +74,11 @@ ...@@ -74,11 +74,11 @@
74 <h3>缴费通道</h3> 74 <h3>缴费通道</h3>
75 <ul class="payment_channel_con"> 75 <ul class="payment_channel_con">
76 <li> 76 <li>
77 <img src="../staticImages/wechat.png"> 77 <img src="../../staticImages/wechat.png">
78 <span>微信</span> 78 <span>微信</span>
79 </li> 79 </li>
80 <li> 80 <li>
81 <img src="../staticImages/alipay.png" alt=""> 81 <img src="../../staticImages/alipay.png" alt="">
82 <span>支付宝</span> 82 <span>支付宝</span>
83 </li> 83 </li>
84 </ul> 84 </ul>
...@@ -86,10 +86,10 @@ ...@@ -86,10 +86,10 @@
86 <p>扫一扫付款（元）</p> 86 <p>扫一扫付款（元）</p>
87 <p>600.00</p> 87 <p>600.00</p>
88 <div class="scanning_results"> 88 <div class="scanning_results">
89 <img class="erweima" src="../staticImages/code.png"> 89 <img class="erweima" src="../../staticImages/code.png">
90 <img class="codeShowImg" src="../staticImages/alipayShow.png"> 90 <img class="codeShowImg" src="../../staticImages/alipayShow.png">
91 <div class="code_detail"> 91 <div class="code_detail">
92 <img src="../staticImages/saoyisao.png"> 92 <img src="../../staticImages/saoyisao.png">
93 <ul> 93 <ul>
94 <li class="paymentText">打开手机支付</li> 94 <li class="paymentText">打开手机支付</li>
95 <li>扫一扫继续付款</li> 95 <li>扫一扫继续付款</li>
...@@ -102,9 +102,10 @@ ...@@ -102,9 +102,10 @@
102 <!-- ------------------支付成功----------------- --> 102 <!-- ------------------支付成功----------------- -->
103 </div> 103 </div>
104 </body> 104 </body>
105 <script type="text/javascript" src="../staticJs/common.js"></script> 105 <script type="text/javascript" src="../../staticJs/common.js"></script>
106 <script type="text/javascript" src="../staticJs/down.js"></script> 106 <script type="text/javascript" src="../../staticJs/down.js"></script>
107 <script type="text/javascript" src="../staticJs/xsjf.js"></script> 107 <script type="text/javascript" src="../../staticJs/onlineApply/workFlow.js"></script>
108 <script type="text/javascript" src="../../staticJs/onlineApply/onlinePayment.js"></script>
108 <script id="progress" type="text/html"> 109 <script id="progress" type="text/html">
109 {{# layui.each(d.progressList, function(index, item){ }} 110 {{# layui.each(d.progressList, function(index, item){ }}
110 {{# if(item.stepState==2){ }} 111 {{# if(item.stepState==2){ }}
......
...@@ -51,34 +51,6 @@ ...@@ -51,34 +51,6 @@
51 <div class="online_examination"> 51 <div class="online_examination">
52 <h1 class="type_title">网上预审(现场办结)</h1> 52 <h1 class="type_title">网上预审(现场办结)</h1>
53 <div id="settlement"></div> 53 <div id="settlement"></div>
54 <!-- <ul class="item_list">
55 <div class="list_title">
56 <h2>
57 <svg class="icon svg-icon" aria-hidden="true">
58 <use xlink:href="#icontudi"></use>
59 </svg>
60 预告类
61 </h2>
62 </div>
63 <li>
64 <p>二手房买卖登记</p>
65 <div class="button">
66 <button type="button" class="layui-btn layui-btn-normal layui-btn-sm">
67 <a href='./esf-xxjy.html'>立即办理</a>
68 </button>
69 <button type="button" class="layui-btn layui-btn-primary layui-btn-sm">网上申请</button>
70 </div>
71 </li>
72 <li>
73 <p>商品房转移登记</p>
74 <div class="button">
75 <button type="button" class="layui-btn layui-btn-normal layui-btn-sm">
76 <a href='./xxjy.html'>立即办理</a>
77 </button>
78 <button type="button" class="layui-btn layui-btn-primary layui-btn-sm">网上申请</button>
79 </div>
80 </li>
81 </ul> -->
82 </div> 54 </div>
83 </div> 55 </div>
84 </div> 56 </div>
......
...@@ -96,7 +96,7 @@ ...@@ -96,7 +96,7 @@
96 <div class="confim_input"> 96 <div class="confim_input">
97 <div class="checkbox"> 97 <div class="checkbox">
98 </div> 98 </div>
99 <p>接收</p> 99 <p>接受</p>
100 </div> 100 </div>
101 <div class="next_button"> 101 <div class="next_button">
102 <button type="button" class="layui-btn layui-btn-normal">下一步</button> 102 <button type="button" class="layui-btn layui-btn-normal">下一步</button>
......