miaofuhao
/
yiheRepair


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265
							<!DOCTYPE html>
<html lang="zh">

	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
		<title>首页</title>
		<!--[if lt IE 10]>
	    	<script>
	    		window.location.href = './ieTips.html';
	    	</script>
    	<![endif]-->
		<script src="./Script/Common/huayi.load.js"></script>
		<script src="./Script/Common/huayi.config.js"></script>
		<link rel="stylesheet" href="css/animate.min.css" />
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<style>
			.home_page {
				margin-top: 20px;
				position: relative;
				/* width: 298px;
				margin: 20% auto 0 auto;
				text-align: center;
				color: #333333; */
			}
			h1{
				text-align: center;
				font-weight: bold;
			}

			/* .home_page img {
				width: 298px;
				height: 94px;
			}

			.home_page h1 {
				font-size: 14px;
				margin-top: 26px;
				margin-bottom: 18px;
			}

			.home_page p {
				font-size: 12px;
				padding: 0;
				margin: 0;
			}

			.home_page p a {
				color: #249fea;
			} */
			.home_page img {
				width: 298px;
				height: 94px;
				position: absolute;
				z-index: -1;
				opacity: .3;
				left: 40%;
				bottom: 50%;
			}
			ul, ol, li {
			    list-style: none;
			    list-style-type: none;
			}
			.List2 li {
			    padding: 18px 4px 18px 60px;
			    display: block;
			    transition: all .6s;
			    border-bottom: 1px solid #e7e7e7;
			    position: relative;
			}
			.Right {
			    float: right;
			}
			.List2 .num {
			    width: 60px;
			    height: 61px;
			    position: absolute;
			    left: 0;
			    top: 0;
			    background: #fff;
			    color: red;
			    text-align: center;
			}
			.List2 .num i {
			    display: block;
			    width: 24px;
			    height: 24px;
			    line-height: 24px;
			    background: #689DFC;
			    border-radius: 5px;
			    position: absolute;
			    left: 15px;
			    top: 17px;
			    z-index: 10;
			    color: #fff;
			    font-style: normal;
			}
			.List2 a {
			    font-size: 16px;
				display: inline-block;
				width: 800px;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
			}
			A {
			    outline-style: none;
			    color: #444;
			    font-size: 14px;
			    text-decoration: none!important;
			    line-height: 150%;
			}
			.List2 .Black14 {
			    padding: 0 15px;
			}
			.Gray, .Gray a {
			    color: #666!important;
			    text-decoration: none;
			}
			.List2{
				/* background-image: url(img/hom_page_img.png);
				background-position: center;
				background-repeat: no-repeat; */
				margin-top: 20px;
				position: relative;
				z-index: 1;
			}
			.fenye {
			    padding: 40px 0 30px;
				text-align: right;
			}
			.fenye a {
			    background: #fff;
			    border: 1px solid #eee;
			    display: inline-block;
			    padding: 5px 15px;
			    border-radius: 2px;
			    transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;
			    cursor: pointer;
			}
			#updata{
				width: 50px;
				height: 30px;
				position: absolute;
				left: 10px;
				top: 10px;
				cursor: pointer;
				z-index: 10;
			}
		</style>
	</head>

	<body>
		<div class="container animated fadeInRight">
			<div class="home_page">
				<img src="img/updata2.png" alt="" id="updata">
				<h1>通告信息</h1>
				<div class="List2">
					<ul>
					</ul>
				</div>
				<div class="fenye">
					总共：<span class="total"></span>&nbsp;<a href="#" onclick="upPage()">上一页</a><a href="#" onclick="downPage()">下一页</a>
				</div>
				<!-- <div class="img"></div> -->
				<!-- <img src="img/hom_page_img.png" alt="图片" /> -->
				<!-- <h1>郑州市第一人民医院</h1> -->
				<!--<p>
    			联系我们请咨询 
    			&nbsp;&nbsp;<a href="javascript:;">在线客服</a>&nbsp;&nbsp;
    			或致电  
    			<a href="javascript:;">400-555-9999</a>
    		</p>-->
			</div>
		</div>

	</body>
	<script language="javascript" type="text/javascript" src="./css/layer/layer.js"></script>
	<script>
		var total=0;
		var index=1
		var $storages = window.localStorage;
		$(document).ready(function() {
			newOreder()
			getNoticInfor(index)
			setInterval(function(){
				getNoticInfor(index)
			},1000*60*2)
			
		})
		$('#updata').click(function(){
			location.reload()
		})
		function upPage(){
			if(index==1){
				return
			}
			console.log('上一页')
			index-=1
			getNoticInfor(index)
		}
		function downPage(){
			console.log(Math.ceil(total/8))
			if(index>=(Math.ceil(total/8))){
				return
			}
			console.log('下一页')
			index+=1;
			getNoticInfor(index)
		}
		function getNoticInfor(index){
			$.ajax({
				type: "get",
				url: huayi.config.callcenter_url + "testusertypeapi/api/TestUserType/getimportmassage",
				async: true,
				dataType: 'json',
				data:{
					conterinfo:'',
					PageIndex: index,
					PageSize: 8
				},
				success: function(data) {
					let str=''
					// data.data.rows.reverse()
					if (data.state.toLowerCase() == 'success') {
						let num=0
						data.data.rows.forEach(function(v,n){
							num=n+1
							str+='<li><span class="Right"><span class="Black14 Gray">'+v.createtime+'</span></span><span class="num"><i>'+num+'</i></span>'+
							'<a href="noticeDetail.html?id='+v.id+'">'+v.conterinfo+'</a></li>'
						})
						total=data.data.total
						$('.total').html(data.data.total)
						$('.List2 ul').html(str)
					}
			
				}
			});
		}
		function newOreder() {
			$.ajax({
				type: "post",
				url: huayi.config.callcenter_url + "equipmentapi/api/WoRepairBase/getnopjwocode",
				async: true,
				dataType: 'json',
				success: function(data) {
					if (data.state.toLowerCase() == 'success') {

						if (data.data.total > 0) {
							layer.confirm('你有待评价工单请尽快处理', {
								icon: 7,
								closeBtn: 0,
								btn: ['确定', '取消'], //按钮

							});
						}
					}

				}
			});
		}
	</script>
</html>