710 lines
		
	
	
		
			23 KiB
		
	
	
	
		
			Plaintext
		
	
	
	
			
		
		
	
	
			710 lines
		
	
	
		
			23 KiB
		
	
	
	
		
			Plaintext
		
	
	
	
| <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="mainMenu_Party.aspx.cs" Inherits="FineUIPro.Web.common.mainMenu_Party" %>
 | ||
| 
 | ||
| <!DOCTYPE html>
 | ||
| 
 | ||
| <html>
 | ||
| <head id="Head1" runat="server">
 | ||
|     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 | ||
|     <title>首页</title>
 | ||
|     <link href="../res/index/css/reset.css" rel="stylesheet" />
 | ||
|     <link href="../res/index/css/home.css" rel="stylesheet" />
 | ||
|     <link href="../res/index/css/swiper-3.4.2.min.css" rel="stylesheet" />
 | ||
|     <style type="text/css">
 | ||
|         * {
 | ||
|             box-sizing: border-box;
 | ||
|         }
 | ||
| 
 | ||
|         .flexV {
 | ||
|             flex-direction: column;
 | ||
|         }
 | ||
| 
 | ||
|         .wrap {
 | ||
|             height: 100%;
 | ||
|             padding: 15px;
 | ||
|         }
 | ||
| 
 | ||
|         .bottom-wrap {
 | ||
|             padding: 0;
 | ||
|             margin-bottom: 5px;
 | ||
|         }
 | ||
| 
 | ||
|             .bottom-wrap:last-child {
 | ||
|                 margin-bottom: 0;
 | ||
|             }
 | ||
| 
 | ||
|         .bw-item-content {
 | ||
|             padding: 5px;
 | ||
|         }
 | ||
| 
 | ||
|         .top {
 | ||
|             display: flex;
 | ||
|             display: -webkit-flex;
 | ||
|             overflow: hidden;
 | ||
|             width: 100%;
 | ||
|         }
 | ||
| 
 | ||
|         .bw-b-bottom {
 | ||
|            /* width: 100%;*/
 | ||
|             height: 100%;
 | ||
|         }
 | ||
| 
 | ||
|         .itemlr {
 | ||
|             margin: 0 5px;
 | ||
|         }
 | ||
| 
 | ||
|         .bw-b-bottom-up {
 | ||
|             border-radius: 0;
 | ||
|             height: 100%;
 | ||
|             margin: 0;
 | ||
|             box-shadow: none;
 | ||
|         }
 | ||
| 
 | ||
|         .yj-info {
 | ||
|             align-items: center;
 | ||
|             justify-content: center;
 | ||
|             width: 100%;
 | ||
|             height: 100%;
 | ||
|             color: red;
 | ||
|             font-size: 20px;
 | ||
|         }
 | ||
| 
 | ||
|             .yj-info .tit {
 | ||
|                 font-weight: 700;
 | ||
|                 margin-bottom: 20px;
 | ||
|             }
 | ||
| 
 | ||
|             .yj-info .tel {
 | ||
|                 font-weight: 700;
 | ||
|             }
 | ||
| 
 | ||
|         .tab-wrap {
 | ||
|             left: auto;
 | ||
|             right: 15px;
 | ||
|             top: 5px;
 | ||
|         }
 | ||
| 
 | ||
|         .tab .t-item {
 | ||
|             width: auto;
 | ||
|             padding: 5px 10px;
 | ||
|         }
 | ||
| 
 | ||
|         .bottom-list {
 | ||
|             height: 100px;
 | ||
|             padding: 15px;
 | ||
|             overflow: hidden;
 | ||
|             color: #fff;
 | ||
|             margin: 0 10px;
 | ||
|         }
 | ||
| 
 | ||
|             .bottom-list .bl-left {
 | ||
|                 float: left;
 | ||
|                 margin-right: 30px;
 | ||
|                 margin-left: 50px;
 | ||
|             }
 | ||
| 
 | ||
|             .bottom-list .bl-right {
 | ||
|                 float: right;
 | ||
|                 margin-right: 50px;
 | ||
|             }
 | ||
| 
 | ||
|         .tab .t-item {
 | ||
|             font-size: 12px;
 | ||
|         }
 | ||
| 
 | ||
|         .content-body {
 | ||
|             display: flex;
 | ||
|             flex-direction: column;
 | ||
|             flex: 3;
 | ||
|         }
 | ||
| 
 | ||
|             .content-body .content-item {
 | ||
|             }
 | ||
| 
 | ||
|         .part-item {
 | ||
|             display: flex;
 | ||
|             align-items: center;
 | ||
|         }
 | ||
| 
 | ||
|         .part-tag {
 | ||
|             display: flex;
 | ||
|             flex-direction: column;
 | ||
|             background-color: #107ca2;
 | ||
|             opacity: 0.8;
 | ||
|             flex: 1;
 | ||
|             border-radius: 10px;
 | ||
|         }
 | ||
| 
 | ||
|             .part-tag + .part-tag {
 | ||
|                 margin-left: 20px;
 | ||
|             }
 | ||
| 
 | ||
|         .item-top {
 | ||
|             display: flex;
 | ||
|             justify-content: center;
 | ||
|             align-items: center;
 | ||
|             font-size: 20px;
 | ||
|             color: #fff;
 | ||
|             border-bottom: 1px solid #f2f2f2;
 | ||
|             padding: 10px 0px;
 | ||
|         }
 | ||
| 
 | ||
|         .unit {
 | ||
|             display: flex;
 | ||
|             justify-content: flex-end;
 | ||
|             text-align: right;
 | ||
|             font-size: 16px;
 | ||
|             padding-right: 30px;
 | ||
|         }
 | ||
| 
 | ||
|         .num {
 | ||
|             display: flex;
 | ||
|             justify-content: center;
 | ||
|             flex: 1;
 | ||
|         }
 | ||
| 
 | ||
|         .unit-btn {
 | ||
|             display: flex;
 | ||
|             justify-content: center;
 | ||
|             padding: 10px 0px;
 | ||
|             font-size: 16px;
 | ||
|             color: #fff;
 | ||
|         }
 | ||
| 
 | ||
|         .do-btn {
 | ||
|             display: flex;
 | ||
|             justify-content: center;
 | ||
|             background-color: #107ca2;
 | ||
|             opacity: 0.8;
 | ||
|             flex: 1;
 | ||
|             border-radius: 10px;
 | ||
|             padding: 20px 0px;
 | ||
|             color: #fff;
 | ||
|         }
 | ||
|         .base-wrap{
 | ||
|            padding:15px 10px;
 | ||
|             height:100%;
 | ||
|         }
 | ||
|          .base-wrap .base-tit{
 | ||
|              font-size:12px;
 | ||
|              color:#fff;
 | ||
|         }
 | ||
|         .base-wrap .base-txt-wrap{
 | ||
|             margin-top:5px;
 | ||
|             background-color:#0B508B;
 | ||
|             border-radius:5px;
 | ||
|             color:#FFAE72;
 | ||
|             height:100%;
 | ||
|             align-items:center;
 | ||
|             justify-content:space-around;
 | ||
|         }
 | ||
|         .base-wrap .base-txt-wrap .num-1{
 | ||
|             background-color:#2A759C;
 | ||
|             padding:5px;
 | ||
|             font-size:40px;
 | ||
|         }
 | ||
|         .yj-info-1{
 | ||
|             height:100%;
 | ||
|         }
 | ||
|         .yj-info-1-list{
 | ||
|             color:#fff;
 | ||
|         }
 | ||
|         .yj-info-1 .telbg{
 | ||
|             height:100%;
 | ||
|             width:85px;
 | ||
|             background: url(../res/index/images/tel.png) center center no-repeat;
 | ||
|             background-size: contain;
 | ||
|         }
 | ||
|         .yj-info-1-list-item{
 | ||
|             padding:0 5px;
 | ||
|             background-color:#2A759C;
 | ||
|             margin-bottom:5px;
 | ||
|             font-size:12px;
 | ||
|             align-items:center;
 | ||
|             justify-content:center;
 | ||
|         }
 | ||
|          .yj-info-1-list-item:last-child{
 | ||
|               margin-bottom:0;
 | ||
|          }
 | ||
|          .yj-info-1-list-item .telnum{
 | ||
|              text-align:center;
 | ||
|              align-items:center;
 | ||
|              justify-content:center;
 | ||
|              display:flex;
 | ||
|          }
 | ||
|         .yj-info-1-info{
 | ||
|             color:#fff;
 | ||
|             background-color:#2A759C;
 | ||
|             text-align:center;
 | ||
|             font-size:16px;
 | ||
|             height:40px;
 | ||
|             line-height:40px;
 | ||
|             margin-top:5px;
 | ||
|         }
 | ||
|         .info-wrap{
 | ||
|             width:100%;
 | ||
|             height:100%;
 | ||
|             padding:5px 10px;
 | ||
|         }
 | ||
|         .info-wrap .info-item{
 | ||
|             align-items:center;
 | ||
|             justify-content: center;
 | ||
|             margin:0 20px;
 | ||
|         }
 | ||
|         .info-wrap .info-item .title {
 | ||
|             margin-bottom:5px;
 | ||
|              font-size:14px;
 | ||
|         }
 | ||
|         .info-wrap .info-item .item {
 | ||
|             width:100%;
 | ||
|             height: 40%;
 | ||
|             background-color:#267AA4;
 | ||
|             border-radius:15px;
 | ||
|             align-items:center;
 | ||
|             justify-content:space-around;
 | ||
|         }
 | ||
|         .info-wrap .info-item .item .i-num{
 | ||
|             color:#F48A5C;
 | ||
|             font-size:28px;
 | ||
|         }
 | ||
|         .info-wrap .info-item .item .i-num-c{
 | ||
|              color:#C1DF8E;
 | ||
|         }
 | ||
|         .tab .t-item {
 | ||
|             width: auto;
 | ||
|             padding: 5px 10px;
 | ||
|         }
 | ||
| 
 | ||
|         .tit-item {
 | ||
|             padding: 0 10px;
 | ||
|             color: #fff;
 | ||
|             justify-content: space-between;
 | ||
|             font-size: 12px;
 | ||
|         }
 | ||
| 
 | ||
|         .tip-item {
 | ||
|             margin-left: 10px;
 | ||
|             align-items: center;
 | ||
|             font-size: 10px;
 | ||
|         }
 | ||
| 
 | ||
|         .tip {
 | ||
|             width: 25px;
 | ||
|             height: 13px;
 | ||
|             background-color: #258F76;
 | ||
|             border-radius: 2px;
 | ||
|             margin-right: 5px;
 | ||
|         }
 | ||
| 
 | ||
|         .tip-next {
 | ||
|             background-color: #92BF55;
 | ||
|         }
 | ||
|         .mglone{
 | ||
|             margin-left: 2px;
 | ||
|         }
 | ||
|         .mgrone{
 | ||
|              margin-right: 2px;
 | ||
|         }
 | ||
|          .mgbone{
 | ||
|              margin-bottom: 2px;
 | ||
|         }
 | ||
|         .pdtb0{
 | ||
|             padding-top:0 !important;
 | ||
|             padding-bottom:0 !important;
 | ||
|         }
 | ||
|         .tit-center{
 | ||
|             text-align:center;
 | ||
|             font-size:12px;
 | ||
|         }
 | ||
|         .tit-one{
 | ||
|            padding: 10px 0; 
 | ||
|         }
 | ||
|         .content-ul .c-item .tit {
 | ||
|  display:block;
 | ||
| position:relative;
 | ||
| padding-left: 2em;
 | ||
| }
 | ||
| 
 | ||
| 
 | ||
| .content-ul .c-item .tit::before {
 | ||
|   content: '';
 | ||
|   position: absolute;
 | ||
|   border-color: #57B8BD;
 | ||
|   border-style: solid;
 | ||
|   border-width: 0.25em;
 | ||
|   height: 0;
 | ||
|   top: 0;
 | ||
|   left: 0.6em;
 | ||
|   margin-top: 0.5em;
 | ||
|   width: 0;
 | ||
|   border-radius:50%;
 | ||
| }
 | ||
| 
 | ||
| .content-ul .c-item .tit-read::before {
 | ||
|   content: '';
 | ||
|   position: absolute;
 | ||
|   border-color: #ffffff;
 | ||
|   border-style: solid;
 | ||
|   border-width: 0.25em;
 | ||
|   height: 0;
 | ||
|   top: 0;
 | ||
|   left: 0.6em;
 | ||
|   margin-top: 0.25em;
 | ||
|   width: 0;
 | ||
|   border-radius:50%
 | ||
| }
 | ||
| .content-ul .c-item .tit .tit-t{
 | ||
|    flex:1;  
 | ||
|    min-width: 0;
 | ||
|    overflow: hidden;
 | ||
|             white-space: nowrap;
 | ||
|             text-overflow: ellipsis;
 | ||
|             word-break: keep-all;
 | ||
|  }
 | ||
| 
 | ||
| .content-ul .c-item.disabled .tit::before{
 | ||
|   display:none !important;
 | ||
| }
 | ||
| 
 | ||
| .content-ul .c-item .tit .tit-v{
 | ||
|   margin-left: 12px;
 | ||
|   width: 80px;  
 | ||
|  }
 | ||
| .top-wrap{
 | ||
|     width: 100%;
 | ||
|     height: 100%;
 | ||
|     justify-content: center;
 | ||
|     align-items:center;
 | ||
|     /*上移,数字能居中*/
 | ||
|     margin-top:-18px;
 | ||
| }
 | ||
| .top-desc{
 | ||
|      margin-bottom: 15px;
 | ||
|      width:100%;
 | ||
|      padding: 0 10px;
 | ||
| }
 | ||
| .content-1 {
 | ||
|    width: 100%;
 | ||
|     margin-bottom: 5px;
 | ||
|     align-items: center;
 | ||
|     padding:0 15px;
 | ||
| }
 | ||
| 
 | ||
| .content-1 .cc-num-wrap {
 | ||
|    justify-content: space-around;
 | ||
|     align-items:center;
 | ||
| }
 | ||
| 
 | ||
| .content-1 .cc-num-wrap .cc-num {
 | ||
|     color: #F4B286;
 | ||
|     background-color: #4967AD;
 | ||
|     font-size: 38px;
 | ||
|     /* padding: 0 2px; */
 | ||
|     display: flex;
 | ||
|     align-items: center;
 | ||
|     justify-content: center;
 | ||
|     height: 60px;
 | ||
|     width: 40px;
 | ||
|     border-radius:6px;
 | ||
| }
 | ||
| 
 | ||
| .content-1 .unit1 {
 | ||
|     margin-left: 6px;
 | ||
|     font-size: 16px;
 | ||
|     color: #fff;
 | ||
| }
 | ||
| 
 | ||
| .tab-tit{
 | ||
|     padding:10px;
 | ||
|     height:40px;
 | ||
| }
 | ||
| .swiper-container-img {
 | ||
|     width: 100%;
 | ||
|     height: 100%;
 | ||
| }
 | ||
| .swiper-container-img .swiper-slide {
 | ||
|     text-align: center;
 | ||
|     font-size: 18px;
 | ||
|     /*background: #000;*/
 | ||
|         
 | ||
| }
 | ||
| .swiper-container-img .swiper-slide img {
 | ||
|     /*图片的宽高自动,可以设置100%撑满*/
 | ||
|     width: 100%;
 | ||
|     height: auto;
 | ||
|     max-width: 100%;
 | ||
|     max-height: 100%;
 | ||
|     -ms-transform: translate(-50%, -50%);
 | ||
|     -webkit-transform: translate(-50%, -50%);
 | ||
|     -moz-transform: translate(-50%, -50%);
 | ||
|     transform: translate(-50%, -50%);
 | ||
|     position: absolute;
 | ||
|     left: 50%;
 | ||
|     top: 50%;
 | ||
| }
 | ||
| 
 | ||
| .swiper-container-img .swiper-slide .title {
 | ||
|     font-size: 16px;
 | ||
|     font-weight: 300;
 | ||
|     position: relative;
 | ||
|     z-index: 99;
 | ||
|     color: #0B508B;
 | ||
|     text-align: left;
 | ||
|     text-indent: 45px;
 | ||
| }
 | ||
| 
 | ||
|     </style>
 | ||
| </head>
 | ||
| <body>
 | ||
|     <div class="wrap flex flexV">
 | ||
|         <div class="bottom-wrap flex1">
 | ||
|             <div class="top flex">
 | ||
|                 <div class="bw-b-bottom flex1 mgrone">
 | ||
|                     <div class="bw-b-bottom-up flex flexV">
 | ||
|                         <div class="tab-tit">组织生活会</div>
 | ||
|                         <div class="bw-item-content flex1">
 | ||
|                             <!-- Swiper -->
 | ||
|                             <div class="swiper-container swiper-container-img" id="swiperImg">
 | ||
|                                 <div class="swiper-wrapper">
 | ||
|                                     <%= swiperHtml1 %>
 | ||
|                                     <%--<div class="swiper-slide">
 | ||
|                                         <div class="title">Slide 1</div>
 | ||
|                                         <!-- Required swiper-lazy class and image source specified in data-src attribute -->
 | ||
|                                         <img data-src="http://lorempixel.com/1600/1200/nature/1" class="swiper-lazy">
 | ||
|                                         <!-- Preloader image -->
 | ||
|                                         <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div>
 | ||
|                                     </div>
 | ||
|                                     <div class="swiper-slide">
 | ||
|                                         <div class="title">Slide 2</div>
 | ||
|                                         <img data-src="http://lorempixel.com/1600/1200/nature/2" class="swiper-lazy">
 | ||
|                                         <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div>
 | ||
|                                     </div>
 | ||
|                                     <div class="swiper-slide">
 | ||
|                                         <div class="title">Slide 3</div>
 | ||
|                                         <img data-src="http://lorempixel.com/1600/1200/nature/3" class="swiper-lazy">
 | ||
|                                         <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div>
 | ||
|                                     </div>
 | ||
|                                     <div class="swiper-slide">
 | ||
|                                         <div class="title">Slide 4</div>
 | ||
|                                         <img data-src="http://lorempixel.com/1600/1200/nature/4" class="swiper-lazy">
 | ||
|                                         <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div>
 | ||
|                                     </div>
 | ||
|                                     <div class="swiper-slide">
 | ||
|                                         <div class="title">Slide 5</div>
 | ||
|                                         <img data-src="http://lorempixel.com/1600/1200/nature/5" class="swiper-lazy">
 | ||
|                                         <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div>
 | ||
|                                     </div>
 | ||
|                                     <div class="swiper-slide">
 | ||
|                                         <div class="title">Slide 6</div>
 | ||
|                                         <img data-src="http://lorempixel.com/1600/1200/nature/6" class="swiper-lazy">
 | ||
|                                         <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div>
 | ||
|                                     </div>--%>
 | ||
|             
 | ||
|                                 </div>
 | ||
|                                 <!-- Add Pagination -->
 | ||
|                                 <div class="swiper-pagination swiper-pagination-white"></div>
 | ||
|                                 <!-- Navigation -->
 | ||
|                                 <div class="swiper-button-next swiper-button-white"></div>
 | ||
|                                 <div class="swiper-button-prev swiper-button-white"></div>
 | ||
|                             </div>
 | ||
|                         </div>
 | ||
|                     </div>
 | ||
|                 </div>
 | ||
|                 <div class="bw-b-bottom flex1">
 | ||
|                     <div class="bw-b-bottom-up flex flexV">
 | ||
|                         <div class="tab-tit">主题党日活动</div>
 | ||
|                         <div class="bw-item-content flex1">
 | ||
|                             <!-- Swiper -->
 | ||
|                             <div class="swiper-container swiper-container-img" id="swiperImg1">
 | ||
|                                 <div class="swiper-wrapper">
 | ||
|                                     <%= swiperHtml2 %>
 | ||
|                                     <%--<div class="swiper-slide">
 | ||
|                                         <div class="title">Slide 1</div>
 | ||
|                                         <!-- Required swiper-lazy class and image source specified in data-src attribute -->
 | ||
|                                         <img data-src="http://lorempixel.com/1600/1200/nature/1" class="swiper-lazy">
 | ||
|                                         <!-- Preloader image -->
 | ||
|                                         <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div>
 | ||
|                                     </div>
 | ||
|                                     <div class="swiper-slide">
 | ||
|                                         <div class="title">Slide 2</div>
 | ||
|                                         <img data-src="http://lorempixel.com/1600/1200/nature/2" class="swiper-lazy">
 | ||
|                                         <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div>
 | ||
|                                     </div>
 | ||
|                                     <div class="swiper-slide">
 | ||
|                                         <div class="title">Slide 3</div>
 | ||
|                                         <img data-src="http://lorempixel.com/1600/1200/nature/3" class="swiper-lazy">
 | ||
|                                         <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div>
 | ||
|                                     </div>
 | ||
|                                     <div class="swiper-slide">
 | ||
|                                         <div class="title">Slide 4</div>
 | ||
|                                         <img data-src="http://lorempixel.com/1600/1200/nature/4" class="swiper-lazy">
 | ||
|                                         <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div>
 | ||
|                                     </div>
 | ||
|                                     <div class="swiper-slide">
 | ||
|                                         <div class="title">Slide 5</div>
 | ||
|                                         <img data-src="http://lorempixel.com/1600/1200/nature/5" class="swiper-lazy">
 | ||
|                                         <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div>
 | ||
|                                     </div>
 | ||
|                                     <div class="swiper-slide">
 | ||
|                                         <div class="title">Slide 6</div>
 | ||
|                                         <img data-src="http://lorempixel.com/1600/1200/nature/6" class="swiper-lazy">
 | ||
|                                         <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div>
 | ||
|                                     </div>--%>
 | ||
|             
 | ||
|                                 </div>
 | ||
|                                 <!-- Add Pagination -->
 | ||
|                                 <div class="swiper-pagination swiper-pagination-white"></div>
 | ||
|                                 <!-- Navigation -->
 | ||
|                                 <div class="swiper-button-next swiper-button-white"></div>
 | ||
|                                 <div class="swiper-button-prev swiper-button-white"></div>
 | ||
|                             </div>
 | ||
|                         </div>
 | ||
|                     </div>
 | ||
|                 </div>
 | ||
|             </div>
 | ||
|         </div>
 | ||
|         <div class="bottom-wrap flex1">
 | ||
|             <div class="top flex">
 | ||
|                 <div class="bg-item flex1 mgrone" id="divJD_wrap" style="margin-bottom:0;">
 | ||
|                     <div class="bw-item-content flex flexV" style="padding:0;">
 | ||
|                         <div class="tit-new">党员先锋岗、示范岗</div>
 | ||
|                         <div class="" style="padding: 0 10px 0; overflow: hidden;">
 | ||
|                             <div class="swiper-container " id='swiper1' runat="server">
 | ||
|                             </div>
 | ||
|                         </div>
 | ||
|                     </div>
 | ||
|                 </div>
 | ||
|                 <div class="bg-item flex1" style="margin-bottom:0;">
 | ||
|                     <div class="bw-item-content flex flexV" style="padding:0;">
 | ||
|                         <div class="tit-new">党史学习教育</div>
 | ||
|                         <div class="" style="padding: 0 10px 0; overflow: hidden;">
 | ||
|                             <div class="swiper-container " id='swiper2' runat="server">
 | ||
|                             </div>
 | ||
|                         </div>
 | ||
|                     </div>
 | ||
|                 </div>
 | ||
|             </div>
 | ||
|         </div>
 | ||
|     </div>
 | ||
| </body>
 | ||
| <script type="text/javascript" src="../res/index/js/jquery-3.4.1.min.js"></script>
 | ||
| <script type="text/javascript" src="../res/index/js/swiper-3.4.2.jquery.min.js"></script>
 | ||
| <script type="text/javascript">
 | ||
|     var basePath = '<%= ResolveUrl("~/") %>';
 | ||
| 
 | ||
|    
 | ||
| </script>
 | ||
| <!-- Swiper JS -->
 | ||
| <script src="../package/swiper-bundle.min.js"></script>
 | ||
| <script type="text/javascript">
 | ||
|     $(document).ready(function () {
 | ||
|         var widthImg = $(".swiper-container-img").width();
 | ||
|         $(".swiper-container-img").css("width", widthImg + 'px')
 | ||
|  
 | ||
|         var swiperImg = new Swiper('#swiperImg', {
 | ||
|             nextButton: '.swiper-button-next',
 | ||
|             prevButton: '.swiper-button-prev',
 | ||
|             pagination: '.swiper-pagination',
 | ||
|             paginationClickable: true,
 | ||
|             // Disable preloading of all images
 | ||
|             preloadImages: false,
 | ||
|             // Enable lazy loading
 | ||
|             lazyLoading: true,
 | ||
|             autoplay: 3000,
 | ||
|             loop: true,
 | ||
|             preventClicks: true
 | ||
|         });
 | ||
| 
 | ||
|         var swiperImg1 = new Swiper('#swiperImg1', {
 | ||
|             nextButton: '.swiper-button-next',
 | ||
|             prevButton: '.swiper-button-prev',
 | ||
|             pagination: '.swiper-pagination',
 | ||
|             paginationClickable: true,
 | ||
|             // Disable preloading of all images
 | ||
|             preloadImages: false,
 | ||
|             // Enable lazy loading
 | ||
|             lazyLoading: true,
 | ||
|             autoplay: 3000,
 | ||
|             loop: true,
 | ||
|             preventClicks: false
 | ||
|         });
 | ||
| 
 | ||
| 
 | ||
|         $("#swiperImg,#swiperImg1").on('click', '.swiper-slide', function () {
 | ||
|             var data = $(this).attr("data-id");
 | ||
|             window.open(data);
 | ||
|         });
 | ||
|     })
 | ||
|     
 | ||
| </script>
 | ||
| <script type="text/javascript">
 | ||
|     var slidesNum = 5
 | ||
|     var mySwiper = null
 | ||
|     var mySwiper_JD = null
 | ||
|     var slidesNum_JD = 15
 | ||
|     var swiper3 = '<%=swiper3 %>'
 | ||
|     var accident = { "title": "质量事故", "xFontNum": 0, "legend": null, "categories": ["潮州华瀛", "黄州危废", "山东滨州首站", "嘉盛工程", "湘渝盐化", "东华能源", "广汇启东", "重庆涪陵", "开阳PPA项目", "广西华谊", "金新锅炉", "兴力项目", "济民可信", "哈密广汇", "俄罗斯", "印尼罐区", "印度TALCHER", "天津渤化", "宜都兴发", "图克二期", "云华安"], "series": [{ "name": null, "type": null, "data": [0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0], "data2": [0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0], "data3": [0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0], "data4": [34.56, 37.80, 21.00, 0.00, 6.00, 29.45, 43.12, 29.00, 0.00, 2.84, 95.00, 95.00, 90.00, 23.00, 39.00, 15.00, 17.23, 50.00, 99.00, 86.00, 64.00], "dataString": null, "dataObject": null, "jd": null, "sg": null, "time": null, "ht": null, "convert": null, "pieData": null, "loc": null }], "series2": null }
 | ||
|     $(document).ready(function () {
 | ||
|         var height = $("#divJD_wrap").height() - 30
 | ||
|         var width = $("#divJD_wrap").width()
 | ||
|         $("#swiper1").css("height", (height) + 'px').css("width", (width - 30) + 'px')
 | ||
|         slidesNum = Math.floor((height) / 24)
 | ||
|         $("#swiper1").html(swiper3)
 | ||
|         mySwiper = new Swiper('#swiper1', {
 | ||
|             autoplay: 3000,//可选选项,自动滑动
 | ||
|             direction: 'vertical',
 | ||
|             loop: true,
 | ||
|             slidesPerView: 7
 | ||
|         })
 | ||
| 
 | ||
| 
 | ||
|         $("#swiper2").css("height", (height) + 'px').css("width", (width - 30) + 'px')
 | ||
|        var swiper4 = '<%=swiper4 %>'
 | ||
|         $("#swiper2").html(swiper4)
 | ||
|         if (accident.categories.length > slidesNum) {
 | ||
|             mySwiper_JD = new Swiper('#swiper2', {
 | ||
|                 autoplay: 3000,//可选选项,自动滑动
 | ||
|                 direction: 'vertical',
 | ||
|                 loop: true,
 | ||
|                 slidesPerView: 7
 | ||
|             })
 | ||
|         }
 | ||
|     })
 | ||
| </script>
 | ||
| <script>
 | ||
|      // 点击列表
 | ||
|     $("#swiper1").on('click', 'li', function () {
 | ||
|         var $this = $(this)
 | ||
|         var data = $this.attr("data-id")
 | ||
|         var noticeId = $this.attr("notice-id")
 | ||
| 
 | ||
|         //$(".project-list-wrap").show();
 | ||
|         //return
 | ||
|         if (data != "") {
 | ||
|             //Window1.GetShowReference(data) + "return false;";
 | ||
|             //document.getElementById("hdNoticeId").value = noticeId;
 | ||
|             //document.getElementById("imgBtn").click();
 | ||
|             window.open(data);
 | ||
|             //top.window.location.reload();
 | ||
|         }
 | ||
|     })
 | ||
| 
 | ||
| 
 | ||
|     // 点击列表
 | ||
|     $("#swiper2").on('click', 'li', function () {
 | ||
|         var $this = $(this)
 | ||
|         var data = $this.attr("data-id")
 | ||
|         var noticeId = $this.attr("notice-id")
 | ||
| 
 | ||
|         //$(".project-list-wrap").show();
 | ||
|         //return
 | ||
|         if (data != "") {
 | ||
|             //Window1.GetShowReference(data) + "return false;";
 | ||
|             //document.getElementById("hdNoticeId").value = noticeId;
 | ||
|             //document.getElementById("imgBtn").click();
 | ||
|             window.open(data);
 | ||
|             //top.window.location.reload();
 | ||
|         }
 | ||
|     })
 | ||
| </script>
 | ||
| </html>
 |