public-consult-detail.html 8.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>公共咨询</title>
  6. <meta name="author" content="yihu.com"/>
  7. <meta name="format-detection" content="telephone=no"/>
  8. <meta name="viewport"
  9. content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
  10. <meta name="apple-mobile-web-app-capable" content="yes"/>
  11. <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
  12. <link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
  13. <link rel="stylesheet" type="text/css" href="../../../css/cross.ui.css">
  14. <link rel="stylesheet" type="text/css" href="../../../iconfont/iconfont.css" />
  15. <link rel="stylesheet" type="text/css" href="../../../css/ss-style.css" />
  16. <script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
  17. <script src="../js/ui_search_one.js"></script>
  18. <link rel="stylesheet" type="text/css" href="../../../widget/mobiscroll/2.15.1/css/mobiscroll.css">
  19. <script src="../../../widget/mobiscroll/2.15.1/js/mobiscroll.js"></script>
  20. <link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
  21. <script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
  22. <script src="../../../js/mui.min.js"></script>
  23. <script src="../../../js/app.js"></script>
  24. <script src="../../../js/common_http.js"></script>
  25. <script type="text/javascript" src="../../../js/weixin_common.js" ></script>
  26. </head>
  27. <body>
  28. <!--<div class="h45">
  29. <div class="demo-comtop">
  30. <a class="mui-action-back"></a>
  31. <h1>共3个回答</h1>
  32. </div>
  33. </div>-->
  34. <div class="mt10 pb10">
  35. <div class="">
  36. <ul class="c-list c-border-tb zx-timper">
  37. <li class="">
  38. <div class=" c-avatar-m"><img id="photo" src=""></div>
  39. <div class="c-list-info">
  40. <h4 class="c-nowrap" id="name"></h4>
  41. <p class="c-nowrap" id="czrq"></p>
  42. </div>
  43. </li>
  44. <li class="c-list-label">
  45. <h2 class="c-333 c-f17 c-bold mb5" id="title" style="word-break: break-word;"></h2>
  46. <p class="c-333 c-f15">发病时间:<span id="when"></span></p>
  47. <p class="c-333 c-f15">疾病类型:<span id="diseaseName"></span></p>
  48. <p class="c-333 c-f15" style="word-break: break-word;">主要症状:<span id="content"></span></p>
  49. <p class="mt10 soper-pic" id="imageList"></p>
  50. </li>
  51. </ul>
  52. <div id="ulReply"></div>
  53. <a href="javascript:;" class="view-more c-37a6ed" id="view_more">点击查看更多</a>
  54. </div>
  55. </div>
  56. <div class="timper-addfix" onclick="add()"><i class="iconfont icon-jia"></i></div>
  57. <!-- 放置要缩放的图片的容器 -->
  58. <section class="imgzoom-pack">
  59. <div class="imgzoom-x">关闭</div>
  60. <div class="imgzoom-del"></div>
  61. <div class="imgzoom-img"><img src="" /></div>
  62. </section>
  63. <script>
  64. var d = dialog({contentType:'load', skin:'bk-popup'});
  65. var userAgent = window.localStorage.getItem(agentName);
  66. var Request = new Object();
  67. Request = GetRequest();
  68. var code = Request["code"];
  69. var id = 0;
  70. var pagesize = 10;
  71. var total = 0;
  72. $(function(){
  73. detailInfo();
  74. document.getElementById('view_more').addEventListener("tap", function() {
  75. reply();
  76. });
  77. });
  78. //填充咨询详情
  79. function detailInfo() {
  80. d.show();
  81. var data = {};
  82. data.consult = code;
  83. $.ajax(server + "patient/consult/public/info", {
  84. data: data,
  85. type: 'POST',
  86. dataType: 'json',
  87. beforeSend: function(request) {
  88. request.setRequestHeader("userAgent", userAgent);
  89. },
  90. error: function(res) {
  91. d.close();
  92. if(res.status == 999 || res.status == 998 || res.status == 997){
  93. loginUrl(res.status);
  94. return;
  95. }
  96. dialog({contentType:'tipsbox', skin:'bk-popup' , content:'加载失败'}).show();
  97. },
  98. success: function(res) {
  99. if(res.status == 999 || res.status == 998 || res.status == 997){
  100. loginUrl(res.status);
  101. }
  102. else if (res.status == 200) {
  103. var photo = res.data.photo;
  104. var name = res.data.name;
  105. var title = res.data.question;
  106. var when = res.data.when;
  107. var diseaseName = res.data.diseaseName;
  108. var content = res.data.content;
  109. var images = res.data.images;
  110. var czrq = res.data.czrq;
  111. var url1 = "../../../images/p-default.png";
  112. if(photo) url1 = photo;
  113. if(!name) name = "";
  114. if(!title) title = "";
  115. if(!when) when = "";
  116. if(!content) content = "";
  117. if(!diseaseName) diseaseName = "";
  118. if(!images) images = "";
  119. var imageList = images.split(',');
  120. if(!czrq) czrq = "";
  121. document.getElementById("photo").src = url1;
  122. document.getElementById("name").innerHTML = name;
  123. document.getElementById("czrq").innerHTML = czrq;
  124. document.getElementById("title").innerHTML = title;
  125. document.getElementById("when").innerHTML = when;
  126. document.getElementById("diseaseName").innerHTML = diseaseName;
  127. document.getElementById("content").innerHTML = content;
  128. if(imageList.length > 0){
  129. var html = "";
  130. for(var i=0; i<imageList.length; i++){
  131. if(imageList[i] != ""){
  132. html += "<img src='" + getImgUrl(imageList[i]) + "' onclick='viewImg(this)'>";
  133. }
  134. }
  135. document.getElementById("imageList").innerHTML = html;
  136. }
  137. d.close();
  138. reply();
  139. } else {
  140. d.close();
  141. dialog({contentType:'tipsbox', skin:'bk-popup' , content:'加载失败'}).show();
  142. }
  143. }
  144. });
  145. }
  146. //获取回复信息
  147. function reply() {
  148. d.show();
  149. var data = {};
  150. data.consult = code;
  151. data.id = id;
  152. data.pagesize = pagesize;
  153. $.ajax(server + "patient/consult/public/reply_list", {
  154. data: data,
  155. type: 'POST',
  156. dataType: 'json',
  157. beforeSend: function(request) {
  158. request.setRequestHeader("userAgent", userAgent);
  159. },
  160. error: function(res) {
  161. d.close();
  162. if(res.status == 999 || res.status == 998 || res.status == 997){
  163. loginUrl(res.status);
  164. return;
  165. }
  166. dialog({contentType:'tipsbox', skin:'bk-popup' , content:'加载失败'}).show();
  167. document.querySelector("#view_more").innerText = "数据加载失败";
  168. },
  169. success: function(res) {
  170. if(res.status == 999 || res.status == 998 || res.status == 997){
  171. loginUrl(res.status);
  172. }
  173. else if (res.status == 200) {
  174. if(res.isFirst){
  175. total = res.total;
  176. }
  177. if (res.list.length > 0) {
  178. var list = res.list;
  179. var $list = document.querySelector("#ulReply");
  180. for (var i = 0; i < list.length; i++) {
  181. id = list[i].id;
  182. var $ul = document.createElement("ul");
  183. $ul.className = "c-list discus";
  184. var photo = list[i].photo;
  185. if(photo == null || photo == ""){
  186. photo = "../../../images/p-default.png";
  187. }
  188. var content = '<li class="">';
  189. content += '<div class=" c-avatar-m"><img src="' + getImgUrl(photo) + '"></div>';
  190. content += '<div class="c-list-info"><h4 class="c-nowrap">' + list[i].name + '</h4>';
  191. content += '<p class="c-nowrap">' + list[i].czrq + '</p></div>';
  192. content += '<div class="c-list-action"><span>' + total + 'F</span></div>';
  193. content += '</li><li class="c-list-label c-333"><div class="c-list-info">'
  194. content += '<p class="c-333 c-f15" style="word-break: break-word;">' + list[i].content + "</p>";
  195. content += '<p>';
  196. var images = list[i].images;
  197. if(images == null) images = "";
  198. var imageList = images.split(',');
  199. if(imageList.length > 0){
  200. for(var j=0; j<imageList.length; j++){
  201. if(imageList[j] != ""){
  202. content += "<img style='height: 80px; width: 60px;' src='" + getImgUrl(imageList[j]) + "' onclick='viewImg(this)'>";
  203. }
  204. }
  205. }
  206. content += "</p></div></li>";
  207. $ul.innerHTML = content;
  208. $list.appendChild($ul);
  209. total = total - 1;
  210. }
  211. } else {
  212. document.querySelector("#view_more").innerText = "已无更多回复";
  213. }
  214. d.close();
  215. } else {
  216. d.close();
  217. dialog({contentType:'tipsbox', skin:'bk-popup' , content:'加载失败'}).show();
  218. document.querySelector("#view_more").innerText = "数据加载失败";
  219. }
  220. }
  221. });
  222. }
  223. function add(){
  224. window.location.href = "public-consult-reply.html?code=" + code;
  225. }
  226. //查看图片
  227. function viewImg(dom) {
  228. var $img = $(dom);
  229. var thissrc = $img.attr("src");
  230. var mWid = $(window).width();
  231. var mHei = $(window).height();
  232. 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>';
  233. $("body").append(nHtml);
  234. $(".delimgpop").click(function() {
  235. $(this).remove()
  236. });
  237. };
  238. </script>
  239. </body>
  240. </html>