Amoy2
/
sr-iHealthwx


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136
							<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<title>健康教育</title>
		<meta name="author" content="yihu.com" />
		<meta name="format-detection" content="telephone=no" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black" />
		<link rel="stylesheet" href="../../../css/cross.css" type="text/css" />
		<link rel="stylesheet" href="../../../css/cross.ui.css" type="text/css" />
		<link rel="stylesheet" type="text/css" href="../iconfont/2/iconfont.css">
		<link rel="stylesheet" type="text/css" href="../css/ss-style.css">
		<link rel="stylesheet" type="text/css" href="../../grzx/css/zx-style.css">
		<script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
		<script type="text/javascript" src="../../../js/mui.min.js"></script>
		<script src="../../../js/app.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../js/common_http.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
    	<script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
    	<script type="text/javascript" src="../../../js/weixin_common.js" ></script>
	</head>
	<body>
		<div class="main">
			<style>
				.news-box {
					height: 180px;
					background: url("../images/news2.jpg") no-repeat 50% 50%;
					background-size: 100% auto;
					position: relative;
				}
				
				.news-title {
					position: absolute;
					bottom: 0;
					background: rgba(0, 0, 0, .5);
				}
			</style>
			<!--<div class="h45">
				<div class="demo-comtop">
					<a class="mui-action-back"></a>
					<h1>健康教育</h1>
				</div>
			</div>--> 
			<!--<div class="news-box" onClick="openWebview('news-detail.html')">
				<div class="news-title plr15 ptb5 c-boxs width-100">
					<h2 class="c-f14 c-fff">皮肤过敏症 远离皮肤过敏10招全解决</h2>
					<p class="c-f11" style="color:rgba(255,255,255,.65)">军门社区 2016-04-05 星期二</p>
				</div>
			</div>-->

			<!--<div class="ptb10 plr15" style="color:#888;">脸部过敏会带来不便，如果一系列的感染会影响面容，还是需要及早治疗，那么你知道脸部皮肤过敏症的原因吗？脸部皮肤过敏该如何预防呢？</div>-->
			<div class="bgc-fff c-border-tb">
				<ul class="n-list news-list" id="list_ul">
				</ul>
			</div>
			<div class="labhold-con">
			    <div class="doc-recoder" id="divRecoder"></div>
			    <a href="javascript:;" class="view-more c-37a6ed" id="view_more">点击查看更多</a>
			</div>  
		</div>
	</body>
	<script type="text/javascript">
	    var d = dialog({contentType:'load', skin:'bk-popup'});
        var fy_id = 0;
        var pageSize = 10;
        var pagetype = 10;
        $(function() {			
        	$("#list_ul").html("");
            checkUserAgent();           
            //点击加载更多            
            document.getElementById('view_more').addEventListener("tap", function() {    
                queryInit();
            });
        });   
        
        function queryInit() {
			d.show();
            var data = {};
            data.id = fy_id;
            data.pagesize = pageSize;
            sendPost("patient/health/edu/list", data, "json", "post", queryListFailed, queryAppoListSuccesss);
        }
        function queryListFailed(res) {
            d.close().remove();
			if (res && res.msg) {
				dialog({contentType:'tipsbox', skin:'bk-popup' , content:res.msg}).show();      
			} else {
				dialog({contentType:'tipsbox', skin:'bk-popup' , content:'加载失败'}).show(); 
			}
        } 
         
        function queryAppoListSuccesss(res) {
            if (res.status == 200) {
                if (res.list.length > 0) {                    
                    var list = res.list;
                    var $list = document.querySelector("#list_ul");
                    for (var i = 0; i < list.length; i++) {
                        var $li = document.createElement("li");                        
                        var title = list[i].title;
                        var url = list[i].url;
                        var czrq = list[i].czrq;
                        $li.className = "n-list-cover n-list-link"; 
                        $li.setAttribute("attr_url", url);
						var content ="<div class='n-list-info'>";
						content +=	"<h4 class='c-nowrap c-f15 c-333 pb5'>"+title+"</h4>";
						content +=	"<p class='c-nowrap-multi c-f13 c-909090'>";
						content +=		"<i class='iconfont icon-xinwenmulu'></i>";
						content +=		"<span>"+czrq+"</span>"	;							 
						content +=	"</p>";
						content +="</div>";   
                        $li.innerHTML = content;
                        $list.appendChild($li);      
                        fy_id=list[i].id;
                    }
                } else {
                    document.querySelector("#view_more").innerText = "已无更多数据";
                }
                d.close().remove();
            } else {
                //非200则为失败
                queryListFailed(res);
            }
        }
	
		$(".news-list").on("tap", "li", function() {
			var title = this.querySelector("h4").innerText;
			var cont = this.querySelector("p").innerText;
			var attr_url = this.getAttribute("attr_url");
			var N_url="news-detail.html?title=" + title + "&news_url=" + attr_url;
			window.location.href=attr_url;
		})
	</script>

</html>