chenyue
/
sr-iHealthwx
forked from Amoy2/sr-iHealthwx


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236
							<!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" type="text/css" href="../../../css/cross.css" />
    <link rel="stylesheet" type="text/css" href="../../../css/cross.ui.css">
    <link rel="stylesheet" type="text/css" href="../../../iconfont/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="../../../css/ss-style.css" />
    <script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
    <script src="../js/ui_search_one.js"></script>
    <link rel="stylesheet" type="text/css" href="../../../widget/mobiscroll/2.15.1/css/mobiscroll.css">
    <script src="../../../widget/mobiscroll/2.15.1/js/mobiscroll.js"></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 src="../../../js/mui.min.js"></script>
    <script src="../../../js/app.js"></script>
     <script src="../../../js/common_http.js"></script>
    <script type="text/javascript" src="../../../js/weixin_common.js" ></script>
</head>

<body>
<!--<div class="h45">
    <div class="demo-comtop">
        <a class="mui-action-back"></a>
        <h1>共3个回答</h1>
    </div>
</div>-->
<div class="mt10 pb10">
    <div class="">
        <ul class="c-list c-border-tb zx-timper">
            <li class="">
                <div class=" c-avatar-m"><img id="photo" src=""></div>
                <div class="c-list-info">
                    <h4 class="c-nowrap" id="name"></h4>
                    <p class="c-nowrap" id="czrq"></p>
                </div>
            </li>
            <li class="c-list-label">
                <h2 class="c-333 c-f17 c-bold mb5" id="title" style="word-break: break-word;"></h2>
                <p class="c-333 c-f15">疾病类型：<span id="diseaseName"></span></p>
                <p class="c-333 c-f15" style="word-break: break-word;">主要症状：<span id="content"></span></p>                
                <p class="mt10 soper-pic" id="imageList"></p>
            </li>
        </ul>
        <div id="ulReply">
        </div>
        <a href="javascript:;" class="view-more c-37a6ed" id="view_more">点击查看更多</a>
    </div>
</div>
<div class="timper-addfix" onclick="add()"><i class="iconfont icon-jia"></i></div>
<script>
	var d = dialog({contentType:'load', skin:'bk-popup'});
	var userAgent = window.localStorage.getItem(agentName);
	var Request = new Object();
	Request = GetRequest(); 
	var code = Request["code"];
	var id = 0;
	var pagesize = 10;
	var total = 0;
	$(function(){		
		detailInfo();    
    	document.getElementById('view_more').addEventListener("tap", function() {
			reply();
		});
	});
	//填充咨询详情
	function detailInfo() {
		d.show();
		var data = {};
		data.consult = code;
		$.ajax(server + "patient/consult/communication/info", {
			data: data,
			type: 'POST',
			dataType: 'json',
			beforeSend: function(request) {
	            request.setRequestHeader("userAgent", userAgent);
	        },
			error: function(res) {
				d.close();
				if(res.status == 999 || res.status == 998 || res.status == 997){
					loginUrl(res.status);
					return;
				}
				dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'加载失败'}).show();
			},
			success: function(res) {
				if(res.status == 999 || res.status == 998 || res.status == 997){
					loginUrl(res.status);
				}
				else if (res.status == 200) {
					var photo = getImgUrl(res.data.photo);
					var name = res.data.name;
					var title = res.data.question;
					var content = res.data.content;
					var diseaseName = res.data.diseaseName;
					var images = res.data.images;
					var czrq = res.data.czrq;
					
					var url1 = "../../../images/p-default.png";	
					if(photo) url1 = photo;
					if(!name) name = "";
					if(!title) title = "";
					if(!content) content = "";
					if(!diseaseName) diseaseName = "";
					if(!images) images = "";
					var imageList = images.split(',');					
					if(!czrq) czrq = "";
					
					document.getElementById("photo").src = url1;
					document.getElementById("name").innerHTML = name;
					document.getElementById("czrq").innerHTML = czrq;
					document.getElementById("title").innerHTML = title;
					document.getElementById("content").innerHTML = content;
					document.getElementById("diseaseName").innerHTML = diseaseName;
					if(imageList.length > 0){
						var html = "";
						for(var i=0; i<imageList.length; i++){
							if(imageList[i] != ""){
								html += "<img src='" + getImgUrl(imageList[i]) + "' onclick='viewImg(this)'>";
							}
						}
						document.getElementById("imageList").innerHTML = html;
					}
					d.close();
					reply();
				} else {
					d.close();
					dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'加载失败'}).show();
				}				
			}
		});	
	}
	//获取回复信息
	function reply() {
		d.show();
		var data = {};
		data.consult = code;
		data.id = id;
		data.pagesize = pagesize;
		$.ajax(server + "patient/consult/communication/reply_list", {
			data: data,
			type: 'POST',
			dataType: 'json',
			beforeSend: function(request) {
	            request.setRequestHeader("userAgent", userAgent);
	        },
			error: function(res) {
				d.close();
				if(res.status == 999 || res.status == 998 || res.status == 997){
					loginUrl(res.status);
					return;
				}
				dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'加载失败'}).show();
				document.querySelector("#view_more").innerText = "数据加载失败";
			},
			success: function(res) {
				if(res.status == 999 || res.status == 998 || res.status == 997){
					loginUrl(res.status);
				}
				else if (res.status == 200) {	
					if(res.isFirst){
						total = res.total;
					}
					if (res.list.length > 0) {								
						var list = res.list;
						var $list = document.querySelector("#ulReply");
						for (var i = 0; i < list.length; i++) {
							id = list[i].id;
							var $ul = document.createElement("ul");
							$ul.className = "c-list discus";														
							var photo = getImgUrl(list[i].photo);
							if(photo == null || photo == ""){
								photo = "../../../images/p-default.png";
							}
							var content = '<li class="">';
							content += '<div class=" c-avatar-m"><img src="' + photo + '"></div>';
							content += '<div class="c-list-info"><h4 class="c-nowrap">' + list[i].name + '</h4>';
							content += '<p class="c-nowrap">' + list[i].czrq + '</p></div>';
							content += '<div class="c-list-action"><span>' + total + 'F</span></div>';
							content += '</li><li class="c-list-label c-333"><div class="c-list-info">'
							content += '<p class="c-333 c-f15" style="word-break: break-word;">' + list[i].content + "</p>";
							content += '<p>';
							var images = list[i].images;
							if(images == null) images = "";
							var imageList = images.split(',');
							if(imageList.length  > 0){
								for(var j=0; j<imageList.length; j++){
									if(imageList[j] != ""){
										content += "<img style='height: 80px; width: 60px;' src='" + getImgUrl(imageList[j]) + "' onclick='viewImg(this)'>";
									}
								}
							}
							content += "</p></div></li>";
							$ul.innerHTML = content;
							$list.appendChild($ul);	
							total = total - 1;
						}
					} else {
						document.querySelector("#view_more").innerText = "已无更多回复";
					}
					d.close();
				} else {
					d.close();
					dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'加载失败'}).show();
					document.querySelector("#view_more").innerText = "数据加载失败";
				}
			}
		});	
	}
	function add(){
		window.location.href = "patients-consult-reply.html?code=" + code;
	}
	
	//查看图片
	function viewImg(dom) {
		var $img = $(dom);
		var thissrc = $img.attr("src");
		var mWid = $(window).width();
		var mHei = $(window).height();
		var nHtml = '<div class="delimgpop"><div class="del-img-box"><div class="del-img-con"><img class="del-pop-img" src="' + thissrc + '" style="max-width:' + mWid + 'px; max-height:' + mHei + 'px;"></div></div></div>';
		$("body").append(nHtml);
		$(".delimgpop").click(function() {
			$(this).remove()
		});
	};
	
</script>
</body>
</html>