Merge branch 'master' of http://yun.pashanhoo.com:9090/renchao/portalStaticPage
Showing
23 changed files
with
834 additions
and
184 deletions
1 | <!DOCTYPE html | 1 | <!DOCTYPE html |
2 | PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | 2 | PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
3 | <html xmlns="http://www.w3.org/1999/xhtml"> | 3 | <html xmlns="http://www.w3.org/1999/xhtml"> |
4 | |||
4 | <head> | 5 | <head> |
5 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | 6 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
6 | <title>网上“一窗办事”登记系统</title> | 7 | <title>网上“一窗办事”登记系统</title> |
7 | <link type="text/css" rel="stylesheet" href="./staticCss/global.css" /> | 8 | <link type="text/css" rel="stylesheet" href="./staticCss/global.css" /> |
8 | <script type="text/javascript" src="./staticJs/head.js"></script> | 9 | <script type="text/javascript" src="./staticJs/head.js"></script> |
9 | </head> | 10 | </head> |
11 | |||
10 | <body> | 12 | <body> |
11 | <div> | 13 | <div> |
12 | <div class="banner"> | 14 | <div class="banner"> |
... | @@ -61,12 +63,72 @@ | ... | @@ -61,12 +63,72 @@ |
61 | <a class="news-img" href="" title="图片新闻地信中心开展外业安全生产监控系统培训工作"><img src="staticImages/news_demo.jpg" | 63 | <a class="news-img" href="" title="图片新闻地信中心开展外业安全生产监控系统培训工作"><img src="staticImages/news_demo.jpg" |
62 | alt="图片新闻地信中心开展外业安全生产监控系统培训工作" /></a> | 64 | alt="图片新闻地信中心开展外业安全生产监控系统培训工作" /></a> |
63 | <ul id='ulNews'> | 65 | <ul id='ulNews'> |
64 | <li><a href="" title="创新技术体系 引领事业发展"><i>最新</i>创新技术体系 引领事业发展<span>2020-06-19</span></a></li> | 66 | <li> |
65 | <li><a href="" title="创新技术体系 引领事业发展"><i>最新</i>创新技术体系 引领事业发展<span>2020-06-19</span></a></li> | 67 | <a href="" title="创新技术体系 引领事业发展"> |
66 | <li><a href="" title="创新技术体系 引领事业发展">创新技术体系 引领事业发展<span>2020-06-19</span></a></li> | 68 | <svg class="icon svg-icon" aria-hidden="true"> |
67 | <li><a href="" title="创新技术体系 引领事业发展">创新技术体系 引领事业发展<span>2020-06-19</span></a></li> | 69 | <use xlink:href="#iconzuixin"></use> |
68 | <li><a href="" title="创新技术体系 引领事业发展">创新技术体系 引领事业发展<span>2020-06-19</span></a></li> | 70 | </svg> |
69 | <li><a href="" title="地信中心开展外业安全生产监控系统培训工作">地信中心开展外业安全生产监控系统… …<span>2020-08-19</span></a></li> | 71 | <p> |
72 | 创新技术体系 引领事业发展引领事业发展引领事业发展引领事业发展 | ||
73 | </p> | ||
74 | <span>2020-06-19</span> | ||
75 | </a> | ||
76 | </li> | ||
77 | <li> | ||
78 | <a href="" title="创新技术体系 引领事业发展"> | ||
79 | <svg class="icon svg-icon" aria-hidden="true"> | ||
80 | <use xlink:href="#iconzuixin"></use> | ||
81 | </svg> | ||
82 | <p> | ||
83 | 创新技术体系 引领事业发展 | ||
84 | </p> | ||
85 | <span>2020-06-19</span> | ||
86 | </a> | ||
87 | </li> | ||
88 | <li> | ||
89 | <a href="" title="创新技术体系 引领事业发展"> | ||
90 | <svg class="icon svg-icon" aria-hidden="true"> | ||
91 | <use xlink:href="#iconzuixin"></use> | ||
92 | </svg> | ||
93 | <p> | ||
94 | 创新技术体系 引领事业发展 | ||
95 | </p> | ||
96 | <span>2020-06-19</span> | ||
97 | </a> | ||
98 | </li> | ||
99 | <li> | ||
100 | <a href="" title="创新技术体系 引领事业发展"> | ||
101 | <svg class="icon svg-icon" aria-hidden="true"> | ||
102 | <use xlink:href="#iconzuixin"></use> | ||
103 | </svg> | ||
104 | <p> | ||
105 | 创新技术体系 引领事业发展 | ||
106 | </p> | ||
107 | <span>2020-06-19</span> | ||
108 | </a> | ||
109 | </li> | ||
110 | <li> | ||
111 | <a href="" title="创新技术体系 引领事业发展"> | ||
112 | <svg class="icon svg-icon" aria-hidden="true"> | ||
113 | <use xlink:href="#iconzuixin"></use> | ||
114 | </svg> | ||
115 | <p> | ||
116 | 创新技术体系 引领事业发展 | ||
117 | </p> | ||
118 | <span>2020-06-19</span> | ||
119 | </a> | ||
120 | </li> | ||
121 | <li> | ||
122 | <a href="" title="创新技术体系 引领事业发展"> | ||
123 | <svg class="icon svg-icon" aria-hidden="true"> | ||
124 | <use xlink:href="#iconzuixin"></use> | ||
125 | </svg> | ||
126 | <p> | ||
127 | 创新技术体系 引领事业发展 | ||
128 | </p> | ||
129 | <span>2020-06-19</span> | ||
130 | </a> | ||
131 | </li> | ||
70 | </ul> | 132 | </ul> |
71 | </div> | 133 | </div> |
72 | <div class="notice"> | 134 | <div class="notice"> | ... | ... |
... | @@ -107,7 +107,15 @@ div.top-logo .top_logo_search { | ... | @@ -107,7 +107,15 @@ div.top-logo .top_logo_search { |
107 | } | 107 | } |
108 | div.top-logo .top_logo_search input { | 108 | div.top-logo .top_logo_search input { |
109 | border-radius: 50px; | 109 | border-radius: 50px; |
110 | border: 2px solid #CBCBCB; | 110 | border: 1.5px solid #CBCBCB; |
111 | padding-left: 15px; | ||
112 | } | ||
113 | .search_img { | ||
114 | width: 13px; | ||
115 | height: 13px; | ||
116 | position: absolute; | ||
117 | top: 11px; | ||
118 | right: 19px; | ||
111 | } | 119 | } |
112 | div.top-logo .login { | 120 | div.top-logo .login { |
113 | float: right; | 121 | float: right; |
... | @@ -165,10 +173,10 @@ div.navigation { | ... | @@ -165,10 +173,10 @@ div.navigation { |
165 | background-color: #006CFF!important; | 173 | background-color: #006CFF!important; |
166 | } | 174 | } |
167 | .layui-nav-item a{ | 175 | .layui-nav-item a{ |
168 | font-size: 20px; | 176 | font-size: 19px; |
169 | } | 177 | } |
170 | .layui-nav .layui-nav-more { | 178 | .layui-nav .layui-nav-more { |
171 | right: 24px; | 179 | right: 16px; |
172 | } | 180 | } |
173 | 181 | ||
174 | /* -----------------底部start----------------------------- */ | 182 | /* -----------------底部start----------------------------- */ | ... | ... |
... | @@ -95,7 +95,7 @@ div.banner ul li a { | ... | @@ -95,7 +95,7 @@ div.banner ul li a { |
95 | padding: 20px; | 95 | padding: 20px; |
96 | height: 60px; | 96 | height: 60px; |
97 | box-sizing: border-box; | 97 | box-sizing: border-box; |
98 | border-bottom: 2px solid #E6E6E6; | 98 | border-bottom: 1px solid #DEDEDE; |
99 | width: 100%; | 99 | width: 100%; |
100 | } | 100 | } |
101 | .laws_regulations .title h2 a p{ | 101 | .laws_regulations .title h2 a p{ |
... | @@ -147,7 +147,7 @@ div.banner ul li a { | ... | @@ -147,7 +147,7 @@ div.banner ul li a { |
147 | color: #0091FF; | 147 | color: #0091FF; |
148 | } | 148 | } |
149 | .laws_regulations .laws_list li:not(:last-child) { | 149 | .laws_regulations .laws_list li:not(:last-child) { |
150 | border-bottom: 2px dotted #DEDEDE; | 150 | border-bottom: 1px dashed #DEDEDE; |
151 | } | 151 | } |
152 | /* ---------------end----------------------- */ | 152 | /* ---------------end----------------------- */ |
153 | 153 | ||
... | @@ -165,7 +165,7 @@ div.banner ul li a { | ... | @@ -165,7 +165,7 @@ div.banner ul li a { |
165 | /* -------------常见问题start--------------------- */ | 165 | /* -------------常见问题start--------------------- */ |
166 | .common_question { | 166 | .common_question { |
167 | padding: 40px; | 167 | padding: 40px; |
168 | background-color: #fcf8f8; | 168 | background: #F6F9FB; |
169 | } | 169 | } |
170 | .common_question .subject_con { | 170 | .common_question .subject_con { |
171 | width: 1200px; | 171 | width: 1200px; |
... | @@ -175,7 +175,7 @@ div.banner ul li a { | ... | @@ -175,7 +175,7 @@ div.banner ul li a { |
175 | .common_question .subject, .interact{ | 175 | .common_question .subject, .interact{ |
176 | border-radius: 2px; | 176 | border-radius: 2px; |
177 | width: 49%; | 177 | width: 49%; |
178 | border: 1px solid #DEDEDE; | 178 | border: 1px solid #E7ECEF; |
179 | background-color: #ffffff; | 179 | background-color: #ffffff; |
180 | } | 180 | } |
181 | .common_question .list_content , .list_content_right{ | 181 | .common_question .list_content , .list_content_right{ |
... | @@ -191,7 +191,7 @@ div.banner ul li a { | ... | @@ -191,7 +191,7 @@ div.banner ul li a { |
191 | width: 40%; | 191 | width: 40%; |
192 | height: 50px; | 192 | height: 50px; |
193 | line-height: 50px; | 193 | line-height: 50px; |
194 | border-bottom: 2px dotted #DEDEDE; | 194 | border-bottom: 1px dashed #DEDEDE; |
195 | } | 195 | } |
196 | .common_question .list_content dd a .icon { | 196 | .common_question .list_content dd a .icon { |
197 | width: 20px; | 197 | width: 20px; |
... | @@ -225,7 +225,7 @@ div.banner ul li a { | ... | @@ -225,7 +225,7 @@ div.banner ul li a { |
225 | box-sizing: border-box; | 225 | box-sizing: border-box; |
226 | height: 60px; | 226 | height: 60px; |
227 | box-sizing: border-box; | 227 | box-sizing: border-box; |
228 | border-bottom: 2px solid #E6E6E6; | 228 | border-bottom: 1px solid #E6E6E6; |
229 | width: 100%; | 229 | width: 100%; |
230 | } | 230 | } |
231 | .common_question .title h2 a p{ | 231 | .common_question .title h2 a p{ |
... | @@ -272,8 +272,8 @@ div.banner ul li a { | ... | @@ -272,8 +272,8 @@ div.banner ul li a { |
272 | text-align: center; | 272 | text-align: center; |
273 | } | 273 | } |
274 | .common_question .list_content_right dd { | 274 | .common_question .list_content_right dd { |
275 | border-right: 2px dotted #DEDEDE; | 275 | border-right: 1px dashed #DEDEDE; |
276 | border-bottom: 2px dotted #DEDEDE; | 276 | border-bottom: 1px dashed #DEDEDE; |
277 | } | 277 | } |
278 | .common_question .list_content_right dd:nth-of-type(n+3) { | 278 | .common_question .list_content_right dd:nth-of-type(n+3) { |
279 | border-bottom: none; | 279 | border-bottom: none; |
... | @@ -312,8 +312,8 @@ div.banner ul li a { | ... | @@ -312,8 +312,8 @@ div.banner ul li a { |
312 | 312 | ||
313 | div.c_one div:first-child .news, div.c_one div:first-child .notice { | 313 | div.c_one div:first-child .news, div.c_one div:first-child .notice { |
314 | margin-top: 40px; | 314 | margin-top: 40px; |
315 | height: 340px; | 315 | height: 330px; |
316 | border: #f3f3f3 2px solid; | 316 | border: #DEDEDE 1px solid; |
317 | padding: 0 15px 0 15px; | 317 | padding: 0 15px 0 15px; |
318 | } | 318 | } |
319 | 319 | ||
... | @@ -338,7 +338,7 @@ div.c_one h2 { | ... | @@ -338,7 +338,7 @@ div.c_one h2 { |
338 | float: left; | 338 | float: left; |
339 | width: 100%; | 339 | width: 100%; |
340 | padding: 20px 0 0 0; | 340 | padding: 20px 0 0 0; |
341 | border-bottom: 2px solid #efefef; | 341 | border-bottom: 1px solid #DEDEDE; |
342 | } | 342 | } |
343 | 343 | ||
344 | div.c_one h2 a { | 344 | div.c_one h2 a { |
... | @@ -362,12 +362,18 @@ div.c_one h2 a:hover i { | ... | @@ -362,12 +362,18 @@ div.c_one h2 a:hover i { |
362 | div.c_one .news .news-img { | 362 | div.c_one .news .news-img { |
363 | margin-top: 20px; | 363 | margin-top: 20px; |
364 | float: left; | 364 | float: left; |
365 | width: 350px; | ||
366 | height: 234px; | ||
367 | } | ||
368 | div.c_one .news .news-img img { | ||
369 | height: 100%; | ||
370 | width: 100%; | ||
365 | } | 371 | } |
366 | 372 | ||
367 | div.c_one ul { | 373 | div.c_one ul { |
368 | width: 100%; | 374 | width: 100%; |
369 | float: left; | 375 | float: left; |
370 | margin-top: 20px; | 376 | margin-top: 10px; |
371 | list-style: none; | 377 | list-style: none; |
372 | font-size: 14px; | 378 | font-size: 14px; |
373 | letter-spacing: 1px; | 379 | letter-spacing: 1px; |
... | @@ -375,10 +381,10 @@ div.c_one ul { | ... | @@ -375,10 +381,10 @@ div.c_one ul { |
375 | 381 | ||
376 | /*<li><a href=""><i>最新</i>创新技术体系 引领事业发展<span>2020-06-19</span></a></li>*/ | 382 | /*<li><a href=""><i>最新</i>创新技术体系 引领事业发展<span>2020-06-19</span></a></li>*/ |
377 | div.c_one ul li { | 383 | div.c_one ul li { |
378 | line-height: 276%; | 384 | line-height: 42px; |
379 | } | 385 | } |
380 | div.c_one ul li:not(:last-child) { | 386 | div.c_one ul li:not(:last-child) { |
381 | border-bottom: 2px dashed #DEDEDE; | 387 | border-bottom: 1px dashed #DEDEDE; |
382 | } | 388 | } |
383 | 389 | ||
384 | div.c_one ul li a { | 390 | div.c_one ul li a { |
... | @@ -391,9 +397,23 @@ div.c_one ul li a { | ... | @@ -391,9 +397,23 @@ div.c_one ul li a { |
391 | -o-text-overflow:ellipsis; | 397 | -o-text-overflow:ellipsis; |
392 | overflow: hidden; | 398 | overflow: hidden; |
393 | } | 399 | } |
400 | div.c_one ul li a .icon { | ||
401 | float: left; | ||
402 | height: 25px; | ||
403 | width: 11%; | ||
404 | margin-top: 8.5px; | ||
405 | margin-right: 7px; | ||
406 | } | ||
394 | div.c_one ul li a:hover { | 407 | div.c_one ul li a:hover { |
395 | color: #0091FF; | 408 | color: #0091FF; |
396 | } | 409 | } |
410 | div.c_one ul li a p { | ||
411 | display: inline-block; | ||
412 | white-space:nowrap; | ||
413 | overflow:hidden; | ||
414 | text-overflow:ellipsis; | ||
415 | width: 60%; | ||
416 | } | ||
397 | 417 | ||
398 | div.c_one ul li span { | 418 | div.c_one ul li span { |
399 | float: right; | 419 | float: right; |
... | @@ -447,7 +467,7 @@ div.c_one .news ul { | ... | @@ -447,7 +467,7 @@ div.c_one .news ul { |
447 | 467 | ||
448 | 468 | ||
449 | div.c_two { | 469 | div.c_two { |
450 | background: #fcf8f8; | 470 | background: #F6F9FB; |
451 | } | 471 | } |
452 | 472 | ||
453 | 473 | ||
... | @@ -485,7 +505,7 @@ div.c_two ul li a { | ... | @@ -485,7 +505,7 @@ div.c_two ul li a { |
485 | background: #ffffff; | 505 | background: #ffffff; |
486 | padding: 50px 36px; | 506 | padding: 50px 36px; |
487 | box-sizing: border-box; | 507 | box-sizing: border-box; |
488 | border: 1px solid #E6E6E6; | 508 | border: 1px solid #E7ECEF; |
489 | margin: 0 10px; | 509 | margin: 0 10px; |
490 | } | 510 | } |
491 | div.c_two ul li img { | 511 | div.c_two ul li img { | ... | ... |
... | @@ -44,7 +44,7 @@ | ... | @@ -44,7 +44,7 @@ |
44 | border-left-color: #009688; | 44 | border-left-color: #009688; |
45 | } | 45 | } |
46 | .line { | 46 | .line { |
47 | width: 62px; | 47 | width: 25px; |
48 | height: 0; | 48 | height: 0; |
49 | display: inline-block; | 49 | display: inline-block; |
50 | border-bottom: 2px dotted#dddddd; | 50 | border-bottom: 2px dotted#dddddd; | ... | ... |
staticCss/sfrz.css
0 → 100644
1 | .content_box { | ||
2 | width: 1200px; | ||
3 | margin: 0 auto; | ||
4 | min-height:calc(100vh - 207px); | ||
5 | color: #4a4a4a; | ||
6 | } | ||
7 | .name_title { | ||
8 | padding: 10px; | ||
9 | margin:15px 0; | ||
10 | } | ||
11 | .name_title h2 { | ||
12 | display: inline-block; | ||
13 | font-weight: 600; | ||
14 | margin-right: 10px; | ||
15 | border-left: 3px solid #0091FF; | ||
16 | height: 16px; | ||
17 | line-height: 16px; | ||
18 | padding-left: 5px; | ||
19 | } | ||
20 | .name_title p { | ||
21 | display: inline-block; | ||
22 | color: #0091FF; | ||
23 | } | ||
24 | .next_button { | ||
25 | text-align: center; | ||
26 | margin: 10px 0; | ||
27 | } | ||
28 | .next_button a { | ||
29 | color: #ffffff; | ||
30 | } | ||
31 | .nav_title { | ||
32 | padding: 10px 0 10px 10px; | ||
33 | margin:25px 0; | ||
34 | background-color: #eeeeee; | ||
35 | } | ||
36 | .nav_title h2 { | ||
37 | padding-left: 5px; | ||
38 | border-left: 3px solid #1E9FFF; | ||
39 | height: 14px; | ||
40 | line-height: 14px; | ||
41 | font-weight: 600; | ||
42 | } | ||
43 | .info_query ul li { | ||
44 | width: 31%; | ||
45 | margin-right: 20px; | ||
46 | display: inline-block; | ||
47 | margin-bottom: 15px; | ||
48 | } | ||
49 | .info_query ul li:last-child { | ||
50 | margin-right: 0; | ||
51 | } | ||
52 | .info_query ul li p { | ||
53 | display: inline-block; | ||
54 | } | ||
55 | .info_query ul li input { | ||
56 | display: inline-block; | ||
57 | width: 300px; | ||
58 | } | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
1 | .central_area { | 1 | .central_area { |
2 | min-height:calc(100vh - 190px); | 2 | min-height:calc(100vh - 190px); |
3 | margin-top: 20px; | ||
4 | color: #4A4A4A; | ||
3 | } | 5 | } |
4 | .navigation_crumbs { | 6 | .navigation_crumbs { |
5 | height: 45px; | 7 | height: 45px; |
6 | } | 8 | } |
7 | .perinfo { | 9 | .perinfo { |
8 | height: 100px; | 10 | height: 140px; |
9 | padding: 20px; | 11 | padding: 30px; |
10 | box-sizing: border-box; | 12 | box-sizing: border-box; |
11 | margin-top: 10px; | 13 | background: #FFFFFF; |
14 | border-radius: 4px; | ||
15 | border: 1px solid #DEDEDE; | ||
12 | } | 16 | } |
13 | .perinfo_left{ | 17 | .perinfo_left{ |
14 | float: left; | 18 | float: left; |
15 | } | 19 | } |
20 | .perinfo_left ul li { | ||
21 | font-size: 16px; | ||
22 | color: #6D7278; | ||
23 | } | ||
24 | .perinfo_left ul li:first-child{ | ||
25 | margin-top: 7px; | ||
26 | color: #4A4A4A; | ||
27 | } | ||
28 | .perinfo_left ul li:first-child span{ | ||
29 | font-size: 18px; | ||
30 | } | ||
31 | .perinfo_left ul li:first-child p { | ||
32 | font-size: 18px; | ||
33 | } | ||
16 | .perinfo_left img { | 34 | .perinfo_left img { |
17 | width: 60px; | 35 | width: 80px; |
18 | height: 60px; | 36 | height: 80px; |
19 | float: left; | 37 | float: left; |
20 | } | 38 | } |
21 | .perinfo_left ul { | 39 | .perinfo_left ul { |
... | @@ -30,6 +48,28 @@ | ... | @@ -30,6 +48,28 @@ |
30 | .perinfo_left ul li p{ | 48 | .perinfo_left ul li p{ |
31 | display: inline-block; | 49 | display: inline-block; |
32 | } | 50 | } |
51 | .perinfo button { | ||
52 | float: right; | ||
53 | margin-right: 70px; | ||
54 | margin-top: 10px; | ||
55 | width: 140px; | ||
56 | height: 42px; | ||
57 | position: relative; | ||
58 | } | ||
59 | .perinfo button a { | ||
60 | color: #FFFFFF; | ||
61 | display: block; | ||
62 | width: 140px; | ||
63 | height: 42px; | ||
64 | text-align: center; | ||
65 | line-height: 42px; | ||
66 | position: absolute; | ||
67 | left: 0; | ||
68 | top: 0; | ||
69 | } | ||
70 | .perinfo button a:hover { | ||
71 | color: #FFFFFF; | ||
72 | } | ||
33 | .my_appointment { | 73 | .my_appointment { |
34 | color: #5FB878; | 74 | color: #5FB878; |
35 | border: 2px solid#5FB878; | 75 | border: 2px solid#5FB878; |
... | @@ -51,4 +91,43 @@ | ... | @@ -51,4 +91,43 @@ |
51 | /* ----------------预约列表-------------------- */ | 91 | /* ----------------预约列表-------------------- */ |
52 | .appointment_list { | 92 | .appointment_list { |
53 | margin-top: 10px; | 93 | margin-top: 10px; |
94 | font-size: 0; | ||
95 | margin-left: -10px; | ||
96 | margin-right: -10px; | ||
97 | } | ||
98 | .appointment_list li { | ||
99 | width: 33.333%; | ||
100 | display: inline-block; | ||
101 | padding: 0 10px; | ||
102 | box-sizing: border-box; | ||
103 | } | ||
104 | .appointment_list li .item_content { | ||
105 | border: 1px solid #CBCBCB; | ||
106 | border-radius: 4px; | ||
107 | border: 1px solid #CBCBCB; | ||
108 | font-size: 16px; | ||
109 | } | ||
110 | .item_title { | ||
111 | height: 48px; | ||
112 | line-height: 48px; | ||
113 | color: #FFFFFF; | ||
114 | padding: 0 20px; | ||
115 | box-sizing: border-box; | ||
116 | } | ||
117 | .item_title h3 { | ||
118 | display: inline-block; | ||
119 | float: left; | ||
120 | } | ||
121 | .item_title p { | ||
122 | display: inline-block; | ||
123 | float: right; | ||
124 | } | ||
125 | .success { | ||
126 | background-color: #44D7B6; | ||
127 | } | ||
128 | .overdue { | ||
129 | background-color: #F26363; | ||
130 | } | ||
131 | .cancel { | ||
132 | background-color: #F26363; | ||
54 | } | 133 | } |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
... | @@ -28,11 +28,25 @@ | ... | @@ -28,11 +28,25 @@ |
28 | .layui-icon { | 28 | .layui-icon { |
29 | cursor: pointer; | 29 | cursor: pointer; |
30 | } | 30 | } |
31 | .tabs_title { | ||
32 | margin-bottom: 10px; | ||
33 | } | ||
34 | .tabs_title p { | ||
35 | display: inline-block; | ||
36 | margin-right: 10px; | ||
37 | position: relative; | ||
38 | top: -2px; | ||
39 | } | ||
40 | .tabs_title input { | ||
41 | width: 16px; | ||
42 | height: 16px; | ||
43 | } | ||
44 | |||
31 | .tabs_title i{ | 45 | .tabs_title i{ |
32 | font-size: 24px; | 46 | font-size: 24px; |
33 | position: relative; | 47 | position: relative; |
34 | top: -10px; | ||
35 | color: #0091FF; | 48 | color: #0091FF; |
49 | top: 3px; | ||
36 | } | 50 | } |
37 | .layui-tab { | 51 | .layui-tab { |
38 | width: 23%; | 52 | width: 23%; | ... | ... |
1 | .content_box { | 1 | .content_box { |
2 | width: 1200px; | 2 | width: 1200px; |
3 | margin: 0 auto; | 3 | margin: 0 auto; |
4 | color: #4a4a4a; | ||
4 | } | 5 | } |
5 | .name_title { | 6 | .name_title { |
6 | padding: 10px; | 7 | padding: 10px; |
... | @@ -26,17 +27,69 @@ | ... | @@ -26,17 +27,69 @@ |
26 | .next_button a { | 27 | .next_button a { |
27 | color: #ffffff; | 28 | color: #ffffff; |
28 | } | 29 | } |
29 | .form_title h2 { | 30 | .no_info { |
31 | text-align: center; | ||
32 | color: #FF5722; | ||
33 | margin: 30px 0; | ||
34 | } | ||
35 | .no_info, .success_info h2 { | ||
30 | font-weight: 600; | 36 | font-weight: 600; |
31 | border-left: 3px solid #0091FF; | 37 | } |
32 | height: 16px; | 38 | .success_info { |
33 | line-height: 16px; | 39 | text-align: center; |
40 | color: #5FB878; | ||
41 | margin: 30px 0; | ||
42 | } | ||
43 | .nav_title { | ||
44 | padding: 10px 0 10px 10px; | ||
45 | margin-bottom: 20px; | ||
46 | } | ||
47 | .nav_title h2 { | ||
34 | padding-left: 5px; | 48 | padding-left: 5px; |
49 | border-left: 3px solid #1E9FFF; | ||
50 | height: 14px; | ||
51 | line-height: 14px; | ||
52 | font-weight: 600; | ||
53 | } | ||
54 | .tax_information li { | ||
55 | display: inline-block; | ||
56 | width: 31%; | ||
57 | margin-right: 15px; | ||
58 | line-height: 36px; | ||
59 | } | ||
60 | .tax_information li span { | ||
61 | width: 90px; | ||
62 | display: inline-block; | ||
63 | text-align-last: justify; | ||
64 | } | ||
65 | .tax_information li p { | ||
66 | display: inline-block; | ||
67 | margin-left: 10px; | ||
68 | } | ||
69 | .buyer_information h2{ | ||
70 | padding: 10px; | ||
71 | background-color: #1E9FFF; | ||
72 | color: #ffffff; | ||
73 | width: 68px; | ||
35 | margin: 15px 0; | 74 | margin: 15px 0; |
75 | border-radius: 2px; | ||
36 | } | 76 | } |
37 | .layui-form-item .layui-inline { | 77 | .buyer_information ul { |
38 | width: 48%; | 78 | margin-left: -10px; |
79 | margin-right: -10px; | ||
80 | font-size: 0; | ||
81 | } | ||
82 | .buyer_information ul li { | ||
83 | width: 25%; | ||
84 | height: 260px; | ||
85 | box-sizing: border-box; | ||
86 | display: inline-block; | ||
87 | font-size: 14px; | ||
39 | } | 88 | } |
40 | .layui-layer-dialog .layui-layer-content { | 89 | .buyer_information ul li div{ |
41 | line-height: 24px; | 90 | border: 1px solid #01AAED; |
91 | line-height: 50px; | ||
92 | box-sizing: border-box; | ||
93 | margin: 0 10px; | ||
94 | padding: 15px; | ||
42 | } | 95 | } |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
staticCss/zlsh.css
0 → 100644
1 | .content_box { | ||
2 | width: 1200px; | ||
3 | margin: 0 auto; | ||
4 | min-height:calc(100vh - 207px); | ||
5 | } | ||
6 | .name_title { | ||
7 | padding: 10px; | ||
8 | margin:15px 0; | ||
9 | } | ||
10 | .name_title h2 { | ||
11 | display: inline-block; | ||
12 | font-weight: 600; | ||
13 | margin-right: 10px; | ||
14 | border-left: 3px solid #0091FF; | ||
15 | height: 16px; | ||
16 | line-height: 16px; | ||
17 | padding-left: 5px; | ||
18 | } | ||
19 | .name_title p { | ||
20 | display: inline-block; | ||
21 | color: #0091FF; | ||
22 | } | ||
23 | .next_button { | ||
24 | text-align: center; | ||
25 | margin: 10px 0; | ||
26 | } | ||
27 | .next_button a { | ||
28 | color: #ffffff; | ||
29 | } | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
staticImages/person.png
0 → 100644
11 KB
staticImages/search.png
0 → 100644
1.17 KB
... | @@ -26,7 +26,7 @@ document.writeln(""); | ... | @@ -26,7 +26,7 @@ document.writeln(""); |
26 | document.writeln(" <div class=\'top_logo_search\'>"); | 26 | document.writeln(" <div class=\'top_logo_search\'>"); |
27 | document.writeln(" <input type=\'text\' name=\'title\' required lay-verify=\'required\' placeholder=\'请输入关键字搜索\' autocomplete=\'off\'"); | 27 | document.writeln(" <input type=\'text\' name=\'title\' required lay-verify=\'required\' placeholder=\'请输入关键字搜索\' autocomplete=\'off\'"); |
28 | document.writeln(" class=\'layui-input\'>"); | 28 | document.writeln(" class=\'layui-input\'>"); |
29 | document.writeln(" <i class=\'layui-icon layui-icon-search\' style=\'font-size: 14px;\'></i>"); | 29 | document.writeln(" <img class=\'search_img\' src=\'"+localhostPaht+"/staticImages/search.png\'>"); |
30 | document.writeln(" </div>"); | 30 | document.writeln(" </div>"); |
31 | document.writeln(""); | 31 | document.writeln(""); |
32 | document.writeln(" <ul class=\'login\'>"); | 32 | document.writeln(" <ul class=\'login\'>"); | ... | ... |
... | @@ -12,7 +12,6 @@ layui.use('carousel', function () { | ... | @@ -12,7 +12,6 @@ layui.use('carousel', function () { |
12 | //注意:导航 依赖 element 模块,否则无法进行功能性操作 | 12 | //注意:导航 依赖 element 模块,否则无法进行功能性操作 |
13 | layui.use('element', function () { | 13 | layui.use('element', function () { |
14 | var element = layui.element; | 14 | var element = layui.element; |
15 | |||
16 | //… | 15 | //… |
17 | }); | 16 | }); |
18 | layui.use('util', function () { | 17 | layui.use('util', function () { |
... | @@ -23,7 +22,6 @@ layui.use('util', function () { | ... | @@ -23,7 +22,6 @@ layui.use('util', function () { |
23 | bar2: true, | 22 | bar2: true, |
24 | top: true | 23 | top: true |
25 | , click: function (type) { | 24 | , click: function (type) { |
26 | console.log(type); | ||
27 | if (type === 'bar1') { | 25 | if (type === 'bar1') { |
28 | alert('点击了bar1') | 26 | alert('点击了bar1') |
29 | } | 27 | } |
... | @@ -33,8 +31,7 @@ layui.use('util', function () { | ... | @@ -33,8 +31,7 @@ layui.use('util', function () { |
33 | 31 | ||
34 | //初始化方法 | 32 | //初始化方法 |
35 | $(function () { | 33 | $(function () { |
36 | NewsData(); | 34 | NewsData(); |
37 | |||
38 | addTabs('#index') | 35 | addTabs('#index') |
39 | }); | 36 | }); |
40 | 37 | ||
... | @@ -52,8 +49,8 @@ function NewsData() { | ... | @@ -52,8 +49,8 @@ function NewsData() { |
52 | if (result.code == 200 && result.data != null) { | 49 | if (result.code == 200 && result.data != null) { |
53 | for (var i = 0; i < result.data.length; i++) { | 50 | for (var i = 0; i < result.data.length; i++) { |
54 | if (i == 6) return; | 51 | if (i == 6) return; |
55 | str = '<li><a href="#" title="' + result.data[i].headline + '"' + result.data[i].headline + '</a>'; | 52 | str = '<li><a href="#" title="' + result.data[i].headline + '">' + result.data[i].headline + '</a>'; |
56 | str+='<span>' + CutDate(result.data[i].publishTime) + '</span>></li>'; | 53 | str+='<span>' + CutDate(result.data[i].publishTime) + '</span></li>'; |
57 | ulNews.append(str); | 54 | ulNews.append(str); |
58 | } | 55 | } |
59 | 56 | ... | ... |
staticJs/sfrz.js
0 → 100644
1 | $(function () { | ||
2 | layui.use('element', function () { | ||
3 | let element = layui.element; //导航的hover效果、二级菜单等功能,需要依赖element模块 | ||
4 | //监听导航点击 | ||
5 | element.on('nav(demo)', function (elem) { | ||
6 | layer.msg(elem.text()); | ||
7 | }); | ||
8 | }); | ||
9 | addTabs('#wssq') | ||
10 | // 业务 | ||
11 | $('.feachBtn').click(function () { | ||
12 | var tel = $("#tel").val(); | ||
13 | //正则表达式 | ||
14 | var reg = /(1[3-9]\d{9}$)/; | ||
15 | if (!reg.test(tel)) { | ||
16 | layui.use('layer', function(){ | ||
17 | var layer = layui.layer; | ||
18 | layer.msg("请输入正确格式的手机号码", { | ||
19 | icon: 5 | ||
20 | }); | ||
21 | }); | ||
22 | return false; | ||
23 | } else { | ||
24 | let count = 5; | ||
25 | $('.feachBtn').attr('disabled', true); | ||
26 | $('.feachBtn').css({ | ||
27 | background: '#eee', | ||
28 | color: '#707070', | ||
29 | }); | ||
30 | count--; | ||
31 | countDown = setInterval(() => { | ||
32 | count--; | ||
33 | $('.feachBtn').text(count + '秒后可重新获取'); | ||
34 | if (count === 0) { | ||
35 | $('.feachBtn').text('重新发送').removeAttr('disabled'); | ||
36 | clearInterval(countDown); | ||
37 | } | ||
38 | }, 1000); | ||
39 | $('.feachBtn').text(count + '秒后可重新获取'); | ||
40 | } | ||
41 | }) | ||
42 | }) |
... | @@ -5,37 +5,4 @@ layui.use('element', function () { | ... | @@ -5,37 +5,4 @@ layui.use('element', function () { |
5 | //console.log(elem) | 5 | //console.log(elem) |
6 | layer.msg(elem.text()); | 6 | layer.msg(elem.text()); |
7 | }); | 7 | }); |
8 | }); | ||
9 | layui.use('table', function () { | ||
10 | var table = layui.table; | ||
11 | table.render({ | ||
12 | elem: '#test' | ||
13 | , url: '../staticLib/wdyy/index.json' | ||
14 | , cellMinWidth: 80 //全局定义常规单元格的最小宽度,layui 2.2.1 新增 | ||
15 | , cols: [[ | ||
16 | { field: 'zizeng', title: '序号', templet: '#zizeng', align: 'center' } | ||
17 | , { field: 'username', title: '预约号', align: 'center' } //width 支持:数字、百分比和不填写。你还可以通过 minWidth 参数局部定义当前单元格的最小宽度,layui 2.2.1 新增 | ||
18 | , { field: 'sex', title: ' 预约人', align: 'center' } | ||
19 | , { field: 'city', title: '办事大厅', align: 'center' } | ||
20 | , { field: 'sign', title: ' 预约业务', align: 'center' } | ||
21 | , { field: 'classify', title: '预约时间', align: 'center' } | ||
22 | , { field: 'state', title: '状态', align: 'center', templet: '#state' } | ||
23 | , { fixed: 'right', title: '操作', toolbar: '#barDemo', width: 150, align: 'center' } | ||
24 | ]] | ||
25 | , parseData: function (res) { //将原始数据解析成 table 组件所规定的数据 | ||
26 | return { | ||
27 | "code": res.code, //解析接口状态 | ||
28 | "data": res.data //解析数据列表 | ||
29 | }; | ||
30 | } | ||
31 | }); | ||
32 | //监听行工具事件 | ||
33 | table.on('tool(test)', function (obj) { | ||
34 | var data = obj.data; | ||
35 | console.log(data) | ||
36 | if (obj.event === 'del') { | ||
37 | } else if (obj.event === 'edit') { | ||
38 | |||
39 | } | ||
40 | }); | ||
41 | }); | 8 | }); |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
... | @@ -8,14 +8,4 @@ $(function () { | ... | @@ -8,14 +8,4 @@ $(function () { |
8 | }); | 8 | }); |
9 | addTabs('#wssq') | 9 | addTabs('#wssq') |
10 | // 业务 | 10 | // 业务 |
11 | layui.use(['form'], function () { | ||
12 | var form = layui.form | ||
13 | //监听提交 | ||
14 | form.on('submit(demo1)', function (data) { | ||
15 | layer.alert(JSON.stringify(data.field), { | ||
16 | title: '最终的提交信息' | ||
17 | }) | ||
18 | return false; | ||
19 | }); | ||
20 | }); | ||
21 | }) | 11 | }) | ... | ... |
staticJs/zlsh.js
0 → 100644
... | @@ -30,37 +30,37 @@ | ... | @@ -30,37 +30,37 @@ |
30 | <ul class="app_progress"> | 30 | <ul class="app_progress"> |
31 | <li class="active"> | 31 | <li class="active"> |
32 | <span>1</span> | 32 | <span>1</span> |
33 | 效验 | 33 | 信息效验 |
34 | </li> | 34 | </li> |
35 | <div class="line"></div> | 35 | <div class="line"></div> |
36 | <li> | 36 | <li> |
37 | <span>2</span> | 37 | <span>2</span> |
38 | 申请 | 38 | 填报信息 |
39 | </li> | 39 | </li> |
40 | <div class="line"></div> | 40 | <div class="line"></div> |
41 | <li> | 41 | <li> |
42 | <span>3</span> | 42 | <span>3</span> |
43 | 完税 | 43 | 完税核税 |
44 | </li> | 44 | </li> |
45 | <div class="line"></div> | 45 | <div class="line"></div> |
46 | <li> | 46 | <li> |
47 | <span>4</span> | 47 | <span>4</span> |
48 | 认证 | 48 | 身份认证 |
49 | </li> | 49 | </li> |
50 | <div class="line"></div> | 50 | <div class="line"></div> |
51 | <li> | 51 | <li> |
52 | <span>5</span> | 52 | <span>5</span> |
53 | 领证方式 | 53 | 资料审核 |
54 | </li> | 54 | </li> |
55 | <div class="line"></div> | 55 | <div class="line"></div> |
56 | <li> | 56 | <li> |
57 | <span>6</span> | 57 | <span>6</span> |
58 | 缴费 | 58 | 线上缴费 |
59 | </li> | 59 | </li> |
60 | <div class="line"></div> | 60 | <div class="line"></div> |
61 | <li> | 61 | <li> |
62 | <span>7</span> | 62 | <span>7</span> |
63 | 公示 | 63 | 生成电子证书 |
64 | </li> | 64 | </li> |
65 | </ul> | 65 | </ul> |
66 | <div class="input_search"> | 66 | <div class="input_search"> |
... | @@ -220,7 +220,7 @@ | ... | @@ -220,7 +220,7 @@ |
220 | </ul> | 220 | </ul> |
221 | <div class="next_button"> | 221 | <div class="next_button"> |
222 | <button type="button" class="layui-btn layui-btn-normal"> | 222 | <button type="button" class="layui-btn layui-btn-normal"> |
223 | <a href="./yysq.html">下一步</a> | 223 | <a href="./tbxx.html">下一步</a> |
224 | </button> | 224 | </button> |
225 | </div> | 225 | </div> |
226 | </div> | 226 | </div> | ... | ... |
staticViews/sfrz.html
0 → 100644
1 | <!DOCTYPE html | ||
2 | PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | ||
3 | <html xmlns="http://www.w3.org/1999/xhtml"> | ||
4 | |||
5 | <head> | ||
6 | <style> | ||
7 | </style> | ||
8 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | ||
9 | <title>立即办理-身份认证</title> | ||
10 | <script type="text/javascript" src="../staticJs/head.js"></script> | ||
11 | <link rel="stylesheet" type="text/css" href="../staticCss/progress.css"> | ||
12 | <link rel="stylesheet" type="text/css" href="../staticCss/sfrz.css"> | ||
13 | </head> | ||
14 | |||
15 | <body> | ||
16 | <div class="navigation_crumbs"> | ||
17 | <div class="contentBox"> | ||
18 | <span class="layui-breadcrumb"> | ||
19 | <a href="../../index.html">首页</a> | ||
20 | <a href="./wssq.html">网上申请</a> | ||
21 | <a><cite>在线申请</cite></a> | ||
22 | </span> | ||
23 | </div> | ||
24 | </div> | ||
25 | <div class="content_box"> | ||
26 | <div class="name_title layui-bg-gray"> | ||
27 | <h2>转移类</h2> | ||
28 | <p>商品房转移买卖转移登记</p> | ||
29 | </div> | ||
30 | <ul class="app_progress"> | ||
31 | <li class="selected"> | ||
32 | <span>1</span> | ||
33 | 信息效验 | ||
34 | </li> | ||
35 | <div class="line"></div> | ||
36 | <li class="selected"> | ||
37 | <span>2</span> | ||
38 | 填报信息 | ||
39 | </li> | ||
40 | <div class="line"></div> | ||
41 | <li class="selected"> | ||
42 | <span>3</span> | ||
43 | 完税核税 | ||
44 | </li> | ||
45 | <div class="line"></div> | ||
46 | <li class="active"> | ||
47 | <span>4</span> | ||
48 | 身份认证 | ||
49 | </li> | ||
50 | <div class="line"></div> | ||
51 | <li> | ||
52 | <span>5</span> | ||
53 | 资料审核 | ||
54 | </li> | ||
55 | <div class="line"></div> | ||
56 | <li> | ||
57 | <span>6</span> | ||
58 | 线上缴费 | ||
59 | </li> | ||
60 | <div class="line"></div> | ||
61 | <li> | ||
62 | <span>7</span> | ||
63 | 生成电子证书 | ||
64 | </li> | ||
65 | </ul> | ||
66 | |||
67 | <div class="info_query"> | ||
68 | <div class="nav_title"> | ||
69 | <h2>买方</h2> | ||
70 | </div> | ||
71 | <ul> | ||
72 | <li> | ||
73 | <span>权利人</span>: | ||
74 | <p>任超</p> | ||
75 | </li> | ||
76 | <li> | ||
77 | <span>证件类型</span>: | ||
78 | <p>身份证</p> | ||
79 | </li> | ||
80 | <li> | ||
81 | <span>证件号</span>: | ||
82 | <p>78979798798798</p> | ||
83 | </li> | ||
84 | <li> | ||
85 | <span>联系方式</span>: | ||
86 | <p>156587979</p> | ||
87 | </li> | ||
88 | <li> | ||
89 | <span>验证码</span>: | ||
90 | <input type="tel" name="title" id="tel" maxlength="11" lay-verify="phone" placeholder="请输入手机号"class="layui-input"> | ||
91 | </li> | ||
92 | <li> | ||
93 | <button type="button" | ||
94 | class="layui-btn layui-btn-radius layui-btn-primary feachBtn layui-btn-sm">获取验证码</button> | ||
95 | </li> | ||
96 | </ul> | ||
97 | </div> | ||
98 | <div class="next_button"> | ||
99 | <button type="button" class="layui-btn layui-btn-normal"> | ||
100 | <a href="./zlsh.html">下一步</a> | ||
101 | </button> | ||
102 | </div> | ||
103 | </div> | ||
104 | </body> | ||
105 | <script type="text/javascript" src="../staticJs/common.js"></script> | ||
106 | <script type="text/javascript" src="../staticJs/down.js"></script> | ||
107 | <script type="text/javascript" src="../staticJs/sfrz.js"></script> | ||
108 | </html> | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
... | @@ -6,7 +6,7 @@ | ... | @@ -6,7 +6,7 @@ |
6 | <style> | 6 | <style> |
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/yysq.css"> | 11 | <link rel="stylesheet" type="text/css" href="../staticCss/yysq.css"> |
12 | <link rel="stylesheet" type="text/css" href="../staticCss/progress.css"> | 12 | <link rel="stylesheet" type="text/css" href="../staticCss/progress.css"> |
... | @@ -30,51 +30,49 @@ | ... | @@ -30,51 +30,49 @@ |
30 | <ul class="app_progress"> | 30 | <ul class="app_progress"> |
31 | <li class="selected"> | 31 | <li class="selected"> |
32 | <span>1</span> | 32 | <span>1</span> |
33 | 效验 | 33 | 信息效验 |
34 | </li> | 34 | </li> |
35 | <div class="line"></div> | 35 | <div class="line"></div> |
36 | <li class="active"> | 36 | <li class="active"> |
37 | <span>2</span> | 37 | <span>2</span> |
38 | 申请 | 38 | 填报信息 |
39 | </li> | 39 | </li> |
40 | <div class="line"></div> | 40 | <div class="line"></div> |
41 | <li> | 41 | <li> |
42 | <span>3</span> | 42 | <span>3</span> |
43 | 完税 | 43 | 完税核税 |
44 | </li> | 44 | </li> |
45 | <div class="line"></div> | 45 | <div class="line"></div> |
46 | <li> | 46 | <li> |
47 | <span>4</span> | 47 | <span>4</span> |
48 | 认证 | 48 | 身份认证 |
49 | </li> | 49 | </li> |
50 | <div class="line"></div> | 50 | <div class="line"></div> |
51 | <li> | 51 | <li> |
52 | <span>5</span> | 52 | <span>5</span> |
53 | 领证方式 | 53 | 资料审核 |
54 | </li> | 54 | </li> |
55 | <div class="line"></div> | 55 | <div class="line"></div> |
56 | <li> | 56 | <li> |
57 | <span>6</span> | 57 | <span>6</span> |
58 | 缴费 | 58 | 线上缴费 |
59 | </li> | 59 | </li> |
60 | <div class="line"></div> | 60 | <div class="line"></div> |
61 | <li> | 61 | <li> |
62 | <span>7</span> | 62 | <span>7</span> |
63 | 公示 | 63 | 生成电子证书 |
64 | </li> | 64 | </li> |
65 | </ul> | 65 | </ul> |
66 | <div class="title layui-bg-green"> | 66 | <div class="title layui-bg-green"> |
67 | <h2>买方信息/共有情况</h2> | 67 | <h2>买方信息/共有情况</h2> |
68 | </div> | 68 | </div> |
69 | <div class="tabs_title"> | 69 | <div class="tabs_title"> |
70 | <div class="layui-tab layui-tab-brief" lay-filter="status"> | 70 | <input type="radio" name="1" value="单独所有" checked> |
71 | <ul class="layui-tab-title"> | 71 | <p>单独所有</p> |
72 | <li class="layui-this" lay-id="1">单独所有</li> | 72 | <input type="radio" name="1" value="共同共有"> |
73 | <li lay-id="2">共同共有</li> | 73 | <p>共同共有</p> |
74 | <li lay-id="3">按份共有</li> | 74 | <input type="radio" name="1" value="按份共有"> |
75 | </ul> | 75 | <p>按份共有</p> |
76 | <div class="layui-tab-content"></div> | ||
77 | </div> | ||
78 | <i class="layui-icon layui-icon-add-circle tableAdd"></i> | 76 | <i class="layui-icon layui-icon-add-circle tableAdd"></i> |
79 | </div> | 77 | </div> |
80 | <table id="buyInfo" lay-filter="buyInfo"></table> | 78 | <table id="buyInfo" lay-filter="buyInfo"></table> |
... | @@ -104,7 +102,7 @@ | ... | @@ -104,7 +102,7 @@ |
104 | 102 | ||
105 | <div class="next_button"> | 103 | <div class="next_button"> |
106 | <button type="button" class="layui-btn layui-btn-normal"> | 104 | <button type="button" class="layui-btn layui-btn-normal"> |
107 | <a href="./yyws.html"> | 105 | <a href="./wshs.html"> |
108 | 下一步 | 106 | 下一步 |
109 | </a> | 107 | </a> |
110 | </button> | 108 | </button> | ... | ... |
... | @@ -22,9 +22,9 @@ | ... | @@ -22,9 +22,9 @@ |
22 | </div> | 22 | </div> |
23 | <!-- -----------------个人信息------------------------ --> | 23 | <!-- -----------------个人信息------------------------ --> |
24 | <div class="central_area"> | 24 | <div class="central_area"> |
25 | <div class="perinfo contentBox layui-bg-gray"> | 25 | <div class="perinfo contentBox"> |
26 | <div class="perinfo_left"> | 26 | <div class="perinfo_left"> |
27 | <img src="../../staticImages/logo-realestate.png" alt=""> | 27 | <img src="../staticImages/person.png" alt=""> |
28 | <ul> | 28 | <ul> |
29 | <li> | 29 | <li> |
30 | <span>上午好:</span> | 30 | <span>上午好:</span> |
... | @@ -36,14 +36,70 @@ | ... | @@ -36,14 +36,70 @@ |
36 | </li> | 36 | </li> |
37 | </ul> | 37 | </ul> |
38 | </div> | 38 | </div> |
39 | <a class="my_appointment" title="在线预约" href="./yyxz.html">在线预约</a> | 39 | <button type="button" class="layui-btn layui-btn-normal"> |
40 | <div class="time"> | 40 | <a href="./yyxz.html">在线预约</a> |
41 | 登录时间:2088-20-88 | 41 | </button> |
42 | </div> | ||
43 | </div> | 42 | </div> |
44 | <!-- -------------预约列表--------------- --> | 43 | <!-- -------------预约列表--------------- --> |
45 | <div class="appointment_list contentBox"> | 44 | <div class="contentBox"> |
46 | <table class="layui-hide" id="test" lay-filter="test"></table> | 45 | <ul class="appointment_list"> |
46 | <li> | ||
47 | <div class="item_content"> | ||
48 | <div class="item_title success"> | ||
49 | <h3>正常</h3> | ||
50 | <p> | ||
51 | 查看 | ||
52 | <i class="layui-icon layui-icon-right"></i> | ||
53 | </p> | ||
54 | </div> | ||
55 | <ul> | ||
56 | <li> | ||
57 | <span>预约人:</span> | ||
58 | <p>任超</p> | ||
59 | </li> | ||
60 | <li> | ||
61 | <span>办事大厅:</span> | ||
62 | <p>米香园办事大厅</p> | ||
63 | </li> | ||
64 | <li> | ||
65 | <span>办理业务类型:</span> | ||
66 | <p>二手房交易</p> | ||
67 | <a href="">办事指南</a> | ||
68 | </li> | ||
69 | <li> | ||
70 | <span>预约日期:</span> | ||
71 | <p>2020-12-56 上午 16:13</p> | ||
72 | </li> | ||
73 | <li> | ||
74 | <span>预约流水号</span> | ||
75 | <p>897987987987</p> | ||
76 | </li> | ||
77 | </ul> | ||
78 | </div> | ||
79 | </li> | ||
80 | <li> | ||
81 | <div class="item_content"> | ||
82 | <div class="item_title overdue"> | ||
83 | <h3>正常</h3> | ||
84 | <p> | ||
85 | 查看 | ||
86 | <i class="layui-icon layui-icon-right"></i> | ||
87 | </p> | ||
88 | </div> | ||
89 | </div> | ||
90 | </li> | ||
91 | <li> | ||
92 | <div class="item_content cancel"> | ||
93 | <div class="item_title"> | ||
94 | <h3>正常</h3> | ||
95 | <p> | ||
96 | 查看 | ||
97 | <i class="layui-icon layui-icon-right"></i> | ||
98 | </p> | ||
99 | </div> | ||
100 | </div> | ||
101 | </li> | ||
102 | </ul> | ||
47 | </div> | 103 | </div> |
48 | </div> | 104 | </div> |
49 | </div> | 105 | </div> | ... | ... |
staticViews/wshs.html
0 → 100644
1 | <!DOCTYPE html | ||
2 | PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | ||
3 | <html xmlns="http://www.w3.org/1999/xhtml"> | ||
4 | |||
5 | <head> | ||
6 | <style> | ||
7 | </style> | ||
8 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | ||
9 | <title>立即办理-完税核税</title> | ||
10 | <script type="text/javascript" src="../staticJs/head.js"></script> | ||
11 | <link rel="stylesheet" type="text/css" href="../staticCss/progress.css"> | ||
12 | <link rel="stylesheet" type="text/css" href="../staticCss/yyws.css"> | ||
13 | </head> | ||
14 | |||
15 | <body> | ||
16 | <div class="navigation_crumbs"> | ||
17 | <div class="contentBox"> | ||
18 | <span class="layui-breadcrumb"> | ||
19 | <a href="../../index.html">首页</a> | ||
20 | <a href="./wssq.html">网上申请</a> | ||
21 | <a><cite>在线申请</cite></a> | ||
22 | </span> | ||
23 | </div> | ||
24 | </div> | ||
25 | <div class="content_box"> | ||
26 | <div class="name_title layui-bg-gray"> | ||
27 | <h2>转移类</h2> | ||
28 | <p>商品房转移买卖转移登记</p> | ||
29 | </div> | ||
30 | <ul class="app_progress"> | ||
31 | <li class="selected"> | ||
32 | <span>1</span> | ||
33 | 信息效验 | ||
34 | </li> | ||
35 | <div class="line"></div> | ||
36 | <li class="selected"> | ||
37 | <span>2</span> | ||
38 | 填报信息 | ||
39 | </li> | ||
40 | <div class="line"></div> | ||
41 | <li class="active"> | ||
42 | <span>3</span> | ||
43 | 完税核税 | ||
44 | </li> | ||
45 | <div class="line"></div> | ||
46 | <li> | ||
47 | <span>4</span> | ||
48 | 身份认证 | ||
49 | </li> | ||
50 | <div class="line"></div> | ||
51 | <li> | ||
52 | <span>5</span> | ||
53 | 资料审核 | ||
54 | </li> | ||
55 | <div class="line"></div> | ||
56 | <li> | ||
57 | <span>6</span> | ||
58 | 线上缴费 | ||
59 | </li> | ||
60 | <div class="line"></div> | ||
61 | <li> | ||
62 | <span>7</span> | ||
63 | 生成电子证书 | ||
64 | </li> | ||
65 | </ul> | ||
66 | <div class="query_results"> | ||
67 | <!-- <div class="no_info"> | ||
68 | <h2>温馨提示:未检测到完税信息!</h2> | ||
69 | <p>您可以到税务局办事大厅现场完税</p> | ||
70 | </div> --> | ||
71 | <div class="success_info"> | ||
72 | <h2>温馨提示:完税校验通过!</h2> | ||
73 | <p>您可以继续进行业务申请!</p> | ||
74 | </div> | ||
75 | |||
76 | <div class="nav_title layui-bg-gray"> | ||
77 | <h2>税费信息</h2> | ||
78 | </div> | ||
79 | <ul class="tax_information"> | ||
80 | <li> | ||
81 | <span>税费项目</span>: | ||
82 | <p>二手房过户</p> | ||
83 | </li> | ||
84 | <li> | ||
85 | <span>税费</span>: | ||
86 | <p>20000元</p> | ||
87 | </li> | ||
88 | <li> | ||
89 | <span>缴费时间</span>: | ||
90 | <p>2020-1231</p> | ||
91 | </li> | ||
92 | <li> | ||
93 | <span>受理单位</span>: | ||
94 | <p>xxx税务局</p> | ||
95 | </li> | ||
96 | <li> | ||
97 | <span>税费流水号</span>: | ||
98 | <p>610234199612126622</p> | ||
99 | </li> | ||
100 | <li> | ||
101 | <span>完税证明号</span>: | ||
102 | <p>610234199612126622</p> | ||
103 | </li> | ||
104 | </ul> | ||
105 | <div class="buyer_information"> | ||
106 | <h2>买方信息</h2> | ||
107 | <ul> | ||
108 | <li> | ||
109 | <div> | ||
110 | <p> | ||
111 | <span>姓名</span>: | ||
112 | 任超 | ||
113 | </p> | ||
114 | <p> | ||
115 | <span>证件类型</span>: | ||
116 | 身份证 | ||
117 | </p> | ||
118 | <p> | ||
119 | <span>证件号码</span>: | ||
120 | 6101241933091679 | ||
121 | </p> | ||
122 | <p> | ||
123 | <span>联系电话</span>: | ||
124 | 1874064565 | ||
125 | </p> | ||
126 | </div> | ||
127 | </li> | ||
128 | <li> | ||
129 | <div> | ||
130 | <p> | ||
131 | <span>姓名</span>: | ||
132 | 任超 | ||
133 | </p> | ||
134 | <p> | ||
135 | <span>证件类型</span>: | ||
136 | 身份证 | ||
137 | </p> | ||
138 | <p> | ||
139 | <span>证件号码</span>: | ||
140 | 6101241933091679 | ||
141 | </p> | ||
142 | <p> | ||
143 | <span>联系电话</span>: | ||
144 | 1874064565 | ||
145 | </p> | ||
146 | </div> | ||
147 | </li> | ||
148 | <li> | ||
149 | <div> | ||
150 | <p> | ||
151 | <span>姓名</span>: | ||
152 | 任超 | ||
153 | </p> | ||
154 | <p> | ||
155 | <span>证件类型</span>: | ||
156 | 身份证 | ||
157 | </p> | ||
158 | <p> | ||
159 | <span>证件号码</span>: | ||
160 | 6101241933091679 | ||
161 | </p> | ||
162 | <p> | ||
163 | <span>联系电话</span>: | ||
164 | 1874064565 | ||
165 | </p> | ||
166 | </div> | ||
167 | </li> | ||
168 | <li> | ||
169 | <div> | ||
170 | <p> | ||
171 | <span>姓名</span>: | ||
172 | 任超 | ||
173 | </p> | ||
174 | <p> | ||
175 | <span>证件类型</span>: | ||
176 | 身份证 | ||
177 | </p> | ||
178 | <p> | ||
179 | <span>证件号码</span>: | ||
180 | 6101241933091679 | ||
181 | </p> | ||
182 | <p> | ||
183 | <span>联系电话</span>: | ||
184 | 1874064565 | ||
185 | </p> | ||
186 | </div> | ||
187 | </li> | ||
188 | </ul> | ||
189 | </div> | ||
190 | </div> | ||
191 | <div class="next_button"> | ||
192 | <button type="button" class="layui-btn layui-btn-normal"> | ||
193 | <a href="./sfrz.html">下一步</a> | ||
194 | </button> | ||
195 | </div> | ||
196 | </div> | ||
197 | </body> | ||
198 | <script type="text/javascript" src="../staticJs/common.js"></script> | ||
199 | <script type="text/javascript" src="../staticJs/down.js"></script> | ||
200 | <script type="text/javascript" src="../staticJs/yyws.js"></script> | ||
201 | |||
202 | </html> | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
... | @@ -6,10 +6,10 @@ | ... | @@ -6,10 +6,10 @@ |
6 | <style> | 6 | <style> |
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/yyws.css"> | 12 | <link rel="stylesheet" type="text/css" href="../staticCss/zlsh.css"> |
13 | </head> | 13 | </head> |
14 | 14 | ||
15 | <body> | 15 | <body> |
... | @@ -30,82 +30,39 @@ | ... | @@ -30,82 +30,39 @@ |
30 | <ul class="app_progress"> | 30 | <ul class="app_progress"> |
31 | <li class="selected"> | 31 | <li class="selected"> |
32 | <span>1</span> | 32 | <span>1</span> |
33 | 效验 | 33 | 信息效验 |
34 | </li> | 34 | </li> |
35 | <div class="line"></div> | 35 | <div class="line"></div> |
36 | <li class="selected"> | 36 | <li class="selected"> |
37 | <span>2</span> | 37 | <span>2</span> |
38 | 申请 | 38 | 填报信息 |
39 | </li> | 39 | </li> |
40 | <div class="line"></div> | 40 | <div class="line"></div> |
41 | <li class="active"> | 41 | <li class="selected"> |
42 | <span>3</span> | 42 | <span>3</span> |
43 | 完税 | 43 | 完税核税 |
44 | </li> | 44 | </li> |
45 | <div class="line"></div> | 45 | <div class="line"></div> |
46 | <li> | 46 | <li class="selected"> |
47 | <span>4</span> | 47 | <span>4</span> |
48 | 认证 | 48 | 身份认证 |
49 | </li> | 49 | </li> |
50 | <div class="line"></div> | 50 | <div class="line"></div> |
51 | <li> | 51 | <li class="active"> |
52 | <span>5</span> | 52 | <span>5</span> |
53 | 领证方式 | 53 | 资料审核 |
54 | </li> | 54 | </li> |
55 | <div class="line"></div> | 55 | <div class="line"></div> |
56 | <li> | 56 | <li> |
57 | <span>6</span> | 57 | <span>6</span> |
58 | 缴费 | 58 | 线上缴费 |
59 | </li> | 59 | </li> |
60 | <div class="line"></div> | 60 | <div class="line"></div> |
61 | <li> | 61 | <li> |
62 | <span>7</span> | 62 | <span>7</span> |
63 | 公示 | 63 | 生成电子证书 |
64 | </li> | 64 | </li> |
65 | </ul> | 65 | </ul> |
66 | <div class="input_search"> | ||
67 | <div class="form_title"> | ||
68 | <h2>信息校验</h2> | ||
69 | </div> | ||
70 | <form class="layui-form" action=""> | ||
71 | <div class="layui-form-item"> | ||
72 | <div class="layui-inline"> | ||
73 | <label class="layui-form-label">完税证明号</label> | ||
74 | <div class="layui-input-block"> | ||
75 | <input type="text" name="title" required lay-verify="required" placeholder="请输完税证明号" | ||
76 | class="layui-input"> | ||
77 | </div> | ||
78 | </div> | ||
79 | <div class="layui-inline"> | ||
80 | <label class="layui-form-label">发票代码</label> | ||
81 | <div class="layui-input-block"> | ||
82 | <input type="text" name="idcard" required lay-verify="required" placeholder="请输发票代码" | ||
83 | class="layui-input"> | ||
84 | </div> | ||
85 | </div> | ||
86 | </div> | ||
87 | |||
88 | <div class="layui-form-item"> | ||
89 | <div class="layui-inline"> | ||
90 | <label class="layui-form-label">发票号码</label> | ||
91 | <div class="layui-input-block"> | ||
92 | <input type="tel" name="code" required lay-verify="required" maxlength="18" placeholder="请输发票号码" | ||
93 | class="layui-input"> | ||
94 | </div> | ||
95 | </div> | ||
96 | <div class="layui-inline" style="padding-left: 30px;box-sizing: border-box;"> | ||
97 | <button type="reset" class="layui-btn layui-btn-primary">重 置</button> | ||
98 | <button type="submit" class="layui-btn layui-btn-normal" lay-submit="" lay-filter="demo1"> | ||
99 | 查 询 | ||
100 | </button> | ||
101 | </div> | ||
102 | </div> | ||
103 | </form> | ||
104 | |||
105 | <div class="query_results"> | ||
106 | |||
107 | </div> | ||
108 | </div> | ||
109 | <div class="next_button"> | 66 | <div class="next_button"> |
110 | <button type="button" class="layui-btn layui-btn-normal">下一步</button> | 67 | <button type="button" class="layui-btn layui-btn-normal">下一步</button> |
111 | </div> | 68 | </div> |
... | @@ -113,6 +70,5 @@ | ... | @@ -113,6 +70,5 @@ |
113 | </body> | 70 | </body> |
114 | <script type="text/javascript" src="../staticJs/common.js"></script> | 71 | <script type="text/javascript" src="../staticJs/common.js"></script> |
115 | <script type="text/javascript" src="../staticJs/down.js"></script> | 72 | <script type="text/javascript" src="../staticJs/down.js"></script> |
116 | <script type="text/javascript" src="../staticJs/yyws.js"></script> | 73 | <script type="text/javascript" src="../staticJs/zlsh.js"></script> |
117 | |||
118 | </html> | 74 | </html> |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
-
Please register or sign in to post a comment