Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
694b6f0a by 田浩浩
Options

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

2 parents bd2fb4e2 5f9f0971
Expand all
Inline Side-by-side
Showing 28 changed files with 1208 additions and 644 deletions
...@@ -5,6 +5,7 @@ ...@@ -5,6 +5,7 @@
5 .mainbody { 5 .mainbody {
6 width: 1200px; 6 width: 1200px;
7 margin: 0 auto; 7 margin: 0 auto;
8 color: #4a4a4a;
8 } 9 }
9 /* --------------------导航tab------------------------- */ 10 /* --------------------导航tab------------------------- */
10 .navigation_crumbs { 11 .navigation_crumbs {
...@@ -134,7 +135,7 @@ div.navigation { ...@@ -134,7 +135,7 @@ div.navigation {
134 display: inline-block; 135 display: inline-block;
135 } 136 }
136 .mainbody .DividingLine { 137 .mainbody .DividingLine {
137 width: 1150px; 138 width: 1200px;
138 height: 1px; 139 height: 1px;
139 margin:0 auto; 140 margin:0 auto;
140 background-color:#DEDEDE; 141 background-color:#DEDEDE;
...@@ -150,3 +151,7 @@ div.navigation { ...@@ -150,3 +151,7 @@ div.navigation {
150 line-height: 24px; 151 line-height: 24px;
151 padding-bottom: 30px; 152 padding-bottom: 30px;
152 } 153 }
154 .notice_content {
155 margin-bottom: 100px;
156 line-height: 21px;
157 }
...\ No newline at end of file ...\ No newline at end of file
......
1 * {
2 margin: 0;
3 padding: 0;
4 }
5 1
6 ::-webkit-input-placeholder { /* WebKit browsers */ 2 ::-webkit-input-placeholder { /* WebKit browsers */
7 font-size: 13px; 3 font-size: 13px;
8 color: #9B9B9B; 4 color: #9B9B9B;
9 } 5 }
10 6
11 ::-moz-placeholder { /* Mozilla Firefox 19+ */ 7 ::-moz-placeholder { /* Mozilla Firefox 19+ */
12 font-size: 13px; 8 font-size: 13px;
13 color: #9B9B9B; 9 color: #9B9B9B;
14 } 10 }
15 11
16 :-ms-input-placeholder { /* Internet Explorer 10+ */ 12 :-ms-input-placeholder { /* Internet Explorer 10+ */
17 font-size: 13px; 13 font-size: 13px;
18 color: #9B9B9B; 14 color: #9B9B9B;
19 } 15 }
20 input { 16 input {
21 padding-left: 10px; 17 padding-left: 10px;
22 }
23 /*================首页 start=====================*/
24 div a {
25 color: #000000;
26 text-decoration: none;
27 } 18 }
28
29 div.subject h2 a:hover { 19 div.subject h2 a:hover {
30 color: #f46143; 20 color: #f46143;
31 } 21 }
...@@ -35,7 +25,6 @@ div.subject { ...@@ -35,7 +25,6 @@ div.subject {
35 float: none; 25 float: none;
36 clear: both; 26 clear: both;
37 position: relative; 27 position: relative;
38 min-width: 1200px;
39 } 28 }
40 29
41 /*新闻 */ 30 /*新闻 */
...@@ -85,14 +74,6 @@ div.top-logo .top_logo_search i { ...@@ -85,14 +74,6 @@ div.top-logo .top_logo_search i {
85 top: 11px; 74 top: 11px;
86 cursor: pointer; 75 cursor: pointer;
87 } 76 }
88
89 /*end*/
90
91 .top-logo h1 {
92 display: inline-block;
93 float: left;
94 }
95
96 /*------------------首页 end------------*/ 77 /*------------------首页 end------------*/
97 78
98 .top-logo ul li { 79 .top-logo ul li {
...@@ -109,23 +90,12 @@ div.navigation { ...@@ -109,23 +90,12 @@ div.navigation {
109 } 90 }
110 91
111 .navigation .layui-nav-item { 92 .navigation .layui-nav-item {
112 width: 130px; 93 width: 147px;
113 position: relative; 94 position: relative;
114 margin: 0 22px;
115 } 95 }
116
117 .layui-bg-blue { 96 .layui-bg-blue {
118 background-color: #006CFF !important; 97 background-color: #006CFF !important;
119 } 98 }
120
121 .layui-nav-item:not(:first-child)::before {
122 content: '';
123 position: absolute;
124 height: 22px;
125 border-left: 1px solid #ccc;
126 top: 21px;
127 left: -20px;
128 }
129 .layui-nav-item a{ 99 .layui-nav-item a{
130 font-size: 16px; 100 font-size: 16px;
131 } 101 }
...@@ -134,11 +104,12 @@ div.navigation { ...@@ -134,11 +104,12 @@ div.navigation {
134 /* --------------------导航tab------------------------- */ 104 /* --------------------导航tab------------------------- */
135 .navigation_crumbs { 105 .navigation_crumbs {
136 width: 100%; 106 width: 100%;
107 height: 50px;
137 padding: 10px 0; 108 padding: 10px 0;
138 line-height: 25px; 109 line-height: 25px;
139 background: #FAFAFA; 110 background: #FAFAFA;
140 border: 1px solid #E6E6E6; 111 border: 1px solid #E6E6E6;
141 box-sizing: border-box; 112 /* box-sizing: border-box; */
142 } 113 }
143 .navigation_crumbs .layui-breadcrumb a:hover { 114 .navigation_crumbs .layui-breadcrumb a:hover {
144 color: #f46143!important; 115 color: #f46143!important;
...@@ -149,6 +120,14 @@ div.navigation { ...@@ -149,6 +120,14 @@ div.navigation {
149 margin: 0 auto; 120 margin: 0 auto;
150 overflow: hidden; 121 overflow: hidden;
151 } 122 }
123 .layui-tab-brief>.layui-tab-title .layui-this{
124 color: #4A4A4A !important;
125 font-size: 18px;
126 font-weight: 500;
127 }
128 .layui-tab-brief>.layui-tab-title .layui-this:after{
129 border-bottom: 2px solid #006CFF !important
130 }
152 .one_content { 131 .one_content {
153 border: 1px solid #DEDEDE;; 132 border: 1px solid #DEDEDE;;
154 margin-top: 30px; 133 margin-top: 30px;
...@@ -215,27 +194,35 @@ div.navigation { ...@@ -215,27 +194,35 @@ div.navigation {
215 .mainbody { 194 .mainbody {
216 width: 1200px; 195 width: 1200px;
217 margin: 0 auto; 196 margin: 0 auto;
197 min-height: calc(100vh - 200px);
198 }
199 .listArea{
200 overflow: hidden;
218 } 201 }
219
220 .top { 202 .top {
221 text-align: center; 203 text-align: center;
222 height: 90px; 204 height: 106px;
223 font-size: 14px; 205 font-size: 14px;
224 font-weight: bold; 206 font-weight: bold;
225 color: #4A4A4A; 207 color: #4A4A4A;
226 line-height: 14px;
227 border-bottom: 1px solid #DEDEDE; 208 border-bottom: 1px solid #DEDEDE;
228 display: flex; 209 display: flex;
229 justify-items: auto;
230 align-items: center; 210 align-items: center;
231 flex-width: wrap; 211 position: relative;
232 } 212 }
233 213
234 .top > div { 214 .top > div {
235 margin: 0 auto;
236 display: inline-block; 215 display: inline-block;
237 } 216 }
238 217 .top span{
218 display:inline-block;
219 width: 60px;
220 height: 14px;
221 font-size: 14px;
222 font-weight: 500;
223 color: #4A4A4A;
224 line-height: 14px;
225 }
239 .top input { 226 .top input {
240 width: 360px; 227 width: 360px;
241 height: 36px; 228 height: 36px;
...@@ -243,20 +230,72 @@ div.navigation { ...@@ -243,20 +230,72 @@ div.navigation {
243 border-radius: 2px; 230 border-radius: 2px;
244 border: 1px solid #CBCBCB; 231 border: 1px solid #CBCBCB;
245 margin-left: 10px; 232 margin-left: 10px;
233 padding-left: 10px;
234 }
235 .top-title {
236 margin-right: 6%;
237 }
238 .top-serach {
239 position: absolute;
240 right: 0;
246 } 241 }
247
248 .top button { 242 .top button {
249 width: 120px; 243 width: 120px;
250 height: 40px; 244 height: 40px;
251 background: #0091FF; 245 background: #0091FF;
252 border: none; 246 border: none;
253 border-radius: 3px; 247 border-radius: 3px;
254 color: white; 248 color: #FFFFFF;
249 font-weight: 100;
255 } 250 }
256 251 .announcement_list {
257 /*.top-date input:before { 252 float: left;
253 width:81%;
254 }
255 .gglist{
256 border-right:1px solid #EAEAEA;
257 padding-bottom: 60px;
258 margin-top: 27px;
259 min-height: 600px;
260 }
261 .gglist li{
262 height: 104px;
263 }
264 .gglist .icon {
265 width: 38px;
266 height: 104px;
267 float: left;
268 }
269 .gglist li{
270 border-bottom:1px solid #EAEAEA;
271 }
272 .listArea_right{
273 width: 201px;
274 float: right;
275 text-align: right;
276 }
277 .diver{
278 width: 23%;
279 width: 195px;
280 height: 1px;
281 background: #DEDEDE;
282 margin:0 auto;
283 margin-bottom:40px;
284 margin-top: 40px;
285 margin-right: 77px;
286 }
287 .zc-top{
288 width: 72px;
289 height: 18px;
290 font-size: 18px;
291 font-weight: 500;
292 color: #4A4A4A;
293 line-height: 18px;
294 font-weight: 600;
295 }
296 /* .top-date input:before {
258 content: attr(placeholder) 297 content: attr(placeholder)
259 }*/ 298 } */
260 299
261 .filter { 300 .filter {
262 display: flex; 301 display: flex;
...@@ -319,48 +358,50 @@ div.navigation { ...@@ -319,48 +358,50 @@ div.navigation {
319 .gg { 358 .gg {
320 text-overflow: clip; 359 text-overflow: clip;
321 overflow: hidden; 360 overflow: hidden;
322 border-bottom: 1px solid #DEDEDE;
323 height: 100px; 361 height: 100px;
324 font-size: 20px; 362 font-size: 20px;
325 font-weight: bold; 363 font-weight: bold;
326 color: #4A4A4A; 364 color: #4A4A4A;
327 line-height: 104px; 365 line-height: 104px;
328 padding-left: 20px;
329 padding-right: 20px; 366 padding-right: 20px;
330 } 367 }
331 368 .item_list {
369 margin-left: 51px;
370 width: 92%;
371 overflow: hidden;
372 text-overflow:ellipsis;
373 white-space: nowrap;
374 }
332 .right { 375 .right {
333 width: 200px; 376 width: 200px;
334 margin-left: 15px; 377 margin-left: 15px;
335 } 378 }
336 379
337 .right-top { 380 .right-top {
381 width: 72px;
338 height: 18px; 382 height: 18px;
339 font-size: 18px; 383 font-size: 18px;
340 font-family: PingFangSC-Medium, PingFang SC;
341 font-weight: 500; 384 font-weight: 500;
342 color: #4A4A4A;
343 line-height: 18px; 385 line-height: 18px;
344 padding-top: 20px; 386 margin-bottom: 19px;
387 margin-top:30px;
388 font-weight: 600;
389 color: #4a4a4a;
345 } 390 }
346
347 .right-body { 391 .right-body {
348 display: inline-block; 392 display: inline-block;
349 margin-bottom: 20px; 393 margin-bottom: 20px;
350 } 394 }
351 395
352 .tj {
353 /*margin-bottom: 10px;*/
354 }
355
356 .tj img { 396 .tj img {
357 width: 200px; 397 width: 200px;
358 height: 125px; 398 height: 125px;
359 margin-top: 20px;
360 } 399 }
361 400
362 .tj img, .tj span { 401 .tj img, .tj span {
363 float: left; 402 width: 100%;
403 display: block;
404 text-align: left;
364 } 405 }
365 406
366 .tj-title { 407 .tj-title {
...@@ -370,6 +411,8 @@ div.navigation { ...@@ -370,6 +411,8 @@ div.navigation {
370 font-weight: bold; 411 font-weight: bold;
371 color: #4A4A4A; 412 color: #4A4A4A;
372 line-height: 21px; 413 line-height: 21px;
414 display: inline-block;
415 margin-top: 9px
373 } 416 }
374 417
375 .tj-date { 418 .tj-date {
...@@ -379,7 +422,9 @@ div.navigation { ...@@ -379,7 +422,9 @@ div.navigation {
379 font-family: PingFangSC-Regular, PingFang SC; 422 font-family: PingFangSC-Regular, PingFang SC;
380 font-weight: 400; 423 font-weight: 400;
381 color: #9B9B9B; 424 color: #9B9B9B;
382 line-height: 12px; 425 display: inline-block;
426 margin-top: 6px;
427 margin-bottom: 20px;
383 } 428 }
384 429
385 .right-bottom { 430 .right-bottom {
...@@ -409,132 +454,54 @@ div.navigation { ...@@ -409,132 +454,54 @@ div.navigation {
409 454
410 .zcfg-top { 455 .zcfg-top {
411 width: 200px; 456 width: 200px;
412 height: 14px;
413 font-size: 14px; 457 font-size: 14px;
414 font-family: PingFangSC-Medium, PingFang SC;
415 font-weight: bold; 458 font-weight: bold;
416 color: #4A4A4A; 459 color: #4A4A4A;
417 line-height: 14px; 460 line-height: 21px;
461 text-align: left;
418 } 462 }
419 463
420 .zcfg-body { 464 .zcfg-body {
421 width: 200px; 465 width: 200px;
422 font-size: 14px; 466 font-size: 14px;
423 display: inline-block; 467 display: inline-block;
424 font-family: PingFangSC-Regular, PingFang SC;
425 font-weight: 400; 468 font-weight: 400;
426 color: #6D7278; 469 color: #6D7278;
427 line-height: 21px; 470 line-height: 23px;
471 text-align: left;
428 } 472 }
429 473
430 .zcfg-bottom { 474 .zcfg-bottom {
431 width: 90px; 475 width: 90px;
432 height: 12px; 476 height: 12px;
433 font-size: 12px; 477 font-size: 12px;
434 font-family: PingFangSC-Regular, PingFang SC;
435 font-weight: 400;
436 color: #9B9B9B; 478 color: #9B9B9B;
437 line-height: 12px; 479 line-height: 21px;
438 } 480 text-align: left;
439
440 /* -----------------底部start----------------------------- */
441 div.footer {
442 background-color: #233042;
443 }
444
445 div.footer .system_service {
446 width: 100%;
447 border-bottom: 1px solid #4A4A4A;
448 } 481 }
449 482 .rightcontainer {
450 div.footer .system_service ul { 483 margin-bottom: 20px;
451 padding: 40px 0;
452 width: 1400px;
453 margin: 0 auto;
454 font-size: 0;
455 } 484 }
456 485 #test1 {
457 div.footer .system_service ul li {
458 width: 20%;
459 display: inline-block;
460 text-align: center; 486 text-align: center;
461 height: 18px; 487 margin-top: -30px;
462 box-sizing: border-box; 488 margin-bottom: 100px;
463 }
464
465 div.footer .system_service ul li:not(:last-child) {
466 border-right: 1px solid #6D7278;
467 }
468
469 div.footer .system_service ul li a {
470 font-size: 16px;
471 font-weight: 400;
472 color: #DEDEDE;
473 } 489 }
474 490 .layui-laypage .layui-laypage-curr .layui-laypage-em {
475 div.footer .system_service ul li a:hover { 491 background-color: #0091FF!important;
476 color: #f46143;
477 }
478
479 .footer .subject {
480 width: 80%;
481 margin: 0 auto;
482 padding: 40px 0;
483 overflow: hidden;
484 } 492 }
485 493 .top-date span{
486 .footer .subject .footer_logo { 494 display: inline-block;
487 float: left; 495 float: left;
496 margin-top: 12px;
488 } 497 }
489 498 .top-date input {
490 .footer .subject .footer_logo a {
491 display: block;
492 width: 64px;
493 height: 74px;
494 padding: 10px;
495 }
496
497 .footer .subject .footer_logo a img {
498 width: 100%;
499 height: 100%;
500 }
501
502 .footer .subject ul, ol {
503 float: left; 499 float: left;
504 color: #CBCBCB;
505 text-align: left;
506 } 500 }
507 501 input {
508 .footer .subject ul { 502 color: #4a4a4a!important;
509 width: 73%; 503 font-weight: 100!important;
510 box-sizing: border-box;
511 padding-left: 40px;
512 margin-top: 10px;
513 } 504 }
514 505 .layui-laydate .layui-this {
515 .footer .subject ul li { 506 background-color: #0091FF!important;
516 width: 30%;
517 display: inline-block;
518 text-align: left;
519 margin-bottom: 30px;
520 }
521
522 .footer .subject ol li {
523 display: inline-block;
524 text-align: center;
525 }
526
527 .footer .subject ol li:last-child {
528 margin-left: 60px;
529 }
530
531 .footer .subject ol li img {
532 width: 80px;
533 height: 80px;
534 }
535
536 .footer .subject ol li p {
537 font-size: 12px;
538 color: #CBCBCB;
539 margin-top: 5px;
540 } 507 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -139,7 +139,8 @@ div.subject { ...@@ -139,7 +139,8 @@ div.subject {
139 .leftContainer{ 139 .leftContainer{
140 border-right: 1px solid #DEDEDE; 140 border-right: 1px solid #DEDEDE;
141 margin-top: 41px; 141 margin-top: 41px;
142 padding-bottom: 20px; 142 padding-bottom: 60px;
143 min-height: 800px;
143 } 144 }
144 .leftContainer li { 145 .leftContainer li {
145 border-bottom: 1px solid #EAEAEA; 146 border-bottom: 1px solid #EAEAEA;
...@@ -150,11 +151,10 @@ div.subject { ...@@ -150,11 +151,10 @@ div.subject {
150 } 151 }
151 .left-top { 152 .left-top {
152 width: 408px; 153 width: 408px;
153 height: 18px;
154 font-size: 18px; 154 font-size: 18px;
155 font-weight: bold; 155 font-weight: bold;
156 color: #686666; 156 color: #686666;
157 line-height: 18px; 157 line-height: 21px;
158 cursor: pointer; 158 cursor: pointer;
159 } 159 }
160 .left-top:hover { 160 .left-top:hover {
...@@ -201,15 +201,16 @@ div.subject { ...@@ -201,15 +201,16 @@ div.subject {
201 } 201 }
202 202
203 #page { 203 #page {
204 margin-top: 20px; 204 margin-top: -35px;
205 text-align: center; 205 text-align: center;
206 margin-bottom: 50px; 206 margin-bottom: 60px;
207 } 207 }
208 208
209 .right { 209 .right {
210 width: 200px; 210 width: 200px;
211 margin-top: 36px; 211 margin-top: 20px;
212 margin-left: 15px; 212 margin-left: 10px;
213 margin-bottom: 10px;
213 } 214 }
214 215
215 .right-top { 216 .right-top {
...@@ -237,7 +238,9 @@ div.subject { ...@@ -237,7 +238,9 @@ div.subject {
237 } 238 }
238 239
239 .tj img, .tj span { 240 .tj img, .tj span {
240 float: left; 241 width: 100%;
242 display: block;
243 margin-top: 5px;
241 } 244 }
242 245
243 .tj-title { 246 .tj-title {
...@@ -272,7 +275,7 @@ div.subject { ...@@ -272,7 +275,7 @@ div.subject {
272 } 275 }
273 276
274 .zcfg { 277 .zcfg {
275 margin-top: 20px; 278 margin-top: 15px;
276 display: inline-block; 279 display: inline-block;
277 cursor: pointer; 280 cursor: pointer;
278 } 281 }
...@@ -287,7 +290,7 @@ div.subject { ...@@ -287,7 +290,7 @@ div.subject {
287 font-size: 14px; 290 font-size: 14px;
288 font-weight: bold; 291 font-weight: bold;
289 color: #686666; 292 color: #686666;
290 line-height: 14px; 293 line-height: 20px;
291 } 294 }
292 295
293 .zcfg-body { 296 .zcfg-body {
...@@ -297,14 +300,17 @@ div.subject { ...@@ -297,14 +300,17 @@ div.subject {
297 font-weight: 400; 300 font-weight: 400;
298 color: #6D7278; 301 color: #6D7278;
299 line-height: 23px; 302 line-height: 23px;
300 margin: 10px 0; 303 margin-top: 25px;
301 } 304 }
302 305
303 .zcfg-bottom { 306 .zcfg-bottom {
304 width: 90px; 307 width: 100%;
305 height: 12px;
306 font-size: 12px; 308 font-size: 12px;
307 font-weight: 400; 309 font-weight: 400;
308 color: #9B9B9B; 310 color: #9B9B9B;
309 line-height: 12px; 311 line-height: 16px;
312 margin-top: 3px;
313 }
314 #regulation {
315 line-height: 0;
310 } 316 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -134,7 +134,7 @@ div.navigation { ...@@ -134,7 +134,7 @@ div.navigation {
134 .title { 134 .title {
135 height: 30px; 135 height: 30px;
136 font-size: 30px; 136 font-size: 30px;
137 padding: 40px 0; 137 padding: 30px 0;
138 font-weight: 500; 138 font-weight: 500;
139 color: #4A4A4A; 139 color: #4A4A4A;
140 line-height: 30px; 140 line-height: 30px;
...@@ -609,7 +609,7 @@ div.navigation { ...@@ -609,7 +609,7 @@ div.navigation {
609 .right { 609 .right {
610 width: 200px; 610 width: 200px;
611 margin-left: 15px; 611 margin-left: 15px;
612 margin-top: 20px; 612 margin-top: 5px;
613 } 613 }
614 614
615 .right-top { 615 .right-top {
......
...@@ -2,7 +2,6 @@ ...@@ -2,7 +2,6 @@
2 width: 1200px; 2 width: 1200px;
3 margin: 0 auto; 3 margin: 0 auto;
4 min-height:calc(100vh - 227px); 4 min-height:calc(100vh - 227px);
5 padding: 20px 0;
6 } 5 }
7 .title { 6 .title {
8 height: 16px; 7 height: 16px;
...@@ -56,35 +55,281 @@ ...@@ -56,35 +55,281 @@
56 display: none; 55 display: none;
57 } 56 }
58 .img_update { 57 .img_update {
59 border: 1px solid #eeeeee;
60 overflow: hidden; 58 overflow: hidden;
59 position: relative;
60 float: left;
61 } 61 }
62 62
63 .fileBox{ margin:10px;width: 330px;float: left; } 63 .fileBox{
64 #fileSpan{display:inline-block;width:300px;height:150px;border:2px dashed #ccc;text-align:center;line-height:150px;position: relative;} 64 margin:10px;float: left;
65 #fileInput { 65 }
66 .file_name i {
67 display: block;
68 font-size: 32px;
69 height: 24px;
70 position: relative;
71 line-height: 24px;
72 top: -10px;
73 padding-top: 60px;
74 margin-bottom: 10px;
75 }
76 .file_name p {
77 line-height: 16px;
78 }
79 .certificate {
80 height: 24px;
81 color: red;
82 margin-top: 5px;
83 font-size: 14px;
84 line-height: 24px;
85 }
86 #fileSpan , #fileSpan1, #fileSpan3{
87 display: inline-block;
88 width: 285px;
89 height: 200px;
90 border: 2px dashed #ccc;
91 text-align: center;
92 position: relative;
93 }
94 #fileSpan:hover , #fileSpan1:hover, #fileSpan3:hover{
95 border-color:#0091FF;
96 }
97 #fileInput, #fileInput1, #fileInput3{
66 position: absolute; 98 position: absolute;
67 width: 100%; 99 width: 100%;
68 height: 100%; 100 height: 100%;
69 left: 0; 101 left: 0;
70 top: 0; 102 top: 0;
71 opacity: 0; 103 opacity: 0;
104 cursor: pointer;
105 z-index: 10;
106 }
107 .fileList_parent, .fileList_parent1, .fileList_parent3{
108 position: absolute;
109 left: 12px;
110 top: 12px;
111 width: 285px;
112 height: 200px;
113 text-align: center;
114 box-sizing: border-box;
115 padding: 30px 20px;
116 display: none;
117 background-color: #eee;
118 z-index: 20;
119 }
120 .fileName {
121 width: 80px;
122 line-height: 30px;
123 overflow: hidden;
124 text-overflow: ellipsis;
125 white-space: nowrap;
72 } 126 }
73 .fileList_parent{margin:20px;display:none;} 127 .file_list {
74 .fileList_parent { 128 text-align: center;
129 margin: 0 auto;
130 }
131 .fileList_parent img , .fileList_parent1 img, .fileList_parent3 img{
132 width: 50px;
133 height: 60px;
134 }
135 .fileList_parent, .fileList_parent1, .fileList_parent3 {
75 float: left; 136 float: left;
76 } 137 }
138 .file_name {
139 height: 200px;
140 text-align: center;
141 line-height: 200px;
142 position: relative;
143 }
77 .operation { 144 .operation {
78 color: #0091FF; 145 color: #0091FF;
79 cursor: pointer; 146 cursor: pointer;
80 } 147 }
81 .fileList tr { 148 .fileListName, .fileListName1, .fileListName3{
149 text-align: center;
150 padding-top: 10px;
151 }
152 .fileListName p , .fileListName1 p, .fileListName3 p{
153 display: inline-block;
154 height: 17px;
155 }
156 .fileListName a , .fileListName1 a, .fileListName3 a {
157 display: inline-block;
158 line-height: 14px;
159 }
160 .fileListName a i, .fileListName1 a i, .fileListName3 a i{
161 line-height: 14px;
162 height: 14px;
163 padding: 0;
164 position: relative;
165 top: -2px;
166 font-size: 14px;
167 font-weight: 600;
168 }
169 .fileList tr, .fileList1 tr, .fileList3 tr {
82 line-height: 28px; 170 line-height: 28px;
171 width: 70px;
172 }
173 .fileList tr td, .fileList1 tr td, .fileList3 tr td {
174 width: 70px;
175 }
176 .operation a:hover {
177 color: #0091FF!important;
83 } 178 }
84 .next_button { 179 .next_button {
85 text-align: center; 180 text-align: center;
86 margin: 15px 0; 181 margin: 30px 0 100px 0;
87 } 182 }
88 .next_button a { 183 .name_title {
89 color: #ffffff; 184 padding: 10px;
185 margin:15px 0;
186 }
187 .name_title h2 {
188 display: inline-block;
189 font-weight: 600;
190 margin-right: 10px;
191 border-left: 3px solid #0091FF;
192 height: 16px;
193 line-height: 16px;
194 padding-left: 5px;
195 }
196 .name_title p {
197 display: inline-block;
198 color: #0091FF;
199 }
200 /* 房屋信息 */
201 .acceptance_information {
202 margin: 20px 0;
203 }
204 .acceptance_information h3 , .person_info h3, .data_upload h3, .obtaining_license h3{
205 height: 16px;
206 padding-left: 5px;
207 border-left: 3px solid #0091FF;
208 line-height: 18px;
209 font-size: 16px;
210 font-weight: 600;
211 margin-bottom: 15px;
212 color: #585656;
213 }
214 .acceptance_information ul {
215 font-size: 0;
216 }
217 .acceptance_information ul li {
218 display: inline-block;
219 width: 50%;
220 font-size: 14px;
221 line-height: 36px;
222 }
223 .acceptance_information ul li span {
224 color: #9B9B9B;
225 width: 100px;
226 text-align: right;
227 display: inline-block;
228 }
229 .acceptance_information ul li p {
230 display: inline-block;
231 }
232 /* 买卖双方信息 */
233 .layui-form-item .layui-inline {
234 width: 23%;
235 }
236 .idCard {
237 width: 150px;
238 }
239 .layui-form-label {
240 padding: 9px 0;
241 width: 92px;
242 }
243 .layui-icon-reduce-circle {
244 font-size: 20px!important;
245 }
246 .add_form {
247 height: 80px;
248 border: 2px dotted #d2d2d2;
249 cursor: pointer;
250 text-align: center;
251 padding-top: 18px;
252 box-sizing: border-box;
253 border-radius: 8px;
254 display: none;
255 }
256 .add_form:hover {
257 border-color: #0091FF;
258 }
259 .add_form i {
260 font-size: 20px!important;
261 }
262 .person_info h3 {
263 float: left;
264 margin-right: 10px;
265 }
266 .person_info .title {
267 line-height: 18px;
268 margin-bottom: 20px;
269 padding-left: 0!important;
270 }
271 .person_info .title input{
272 display: inline-block;
273 margin: 0 10px;
274 cursor: pointer;
275 width: 21px;
276 height: 21px;
277 position: relative;
278 top: -2px;
279 }
280 .person_info .title p {
281 display: inline-block;
282 position: relative;
283 top: -6.5px;
284 }
285 /* -----------------资料上传---------------------- */
286 .data_upload {
287 margin-top: 20px;
288 overflow: hidden;
289 }
290 /* -----------------询问笔录---------------------- */
291 .record {
292 position: absolute;
293 left: 0;
294 bottom: 30px;
295 display: block;
296 line-height: 20px;
297 height: 20px;
298 color: #0091FF;
299 text-align: center;
300 z-index: 30;
301 width: 100%;
302 cursor: pointer;
303 }
304 .record:hover {
305 color: #0091FF;
306 }
307 .layui-form-radio>i:hover, .layui-form-radioed>i {
308 color: #0091FF!important;
309 }
310 /* -------------------领证方式----------------------- */
311 .shipping_method {
312 display: none;
313 }
314 .item_inline {
315 font-size: 0;
316 }
317 .item_inline .layui-inline {
318 width: 50%;
319 font-size: 16px;
320 margin-right: 0!important;
321 }
322 .obtaining_license .layui-input-block h2{
323 display: inline-block;
324 color: rgb(133, 125, 125);
325 margin-right: 13px;
326 }
327 .ssq {
328 width: 92%;
329 }
330 .ssq .layui-inline {
331 width: 29%;
332 }
333 .obtaining_license {
334 margin-top: 20px;
90 } 335 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -22,10 +22,7 @@ ...@@ -22,10 +22,7 @@
22 } 22 }
23 .next_button { 23 .next_button {
24 text-align: center; 24 text-align: center;
25 margin: 10px 0; 25 margin: 30px 0 100px 0;
26 }
27 .next_button a {
28 color: #ffffff;
29 } 26 }
30 .no_info { 27 .no_info {
31 text-align: center; 28 text-align: center;
......
...@@ -19,7 +19,6 @@ document.writeln(" <meta name=\'description\' content=\'\' />"); ...@@ -19,7 +19,6 @@ document.writeln(" <meta name=\'description\' content=\'\' />");
19 document.writeln(" <meta name=\'Keywords\' content=\'\' />"); 19 document.writeln(" <meta name=\'Keywords\' content=\'\' />");
20 document.writeln(" <link rel=\'stylesheet\' type=\'text/css\' href=\'"+localhostPaht+"/staticLib/layui/css/layui.css\' />"); 20 document.writeln(" <link rel=\'stylesheet\' type=\'text/css\' href=\'"+localhostPaht+"/staticLib/layui/css/layui.css\' />");
21 document.writeln(" <link type=\'text/css\' rel=\'stylesheet\' href=\'"+localhostPaht+"/staticCss/common.css\' />"); 21 document.writeln(" <link type=\'text/css\' rel=\'stylesheet\' href=\'"+localhostPaht+"/staticCss/common.css\' />");
22 document.writeln(" <link type=\'text/css\' rel=\'stylesheet\' href=\'"+localhostPaht+"/staticCss/global.css\' />");
23 document.writeln(""); 22 document.writeln("");
24 document.writeln("<body> "); 23 document.writeln("<body> ");
25 document.writeln(" <div class=\'footer\'> "); 24 document.writeln(" <div class=\'footer\'> ");
......
1 $(function () {
2 layui.use('element', function () {
3 var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
4 //监听导航点击
5 element.on('nav(demo)', function (elem) {
6 layer.msg(elem.text());
7 });
8 });
9 layui.use('laydate', function () {
10 var laydate = layui.laydate;
11 //常规用法
12 laydate.render({
13 elem: '#date'
14 });
15 })
16
17 layui.use('laypage', function () {
18 var laypage = layui.laypage;
19 //执行一个laypage实例
20 laypage.render({
21 elem: 'test1' //注意，这里的 test1 是 ID，不用加 # 号
22 , count: 50 //数据总数，从服务端得到
23 });
24 });
25
26 layui.use('laytpl', function () {
27 laytpl = layui.laytpl;
28 var getTpl = document.getElementById('demo').innerHTML
29 , view = document.getElementById('notice-list');
30 laytpl(getTpl).render(data, function (html) {
31 view.innerHTML = html;
32 });
33 });
34 initData()
35 })
36
37 //门户公示公告列表
38 function initData() {
39 $.ajax({
40 type: "get", //提交方式
41 url: portal.api_url + "/hlwj/MhNotice/getNoticeList",//路径
42 data:{
43 "currentPage":1,
44 "pageSize":6
45 },
46 dataType: "json",
47 async: false,
48 //数据，这里使用的是Json格式进行传输
49 success: function (result) {//返回数据根据结果进行相应的处理
50 if (result.code == 200 && result.data != null) {
51 data.list = result.data.records;
52 }
53 }
54 });
55
56 }
57
58 var data = { //数据
59 "list": [],
60 total: undefined
61 };
...\ No newline at end of file ...\ No newline at end of file
1 $(function () {
2 //元素
3 var oFileInput = $("#fileInput"); //选择文件按钮
4 var oFileSpan = $("#fileSpan"); //选择文件框
5 var oFileList_parent = $(".fileList_parent"); //表格
6 var fileListName = $('.fileListName') //上传的数据列表
7 var oFileList = $(".fileList"); //表格tbody
8 var sizeObj = []; //存放每个文件大小的数组，用来比较去重
9 //拖拽外部文件，进入目标元素触发
10 oFileSpan.on("dragenter", function () {
11 $(this).find('.file_name').css("background", "#ccc");
12 $(this).find('.file_name').empty();
13 $(this).find('.file_name').append(
14 '<p style="line-height:200px">可以方鼠标了</p>'
15 )
16 });
17 //拖拽外部文件，进入目标、离开目标之间，连续触发
18 oFileSpan.on("dragover", function () {
19 return false;
20 });
21 //拖拽外部文件，离开目标元素触发
22 oFileSpan.on("dragleave", function () {
23 $(this).find('.file_name').empty();
24 $(this).find('.file_name').css("background", "#ffff");
25 $(this).find('.file_name').append(
26 ' <i class="layui-icon layui-icon-addition"></i>' +
27 '<p>点击或拖拽文件上传</p>' +
28 '<div class="certificate">登记申请书（2份）</div>' +
29 '<div class="fileListName"></div>'
30 )
31 });
32 //拖拽外部文件，在目标元素上释放鼠标触发
33 oFileSpan.on("drop", function (ev) {
34 var fs = ev.originalEvent.dataTransfer.files;
35 $(this).find('.file_name').empty();
36 $(this).find('.file_name').css("background", "#ffff");
37 $(this).find('.file_name').append(
38 ' <i class="layui-icon layui-icon-addition"></i>' +
39 '<p>点击或拖拽文件上传</p>' +
40 '<div class="certificate">登记申请书（2份）</div>' +
41 '<div class="fileListName"></div>'
42 )
43 analysisList(fs); //解析列表函数
44 return false;
45 });
46 //点击选择文件按钮选文件
47 oFileInput.on("change", function () {
48 analysisList(this.files);
49 })
50 //解析列表函数
51 function analysisList(obj) {
52 //如果没有文件
53 if (obj.length < 1) {
54 return false;
55 }
56 for (var i = 0; i < obj.length; i++) {
57 var fileObj = obj[i]; //单个文件
58 var name = fileObj.name; //文件名
59 var size = fileObj.size; //文件大小
60 var type = fileType(name); //文件类型，获取的是文件的后缀
61 //文件大于30M，就不上传
62 if (size > 1024 * 1024 * 1024 || size == 0) {
63 layer.msg('超过了30M，不能上传', { icon: 5 });
64 return false;
65 }
66 //把文件大小放到一个数组中，然后再去比较，如果有比较上的，就认为重复了，不能上传
67 if (sizeObj.indexOf(size) != -1) {
68 layer.msg('已经选择，不能重复上传', { icon: 5 });
69 return false;
70 }
71 //给json对象添加内容，得到选择的文件的数据
72 var itemArr = [fileObj, name, size, type]; //文件，文件名，文件大小，文件类型
73 flieList.push(itemArr);
74 //把这个文件的大小放进数组中
75 sizeObj.push(size);
76 }
77 createList() //生成列表
78 document.querySelector('#fileInput').value = null
79 if (flieList.length == 2) {
80 oFileList_parent.show(); //表格显示
81 }
82 };
83 //生成列表
84 function createList() {
85 oFileList.empty(); //先清空元素内容
86 for (var i = 0; i < flieList.length; i++) {
87 var fileData = flieList[i]; //flieList数组中的某一个
88 var name = fileData[1]; //文件名
89 var oTr = $("<tr></tr>");
90 var str = '<td><p class="fileName" title="' + name + '">' + name + '</p></td>';
91 str += '<td class="iconClose"><a class="operation"><i class="layui-icon layui-icon-close"></i></a></td>';
92 oTr.html(str);
93 oTr.appendTo(oFileList);
94 $('.fileListName').append(
95 '<p class="fileName" title="' + name + '">' + name + '</p>' +
96 '<a class="operation"><i class="layui-icon layui-icon-close"></i></a>'
97 );
98 }
99 }
100 //删除表格行
101 oFileList.on("click", "a.operation", function () {
102 var oTr = $(this).parents("tr");
103 var index = oTr.index();
104 oTr.remove(); //删除这一行
105 flieList.splice(index, 1); //删除数据
106 sizeObj.splice(index, 1); //删除文件大小数组中的项
107 if (flieList.length == 0) {
108 oFileList_parent.hide()
109 $('.fileListName').empty();
110 }
111 });
112 })
113 //通过文件名，返回文件的后缀名
114 function fileType(name) {
115 var nameArr = name.split(".");
116 return nameArr[nameArr.length - 1].toLowerCase();
117 }
118
1 $(function () {
2 //元素
3 var oFileInput = $("#fileInput1"); //选择文件按钮
4 var oFileSpan = $("#fileSpan1"); //选择文件框
5 var oFileList_parent = $(".fileList_parent1"); //表格
6 var fileListName = $('.fileListName1') //上传的数据列表
7 var oFileList = $(".fileList1"); //表格tbody
8 var sizeObj1 = []; //存放每个文件大小的数组，用来比较去重
9 //拖拽外部文件，进入目标元素触发
10 oFileSpan.on("dragenter", function () {
11 $(this).find('.file_name').css("background", "#ccc");
12 $(this).find('.file_name').empty();
13 $(this).find('.file_name').append(
14 '<p style="line-height:200px">可以方鼠标了</p>'
15 )
16 });
17 //拖拽外部文件，进入目标、离开目标之间，连续触发
18 oFileSpan.on("dragover", function () {
19 return false;
20 });
21 //拖拽外部文件，离开目标元素触发
22 oFileSpan.on("dragleave", function () {
23 $(this).find('.file_name').empty();
24 $(this).find('.file_name').css("background", "#ffff");
25 $(this).find('.file_name').append(
26 ' <i class="layui-icon layui-icon-addition"></i>' +
27 '<p>点击或拖拽文件上传</p>' +
28 '<div class="certificate">房屋所有权证书（2份）</div>' +
29 '<div class="fileListName1"></div>'
30 )
31 });
32 //拖拽外部文件，在目标元素上释放鼠标触发
33 oFileSpan.on("drop", function (ev) {
34 var fs = ev.originalEvent.dataTransfer.files;
35 $(this).find('.file_name').empty();
36 $(this).find('.file_name').css("background", "#ffff");
37 $(this).find('.file_name').append(
38 ' <i class="layui-icon layui-icon-addition"></i>' +
39 '<p>点击或拖拽文件上传</p>' +
40 '<div class="certificate">房屋所有权证书（2份）</div>' +
41 '<div class="fileListName1"></div>'
42 )
43 analysisList(fs); //解析列表函数
44 return false;
45 });
46 //点击选择文件按钮选文件
47 oFileInput.on("change", function () {
48 analysisList(this.files);
49 })
50 //解析列表函数
51 function analysisList(obj) {
52 //如果没有文件
53 if (obj.length < 1) {
54 return false;
55 }
56 for (var i = 0; i < obj.length; i++) {
57 var fileObj = obj[i]; //单个文件
58 var name = fileObj.name; //文件名
59 var size = fileObj.size; //文件大小
60 var type = fileType(name); //文件类型，获取的是文件的后缀
61 //文件大于30M，就不上传
62 if (size > 1024 * 1024 * 1024 || size == 0) {
63 layer.msg('超过了30M，不能上传', { icon: 5 });
64 return false;
65 }
66 //把文件大小放到一个数组中，然后再去比较，如果有比较上的，就认为重复了，不能上传
67 if (sizeObj1.indexOf(size) != -1) {
68 layer.msg('已经选择，不能重复上传', { icon: 5 });
69 return false;
70 }
71 //给json对象添加内容，得到选择的文件的数据
72 var itemArr = [fileObj, name, size, type]; //文件，文件名，文件大小，文件类型
73 flieList1.push(itemArr);
74 //把这个文件的大小放进数组中
75 sizeObj1.push(size);
76 }
77 createList() //生成列表
78 if (flieList1.length == 2) {
79 oFileList_parent.show(); //表格显示
80 }
81 document.querySelector('#fileInput1').value = null
82 };
83 //生成列表
84 function createList() {
85 oFileList.empty(); //先清空元素内容
86 for (var i = 0; i < flieList1.length; i++) {
87 var fileData = flieList1[i]; //flieList1数组中的某一个
88 var name = fileData[1]; //文件名
89 var oTr = $("<tr></tr>");
90 var str = '<td><p class="fileName" title="' + name + '">' + name + '</p></td>';
91 str += '<td class="iconClose"><a class="operation"><i class="layui-icon layui-icon-close"></i></a></td>';
92 oTr.html(str);
93 oTr.appendTo(oFileList);
94 $('.fileListName1').append(
95 '<p class="fileName" title="' + name + '">' + name + '</p>' +
96 '<a class="operation"><i class="layui-icon layui-icon-close"></i></a>'
97 );
98 }
99 }
100 //删除表格行
101 oFileList.on("click", "a.operation", function () {
102 var oTr = $(this).parents("tr");
103 var index = oTr.index();
104 oTr.remove(); //删除这一行
105 flieList1.splice(index, 1); //删除数据
106 sizeObj1.splice(index, 1); //删除文件大小数组中的项
107 if (flieList1.length == 0) {
108 oFileList_parent.hide()
109 $('.fileListName1').empty();
110 }
111 });
112 })
113 //通过文件名，返回文件的后缀名
114 function fileType(name) {
115 var nameArr = name.split(".");
116 return nameArr[nameArr.length - 1].toLowerCase();
117 }
118
1 $(function () {
2 //元素
3 var oFileInput = $("#fileInput3"); //选择文件按钮
4 var oFileSpan = $("#fileSpan3"); //选择文件框
5 var oFileList_parent = $(".fileList_parent3"); //表格
6 var oFileList = $(".fileList3"); //表格tbody
7 var sizeObj3 = []; //存放每个文件大小的数组，用来比较去重
8 //拖拽外部文件，进入目标元素触发
9 oFileSpan.on("dragenter", function () {
10 $(this).find('.file_name').css("background", "#ccc");
11 $(this).find('.file_name').empty();
12 $(this).find('.file_name').append(
13 '<p style="line-height:200px">可以方鼠标了</p>'
14 )
15 });
16 //拖拽外部文件，进入目标、离开目标之间，连续触发
17 oFileSpan.on("dragover", function () {
18 return false;
19 });
20 //拖拽外部文件，离开目标元素触发
21 oFileSpan.on("dragleave", function () {
22 $(this).find('.file_name').empty();
23 $(this).find('.file_name').css("background", "#ffff");
24 $(this).find('.file_name').append(
25 ' <i class="layui-icon layui-icon-addition"></i>' +
26 '<p>点击或拖拽文件上传</p>' +
27 '<div class="certificate">房屋所有权证书（2份）</div>' +
28 '<div class="fileListName3"></div>'
29 )
30 });
31 //拖拽外部文件，在目标元素上释放鼠标触发
32 oFileSpan.on("drop", function (ev) {
33 var fs = ev.originalEvent.dataTransfer.files;
34 $(this).find('.file_name').empty();
35 $(this).find('.file_name').css("background", "#ffff");
36 $(this).find('.file_name').append(
37 ' <i class="layui-icon layui-icon-addition"></i>' +
38 '<p>点击或拖拽文件上传</p>' +
39 '<div class="certificate">房屋所有权证书（2份）</div>' +
40 '<div class="fileListName3"></div>'
41 )
42 analysisList(fs); //解析列表函数
43 return false;
44 });
45 //点击选择文件按钮选文件
46 oFileInput.on("change", function () {
47 analysisList(this.files);
48 })
49 //解析列表函数
50 function analysisList(obj) {
51 //如果没有文件
52 if (obj.length < 1) {
53 return false;
54 }
55 for (var i = 0; i < obj.length; i++) {
56 var fileObj = obj[i]; //单个文件
57 var name = fileObj.name; //文件名
58 var size = fileObj.size; //文件大小
59 var type = fileType(name); //文件类型，获取的是文件的后缀
60 //文件大于30M，就不上传
61 if (size > 1024 * 1024 * 1024 || size == 0) {
62 layer.msg('超过了30M，不能上传', { icon: 5 });
63 return false;
64 }
65 //把文件大小放到一个数组中，然后再去比较，如果有比较上的，就认为重复了，不能上传
66 if (sizeObj3.indexOf(size) != -1) {
67 layer.msg('已经选择，不能重复上传', { icon: 5 });
68 return false;
69 }
70 //给json对象添加内容，得到选择的文件的数据
71 var itemArr = [fileObj, name, size, type]; //文件，文件名，文件大小，文件类型
72 flieList3.push(itemArr);
73 //把这个文件的大小放进数组中
74 sizeObj3.push(size);
75 }
76 createList() //生成列表
77 if (flieList3.length == 1) {
78 oFileList_parent.show(); //表格显示
79 }
80 document.querySelector('#fileInput3').value = null
81 };
82 //生成列表
83 function createList() {
84 oFileList.empty(); //先清空元素内容
85 for (var i = 0; i < flieList3.length; i++) {
86 var fileData = flieList3[i]; //flieList3数组中的某一个
87 var name = fileData[1]; //文件名
88 var oTr = $("<tr></tr>");
89 var str = '<td><p class="fileName" title="' + name + '">' + name + '</p></td>';
90 str += '<td class="iconClose"><a class="operation"><i class="layui-icon layui-icon-close"></i></a></td>';
91 oTr.html(str);
92 oTr.appendTo(oFileList);
93 $('.fileListName3').append(
94 '<p class="fileName" title="' + name + '">' + name + '</p>' +
95 '<a class="operation"><i class="layui-icon layui-icon-close"></i></a>'
96 );
97 }
98 }
99 //删除表格行
100 oFileList.on("click", "a.operation", function () {
101 var oTr = $(this).parents("tr");
102 var index = oTr.index();
103 oTr.remove(); //删除这一行
104 flieList3.splice(index, 1); //删除数据
105 sizeObj3.splice(index, 1); //删除文件大小数组中的项
106 if (flieList3.length == 0) {
107 oFileList_parent.hide()
108 $('.fileListName3').empty();
109 }
110 });
111 })
112 //通过文件名，返回文件的后缀名
113 function fileType(name) {
114 var nameArr = name.split(".");
115 return nameArr[nameArr.length - 1].toLowerCase();
116 }
117
...@@ -55,6 +55,7 @@ $(function () { ...@@ -55,6 +55,7 @@ $(function () {
55 NewsData(); 55 NewsData();
56 NoticeData(); 56 NoticeData();
57 LawsData(); 57 LawsData();
58 policiesData();
58 }); 59 });
59 60
60 //加载新闻数据 61 //加载新闻数据
...@@ -64,7 +65,7 @@ function NewsData() { ...@@ -64,7 +65,7 @@ function NewsData() {
64 var li, publishTime; 65 var li, publishTime;
65 $.ajax({ 66 $.ajax({
66 type: "get", //提交方式 67 type: "get", //提交方式
67 url: portal.api_url + "/hlwj/Mh/getNewsHotArticleList",//路径 68 url: portal.api_url + "/hlwj/MhNews/getNewsList",//路径
68 dataType: "json", 69 dataType: "json",
69 //数据，这里使用的是Json格式进行传输 70 //数据，这里使用的是Json格式进行传输
70 success: function (result) {//返回数据根据结果进行相应的处理 71 success: function (result) {//返回数据根据结果进行相应的处理
...@@ -94,7 +95,7 @@ function NoticeData() { ...@@ -94,7 +95,7 @@ function NoticeData() {
94 var li; 95 var li;
95 $.ajax({ 96 $.ajax({
96 type: "get", //提交方式 97 type: "get", //提交方式
97 url: portal.api_url + "/hlwj/Mh/getMHNotice",//路径 98 url: portal.api_url + "/hlwj/MhNotice/getMHNotice",//路径
98 dataType: "json", 99 dataType: "json",
99 //数据，这里使用的是Json格式进行传输 100 //数据，这里使用的是Json格式进行传输
100 success: function (result) {//返回数据根据结果进行相应的处理 101 success: function (result) {//返回数据根据结果进行相应的处理
...@@ -125,7 +126,7 @@ function LawsData() { ...@@ -125,7 +126,7 @@ function LawsData() {
125 var li; 126 var li;
126 $.ajax({ 127 $.ajax({
127 type: "get", //提交方式 128 type: "get", //提交方式
128 url: portal.api_url + "/hlwj/Mh/getLawsList",//路径 129 url: portal.api_url + "/hlwj/MhLaws/getLawsList",//路径
129 dataType: "json", 130 dataType: "json",
130 //数据，这里使用的是Json格式进行传输 131 //数据，这里使用的是Json格式进行传输
131 success: function (result) {//返回数据根据结果进行相应的处理 132 success: function (result) {//返回数据根据结果进行相应的处理
...@@ -140,3 +141,25 @@ function LawsData() { ...@@ -140,3 +141,25 @@ function LawsData() {
140 } 141 }
141 }); 142 });
142 } 143 }
144 //加载相应政策数据
145 function policiesData() {
146 var policies = $("#policies");
147 policies.empty();
148 var li;
149 $.ajax({
150 type: "get", //提交方式
151 url: portal.api_url + "/hlwj/MhPolicy/getPolicyList",//路径
152 dataType: "json",
153 //数据，这里使用的是Json格式进行传输
154 success: function (result) {//返回数据根据结果进行相应的处理
155 if (result.code == 200 && result.data != null) {
156 for (var i = 0; i < result.data.length; i++) {
157 if (i == 6) return;
158 li = '<li><a href="#" title="' + result.data[i].headline + '">'+ result.data[i].headline;
159 li += '</a></li>';
160 policies.append(li);
161 }
162 }
163 }
164 });
165 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -7,18 +7,30 @@ $(function () { ...@@ -7,18 +7,30 @@ $(function () {
7 layer.msg(elem.text()); 7 layer.msg(elem.text());
8 }); 8 });
9 }); 9 });
10 layui.use('laypage', function () {
11 let laypage = layui.laypage;
12 //执行一个laypage实例
13 laypage.render({
14 elem: 'page' //注意，这里的 test1 是 ID，不用加 # 号
15 , count: 50 //数据总数，从服务端得到
16 , prev: '<'
17 , next: '>'
18 , theme: '#0091FF'
19 });
20 })
21 LoadNewsData(); 10 LoadNewsData();
11 HotArticle();
12 PolicyHotArticle();
13 addTabs('#news');
14 });
15 //加载新闻列表数据
16 function LoadNewsData(currentPage=1) {
17 $.ajax({
18 type: "get", //提交方式
19 url: portal.api_url + "/hlwj/MhNews/getNewsArticleList",//路径
20 data:{
21 "currentPage":currentPage,
22 "pageSize":5
23 },
24 dataType: "json",
25 async: false,
26 //数据，这里使用的是Json格式进行传输
27 success: function (result) {//返回数据根据结果进行相应的处理
28 data.total = result.data.total
29 if (result.code == 200 && result.data != null) {
30 data.list = result.data.records;
31 }
32 }
33 })
22 layui.use('laytpl', function () { 34 layui.use('laytpl', function () {
23 laytpl = layui.laytpl; 35 laytpl = layui.laytpl;
24 var getTpl = document.getElementById('demo').innerHTML 36 var getTpl = document.getElementById('demo').innerHTML
...@@ -27,33 +39,77 @@ $(function () { ...@@ -27,33 +39,77 @@ $(function () {
27 view.innerHTML = html; 39 view.innerHTML = html;
28 }); 40 });
29 }); 41 });
30 addTabs('#news'); 42 }
31 // 43 // 获取新闻动态的推荐数据
32 }); 44 function HotArticle() {
33 45 var recommend = $("#news_recommendation");
34 46 recommend.empty();
35 47 var li = '';
36 //加载新闻列表数据
37 function LoadNewsData() {
38 $.ajax({ 48 $.ajax({
39 type: "get", //提交方式 49 type: "get", //提交方式
40 url: portal.api_url + "/hlwj/Mh/getNewsArticleList",//路径 50 url: portal.api_url + "/hlwj/MhNews/getNewsHotArticleList",//路径
41 data:{
42 "currentPage":1,
43 "pageSize":10
44 },
45 dataType: "json", 51 dataType: "json",
46 async: false, 52 async: false,
47 //数据，这里使用的是Json格式进行传输 53 //数据，这里使用的是Json格式进行传输
48 success: function (result) {//返回数据根据结果进行相应的处理 54 success: function (result) {//返回数据根据结果进行相应的处理
49 if (result.code == 200 && result.data != null) { 55 if (result.code == 200 && result.data != null) {
50 data.list = result.data.records; 56 console.log(result.data)
57 for (var i = 0; i < result.data.length; i++) {
58 li = '<li class="tj">';
59 li += '<img src="' + result.data[i].cover + '">';
60 li += '<span class="tj-title">'+result.data[i].headline+'</span>';
61 li += '<span class="tj-date">'+result.data[i].deadtime+'</span>';
62 li += '</li>';
63 recommend.append(li);
51 } 64 }
52 } 65 }
53 }); 66 }
54 67 })
55 } 68 }
69 // 政策法规推荐
70 function PolicyHotArticle() {
71 var regulation = $("#regulation");
72 regulation.empty();
73 var li = '';
74 $.ajax({
75 type: "get", //提交方式
76 url: portal.api_url + "/hlwj/MhPolicy/getPolicyHotArticleList",//路径
77 dataType: "json",
78 async: false,
79 //数据，这里使用的是Json格式进行传输
80 success: function (result) {//返回数据根据结果进行相应的处理
81 if (result.code == 200 && result.data != null) {
82 console.log(result.data)
83 for (var i = 0; i < result.data.length; i++) {
84 li = '<li class="zcfg">'
85 li += '<div class="zcfg-top">'+result.data[i].headline+'</div>'
86 li += '<p class="zcfg-body">'+result.data[i].content+'</p>'
87 li += '<div class="zcfg-bottom">'+result.data[i].deadtime+'</div>'
88 li += '</li>'
89 regulation.append(li);
90 }
91 }
92 }
93 })
94 }
95
96
97 layui.use('laypage', function () {
98 let laypage = layui.laypage;
99 //执行一个laypage实例
100 laypage.render({
101 elem: 'page' //注意，这里的 test1 是 ID，不用加 # 号
102 , count: data.total //数据总数，从服务端得到
103 , limit: 5
104 , prev: '<'
105 , next: '>'
106 , theme: '#0091FF'
107 , jump: function(obj, first){
108 LoadNewsData(obj.curr);
109 }
110 });
111 })
56 var data = { //数据 112 var data = { //数据
57 "title": "Layui常用模块", 113 "list": [],
58 "list": [] 114 total: undefined
59 }; 115 };
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -8,7 +8,30 @@ $(function () { ...@@ -8,7 +8,30 @@ $(function () {
8 $('.date div:first-child').text(year) 8 $('.date div:first-child').text(year)
9 $('.date div:nth-child(2)').text(month + 1 + "/" + date) 9 $('.date div:nth-child(2)').text(month + 1 + "/" + date)
10 $('.date div:last-child').text(hour + ":" + minutes) 10 $('.date div:last-child').text(hour + ":" + minutes)
11 LawsData()
11 }) 12 })
13 // 新闻详情数据
14 function LawsData() {
15 var newsList = $("#newsList");
16 newsList.empty();
17 var li;
18 $.ajax({
19 type: "get", //提交方式
20 url: portal.api_url + "/hlwj/MhNews/getDetailById",//路径
21 data:{
22 "id":GetQueryString('id'),
23 },
24 dataType: "json",
25 //数据，这里使用的是Json格式进行传输
26 success: function (result) {//返回数据根据结果进行相应的处理
27 if (result.code == 200 && result.data != null) {
28 console.log(result.data)
29 $('.newsTitle').html(result.data.title)
30 newsList.append(result.data.content)
31 }
32 }
33 });
34 }
12 $(window).scroll(function () { 35 $(window).scroll(function () {
13 let juli = $(document).scrollTop(); 36 let juli = $(document).scrollTop();
14 if (juli > 360) { 37 if (juli > 360) {
...@@ -25,3 +48,9 @@ layui.use('element', function () { ...@@ -25,3 +48,9 @@ layui.use('element', function () {
25 layer.msg(elem.text()); 48 layer.msg(elem.text());
26 }); 49 });
27 }); 50 });
51 function GetQueryString(name) {
52 var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
53 var r = window.location.search.substr(1).match(reg);
54 if (r != null) return decodeURIComponent(r[2]);
55 return null;
56 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -8,4 +8,52 @@ $(function () { ...@@ -8,4 +8,52 @@ $(function () {
8 }); 8 });
9 addTabs('#wssq') 9 addTabs('#wssq')
10 // 业务 10 // 业务
11 // 进度条
12 var data = {
13 'progressList': [
14 {
15 stepName: "信息效验",
16 stepState: 2 //0：未办理 1：正在办理 2：已办理
17 },
18 {
19 stepName: "填报信息",
20 stepState: 2
21 },
22 {
23 stepName: "完税核税",
24 stepState: 1
25 },
26 {
27 stepName: "身份认证",
28 stepState: 0
29 },
30 {
31 stepName: "资料审核",
32 stepState: 0
33 },
34 {
35 stepName: "线上缴费",
36 stepState: 0
37 },
38 {
39 stepName: "生成电子证书",
40 stepState: 0
41 }
42 ],
43 }
44
45 layui.use('laytpl', function () {
46 laytpl = layui.laytpl;
47 var getTpl = document.getElementById('progress').innerHTML
48 , view = document.getElementById('app_progress');
49 laytpl(getTpl).render(data, function (html) {
50 view.innerHTML = html;
51 });
52
53 layui.use(['element'], function () {
54 var element = layui.element;
55 //初始化动态元素，一些动态生成的元素如果不设置初始化，将不会有默认的动态效果
56 element.init();
57 });
58 });
11 }) 59 })
......
...@@ -28,7 +28,7 @@ ...@@ -28,7 +28,7 @@
28 <div>发布日期：2020-10-28</div> 28 <div>发布日期：2020-10-28</div>
29 </div> 29 </div>
30 <div class="DividingLine"></div> 30 <div class="DividingLine"></div>
31 <div> 31 <div class="notice_content">
32 近日，自然资源部印发《自然资源统计工作管理办法》，旨在规范自然资源统计管理工作，建立健全统计数据质量控制体系，提高自然资源统计数据的真实性，发挥统计在自然资源管理中的重要基础性作用，该办法将于2020年8月1日起施行。 32 近日，自然资源部印发《自然资源统计工作管理办法》，旨在规范自然资源统计管理工作，建立健全统计数据质量控制体系，提高自然资源统计数据的真实性，发挥统计在自然资源管理中的重要基础性作用，该办法将于2020年8月1日起施行。
33 《自然资源统计工作管理办法》 一、明确自然资源统计主要任务 33 《自然资源统计工作管理办法》 一、明确自然资源统计主要任务
34 对7大类自然资源对象（土地、矿产、森林、草原、湿地、水、海域海岛），以及其他统计对象（海洋经济、地质勘查、地质灾害、测绘地理信息、自然资源督察、行政管理）开展统计调查和统计分析，提供统计数据，实施统计监督。 34 对7大类自然资源对象（土地、矿产、森林、草原、湿地、水、海域海岛），以及其他统计对象（海洋经济、地质勘查、地质灾害、测绘地理信息、自然资源督察、行政管理）开展统计调查和统计分析，提供统计数据，实施统计监督。
......
1 * {
2 padding: 0;
3 margin: 0;
4 }
5
6 .main {
7
8 }
9 .mainbody{
10 width: 1200px;
11 margin: 0 auto;
12 }
13 /*================首页 start=====================*/
14 div a {
15 color: #000000;
16 text-decoration: none;
17 }
18
19 div.subject h2 a:hover {
20 color: #f46143;
21 }
22
23 div.subject {
24 margin: 0 auto;
25 float: none;
26 clear: both;
27 position: relative;
28 min-width: 1200px;
29 }
30 /*新闻 */
31 div.top-logo {
32 width: 1200px;
33 height: 70px;
34 padding-top: 20px;
35 }
36
37 div.top-logo ::-webkit-input-placeholder { /* WebKit browsers */
38 font-size: 13px;
39 }
40
41 div.top-logo ::-moz-placeholder { /* Mozilla Firefox 19+ */
42 font-size: 13px;
43 }
44
45 div.top-logo :-ms-input-placeholder { /* Internet Explorer 10+ */
46 font-size: 13px;
47 }
48 .top_logo_content {
49 height: 40px;
50 width: 100%;
51 margin: 0 auto;
52 }
53 div.top-logo .top_logo_search {
54 float: left;
55 width: 350px;
56 position: relative;
57 margin-left: 400px;
58 }
59 div.top-logo .top_logo_search input {
60 border-radius: 50px;
61 }
62 div.top-logo .login {
63 float: right;
64 margin-top: 8px;
65 }
66 div.top-logo .top_logo_search i {
67 position: absolute;
68 right: 10px;
69 top: 11px;
70 cursor: pointer;
71 }
72
73 /*end*/
74
75 .top-logo h1 {
76 display: inline-block;
77 float: left;
78 }
79 .layui-nav-item a{
80 font-size: 16px;
81 }
82 /*------------------首页 end------------*/
83 /* --------------------导航tab------------------------- */
84 .navigation_crumbs {
85 width: 100%;
86 height: 45px;
87 padding: 10px 0;
88 line-height: 25px;
89 background: #FAFAFA;
90 border: 1px solid #E6E6E6;
91 box-sizing: border-box;
92 }
93 .navigation_crumbs .layui-breadcrumb a:hover {
94 color: #f46143!important;
95 }
96
97 .contentBox {
98 width: 1200px;
99 margin: 0 auto;
100 overflow: hidden;
101 }
102 .one_content {
103 border: 1px solid #DEDEDE;;
104 margin-top: 30px;
105 }
106 .one_content .layui-tab {
107 margin: 0;
108 }
109 .one_content .layui-tab-title li {
110 width: 100px;
111 font-weight: 600;
112 color: #6D7278;
113 }
114 .one_content .layui-tab-title .layui-this {
115 color: #4A4A4A;
116 }
117 .layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after {
118 border-color: #006CFF;
119 }
120 .layui-tab .layui-tab-brief .layui-this {
121 color: #006CFF;
122 }
123 .layui-tab .layui-tab-brief li {
124 width: 90px;
125 }
126 .online_business {
127 margin-top: 20px;
128 }
129 .online_business h2 {
130 width: 100%;
131 height: 43px;
132 line-height: 43px;
133 background: #FAFAFA;
134 border-radius: 4px;
135 border: 1px solid #DEDEDE;
136 padding-left: 15px;
137 box-sizing: border-box;
138 }
139 .online_list {
140 padding-bottom: 20px;
141 overflow: hidden;
142 }
143 .online_list li{
144 width: 45%!important;
145 float: left;
146 height: 60px;
147 line-height: 60px;
148 border-bottom: 1px dotted #DEDEDE;
149 }
150 .online_list li:nth-child(even) {
151 margin-left: 10%;
152 }
153 .online_list li a{
154 display: block;
155 width: 100%;
156 }
157 .online_list li a:hover span{
158 color: #f46143;
159 }
160 .online_list li a button {
161 float: right;
162 margin-top: 15px;
163 }
164 /* ---------------------------------------------------- */
165 .top-logo ul li {
166 display: inline-block;
167 padding: 0 8px;
168 }
169
170 .top-logo ul li:first-child {
171 border-right: 1px solid grey;
172 }
173
174 div.navigation {
175 text-align: center;
176 }
177 .navigation .layui-nav-item {
178 width: 130px;
179 position: relative;
180 margin: 0 22px;
181 }
182 .layui-bg-blue {
183 background-color: #006CFF!important;
184 }
185
186 .layui-nav-item:not(:first-child)::before {
187 content: '';
188 position: absolute;
189 height: 22px;
190 border-left: 1px solid #ccc;
191 top: 21px;
192 left: -20px;
193 }
194 .title {
195 height: auto;
196 font-size: 30px;
197 font-weight: 500;
198 color: #4A4A4A;
199 line-height: 30px;
200 text-align: center;
201 padding: 20px;
202 }
203
204 .release {
205 display: flex;
206 flex-flow: row nowrap;
207 justify-content: space-between;
208 font-size: 16px;
209 font-weight: 400;
210 color: #6D7278;
211 line-height: 12px;
212 margin-top: 20px;
213 margin-bottom: 20px;
214 }
215
216 .release div {
217 display: inline-block;
218 }
219
220 .body {
221 padding-top: 20px;
222 border-top: 1px solid #DEDEDE;
223 height: auto;
224 font-size: 16px;
225 font-weight: 400;
226 color: #4A4A4A;
227 line-height: 24px;
228 padding-bottom: 30px;
229 }
230 /* -----------------底部start----------------------------- */
231 div.footer {
232 background-color: #233042;
233 }
234 div.footer .system_service {
235 width: 100%;
236 border-bottom: 1px solid #4A4A4A;
237 }
238 div.footer .system_service ul {
239 padding: 40px 0;
240 width: 1400px;
241 margin: 0 auto;
242 font-size: 0;
243 }
244 div.footer .system_service ul li {
245 width: 20%;
246 display: inline-block;
247 text-align: center;
248 height: 18px;
249 box-sizing: border-box;
250 }
251 div.footer .system_service ul li:not(:last-child) {
252 border-right: 1px solid #6D7278;
253 }
254 div.footer .system_service ul li a{
255 font-size: 16px;
256 font-weight: 400;
257 color: #DEDEDE;
258 }
259 div.footer .system_service ul li a:hover {
260 color: #f46143;
261 }
262 .footer .subject {
263 width: 1200px;
264 margin: 0 auto;
265 padding: 40px 0;
266 overflow: hidden;
267 }
268 .footer .subject .footer_logo {
269 float: left;
270 }
271 .footer .subject .footer_logo a{
272 display: block;
273 width: 64px;
274 height: 74px;
275 padding: 10px;
276 }
277 .footer .subject .footer_logo a img {
278 width: 100%;
279 height: 100%;
280 }
281 .footer .subject ul, ol {
282 float: left;
283 color: #CBCBCB;
284 text-align: left;
285 }
286 .footer .subject ul {
287 width: 72%;
288 box-sizing: border-box;
289 padding-left: 40px;
290 margin-top: 10px;
291 }
292 .footer .subject ul li {
293 width: 30%;
294 display: inline-block;
295 text-align: left;
296 margin-bottom: 30px;
297 }
298 .footer .subject ol li {
299 display: inline-block;
300 text-align: center;
301 }
302 .footer .subject ol li:last-child {
303 margin-left: 60px;
304 }
305 .footer .subject ol li img {
306 width: 80px;
307 height: 80px;
308 }
309 .footer .subject ol li p {
310 font-size: 12px;
311 color: #CBCBCB;
312 margin-top: 5px;
313 }
...\ No newline at end of file ...\ No newline at end of file
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 <head>
5 <style>
6 </style>
7 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
8 <title>公示公告</title>
9 <script type="text/javascript" src="../staticJs/head.js"></script>
10 <link rel="stylesheet" type="text/css" href="../staticCss/gsgg.css">
11 </head>
12 <body>
13 <div class="navigation_crumbs">
14 <div class="contentBox">
15 <span class="layui-breadcrumb">
16 <a href="../index.html">首页</a>
17 <a><cite>公示公告</cite></a>
18 </span>
19 </div>
20 </div>
21 <div class="mainbody">
22 <div class="top">
23 <div class="top-title">
24 <span>标题内容:</span><input type="text" placeholder="请输入标题内容">
25 </div>
26 <div class="top-date">
27 <span>发布时间:</span> <input type="text" class="layui-input" id="date" placeholder="请选择时间">
28 </div>
29 <div class="top-serach">
30 <button>
31 <i class="layui-icon">&#xe615;</i>
32 查询
33 </button>
34 </div>
35 </div>
36 <div class="layui-tab layui-tab-brief" lay-filter="">
37 <ul class="layui-tab-title">
38 <li class="layui-this">全部</li>
39 <li>公示</li>
40 <li>公告</li>
41 </ul>
42 </div>
43 <!-- 列表区域 -->
44 <div class="listArea">
45 <div class="announcement_list">
46 <ul class="gglist" id="notice-list">
47 </ul>
48 <div id="test1"></div>
49 </div>
50 <div class="listArea_right">
51 <ul class="rightcontainer">
52 <h2 class="right-top">新闻推荐</h2>
53 <li class="tj">
54 <img src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg">
55 <span class="tj-title"> 爬山虎国土空间信息化解决方案</span>
56 <span class="tj-date">2020-12-12</span>
57 </li>
58 <li class="tj">
59 <img src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg">
60 <span class="tj-title"> 爬山虎国土空间信息化解决方案</span>
61 <span class="tj-date">2020-12-12</span>
62 </li>
63 </ul>
64 <ul class="diver">
65 <li></li>
66 </ul>
67 <ul class="rightcontainer">
68 <h2 class="zc-top">政策法规</h2>
69 <li>
70 <div class="zcfg">
71 <div class="zcfg-top">
72 爬山虎国土空间规划信息化解决
73 </div>
74 <div class="zcfg-body">
75 10月21日，农业农村部举行新闻发布会，介绍2020年前三季度农业农村经济形势。
76 </div>
77 <div class="zcfg-bottom">
78 2020-10-28
79 </div>
80 </div>
81 </li>
82 <li>
83 <div class="zcfg">
84 <div class="zcfg-top">
85 爬山虎国土空间规划信息化解决
86 </div>
87 <div class="zcfg-body">
88 10月21日，农业农村部举行新闻发布会，介绍2020年前三季度农业农村经济形势。
89 </div>
90 <div class="zcfg-bottom">
91 2020-10-28
92 </div>
93 </div>
94 </li>
95 </ul>
96 </div>
97 </div>
98 </div>
99 </body>
100 <script type="text/javascript" src="../staticJs/common.js"></script>
101 <script type="text/javascript" src="../staticJs/down.js"></script>
102 <script type="text/javascript" src="../staticJs/gsgg.js"></script>
103 <script id="demo" type="text/html">
104 {{# layui.each(d.list, function(index, item){ }}
105 <li>
106 <a href='./ggxq.html?id="{{item.id}}"' target="_blank">
107 <div class="gg">
108 {{# if(item.noticeType == 1){ }}
109 <svg class="icon svg-icon" aria-hidden="true">
110 <use xlink:href="#icongongshi"></use>
111 </svg>
112 {{# } }}
113 {{# if(item.noticeType == 2){ }}
114 <svg class="icon svg-icon" aria-hidden="true">
115 <use xlink:href="#icongonggao1"></use>
116 </svg>
117 {{# } }}
118 <p class="item_list">
119 {{item.title}}
120 </p>
121 </div>
122 </a>
123 </li>
124 {{# }); }}
125 </script>
126 </html>
...\ No newline at end of file ...\ No newline at end of file
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
5 <head> 4 <head>
6 <style> 5 <style>
7 </style> 6 </style>
...@@ -27,42 +26,10 @@ ...@@ -27,42 +26,10 @@
27 <h2>转移类</h2> 26 <h2>转移类</h2>
28 <p>商品房转移买卖转移登记</p> 27 <p>商品房转移买卖转移登记</p>
29 </div> 28 </div>
30 <ul class="app_progress"> 29 <div class="progressBar">
31 <li class="selected"> 30 <ul class="app_progress" id="app_progress">
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> 31 </ul>
32 </div>
66 <div class="query_results"> 33 <div class="query_results">
67 <!-- <div class="no_info"> 34 <!-- <div class="no_info">
68 <h2>温馨提示：未检测到完税信息！</h2> 35 <h2>温馨提示：未检测到完税信息！</h2>
...@@ -198,5 +165,39 @@ ...@@ -198,5 +165,39 @@
198 <script type="text/javascript" src="../staticJs/common.js"></script> 165 <script type="text/javascript" src="../staticJs/common.js"></script>
199 <script type="text/javascript" src="../staticJs/down.js"></script> 166 <script type="text/javascript" src="../staticJs/down.js"></script>
200 <script type="text/javascript" src="../staticJs/yyws.js"></script> 167 <script type="text/javascript" src="../staticJs/yyws.js"></script>
201 168 <script id="progress" type="text/html">
169 {{# layui.each(d.progressList, function(index, item){ }}
170 {{# if(item.stepState==2){ }}
171 <li class="item_proress">
172 <p class="active"></p>
173 <h5>{{item.stepName}}</h5>
174 </li>
175 <li class="layui-progress">
176 <div class="layui-progress-bar" lay-percent="100%"></div>
177 </li>
178 {{# } }}
179 {{# if(item.stepState==1){ }}
180 <li class="item_proress">
181 <p class="active"></p>
182 <h5>{{item.stepName}}</h5>
183 </li>
184 {{# if(index!=(d.progressList.length-1)){ }}
185 <li class="layui-progress">
186 <div class="layui-progress-bar" lay-percent="50%"></div>
187 </li>
188 {{# } }}
189 {{# } }}
190 {{# if(item.stepState==0){ }}
191 <li class="item_proress">
192 <p></p>
193 <h5>{{item.stepName}}</h5>
194 </li>
195 {{# if(index!=(d.progressList.length-1)){ }}
196 <li class="layui-progress">
197 <div class="layui-progress-bar" lay-percent="0%"></div>
198 </li>
199 {{# } }}
200 {{# } }}
201 {{# }); }}
202 </script>
202 </html> 203 </html>
...\ No newline at end of file ...\ No newline at end of file
......
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
5 <head> 4 <head>
6 <style> 5 <style>
7 </style> 6 </style>
...@@ -23,66 +22,44 @@ ...@@ -23,66 +22,44 @@
23 <div class="leftandright"> 22 <div class="leftandright">
24 <div class="left"> 23 <div class="left">
25 <ul class="leftContainer" id='ulNews'> 24 <ul class="leftContainer" id='ulNews'>
26
27 </ul> 25 </ul>
28 <div id="page"></div> 26 <div id="page"></div>
29 </div> 27 </div>
30 <div class="right"> 28 <div class="right">
31 <div class="right-top">
32 <h2>新闻推荐</h2>
33 </div>
34 <div class="right"> 29 <div class="right">
35 <div class="right-top"> 30 <div class="right-top">
36 <h2>新闻推荐</h2> 31 <h2>新闻推荐</h2>
37 </div> 32 </div>
38 <ul class="right-body"> 33 <ul class="right-body" id="news_recommendation">
39 <li class="tj">
40 <img
41 src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg">
42 <span class="tj-title">
43 爬山虎国土空间信息化解决方案
44 </span>
45 <span class="tj-date">
46 2020-12-12
47 </span>
48 </li>
49 <li class="tj">
50 <img
51 src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg">
52 <span class="tj-title">
53 爬山虎国土空间信息化解决方案
54 </span>
55 <span class="tj-date">
56 2020-12-12
57 </span>
58 </li>
59 </ul> 34 </ul>
60 <ul class="right-bottom"> 35 <ul class="right-bottom">
61 <div class="right-bottom-top"> 36 <div class="right-bottom-top">
62 <span>政策法规推荐</span> 37 <span>政策法规推荐</span>
63 </div> 38 </div>
39 <div id="regulation">
64 <li class="zcfg"> 40 <li class="zcfg">
65 <div class="zcfg-top"> 41 <div class="zcfg-top">
66 <span>爬山虎国土空间规划信息化解决</span> 42 爬山虎国土空间规划信息化解决
67 </div> 43 </div>
68 <div class="zcfg-body"> 44 <div class="zcfg-body">
69 <span>10月21日，农业农村部举行新闻发布会，介绍2020年前三季度农业农村经济形势。</span> 45 10月21日，农业农村部举行新闻发布会，介绍2020年前三季度农业农村经济形势。
70 </div> 46 </div>
71 <div class="zcfg-bottom"> 47 <div class="zcfg-bottom">
72 <span>2020-10-28</span> 48 2020-10-28
73 </div> 49 </div>
74 </li> 50 </li>
75 <li class="zcfg"> 51 <li class="zcfg">
76 <div class="zcfg-top"> 52 <div class="zcfg-top">
77 <span>爬山虎国土空间规划信息化解决</span> 53 爬山虎国土空间规划信息化解决
78 </div> 54 </div>
79 <div class="zcfg-body"> 55 <div class="zcfg-body">
80 <span>10月21日，农业农村部举行新闻发布会，介绍2020年前三季度农业农村经济形势。</span> 56 10月21日，农业农村部举行新闻发布会，介绍2020年前三季度农业农村经济形势
81 </div> 57 </div>
82 <div class="zcfg-bottom"> 58 <div class="zcfg-bottom">
83 <span>2020-10-28</span> 59 2020-10-28
84 </div> 60 </div>
85 </li> 61 </li>
62 </div>
86 </ul> 63 </ul>
87 </div> 64 </div>
88 </div> 65 </div>
...@@ -94,13 +71,17 @@ ...@@ -94,13 +71,17 @@
94 <script id="demo" type="text/html"> 71 <script id="demo" type="text/html">
95 {{# layui.each(d.list, function(index, item){ }} 72 {{# layui.each(d.list, function(index, item){ }}
96 <li> 73 <li>
97 <a class="left-top" title=" {{ item.headline }}" href="./xwxq.html" target="_blank"> 74 <a class="left-top" title=" {{ item.headline }}" href='./xwxq.html?id={{item.id}}' target="_blank">
98 {{ item.headline }} 75 {{ item.headline }}
99 </a> 76 </a>
100 <a class="xw" href="./news/xwxq.html" target="_blank"> 77 <a class="xw" href='./xwxq.html?id="{{item.id}}"' target="_blank">
101 <div class="xw-left"> 78 <div class="xw-left">
102 <img 79 {{# if(item.cover == null){ }}
103 src="{{ item.cover }}"> 80 <img src="../staticImages/news_demo.jpg">
81 {{# } }}
82 {{# if(item.cover != null){ }}
83 <img src="{{ item.cover }}">
84 {{# } }}
104 </div> 85 </div>
105 <div class="xw-right"> 86 <div class="xw-right">
106 <div class="left-body"> 87 <div class="left-body">
......
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
5 <head> 4 <head>
6 <style> 5 <style>
7 </style> 6 </style>
8 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 7 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
9 <title>新闻详情</title> 8 <title>新闻详情</title>
10 <script type="text/javascript" src="../../staticJs/head.js"></script> 9 <script type="text/javascript" src="../staticJs/head.js"></script>
11 <link rel="stylesheet" type="text/css" href="../../staticCss/xwxq.css"> 10 <link rel="stylesheet" type="text/css" href="../staticCss/xwxq.css">
12 </head> 11 </head>
13
14 <body> 12 <body>
15 <div> 13 <div>
16 <div class="main"> 14 <div class="main">
17 <div class="navigation_crumbs"> 15 <div class="navigation_crumbs">
18 <div class="contentBox"> 16 <div class="contentBox">
19 <span class="layui-breadcrumb"> 17 <span class="layui-breadcrumb">
20 <a href="../../index.html">首页</a> 18 <a href="../index.html">首页</a>
21 <a href="../xwdt.html">新闻动态</a> 19 <a href="./xwdt.html">新闻动态</a>
22 <a><cite>新闻详情</cite></a> 20 <a><cite>新闻详情</cite></a>
23 </span> 21 </span>
24 </div> 22 </div>
...@@ -26,9 +24,7 @@ ...@@ -26,9 +24,7 @@
26 <div class="mainbody"> 24 <div class="mainbody">
27 <div class="left"> 25 <div class="left">
28 <div class="title"> 26 <div class="title">
29 <div> 27 <div class="newsTitle"></div>
30 <span>党的十八大以来双拥工作综述:为实现中国梦强军梦凝聚强大力量</span>
31 </div>
32 </div> 28 </div>
33 <div class="left2"> 29 <div class="left2">
34 <div class="left-left"> 30 <div class="left-left">
...@@ -86,20 +82,7 @@ ...@@ -86,20 +82,7 @@
86 </div> 82 </div>
87 </div> 83 </div>
88 <div class="left-right"> 84 <div class="left-right">
89 <div class="body"> 85 <div class="body" id="newsList"></div>
90 近日，自然资源部印发《自然资源统计工作管理办法》，旨在规范自然资源统计管理工作，建立健全统计数据质量控制体系，提高自然资源统计数据的真实性，发挥统计在自然资源管理中的重要基础性作用，该办法将于2020年8月1日起施行。
91 《自然资源统计工作管理办法》 一、明确自然资源统计主要任务
92 对7大类自然资源对象（土地、矿产、森林、草原、湿地、水、海域海岛），以及其他统计对象（海洋经济、地质勘查、地质灾害、测绘地理信息、自然资源督察、行政管理）开展统计调查和统计分析，提供统计数据，实施统计监督。
93 二、明晰自然资源统计数据获取方式
94 自然资源统计数据获取方式主要有：资源调查、行政记录、联网直报、逐级上报。并定期公布统计数据，在政策制定、规划编制、监督考核时，需要使用数据的，以公布的统计数据为准。
95 三、健全自然资源统计数据的质控体系
96 加强源头控制，填报人对其填报、录入的原始数据的真实性、准确性负责。严格审核，各单位对其负责加工整理、汇总生成的数据进行严格审核，对数据质量负责；发现数据异常的，应当返回填报人核实修改。审核结果和修改情况记录留痕。　　完善统计流程，建立健全数据审核、签署、交接、归档等管理制度，建立违规干预统计工作记录制度和统计信用制度。加强技术校核，充分利用各种技术手段对数据进行校核，开展逻辑检验、数据抽查、实地核查，综合评估、控制和提升数据质量。
97 四、加强自然资源统计信息化建设
98 加强自然资源统计信息化建设，实现统计数据全流程信息化生产和管理。建立健全统一的自然资源统计数据平台，推进统计数据平台与业务信息系统的互联互通、数据交互共享。完善统计网络直报系统。
99 五、更新制度和办法保证统计工作推进
100 在2019年07月，自然资源部办公厅已经颁发了《关于印发自然资源统计调查制度的通知》，制定“1+8”的“综合+专业”统计调查制度体系。《自然资源统计工作管理办法》出台将会进一步支持各项自然资源统计调查执行工作。办法自2020年8月1日起施行，原国土资源部公布的《国土资源统计工作管理办法》、原国家海洋局公布的《国家海洋局综合统计暂行规定》、原国家测绘地理信息局公布的《测绘统计管理办法》同时废止。
101 《办法》中明确指出，自然资源部统计归口管理机构组织开展全国自然资源综合统计工作，推进信息化建设，信息化的建设离不开对数据的运筹帷幄。北京数慧结合自身多年对数据处理的“精湛工艺”，对自然资源业务的深度理解和丰富经验，开发自然资源统计业务信息系统，设计建立部自然资源统计数据库，实现历史统计数据的迁移、分析、转换，完成历史统计数据融合与应用，为自然资源部本级统计工作提供适应当前统计业务管理的统一工作平台，有效支撑统计数据报送审核、整合汇总、数据管理、报表生成、统计报告编制、数据综合分析、数据展示和空间分析、信息服务等全流程运转模式，实现统计信息审核机制，提升自然资源统计的数据业务管理能力、综合分析能力和决策支撑能力。
102 </div>
103 <div class="Mycomment"> 86 <div class="Mycomment">
104 <div class="commentTitle"><span>评论</span></div> 87 <div class="commentTitle"><span>评论</span></div>
105 <div class="comment-bottom"> 88 <div class="comment-bottom">
...@@ -275,8 +258,7 @@ ...@@ -275,8 +258,7 @@
275 </div> 258 </div>
276 </div> 259 </div>
277 </body> 260 </body>
278 <script type="text/javascript" src="../../staticJs/common.js"></script> 261 <script type="text/javascript" src="../staticJs/common.js"></script>
279 <script type="text/javascript" src="../../staticJs/down.js"></script> 262 <script type="text/javascript" src="../staticJs/down.js"></script>
280 <script type="text/javascript" src="../../staticJs/xwxq.js"></script> 263 <script type="text/javascript" src="../staticJs/xwxq.js"></script>
281
282 </html> 264 </html>
...\ No newline at end of file ...\ No newline at end of file
......
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
5 <head> 4 <head>
6 <style> 5 <style>
7 </style> 6 </style>
...@@ -236,5 +235,4 @@ ...@@ -236,5 +235,4 @@
236 {{# } }} 235 {{# } }}
237 {{# }); }} 236 {{# }); }}
238 </script> 237 </script>
239
240 </html> 238 </html>
...\ No newline at end of file ...\ No newline at end of file
......