chenyue
/
sr-iHealthwx
برگرفته از Amoy2/sr-iHealthwx


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270
							<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>添加病友圈回复</title>
    <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/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="../../../css/ss-style.css">
    <link rel="stylesheet" type="text/css" href="../css/zx-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>
    <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>
    <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.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 type="text/javascript" src="../../../js/commit_validate.js" ></script>
</head>
<body>
	<!--<div class="h45">
        <div class="demo-comtop">
            <a class="mui-action-back"></a>
            <h1>添加问题</h1>
        </div>
    </div>-->
	<ul class="n-list c-border-tb mt10 doc-detail">
		<li class="ptb12">
			<div class="n-list-key pr15 c-f17"><i class="required"></i>回复内容</div>
		</li>
		<li class="n-list-cover ptb12">
			<div class="n-list-info">
				<textarea id="txtContent" class="r-textarea" rows="4" placeholder="请填写您的回复内容，（请至少输入10个字）。"></textarea>
			</div>
		</li>
	</ul>
    <div class="mod mod-record mt15">
    	<!--新增图片上传-->
		<ul class="n-list">
			<li class="ptb12">
				<div class="n-list-key pr15 c-f17">上传报告、照片</div>
				<div class="n-list-info c-t-right">
					<p class="c-ccc c-f12 c-t-right img-count" id="image_tips">0/9</p>
				</div>
			</li>
			<li class="n-list-cover ptb12">
				<div class="upload-img mt10">
					<ul id="img_ul">
						<li id="add_img_li">
							<a href="javascript:;" class="add-btn" onclick="chooseImage()"></a>
						</li>
					</ul>
				</div>
			</li>
		</ul>
    </div>
    <div id="info" style="display:none;color: red;text-align: center"></div>
    <div id="info2" style="display:none;color: green;text-align: center"></div>
    <div class="mb15 mlr15 mt20">
        <a href="javascript:;" id="commit" class="c-btn c-btn-4dcd70 c-btn-full c-btn-radius c-f18">提交回复</a>
    </div>    
    &nbsp;
    <script>
        var dd = dialog({contentType:'load', skin:'bk-popup', content:'提交中...'});
	    var Request = new Object();
		Request = GetRequest(); 
		var code = Request["code"];
        $(function(){
			//从后台那边获取签名等信息
			var params = {};
			params.pageUrl = server + "wx/html/zxwz/html/patients-consult-reply.html?code=" + code;
			$.ajax(server + "weixin/getSign", {
				data: params,
				dataType: "json",
				type: "post",
				success: function(res){
					if (res.status == 200) {						
						var t = res.data.timestamp;
						var noncestr = res.data.noncestr;
						var signature = res.data.signature;
						wx.config({		
//							debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
						    appId: appId, // 必填，公众号的唯一标识
						    timestamp: t, // 必填，生成签名的时间戳
						    nonceStr: noncestr, // 必填，生成签名的随机串
						    signature: signature,// 必填，签名，见附录1
						    jsApiList: [
						    	'chooseImage',
						        'uploadImage'
						    ] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
						});
					} 
					else{
						dialog({
						  	title:'提示',
						  	skin:"ui-dialog ax-popup pror", 
						  	content:"获取微信签名失败", 
						  	ok: function (){}
						}).showModal();
						window.location.href = "online-consulting.html";
					}
				}
			});	
			//提交咨询
			document.querySelector("#commit").addEventListener("tap", function() {
				var data = {};
				data.consult = code;
				data.content = utf16toEntities($("#txtContent").val());
				if (validate(data)) {
					//验证通过执行
					dd.showModal();
		            var images = getImages();
		            if(images.length == 0){
		            	doSubmit(data);
		            }
		            else{
						uploadImage(data);
					}
				}
			});	
        })
        
        //验证信息
		function validate(data) {
			if (data.content == '') {
				dialog({contentType:'tipsbox', skin:'bk-popup' , content:'请描述您的回复内容'}).show();
				return false;
			}
			if (data.content.length > 500) {
				dialog({contentType:'tipsbox', skin:'bk-popup' , content:'请用500字以内完成您的回复'}).show();
				return false;
			}			
			if(data.content.length<10){
				dialog({contentType:'tipsbox', skin:'bk-popup' , content:'回复内容不能少于10个字'}).show();
				return false;
			}
			return true;
		}
		//微信上传图片
		var serverId = "";
		function chooseImage(){
			wx.chooseImage({
				count: 9-getImages().length,
		        success: function (res) {
			        for (var i in res.localIds) {
						appendFile(res.localIds[i]);
					}        
		        }
		    });
		}
		function uploadImage(data){
			var images = getImages();
			if (images.length == 0) {
		      return;
		    }
		    var i = 0, length = images.length;
		    serverId = "";
		    function upload() {
		      wx.uploadImage({
		        localId: images[i],
		        isShowProgressTips: 0,
		        success: function (res) {
		          i++;
		          if(serverId.length == 0){
		          	serverId = res.serverId;
		          }
		          else{
		          	serverId =serverId + "," + res.serverId;
		          }          
		          if (i < length) {
		            upload();
		          }
		          if(i == images.length){
		          	doSubmit(data);
		          }          
		        },
		        fail: function (res) {
		          alert(JSON.stringify(res));
		        }
		      });
		    }
		    upload();
		}
		// 添加文件
		function appendFile(p) {
			var amount = getImages().length;
			if (amount >= 8) {
				$("#add_img_li").hide();
			}
			if(amount < 9){
				var $li = $('<li>' + '   <img src="' + p + '" data-src="' + p + '" onclick="viewImg(this)">' + '  <a href="javascript:;" class="del-img" onclick="delImg(this)"><i class="iconfont icon-laji"></i></a>' + '</li>');
				var $add_img_li = $("#add_img_li");
				$add_img_li.before($li);
				$("#image_tips").text(getImages().length + "/9");
			}
		}
		//获取需要上传的图片
		function getImages() {
			var images = [];
			$("#img_ul").find("img").each(function() {
				var imgSrc = $(this).attr("data-src");
				images.push(imgSrc);
			});
			return images;
		}
		//查看图片
		function viewImg(dom) {
			var $img = $(dom);
			var thissrc = $img.attr("data-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()
			});
		};
		//删除图片
		function delImg(dom) {
			var $li = $(dom).parent();
			$li.remove();
			$("#image_tips").text(getImages().length + "/9");
			var amount = getImages().length;
			if(amount <= 8){
				$("#add_img_li").show();
			}
			return;
		}
		
		//微信sdk配置出错
		wx.error(function (res) {
		  alert("wx.error:" + res.errMsg);
		});
		
		//提交咨询
		function doSubmit(data) {
			data.mediaIds = serverId;
			sendPost('patient/consult/communication/reply', data, 'json', 'post', submitFailed, submitSuccess);
		}
		
		function submitFailed(res) {
			dd.close();
			if (res && res.msg) {
				dialog({contentType:'tipsbox', skin:'bk-popup' , content:res.msg}).show();      
			} else {
				dialog({contentType:'tipsbox', skin:'bk-popup' , content:'提交失败'}).show(); 
			}
		}
		
		function submitSuccess(res) {
			if (res.status == 200) {
				dd.close();
				window.history.go(-1);
				//window.location.href = "patients-consult-detail.html?code=" + code;
			} else {
				submitFailed(res);
			}
		}
    </script>
</body>
</html>