Merge branch 'master' of http://yun.pashanhoo.com:9090/renchao/portalStaticPage
Showing
23 changed files
with
833 additions
and
183 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 | } |
| ... | @@ -34,7 +32,6 @@ layui.use('util', function () { | ... | @@ -34,7 +32,6 @@ layui.use('util', function () { |
| 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 | }) |
| ... | @@ -6,36 +6,3 @@ layui.use('element', function () { | ... | @@ -6,36 +6,3 @@ layui.use('element', function () { |
| 6 | layer.msg(elem.text()); | 6 | layer.msg(elem.text()); |
| 7 | }); | 7 | }); |
| 8 | }); | 8 | }); |
| ... | \ No newline at end of file | ... | \ No newline at end of file |
| 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 | }); | ||
| ... | \ 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