正在显示
10 个修改的文件
包含
157 行增加
和
1134 行删除
images/noDataIcon.jpg
已删除
100644 → 0
33.1 KB
images/nodeclare_img.png
已删除
100644 → 0
39.2 KB
pages/lib/weui.wxss
已删除
100755 → 0
1 | -/*! | ||
2 | - * weui.js v1.1.0 (https://github.com/weui/weui-wxss) | ||
3 | - * Copyright 2016, wechat ui team | ||
4 | - * MIT license | ||
5 | - */ | ||
6 | -page { | ||
7 | - line-height: 1.6; | ||
8 | - font-family: -apple-system-font, "Helvetica Neue", sans-serif; | ||
9 | -} | ||
10 | -icon { | ||
11 | - vertical-align: middle; | ||
12 | -} | ||
13 | -.weui-cells { | ||
14 | - position: relative; | ||
15 | - margin-top: 1.17647059em; | ||
16 | - background-color: #FFFFFF; | ||
17 | - line-height: 1.41176471; | ||
18 | - font-size: 17px; | ||
19 | -} | ||
20 | -.weui-cells:before { | ||
21 | - content: " "; | ||
22 | - position: absolute; | ||
23 | - left: 0; | ||
24 | - top: 0; | ||
25 | - right: 0; | ||
26 | - height: 1px; | ||
27 | - border-top: 1rpx solid #D9D9D9; | ||
28 | - color: #D9D9D9; | ||
29 | -} | ||
30 | -.weui-cells:after { | ||
31 | - content: " "; | ||
32 | - position: absolute; | ||
33 | - left: 0; | ||
34 | - bottom: 0; | ||
35 | - right: 0; | ||
36 | - height: 1px; | ||
37 | - border-bottom: 1rpx solid #D9D9D9; | ||
38 | - color: #D9D9D9; | ||
39 | -} | ||
40 | -.weui-cells__title { | ||
41 | - margin-top: .77em; | ||
42 | - margin-bottom: .3em; | ||
43 | - padding-left: 15px; | ||
44 | - padding-right: 15px; | ||
45 | - color: #999999; | ||
46 | - font-size: 14px; | ||
47 | -} | ||
48 | -.weui-cells_after-title { | ||
49 | - margin-top: 0; | ||
50 | -} | ||
51 | -.weui-cells__tips { | ||
52 | - margin-top: .3em; | ||
53 | - color: #999999; | ||
54 | - padding-left: 15px; | ||
55 | - padding-right: 15px; | ||
56 | - font-size: 14px; | ||
57 | -} | ||
58 | -.weui-cell { | ||
59 | - padding: 10px 15px; | ||
60 | - position: relative; | ||
61 | - display: -webkit-box; | ||
62 | - display: -webkit-flex; | ||
63 | - display: flex; | ||
64 | - -webkit-box-align: center; | ||
65 | - -webkit-align-items: center; | ||
66 | - align-items: center; | ||
67 | -} | ||
68 | -.weui-cell:before { | ||
69 | - content: " "; | ||
70 | - position: absolute; | ||
71 | - left: 0; | ||
72 | - top: 0; | ||
73 | - right: 0; | ||
74 | - height: 1px; | ||
75 | - border-top: 1rpx solid #D9D9D9; | ||
76 | - color: #D9D9D9; | ||
77 | - left: 15px; | ||
78 | -} | ||
79 | -.weui-cell:first-child:before { | ||
80 | - display: none; | ||
81 | -} | ||
82 | -.weui-cell_active { | ||
83 | - background-color: #ECECEC; | ||
84 | -} | ||
85 | -.weui-cell_primary { | ||
86 | - -webkit-box-align: start; | ||
87 | - -webkit-align-items: flex-start; | ||
88 | - align-items: flex-start; | ||
89 | -} | ||
90 | -.weui-cell__bd { | ||
91 | - -webkit-box-flex: 1; | ||
92 | - -webkit-flex: 1; | ||
93 | - flex: 1; | ||
94 | -} | ||
95 | -.weui-cell__ft { | ||
96 | - text-align: right; | ||
97 | - color: #999999; | ||
98 | -} | ||
99 | -.weui-cell_access { | ||
100 | - color: inherit; | ||
101 | -} | ||
102 | -.weui-cell__ft_in-access { | ||
103 | - padding-right: 13px; | ||
104 | - position: relative; | ||
105 | -} | ||
106 | -.weui-cell__ft_in-access:after { | ||
107 | - content: " "; | ||
108 | - display: inline-block; | ||
109 | - height: 6px; | ||
110 | - width: 6px; | ||
111 | - border-width: 2px 2px 0 0; | ||
112 | - border-color: #C8C8CD; | ||
113 | - border-style: solid; | ||
114 | - -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); | ||
115 | - transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); | ||
116 | - position: relative; | ||
117 | - top: -2px; | ||
118 | - position: absolute; | ||
119 | - top: 50%; | ||
120 | - margin-top: -4px; | ||
121 | - right: 2px; | ||
122 | -} | ||
123 | -.weui-cell_link { | ||
124 | - color: #586C94; | ||
125 | - font-size: 14px; | ||
126 | -} | ||
127 | -.weui-cell_link:active { | ||
128 | - background-color: #ECECEC; | ||
129 | -} | ||
130 | -.weui-cell_link:first-child:before { | ||
131 | - display: block; | ||
132 | -} | ||
133 | -.weui-icon-radio { | ||
134 | - margin-left: 3.2px; | ||
135 | - margin-right: 3.2px; | ||
136 | -} | ||
137 | -.weui-icon-checkbox_circle, | ||
138 | -.weui-icon-checkbox_success { | ||
139 | - margin-left: 4.6px; | ||
140 | - margin-right: 4.6px; | ||
141 | -} | ||
142 | -.weui-check__label:active { | ||
143 | - background-color: #ECECEC; | ||
144 | -} | ||
145 | -.weui-check { | ||
146 | - position: absolute; | ||
147 | - left: -9999px; | ||
148 | -} | ||
149 | -.weui-check__hd_in-checkbox { | ||
150 | - padding-right: 0.35em; | ||
151 | -} | ||
152 | -.weui-cell__ft_in-radio { | ||
153 | - padding-left: 0.35em; | ||
154 | -} | ||
155 | -.weui-cell_input { | ||
156 | - padding-top: 0; | ||
157 | - padding-bottom: 0; | ||
158 | -} | ||
159 | -.weui-label { | ||
160 | - width: 105px; | ||
161 | - word-wrap: break-word; | ||
162 | - word-break: break-all; | ||
163 | -} | ||
164 | -.weui-input { | ||
165 | - height: 2.58823529em; | ||
166 | - min-height: 2.58823529em; | ||
167 | - line-height: 2.58823529em; | ||
168 | -} | ||
169 | -.weui-toptips { | ||
170 | - position: fixed; | ||
171 | - -webkit-transform: translateZ(0); | ||
172 | - transform: translateZ(0); | ||
173 | - top: 0; | ||
174 | - left: 0; | ||
175 | - right: 0; | ||
176 | - padding: 5px; | ||
177 | - font-size: 14px; | ||
178 | - text-align: center; | ||
179 | - color: #FFFFFF; | ||
180 | - z-index: 5000; | ||
181 | - word-wrap: break-word; | ||
182 | - word-break: break-all; | ||
183 | -} | ||
184 | -.weui-toptips_warn { | ||
185 | - background-color: #E64340; | ||
186 | -} | ||
187 | -.weui-textarea { | ||
188 | - display: block; | ||
189 | - width: 100%; | ||
190 | -} | ||
191 | -.weui-textarea-counter { | ||
192 | - color: #B2B2B2; | ||
193 | - text-align: right; | ||
194 | -} | ||
195 | -.weui-textarea-counter_warn { | ||
196 | - color: #E64340; | ||
197 | -} | ||
198 | -.weui-cell_warn { | ||
199 | - color: #E64340; | ||
200 | -} | ||
201 | -.weui-form-preview { | ||
202 | - position: relative; | ||
203 | - background-color: #FFFFFF; | ||
204 | -} | ||
205 | -.weui-form-preview:before { | ||
206 | - content: " "; | ||
207 | - position: absolute; | ||
208 | - left: 0; | ||
209 | - top: 0; | ||
210 | - right: 0; | ||
211 | - height: 1px; | ||
212 | - border-top: 1rpx solid #D9D9D9; | ||
213 | - color: #D9D9D9; | ||
214 | -} | ||
215 | -.weui-form-preview:after { | ||
216 | - content: " "; | ||
217 | - position: absolute; | ||
218 | - left: 0; | ||
219 | - bottom: 0; | ||
220 | - right: 0; | ||
221 | - height: 1px; | ||
222 | - border-bottom: 1rpx solid #D9D9D9; | ||
223 | - color: #D9D9D9; | ||
224 | -} | ||
225 | -.weui-form-preview__value { | ||
226 | - font-size: 14px; | ||
227 | -} | ||
228 | -.weui-form-preview__value_in-hd { | ||
229 | - font-size: 26px; | ||
230 | -} | ||
231 | -.weui-form-preview__hd { | ||
232 | - position: relative; | ||
233 | - padding: 10px 15px; | ||
234 | - text-align: right; | ||
235 | - line-height: 2.5em; | ||
236 | -} | ||
237 | -.weui-form-preview__hd:after { | ||
238 | - content: " "; | ||
239 | - position: absolute; | ||
240 | - left: 0; | ||
241 | - bottom: 0; | ||
242 | - right: 0; | ||
243 | - height: 1px; | ||
244 | - border-bottom: 1rpx solid #D9D9D9; | ||
245 | - color: #D9D9D9; | ||
246 | - left: 15px; | ||
247 | -} | ||
248 | -.weui-form-preview__bd { | ||
249 | - padding: 10px 15px; | ||
250 | - font-size: .9em; | ||
251 | - text-align: right; | ||
252 | - color: #999999; | ||
253 | - line-height: 2; | ||
254 | -} | ||
255 | -.weui-form-preview__ft { | ||
256 | - position: relative; | ||
257 | - line-height: 50px; | ||
258 | - display: -webkit-box; | ||
259 | - display: -webkit-flex; | ||
260 | - display: flex; | ||
261 | -} | ||
262 | -.weui-form-preview__ft:after { | ||
263 | - content: " "; | ||
264 | - position: absolute; | ||
265 | - left: 0; | ||
266 | - top: 0; | ||
267 | - right: 0; | ||
268 | - height: 1px; | ||
269 | - border-top: 1rpx solid #D5D5D6; | ||
270 | - color: #D5D5D6; | ||
271 | -} | ||
272 | -.weui-form-preview__item { | ||
273 | - overflow: hidden; | ||
274 | -} | ||
275 | -.weui-form-preview__label { | ||
276 | - float: left; | ||
277 | - margin-right: 1em; | ||
278 | - min-width: 4em; | ||
279 | - color: #999999; | ||
280 | - text-align: justify; | ||
281 | - text-align-last: justify; | ||
282 | -} | ||
283 | -.weui-form-preview__value { | ||
284 | - display: block; | ||
285 | - overflow: hidden; | ||
286 | - word-break: normal; | ||
287 | - word-wrap: break-word; | ||
288 | -} | ||
289 | -.weui-form-preview__btn { | ||
290 | - position: relative; | ||
291 | - display: block; | ||
292 | - -webkit-box-flex: 1; | ||
293 | - -webkit-flex: 1; | ||
294 | - flex: 1; | ||
295 | - color: #3CC51F; | ||
296 | - text-align: center; | ||
297 | -} | ||
298 | -.weui-form-preview__btn:after { | ||
299 | - content: " "; | ||
300 | - position: absolute; | ||
301 | - left: 0; | ||
302 | - top: 0; | ||
303 | - width: 1px; | ||
304 | - bottom: 0; | ||
305 | - border-left: 1rpx solid #D5D5D6; | ||
306 | - color: #D5D5D6; | ||
307 | -} | ||
308 | -.weui-form-preview__btn:first-child:after { | ||
309 | - display: none; | ||
310 | -} | ||
311 | -.weui-form-preview__btn_active { | ||
312 | - background-color: #EEEEEE; | ||
313 | -} | ||
314 | -.weui-form-preview__btn_default { | ||
315 | - color: #999999; | ||
316 | -} | ||
317 | -.weui-form-preview__btn_primary { | ||
318 | - color: #0BB20C; | ||
319 | -} | ||
320 | -.weui-cell_select { | ||
321 | - padding: 0; | ||
322 | -} | ||
323 | -.weui-select { | ||
324 | - position: relative; | ||
325 | - padding-left: 15px; | ||
326 | - padding-right: 30px; | ||
327 | - height: 2.58823529em; | ||
328 | - min-height: 2.58823529em; | ||
329 | - line-height: 2.58823529em; | ||
330 | - border-right: 1rpx solid #D9D9D9; | ||
331 | -} | ||
332 | -.weui-select:before { | ||
333 | - content: " "; | ||
334 | - display: inline-block; | ||
335 | - height: 6px; | ||
336 | - width: 6px; | ||
337 | - border-width: 2px 2px 0 0; | ||
338 | - border-color: #C8C8CD; | ||
339 | - border-style: solid; | ||
340 | - -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); | ||
341 | - transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); | ||
342 | - position: relative; | ||
343 | - top: -2px; | ||
344 | - position: absolute; | ||
345 | - top: 50%; | ||
346 | - right: 15px; | ||
347 | - margin-top: -4px; | ||
348 | -} | ||
349 | -.weui-select_in-select-after { | ||
350 | - padding-left: 0; | ||
351 | -} | ||
352 | -.weui-cell__hd_in-select-after, | ||
353 | -.weui-cell__bd_in-select-before { | ||
354 | - padding-left: 15px; | ||
355 | -} | ||
356 | -.weui-cell_vcode { | ||
357 | - padding-right: 0; | ||
358 | -} | ||
359 | -.weui-vcode-img { | ||
360 | - margin-left: 5px; | ||
361 | - height: 2.58823529em; | ||
362 | - vertical-align: middle; | ||
363 | -} | ||
364 | -.weui-vcode-btn { | ||
365 | - display: inline-block; | ||
366 | - height: 2.58823529em; | ||
367 | - margin-left: 5px; | ||
368 | - padding: 0 0.6em 0 0.7em; | ||
369 | - border-left: 1px solid #E5E5E5; | ||
370 | - line-height: 2.58823529em; | ||
371 | - vertical-align: middle; | ||
372 | - font-size: 17px; | ||
373 | - color: #3CC51F; | ||
374 | - white-space: nowrap; | ||
375 | -} | ||
376 | -.weui-vcode-btn:active { | ||
377 | - color: #52a341; | ||
378 | -} | ||
379 | -.weui-cell_switch { | ||
380 | - padding-top: 6px; | ||
381 | - padding-bottom: 6px; | ||
382 | -} | ||
383 | -.weui-uploader__hd { | ||
384 | - display: -webkit-box; | ||
385 | - display: -webkit-flex; | ||
386 | - display: flex; | ||
387 | - padding-bottom: 10px; | ||
388 | - -webkit-box-align: center; | ||
389 | - -webkit-align-items: center; | ||
390 | - align-items: center; | ||
391 | -} | ||
392 | -.weui-uploader__title { | ||
393 | - -webkit-box-flex: 1; | ||
394 | - -webkit-flex: 1; | ||
395 | - flex: 1; | ||
396 | -} | ||
397 | -.weui-uploader__info { | ||
398 | - color: #B2B2B2; | ||
399 | -} | ||
400 | -.weui-uploader__bd { | ||
401 | - margin-bottom: -4px; | ||
402 | - margin-right: -9px; | ||
403 | - overflow: hidden; | ||
404 | -} | ||
405 | -.weui-uploader__file { | ||
406 | - float: left; | ||
407 | - margin-right: 9px; | ||
408 | - margin-bottom: 9px; | ||
409 | -} | ||
410 | -.weui-uploader__img { | ||
411 | - display: block; | ||
412 | - width: 79px; | ||
413 | - height: 79px; | ||
414 | -} | ||
415 | -.weui-uploader__file_status { | ||
416 | - position: relative; | ||
417 | -} | ||
418 | -.weui-uploader__file_status:before { | ||
419 | - content: " "; | ||
420 | - position: absolute; | ||
421 | - top: 0; | ||
422 | - right: 0; | ||
423 | - bottom: 0; | ||
424 | - left: 0; | ||
425 | - background-color: rgba(0, 0, 0, 0.5); | ||
426 | -} | ||
427 | -.weui-uploader__file-content { | ||
428 | - position: absolute; | ||
429 | - top: 50%; | ||
430 | - left: 50%; | ||
431 | - -webkit-transform: translate(-50%, -50%); | ||
432 | - transform: translate(-50%, -50%); | ||
433 | - color: #FFFFFF; | ||
434 | -} | ||
435 | -.weui-uploader__input-box { | ||
436 | - float: left; | ||
437 | - position: relative; | ||
438 | - margin-right: 9px; | ||
439 | - margin-bottom: 9px; | ||
440 | - width: 77px; | ||
441 | - height: 77px; | ||
442 | - border: 1px solid #D9D9D9; | ||
443 | -} | ||
444 | -.weui-uploader__input-box:before, | ||
445 | -.weui-uploader__input-box:after { | ||
446 | - content: " "; | ||
447 | - position: absolute; | ||
448 | - top: 50%; | ||
449 | - left: 50%; | ||
450 | - -webkit-transform: translate(-50%, -50%); | ||
451 | - transform: translate(-50%, -50%); | ||
452 | - background-color: #D9D9D9; | ||
453 | -} | ||
454 | -.weui-uploader__input-box:before { | ||
455 | - width: 2px; | ||
456 | - height: 39.5px; | ||
457 | -} | ||
458 | -.weui-uploader__input-box:after { | ||
459 | - width: 39.5px; | ||
460 | - height: 2px; | ||
461 | -} | ||
462 | -.weui-uploader__input-box:active { | ||
463 | - border-color: #999999; | ||
464 | -} | ||
465 | -.weui-uploader__input-box:active:before, | ||
466 | -.weui-uploader__input-box:active:after { | ||
467 | - background-color: #999999; | ||
468 | -} | ||
469 | -.weui-uploader__input { | ||
470 | - position: absolute; | ||
471 | - z-index: 1; | ||
472 | - top: 0; | ||
473 | - left: 0; | ||
474 | - width: 100%; | ||
475 | - height: 100%; | ||
476 | - opacity: 0; | ||
477 | -} | ||
478 | -.weui-article { | ||
479 | - padding: 20px 15px; | ||
480 | - font-size: 15px; | ||
481 | -} | ||
482 | -.weui-article__section { | ||
483 | - margin-bottom: 1.5em; | ||
484 | -} | ||
485 | -.weui-article__h1 { | ||
486 | - font-size: 18px; | ||
487 | - font-weight: 400; | ||
488 | - margin-bottom: .9em; | ||
489 | -} | ||
490 | -.weui-article__h2 { | ||
491 | - font-size: 16px; | ||
492 | - font-weight: 400; | ||
493 | - margin-bottom: .34em; | ||
494 | -} | ||
495 | -.weui-article__h3 { | ||
496 | - font-weight: 400; | ||
497 | - font-size: 15px; | ||
498 | - margin-bottom: .34em; | ||
499 | -} | ||
500 | -.weui-article__p { | ||
501 | - margin: 0 0 .8em; | ||
502 | -} | ||
503 | -.weui-msg { | ||
504 | - padding-top: 36px; | ||
505 | - text-align: center; | ||
506 | -} | ||
507 | -.weui-msg__link { | ||
508 | - display: inline; | ||
509 | - color: #586C94; | ||
510 | -} | ||
511 | -.weui-msg__icon-area { | ||
512 | - margin-bottom: 30px; | ||
513 | -} | ||
514 | -.weui-msg__text-area { | ||
515 | - margin-bottom: 25px; | ||
516 | - padding: 0 20px; | ||
517 | -} | ||
518 | -.weui-msg__title { | ||
519 | - margin-bottom: 5px; | ||
520 | - font-weight: 400; | ||
521 | - font-size: 20px; | ||
522 | -} | ||
523 | -.weui-msg__desc { | ||
524 | - font-size: 14px; | ||
525 | - color: #999999; | ||
526 | -} | ||
527 | -.weui-msg__opr-area { | ||
528 | - margin-bottom: 25px; | ||
529 | -} | ||
530 | -.weui-msg__extra-area { | ||
531 | - margin-bottom: 15px; | ||
532 | - font-size: 14px; | ||
533 | - color: #999999; | ||
534 | -} | ||
535 | -@media screen and (min-height: 438px) { | ||
536 | - .weui-msg__extra-area { | ||
537 | - position: fixed; | ||
538 | - left: 0; | ||
539 | - bottom: 0; | ||
540 | - width: 100%; | ||
541 | - text-align: center; | ||
542 | - } | ||
543 | -} | ||
544 | -.weui-flex { | ||
545 | - display: -webkit-box; | ||
546 | - display: -webkit-flex; | ||
547 | - display: flex; | ||
548 | -} | ||
549 | -.weui-flex__item { | ||
550 | - -webkit-box-flex: 1; | ||
551 | - -webkit-flex: 1; | ||
552 | - flex: 1; | ||
553 | -} | ||
554 | -.weui-btn { | ||
555 | - margin-top: 15px; | ||
556 | -} | ||
557 | -.weui-btn:first-child { | ||
558 | - margin-top: 0; | ||
559 | -} | ||
560 | -.weui-btn-area { | ||
561 | - margin: 1.17647059em 15px 0.3em; | ||
562 | -} | ||
563 | -.weui-agree { | ||
564 | - display: block; | ||
565 | - padding: .5em 15px; | ||
566 | - font-size: 13px; | ||
567 | -} | ||
568 | -.weui-agree__text { | ||
569 | - color: #999999; | ||
570 | -} | ||
571 | -.weui-agree__link { | ||
572 | - display: inline; | ||
573 | - color: #586C94; | ||
574 | -} | ||
575 | -.weui-agree__checkbox { | ||
576 | - position: absolute; | ||
577 | - left: -9999px; | ||
578 | -} | ||
579 | -.weui-agree__checkbox-icon { | ||
580 | - position: relative; | ||
581 | - top: 2px; | ||
582 | - display: inline-block; | ||
583 | - border: 1px solid #D1D1D1; | ||
584 | - background-color: #FFFFFF; | ||
585 | - border-radius: 3px; | ||
586 | - width: 11px; | ||
587 | - height: 11px; | ||
588 | -} | ||
589 | -.weui-agree__checkbox-icon-check { | ||
590 | - position: absolute; | ||
591 | - top: 1px; | ||
592 | - left: 1px; | ||
593 | -} | ||
594 | -.weui-footer { | ||
595 | - color: #999999; | ||
596 | - font-size: 14px; | ||
597 | - text-align: center; | ||
598 | -} | ||
599 | -.weui-footer_fixed-bottom { | ||
600 | - position: fixed; | ||
601 | - bottom: .52em; | ||
602 | - left: 0; | ||
603 | - right: 0; | ||
604 | -} | ||
605 | -.weui-footer__links { | ||
606 | - font-size: 0; | ||
607 | -} | ||
608 | -.weui-footer__link { | ||
609 | - display: inline-block; | ||
610 | - vertical-align: top; | ||
611 | - margin: 0 .62em; | ||
612 | - position: relative; | ||
613 | - font-size: 14px; | ||
614 | - color: #586C94; | ||
615 | -} | ||
616 | -.weui-footer__link:before { | ||
617 | - content: " "; | ||
618 | - position: absolute; | ||
619 | - left: 0; | ||
620 | - top: 0; | ||
621 | - width: 1px; | ||
622 | - bottom: 0; | ||
623 | - border-left: 1rpx solid #C7C7C7; | ||
624 | - color: #C7C7C7; | ||
625 | - left: -0.65em; | ||
626 | - top: .36em; | ||
627 | - bottom: .36em; | ||
628 | -} | ||
629 | -.weui-footer__link:first-child:before { | ||
630 | - display: none; | ||
631 | -} | ||
632 | -.weui-footer__text { | ||
633 | - padding: 0 .34em; | ||
634 | - font-size: 12px; | ||
635 | -} | ||
636 | -.weui-grids { | ||
637 | - border-top: 1rpx solid #D9D9D9; | ||
638 | - border-left: 1rpx solid #D9D9D9; | ||
639 | - overflow: hidden; | ||
640 | -} | ||
641 | -.weui-grid { | ||
642 | - position: relative; | ||
643 | - float: left; | ||
644 | - padding: 20px 10px; | ||
645 | - width: 33.33333333%; | ||
646 | - box-sizing: border-box; | ||
647 | - border-right: 1rpx solid #D9D9D9; | ||
648 | - border-bottom: 1rpx solid #D9D9D9; | ||
649 | -} | ||
650 | -.weui-grid_active { | ||
651 | - background-color: #ECECEC; | ||
652 | -} | ||
653 | -.weui-grid__icon { | ||
654 | - display: block; | ||
655 | - width: 28px; | ||
656 | - height: 28px; | ||
657 | - margin: 0 auto; | ||
658 | -} | ||
659 | -.weui-grid__label { | ||
660 | - margin-top: 5px; | ||
661 | - display: block; | ||
662 | - text-align: center; | ||
663 | - color: #000000; | ||
664 | - font-size: 14px; | ||
665 | - white-space: nowrap; | ||
666 | - text-overflow: ellipsis; | ||
667 | - overflow: hidden; | ||
668 | -} | ||
669 | -.weui-loading { | ||
670 | - margin: 0 5px; | ||
671 | - width: 20px; | ||
672 | - height: 20px; | ||
673 | - display: inline-block; | ||
674 | - vertical-align: middle; | ||
675 | - -webkit-animation: weuiLoading 1s steps(12, end) infinite; | ||
676 | - animation: weuiLoading 1s steps(12, end) infinite; | ||
677 | - background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTlFOUU5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTMwKSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iIzk4OTY5NyIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAxMDUuOTggNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjOUI5OTlBIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDYwIDc1Ljk4IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0EzQTFBMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NSA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNBQkE5QUEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDU4LjY2IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0IyQjJCMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjQkFCOEI5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDMkMwQzEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE1MCA0NS45OCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDQkNCQ0IiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEyMCA0MS4zNCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNEMkQyRDIiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDM1IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0RBREFEQSIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgtNjAgMjQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTJFMkUyIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKC0zMCAtNS45OCA2NSkiLz48L3N2Zz4=) no-repeat; | ||
678 | - background-size: 100%; | ||
679 | -} | ||
680 | -@-webkit-keyframes weuiLoading { | ||
681 | - 0% { | ||
682 | - -webkit-transform: rotate3d(0, 0, 1, 0deg); | ||
683 | - transform: rotate3d(0, 0, 1, 0deg); | ||
684 | - } | ||
685 | - 100% { | ||
686 | - -webkit-transform: rotate3d(0, 0, 1, 360deg); | ||
687 | - transform: rotate3d(0, 0, 1, 360deg); | ||
688 | - } | ||
689 | -} | ||
690 | -@keyframes weuiLoading { | ||
691 | - 0% { | ||
692 | - -webkit-transform: rotate3d(0, 0, 1, 0deg); | ||
693 | - transform: rotate3d(0, 0, 1, 0deg); | ||
694 | - } | ||
695 | - 100% { | ||
696 | - -webkit-transform: rotate3d(0, 0, 1, 360deg); | ||
697 | - transform: rotate3d(0, 0, 1, 360deg); | ||
698 | - } | ||
699 | -} | ||
700 | -.weui-badge { | ||
701 | - display: inline-block; | ||
702 | - padding: .15em .4em; | ||
703 | - min-width: 8px; | ||
704 | - border-radius: 18px; | ||
705 | - background-color: #F43530; | ||
706 | - color: #FFFFFF; | ||
707 | - line-height: 1.2; | ||
708 | - text-align: center; | ||
709 | - font-size: 12px; | ||
710 | - vertical-align: middle; | ||
711 | -} | ||
712 | -.weui-badge_dot { | ||
713 | - padding: .4em; | ||
714 | - min-width: 0; | ||
715 | -} | ||
716 | -.weui-loadmore { | ||
717 | - width: 65%; | ||
718 | - margin: 1.5em auto; | ||
719 | - line-height: 1.6em; | ||
720 | - font-size: 14px; | ||
721 | - text-align: center; | ||
722 | -} | ||
723 | -.weui-loadmore__tips { | ||
724 | - display: inline-block; | ||
725 | - vertical-align: middle; | ||
726 | -} | ||
727 | -.weui-loadmore_line { | ||
728 | - border-top: 1px solid #E5E5E5; | ||
729 | - margin-top: 2.4em; | ||
730 | -} | ||
731 | -.weui-loadmore__tips_in-line { | ||
732 | - position: relative; | ||
733 | - top: -0.9em; | ||
734 | - padding: 0 .55em; | ||
735 | - background-color: #FFFFFF; | ||
736 | - color: #999999; | ||
737 | -} | ||
738 | -.weui-loadmore__tips_in-dot { | ||
739 | - position: relative; | ||
740 | - padding: 0 .16em; | ||
741 | - width: 4px; | ||
742 | - height: 1.6em; | ||
743 | -} | ||
744 | -.weui-loadmore__tips_in-dot:before { | ||
745 | - content: " "; | ||
746 | - position: absolute; | ||
747 | - top: 50%; | ||
748 | - left: 50%; | ||
749 | - margin-top: -1px; | ||
750 | - margin-left: -2px; | ||
751 | - width: 4px; | ||
752 | - height: 4px; | ||
753 | - border-radius: 50%; | ||
754 | - background-color: #E5E5E5; | ||
755 | -} | ||
756 | -.weui-panel { | ||
757 | - background-color: #FFFFFF; | ||
758 | - margin-top: 10px; | ||
759 | - position: relative; | ||
760 | - overflow: hidden; | ||
761 | -} | ||
762 | -.weui-panel:first-child { | ||
763 | - margin-top: 0; | ||
764 | -} | ||
765 | -.weui-panel:before { | ||
766 | - content: " "; | ||
767 | - position: absolute; | ||
768 | - left: 0; | ||
769 | - top: 0; | ||
770 | - right: 0; | ||
771 | - height: 1px; | ||
772 | - border-top: 1rpx solid #E5E5E5; | ||
773 | - color: #E5E5E5; | ||
774 | -} | ||
775 | -.weui-panel:after { | ||
776 | - content: " "; | ||
777 | - position: absolute; | ||
778 | - left: 0; | ||
779 | - bottom: 0; | ||
780 | - right: 0; | ||
781 | - height: 1px; | ||
782 | - border-bottom: 1rpx solid #E5E5E5; | ||
783 | - color: #E5E5E5; | ||
784 | -} | ||
785 | -.weui-panel__hd { | ||
786 | - padding: 14px 15px 10px; | ||
787 | - color: #999999; | ||
788 | - font-size: 13px; | ||
789 | - position: relative; | ||
790 | -} | ||
791 | -.weui-panel__hd:after { | ||
792 | - content: " "; | ||
793 | - position: absolute; | ||
794 | - left: 0; | ||
795 | - bottom: 0; | ||
796 | - right: 0; | ||
797 | - height: 1px; | ||
798 | - border-bottom: 1rpx solid #E5E5E5; | ||
799 | - color: #E5E5E5; | ||
800 | - left: 15px; | ||
801 | -} | ||
802 | -.weui-media-box { | ||
803 | - padding: 15px; | ||
804 | - position: relative; | ||
805 | -} | ||
806 | -.weui-media-box:before { | ||
807 | - content: " "; | ||
808 | - position: absolute; | ||
809 | - left: 0; | ||
810 | - top: 0; | ||
811 | - right: 0; | ||
812 | - height: 1px; | ||
813 | - border-top: 1rpx solid #E5E5E5; | ||
814 | - color: #E5E5E5; | ||
815 | - left: 15px; | ||
816 | -} | ||
817 | -.weui-media-box:first-child:before { | ||
818 | - display: none; | ||
819 | -} | ||
820 | -.weui-media-box__title { | ||
821 | - font-weight: 400; | ||
822 | - font-size: 17px; | ||
823 | - width: auto; | ||
824 | - overflow: hidden; | ||
825 | - text-overflow: ellipsis; | ||
826 | - white-space: nowrap; | ||
827 | - word-wrap: normal; | ||
828 | - word-wrap: break-word; | ||
829 | - word-break: break-all; | ||
830 | -} | ||
831 | -.weui-media-box__desc { | ||
832 | - color: #999999; | ||
833 | - font-size: 13px; | ||
834 | - line-height: 1.2; | ||
835 | - overflow: hidden; | ||
836 | - text-overflow: ellipsis; | ||
837 | - display: -webkit-box; | ||
838 | - -webkit-box-orient: vertical; | ||
839 | - -webkit-line-clamp: 2; | ||
840 | -} | ||
841 | -.weui-media-box__info { | ||
842 | - margin-top: 15px; | ||
843 | - padding-bottom: 5px; | ||
844 | - font-size: 13px; | ||
845 | - color: #CECECE; | ||
846 | - line-height: 1em; | ||
847 | - list-style: none; | ||
848 | - overflow: hidden; | ||
849 | -} | ||
850 | -.weui-media-box__info__meta { | ||
851 | - float: left; | ||
852 | - padding-right: 1em; | ||
853 | -} | ||
854 | -.weui-media-box__info__meta_extra { | ||
855 | - padding-left: 1em; | ||
856 | - border-left: 1px solid #CECECE; | ||
857 | -} | ||
858 | -.weui-media-box__title_in-text { | ||
859 | - margin-bottom: 8px; | ||
860 | -} | ||
861 | -.weui-media-box_appmsg { | ||
862 | - display: -webkit-box; | ||
863 | - display: -webkit-flex; | ||
864 | - display: flex; | ||
865 | - -webkit-box-align: center; | ||
866 | - -webkit-align-items: center; | ||
867 | - align-items: center; | ||
868 | -} | ||
869 | -.weui-media-box__thumb { | ||
870 | - width: 100%; | ||
871 | - height: 100%; | ||
872 | - vertical-align: top; | ||
873 | -} | ||
874 | -.weui-media-box__hd_in-appmsg { | ||
875 | - margin-right: .8em; | ||
876 | - width: 60px; | ||
877 | - height: 60px; | ||
878 | - line-height: 60px; | ||
879 | - text-align: center; | ||
880 | -} | ||
881 | -.weui-media-box__bd_in-appmsg { | ||
882 | - -webkit-box-flex: 1; | ||
883 | - -webkit-flex: 1; | ||
884 | - flex: 1; | ||
885 | - min-width: 0; | ||
886 | -} | ||
887 | -.weui-media-box_small-appmsg { | ||
888 | - padding: 0; | ||
889 | -} | ||
890 | -.weui-cells_in-small-appmsg { | ||
891 | - margin-top: 0; | ||
892 | -} | ||
893 | -.weui-cells_in-small-appmsg:before { | ||
894 | - display: none; | ||
895 | -} | ||
896 | -.weui-progress { | ||
897 | - display: -webkit-box; | ||
898 | - display: -webkit-flex; | ||
899 | - display: flex; | ||
900 | - -webkit-box-align: center; | ||
901 | - -webkit-align-items: center; | ||
902 | - align-items: center; | ||
903 | -} | ||
904 | -.weui-progress__bar { | ||
905 | - -webkit-box-flex: 1; | ||
906 | - -webkit-flex: 1; | ||
907 | - flex: 1; | ||
908 | -} | ||
909 | -.weui-progress__opr { | ||
910 | - margin-left: 15px; | ||
911 | - font-size: 0; | ||
912 | -} | ||
913 | -.weui-navbar { | ||
914 | - display: -webkit-box; | ||
915 | - display: -webkit-flex; | ||
916 | - display: flex; | ||
917 | - position: absolute; | ||
918 | - z-index: 500; | ||
919 | - top: 0; | ||
920 | - width: 100%; | ||
921 | - border-bottom: 1rpx solid #CCCCCC; | ||
922 | -} | ||
923 | -.weui-navbar__item { | ||
924 | - position: relative; | ||
925 | - display: block; | ||
926 | - -webkit-box-flex: 1; | ||
927 | - -webkit-flex: 1; | ||
928 | - flex: 1; | ||
929 | - padding: 13px 0; | ||
930 | - text-align: center; | ||
931 | - font-size: 0; | ||
932 | -} | ||
933 | -.weui-navbar__item.weui-bar__item_on { | ||
934 | - color: #1AAD19; | ||
935 | -} | ||
936 | -.weui-navbar__slider { | ||
937 | - position: absolute; | ||
938 | - content: " "; | ||
939 | - left: 0; | ||
940 | - bottom: 0; | ||
941 | - width: 6em; | ||
942 | - height: 3px; | ||
943 | - background-color: #1AAD19; | ||
944 | - -webkit-transition: -webkit-transform .3s; | ||
945 | - transition: -webkit-transform .3s; | ||
946 | - transition: transform .3s; | ||
947 | - transition: transform .3s, -webkit-transform .3s; | ||
948 | -} | ||
949 | -.weui-navbar__title { | ||
950 | - display: inline-block; | ||
951 | - font-size: 15px; | ||
952 | - max-width: 8em; | ||
953 | - width: auto; | ||
954 | - overflow: hidden; | ||
955 | - text-overflow: ellipsis; | ||
956 | - white-space: nowrap; | ||
957 | - word-wrap: normal; | ||
958 | -} | ||
959 | -.weui-tab { | ||
960 | - position: relative; | ||
961 | - height: 100%; | ||
962 | -} | ||
963 | -.weui-tab__panel { | ||
964 | - box-sizing: border-box; | ||
965 | - height: 100%; | ||
966 | - padding-top: 50px; | ||
967 | - overflow: auto; | ||
968 | - -webkit-overflow-scrolling: touch; | ||
969 | -} | ||
970 | -.weui-search-bar { | ||
971 | - position: relative; | ||
972 | - padding: 8px 10px; | ||
973 | - display: -webkit-box; | ||
974 | - display: -webkit-flex; | ||
975 | - display: flex; | ||
976 | - box-sizing: border-box; | ||
977 | - background-color: #EFEFF4; | ||
978 | - border-top: 1rpx solid #D7D6DC; | ||
979 | - border-bottom: 1rpx solid #D7D6DC; | ||
980 | -} | ||
981 | -.weui-icon-search { | ||
982 | - margin-right: 8px; | ||
983 | - font-size: inherit; | ||
984 | -} | ||
985 | -.weui-icon-search_in-box { | ||
986 | - position: absolute; | ||
987 | - left: 10px; | ||
988 | - top: 7px; | ||
989 | -} | ||
990 | -.weui-search-bar__text { | ||
991 | - display: inline-block; | ||
992 | - font-size: 14px; | ||
993 | - vertical-align: middle; | ||
994 | -} | ||
995 | -.weui-search-bar__form { | ||
996 | - position: relative; | ||
997 | - -webkit-box-flex: 1; | ||
998 | - -webkit-flex: auto; | ||
999 | - flex: auto; | ||
1000 | - border-radius: 5px; | ||
1001 | - background: #FFFFFF; | ||
1002 | - border: 1rpx solid #E6E6EA; | ||
1003 | -} | ||
1004 | -.weui-search-bar__box { | ||
1005 | - position: relative; | ||
1006 | - padding-left: 30px; | ||
1007 | - padding-right: 30px; | ||
1008 | - width: 100%; | ||
1009 | - box-sizing: border-box; | ||
1010 | - z-index: 1; | ||
1011 | -} | ||
1012 | -.weui-search-bar__input { | ||
1013 | - height: 28px; | ||
1014 | - line-height: 28px; | ||
1015 | - font-size: 14px; | ||
1016 | -} | ||
1017 | -.weui-icon-clear { | ||
1018 | - position: absolute; | ||
1019 | - top: 0; | ||
1020 | - right: 0; | ||
1021 | - padding: 7px 8px; | ||
1022 | - font-size: 0; | ||
1023 | -} | ||
1024 | -.weui-search-bar__label { | ||
1025 | - position: absolute; | ||
1026 | - top: 0; | ||
1027 | - right: 0; | ||
1028 | - bottom: 0; | ||
1029 | - left: 0; | ||
1030 | - z-index: 2; | ||
1031 | - border-radius: 3px; | ||
1032 | - text-align: center; | ||
1033 | - color: #9B9B9B; | ||
1034 | - background: #FFFFFF; | ||
1035 | - line-height: 28px; | ||
1036 | -} | ||
1037 | -.weui-search-bar__cancel-btn { | ||
1038 | - margin-left: 10px; | ||
1039 | - line-height: 28px; | ||
1040 | - color: #09BB07; | ||
1041 | - white-space: nowrap; | ||
1042 | -} |
@@ -16,7 +16,7 @@ | @@ -16,7 +16,7 @@ | ||
16 | <view class="swiper-box page" style="height:100%;margin-top:20rpx" bindchange="bindChange"> | 16 | <view class="swiper-box page" style="height:100%;margin-top:20rpx" bindchange="bindChange"> |
17 | <view wx:if="{{currentTab==0}}"> | 17 | <view wx:if="{{currentTab==0}}"> |
18 | <view wx:if="{{hascompleted_tax&&taxDatas.length<1}}" style='background:#fff;width:100%; align-items: center;'> | 18 | <view wx:if="{{hascompleted_tax&&taxDatas.length<1}}" style='background:#fff;width:100%; align-items: center;'> |
19 | - <image style='width:418rpx;height:254rpx;margin: 0 auto;padding-top:300rpx; display: block;' mode="aspectFit" src='/images/noDataIcon.jpg'></image> | 19 | + <image style='width:418rpx;height:254rpx;margin: 0 auto;padding-top:300rpx; display: block;' mode="aspectFit" src='/images/nodata.png'></image> |
20 | <view style='width:100%; font-family: PingFang-SC-Medium;font-size: 14px;color: #999999;letter-spacing: 0;text-align: center;'>还没有企业为您申报个税哦~</view> | 20 | <view style='width:100%; font-family: PingFang-SC-Medium;font-size: 14px;color: #999999;letter-spacing: 0;text-align: center;'>还没有企业为您申报个税哦~</view> |
21 | </view> | 21 | </view> |
22 | <view wx:for="{{taxDatas}}" style='margin-bottom:20rpx'> | 22 | <view wx:for="{{taxDatas}}" style='margin-bottom:20rpx'> |
@@ -35,7 +35,7 @@ | @@ -35,7 +35,7 @@ | ||
35 | </view> | 35 | </view> |
36 | <view wx:else> <!-- 工资明细 --> | 36 | <view wx:else> <!-- 工资明细 --> |
37 | <view wx:if="{{hascompleted_sal&&salaryDatas.length<1}}" style='background:#fff;'> | 37 | <view wx:if="{{hascompleted_sal&&salaryDatas.length<1}}" style='background:#fff;'> |
38 | - <image style='width:418rpx;height:254rpx;margin: 0 auto;padding-top:300rpx; display: block;' mode="aspectFit" src='/images/noDataIcon.jpg'></image> | 38 | + <image style='width:418rpx;height:254rpx;margin: 0 auto;padding-top:300rpx; display: block;' mode="aspectFit" src='/images/nodata.png'></image> |
39 | <view style='width:100%; font-family: PingFang-SC-Medium;font-size: 14px;color: #999999;letter-spacing: 0;text-align: center;'>您还没有工资条哦~</view> | 39 | <view style='width:100%; font-family: PingFang-SC-Medium;font-size: 14px;color: #999999;letter-spacing: 0;text-align: center;'>您还没有工资条哦~</view> |
40 | </view> | 40 | </view> |
41 | <view wx:for="{{salaryDatas}}" style='margin-bottom:20rpx'> | 41 | <view wx:for="{{salaryDatas}}" style='margin-bottom:20rpx'> |
@@ -210,15 +210,13 @@ Page({ | @@ -210,15 +210,13 @@ Page({ | ||
210 | 210 | ||
211 | gonext: function () { | 211 | gonext: function () { |
212 | if (this.data.already_getdata) { | 212 | if (this.data.already_getdata) { |
213 | - //请求数据 | 213 | + //提交数据 |
214 | wx.navigateTo({ | 214 | wx.navigateTo({ |
215 | - url: 'verify_result/verify_result', | 215 | + url: '../verify_result/verify_result?result=succ', |
216 | }) | 216 | }) |
217 | } else { | 217 | } else { |
218 | - wx.showModal({ | ||
219 | - showCancel: false, | ||
220 | - title: '', | ||
221 | - content: "未能获取到信息,不能保存", | 218 | + wx.navigateTo({ |
219 | + url: '../verify_result/verify_result?result=fail', | ||
222 | }) | 220 | }) |
223 | } | 221 | } |
224 | }, | 222 | }, |
1 | <view class='page'> | 1 | <view class='page'> |
2 | - | ||
3 | - <view style='display:flex;flex-direction:row;background:#fff'> | ||
4 | - <!--左边 身份信息 --> | ||
5 | - <view style='margin:40rpx 0 30rpx 130rpx'> | ||
6 | - <view style='display:flex;flex-direction:row;height:48rpx;width:100%;'> | ||
7 | - <image style='margin-left:30rpx; width: 24px;height: 24px' src='/images/step_first_blue.png'></image> | ||
8 | - <view style='background:#357aeb;width:90px;height:4rpx;align-self:center;'></view> | 2 | + <scroll-view scroll-y style="padding-bottom:180rpx;"> |
3 | + <view style='display:flex;flex-direction:row;background:#fff'> | ||
4 | + <!--左边 身份信息 --> | ||
5 | + <view style='margin:40rpx 0 30rpx 130rpx'> | ||
6 | + <view style='display:flex;flex-direction:row;height:48rpx;width:100%;'> | ||
7 | + <image style='margin-left:30rpx; width: 24px;height: 24px' src='/images/step_first_blue.png'></image> | ||
8 | + <view style='background:#357aeb;width:90px;height:4rpx;align-self:center;'></view> | ||
9 | + </view> | ||
10 | + <view style='font-size: 17px;color: #000;margin-top:16rpx'>身份信息</view> | ||
9 | </view> | 11 | </view> |
10 | - <view style='font-size: 17px;color: #000;margin-top:16rpx'>身份信息</view> | ||
11 | - </view> | ||
12 | - <!--右边 上传证件照 --> | ||
13 | - <view style='margin:40rpx 100rpx 30rpx 0'> | ||
14 | - <view style='display:flex;flex-direction:row;height:48rpx;width:100%;'> | ||
15 | - <view style='background:#357aeb;width:90px;height:4rpx;align-self:center;'></view> | ||
16 | - <image style='margin-right:30rpx; width: 24px;height: 24px' src='/images/step_second_blue.png'></image> | 12 | + <!--右边 上传证件照 --> |
13 | + <view style='margin:40rpx 100rpx 30rpx 0'> | ||
14 | + <view style='display:flex;flex-direction:row;height:48rpx;width:100%;'> | ||
15 | + <view style='background:#357aeb;width:90px;height:4rpx;align-self:center;'></view> | ||
16 | + <image style='margin-right:30rpx; width: 24px;height: 24px' src='/images/step_second_blue.png'></image> | ||
17 | + </view> | ||
18 | + <view style='font-size: 17px;color: #000;margin-top:16rpx;text-align:right'>上传证件照</view> | ||
17 | </view> | 19 | </view> |
18 | - <view style='font-size: 17px;color: #000;margin-top:16rpx;text-align:right'>上传证件照</view> | ||
19 | </view> | 20 | </view> |
20 | - </view> | ||
21 | - | ||
22 | - <view class='id_background' bindtap="chooseImage" id='id_face'> | ||
23 | - <image class='id_image_wrap' src="{{facepath?facepath:'/images/id_face.png'}}"></image> | ||
24 | - </view> | ||
25 | - <view class='id_background' bindtap="chooseImage" id='id_back'> | ||
26 | - <image class='id_image_wrap' src="{{backpath?backpath:'/images/id_back.png'}}"></image> | ||
27 | - </view> | ||
28 | 21 | ||
29 | - <view style='background-color:#fff;padding:0 32rpx ;'> | ||
30 | - <view class='item_body'> | ||
31 | - <text class='text_666_28 float_left'>签发机关</text> | ||
32 | - <text class='text_333_28 float_right'>{{idInfo.issued_by}}</text> | 22 | + <view class='id_background' bindtap="chooseImage" id='id_face'> |
23 | + <image class='id_image_wrap' src="{{facepath?facepath:'/images/id_face.png'}}"></image> | ||
33 | </view> | 24 | </view> |
34 | - <view class="divide_line"></view> | ||
35 | - <view class='item_body'> | ||
36 | - <text class='text_666_28 float_left'>有效期</text> | ||
37 | - <text class='text_333_28 float_right'>{{idInfo.valid_date}}</text> | 25 | + <view class='id_background' bindtap="chooseImage" id='id_back'> |
26 | + <image class='id_image_wrap' src="{{backpath?backpath:'/images/id_back.png'}}"></image> | ||
38 | </view> | 27 | </view> |
39 | - </view> | 28 | + |
29 | + <view style='background-color:#fff;padding:0 32rpx ;'> | ||
30 | + <view class='item_body'> | ||
31 | + <text class='text_666_28 float_left'>签发机关</text> | ||
32 | + <text class='text_333_28 float_right'>{{idInfo.issued_by}}</text> | ||
33 | + </view> | ||
34 | + <view class="divide_line"></view> | ||
35 | + <view class='item_body'> | ||
36 | + <text class='text_666_28 float_left'>有效期</text> | ||
37 | + <text class='text_333_28 float_right'>{{idInfo.valid_date}}</text> | ||
38 | + </view> | ||
39 | + </view> | ||
40 | + </scroll-view> | ||
40 | 41 | ||
41 | <view class='bottom_btn_wrap'> | 42 | <view class='bottom_btn_wrap'> |
42 | <view class='btn_blue_radius' bindtap="gonext"> | 43 | <view class='btn_blue_radius' bindtap="gonext"> |
1 | // pages/main/verify/verify_info.js | 1 | // pages/main/verify/verify_info.js |
2 | - | 2 | +var format = require('../../../utils/util.js'); |
3 | +const reg_18_Number = /^[0-9]{18}$/; | ||
4 | +const reg_9_n_a = /^([a-zA-z]|[0-9]){9}$/; | ||
5 | +const reg_15_n_a = /^([a-zA-z]|[0-9]){15}$/; | ||
3 | Page({ | 6 | Page({ |
4 | /** | 7 | /** |
5 | * Page initial data | 8 | * Page initial data |
@@ -18,7 +21,8 @@ Page({ | @@ -18,7 +21,8 @@ Page({ | ||
18 | ], | 21 | ], |
19 | cardTypeArray: ['中国护照', '港澳居民来往内地通行证', '港澳居民居住证', '台湾居民来往大陆通行证', '台湾居民居住证', '外国护照', '外国人永久居留身份证', '外国人工作许可证(A类)', '外国人工作许可证(B类)', '外国人工作许可证(C类)'], | 22 | cardTypeArray: ['中国护照', '港澳居民来往内地通行证', '港澳居民居住证', '台湾居民来往大陆通行证', '台湾居民居住证', '外国护照', '外国人永久居留身份证', '外国人工作许可证(A类)', '外国人工作许可证(B类)', '外国人工作许可证(C类)'], |
20 | cardtype: "", | 23 | cardtype: "", |
21 | - card_number:"" | 24 | + card_number:"", |
25 | + name:"", | ||
22 | }, | 26 | }, |
23 | 27 | ||
24 | /** | 28 | /** |
@@ -50,11 +54,6 @@ Page({ | @@ -50,11 +54,6 @@ Page({ | ||
50 | console.log("bindCardtypeChange", e) | 54 | console.log("bindCardtypeChange", e) |
51 | var cardTypeArray = this.data.cardTypeArray | 55 | var cardTypeArray = this.data.cardTypeArray |
52 | var new_type = cardTypeArray[e.detail.value] //['name'] | 56 | var new_type = cardTypeArray[e.detail.value] //['name'] |
53 | - if ((new_type.indexOf('外国人') != -1) && (selected.indexOf('外国人') != -1)) { | ||
54 | - console.log('外国人', new_type, selected) | ||
55 | - } else { | ||
56 | - | ||
57 | - } | ||
58 | this.setData({ | 57 | this.setData({ |
59 | cardtype: new_type | 58 | cardtype: new_type |
60 | }) | 59 | }) |
@@ -65,65 +64,101 @@ Page({ | @@ -65,65 +64,101 @@ Page({ | ||
65 | this.setData({ | 64 | this.setData({ |
66 | card_number: idCardNo | 65 | card_number: idCardNo |
67 | }) | 66 | }) |
68 | - if (e.detail.value.length == 18) { | ||
69 | - if (!this.data.is_foreigner && !format.isIDCardNum(idCardNo)) { | ||
70 | - this.showtoast('证照号码有误'); | ||
71 | - return; | 67 | + }, |
68 | + | ||
69 | + nameInput: function (e) { | ||
70 | + this.setData({ | ||
71 | + name: e.detail.value | ||
72 | + }) | ||
73 | + }, | ||
74 | + | ||
75 | + dealCardType: function () {//提交前验证输入的内容规则 | ||
76 | + | ||
77 | + }, | ||
78 | + | ||
79 | + gonext: function () { | ||
80 | + //校验证照类型,证照号码,姓名 | ||
81 | + var type = this.data.cardtype; | ||
82 | + var idCardNo = this.data.card_number; | ||
83 | + var name = this.data.name.replace(/(^\s*)|(\s*$)/g, ""); | ||
84 | + var regname_c = /^[\u4E00-\u9FA5\uf900-\ufa2d·s]{2,30}$/; //中文 | ||
85 | + var regname_e = /^[A-Za-z][A-Za-z\s]*[A-Za-z]$/; //英文 | ||
86 | + console.log('cardtype', type) | ||
87 | + if (this.data.is_foreigner == 'true') {//非身份证 | ||
88 | + if (type.length < 1) { | ||
89 | + this.showtoast('请选择证照类型'); | ||
90 | + return | ||
91 | + } | ||
92 | + if (name.length < 1) { | ||
93 | + this.showtoast('请输入姓名'); | ||
94 | + return | ||
95 | + } | ||
96 | + //todo 需要跟喜文确认 中英文姓名规则 | ||
97 | + name = name.replace(/(^\s*)|(\s*$)/g, ""); | ||
98 | + if (type.indexOf('中国护照') > -1) { | ||
99 | + if (!regname_c.test(name)) { | ||
100 | + this.showtoast('请输入正确的中文名'); | ||
101 | + return | ||
102 | + } | ||
103 | + } else if (!regname_e.test(name)) { | ||
104 | + this.showtoast('请输入正确的英文名'); | ||
105 | + return | ||
72 | } | 106 | } |
73 | - if (this.data.cardtypeData.selected.indexOf('居住证') > -1 && !reg_18_Number.test(idCardNo)) { | 107 | + if (idCardNo.length < 1) { |
108 | + this.showtoast('请填写证照号码'); | ||
109 | + return | ||
110 | + } | ||
111 | + if (type.indexOf('居住证') > -1 && !reg_18_Number.test(idCardNo)) { | ||
74 | this.showtoast('证照号码有误'); | 112 | this.showtoast('证照号码有误'); |
75 | return | 113 | return |
76 | } | 114 | } |
77 | - } | ||
78 | - if (e.detail.value.length == 9) { | ||
79 | - if (this.data.cardtypeData.selected.indexOf('中国护照') > -1 && !reg_9_n_a.test(idCardNo)) { | 115 | + if (type.indexOf('中国护照') > -1 && !reg_9_n_a.test(idCardNo)) { |
80 | this.showtoast('证照号码有误'); | 116 | this.showtoast('证照号码有误'); |
81 | return | 117 | return |
82 | } | 118 | } |
83 | - } | ||
84 | - if (e.detail.value.length == 15) { | ||
85 | - if (this.data.cardtypeData.selected.indexOf('永久居留') > -1 && !reg_15_n_a.test(idCardNo)) { | 119 | + if (type.indexOf('永久居留') > -1 && !reg_15_n_a.test(idCardNo)) { |
86 | this.showtoast('证照号码有误'); | 120 | this.showtoast('证照号码有误'); |
87 | return | 121 | return |
88 | } | 122 | } |
89 | - } | ||
90 | - }, | ||
91 | - | ||
92 | - dealCardType: function () { | ||
93 | - //证照类型不一样,对应的姓名证照号码验证规则也不一样 | ||
94 | - var type = this.data.cardtype; | ||
95 | - console.log('cardtype', type) | ||
96 | - var idCardNo = this.data.card_number; | ||
97 | - if (type.indexOf('居住证') > -1 && !reg_18_Number.test(idCardNo)) { | ||
98 | - this.showtoast('证照号码有误'); | ||
99 | - return | ||
100 | - } | ||
101 | - if (type.indexOf('中国护照') > -1 && !reg_9_n_a.test(idCardNo)) { | ||
102 | - this.showtoast('证照号码有误'); | ||
103 | - return | ||
104 | - } | ||
105 | - if (type.indexOf('永久居留') > -1 && !reg_15_n_a.test(idCardNo)) { | ||
106 | - this.showtoast('证照号码有误'); | ||
107 | - return | ||
108 | - } | ||
109 | - }, | ||
110 | - | ||
111 | - gonext: function () { | ||
112 | - if (this.data.is_foreigner=='true') { | ||
113 | - this.dealCardType() | 123 | + //TODO 请求数据,上传用户身份信息 |
114 | wx.showToast({ | 124 | wx.showToast({ |
115 | title: '提交成功', | 125 | title: '提交成功', |
116 | icon: "none", | 126 | icon: "none", |
117 | duration: 2000 | 127 | duration: 2000 |
118 | }) | 128 | }) |
119 | wx.navigateBack({}) | 129 | wx.navigateBack({}) |
120 | - } else { | 130 | + } else {//身份证 |
131 | + if (name.length < 1) { | ||
132 | + this.showtoast('请输入姓名'); | ||
133 | + return | ||
134 | + } | ||
135 | + if (!regname_c.test(name)) { | ||
136 | + this.showtoast('请输入正确的姓名'); | ||
137 | + return | ||
138 | + } | ||
139 | + if (idCardNo.length < 1) { | ||
140 | + this.showtoast('请填写证照号码'); | ||
141 | + return | ||
142 | + } | ||
143 | + if (!format.isIDCardNum(idCardNo)) { | ||
144 | + this.showtoast('证照号码有误'); | ||
145 | + return; | ||
146 | + } | ||
121 | wx.navigateTo({ | 147 | wx.navigateTo({ |
122 | url: 'verify_idcard/verify_idcard', | 148 | url: 'verify_idcard/verify_idcard', |
123 | }) | 149 | }) |
124 | } | 150 | } |
125 | }, | 151 | }, |
126 | 152 | ||
153 | + showtoast: function (title) { | ||
154 | + wx.showToast({ | ||
155 | + title: title, | ||
156 | + duration: 2000, | ||
157 | + icon: 'none' | ||
158 | + // image: '/images/error.png' | ||
159 | + }) | ||
160 | + }, | ||
161 | + | ||
127 | /** | 162 | /** |
128 | * Lifecycle function--Called when page hide | 163 | * Lifecycle function--Called when page hide |
129 | */ | 164 | */ |
1 | - | ||
2 | <view class='page'> | 1 | <view class='page'> |
3 | <view style='background:#FDFBEA;height:96rpx;width:100%;text-align:center'> | 2 | <view style='background:#FDFBEA;height:96rpx;width:100%;text-align:center'> |
4 | <text style='font-size:30rpx;color:#E47C4A;font-family:PingFang-SC-Medium;line-height:96rpx'>为了您的账户安全,请先完成实名认证</text> | 3 | <text style='font-size:30rpx;color:#E47C4A;font-family:PingFang-SC-Medium;line-height:96rpx'>为了您的账户安全,请先完成实名认证</text> |
5 | </view> | 4 | </view> |
6 | 5 | ||
7 | <view hidden="{{is_foreigner=='true'}}"> | 6 | <view hidden="{{is_foreigner=='true'}}"> |
8 | - <view style='display:flex;flex-direction:row;'> | 7 | + <view style='display:flex;flex-direction:row;background:#fff'> |
9 | <!--左边 身份信息 --> | 8 | <!--左边 身份信息 --> |
10 | <view style='margin:40rpx 0 30rpx 130rpx'> | 9 | <view style='margin:40rpx 0 30rpx 130rpx'> |
11 | <view style='display:flex;flex-direction:row;height:48rpx;width:100%;'> | 10 | <view style='display:flex;flex-direction:row;height:48rpx;width:100%;'> |
@@ -25,7 +24,7 @@ | @@ -25,7 +24,7 @@ | ||
25 | </view> | 24 | </view> |
26 | </view> | 25 | </view> |
27 | 26 | ||
28 | - <view style='width: 100%;height: auto;flex-direction: column;display: flex;'> | 27 | + <view style='flex-direction: column;display: flex;background:#fff'> |
29 | <view hidden="{{is_foreigner=='false'}}"> | 28 | <view hidden="{{is_foreigner=='false'}}"> |
30 | <picker bindchange="bindCardtypeChange" value="{{index}}" range="{{cardTypeArray}}"> | 29 | <picker bindchange="bindCardtypeChange" value="{{index}}" range="{{cardTypeArray}}"> |
31 | <view style='height:90rpx;padding:0 30rpx '> | 30 | <view style='height:90rpx;padding:0 30rpx '> |
@@ -40,14 +39,18 @@ | @@ -40,14 +39,18 @@ | ||
40 | 39 | ||
41 | <view style='padding-left: 30rpx;padding-right: 30rpx;'> | 40 | <view style='padding-left: 30rpx;padding-right: 30rpx;'> |
42 | <text class='text_777_30 float_left' style='line-height: 90rpx'>姓名</text> | 41 | <text class='text_777_30 float_left' style='line-height: 90rpx'>姓名</text> |
43 | - <input class='input_wrap' placeholder='请输入您的真实姓名' name='person_name' value='{{name}}' placeholder-class='text_999_30' maxlength='15' bindinput='nameInput'></input> | 42 | + <input class='input_wrap' placeholder='请输入您的真实姓名' value='{{name}}' placeholder-class='text_999_30' maxlength='15' bindinput='nameInput'></input> |
44 | </view> | 43 | </view> |
45 | <view class="divide_line_30"></view> | 44 | <view class="divide_line_30"></view> |
46 | 45 | ||
47 | <view style='padding-left: 30rpx;padding-right: 30rpx;'> | 46 | <view style='padding-left: 30rpx;padding-right: 30rpx;'> |
48 | <text class='text_777_30 float_left' style='line-height: 90rpx'>身份证件号码</text> | 47 | <text class='text_777_30 float_left' style='line-height: 90rpx'>身份证件号码</text> |
49 | - | ||
50 | - <input class='input_wrap' placeholder='请输入您的身份证号码' placeholder-class='text_999_30' name='id_card_no' maxlength='18' bindinput = 'bindinputcardnum'type='idcard'></input> | 48 | + <view wx:if="{{is_foreigner=='false'}}"> |
49 | + <input class='input_wrap' placeholder='请输入您的身份证号码' placeholder-class='text_999_30' name='id_card_no' maxlength='18' value='{{card_number}}' bindinput="bindinputcardnum" type='idcard'></input> | ||
50 | + </view> | ||
51 | + <view wx:else> | ||
52 | + <input class='input_wrap' placeholder='请输入您的证件号码' placeholder-class='text_999_30' name='id_card_no' maxlength='20' value='{{card_number}}' bindinput="bindinputcardnum" ></input> | ||
53 | + </view> | ||
51 | </view> | 54 | </view> |
52 | </view> | 55 | </view> |
53 | 56 |
@@ -6,6 +6,7 @@ Page({ | @@ -6,6 +6,7 @@ Page({ | ||
6 | */ | 6 | */ |
7 | data: { | 7 | data: { |
8 | verify_img:"/images/verify_succ.png", | 8 | verify_img:"/images/verify_succ.png", |
9 | + verify_status:"succ", | ||
9 | verify_tip:"恭喜您!认证成功", | 10 | verify_tip:"恭喜您!认证成功", |
10 | btn_text:"完成" | 11 | btn_text:"完成" |
11 | }, | 12 | }, |
@@ -14,7 +15,22 @@ Page({ | @@ -14,7 +15,22 @@ Page({ | ||
14 | * Lifecycle function--Called when page load | 15 | * Lifecycle function--Called when page load |
15 | */ | 16 | */ |
16 | onLoad: function (options) { | 17 | onLoad: function (options) { |
17 | - | 18 | + console.log("options", options) |
19 | + if('succ'==options.result){ | ||
20 | + this.setData({ | ||
21 | + verify_img: "/images/verify_succ.png", | ||
22 | + verify_status: "succ", | ||
23 | + verify_tip: "恭喜您!认证成功", | ||
24 | + btn_text: "完成" | ||
25 | + }) | ||
26 | + }else if('fail'==options.result){ | ||
27 | + this.setData({ | ||
28 | + verify_img: "/images/verify_fail.png", | ||
29 | + verify_status: "fail", | ||
30 | + verify_tip: "对不起!认证失败", | ||
31 | + btn_text: "重新认证" | ||
32 | + }) | ||
33 | + } | ||
18 | }, | 34 | }, |
19 | 35 | ||
20 | /** | 36 | /** |
@@ -32,7 +48,13 @@ Page({ | @@ -32,7 +48,13 @@ Page({ | ||
32 | }, | 48 | }, |
33 | 49 | ||
34 | done:function(){ | 50 | done:function(){ |
35 | - | 51 | + if('succ'==this.data.verify_status){ |
52 | + wx.redirectTo({ | ||
53 | + url: '../../guide/guide', | ||
54 | + }) | ||
55 | + }else{ | ||
56 | + wx.navigateBack({}) | ||
57 | + } | ||
36 | }, | 58 | }, |
37 | 59 | ||
38 | /** | 60 | /** |
请
注册
或
登录
后发表评论