teachers-consulting-list.html 7.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8" />
  5. <meta name="author" content="yihu.com" />
  6. <meta name="format-detection" content="telephone=no" />
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
  8. <meta name="apple-mobile-web-app-capable" content="yes" />
  9. <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  10. <title>我的咨询</title>
  11. <link rel="stylesheet" href="../../../css/cross.css" type="text/css" />
  12. <link rel="stylesheet" href="../css/wy-style.css" type="text/css" />
  13. <link rel="stylesheet" type="text/css" href="../css/zx-style.css">
  14. <script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
  15. <script type="text/javascript" src="../../../js/mui.min.js"></script>
  16. <script src="../../../js/app.js" type="text/javascript" charset="utf-8"></script>
  17. <script src="../../../js/common_http.js" type="text/javascript" charset="utf-8"></script>
  18. <link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
  19. <script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
  20. <script type="text/javascript" src="../../../js/weixin_common.js" ></script>
  21. </head>
  22. <body>
  23. <div class="c-main">
  24. <!--<div class="h45">
  25. <div class="demo-comtop">
  26. <a class="mui-action-back"></a>
  27. <h1>三师咨询记录</h1>
  28. </div>
  29. </div>-->
  30. <div class="h50" >
  31. <div class="labhold c-boxs c-border-b" >
  32. <ul class="c-lab-mor c-f17">
  33. <li id="unfinish_tab" class="hit"><a href="javascript:;">进行中</a></li>
  34. <li id="end_tab"><a href="javascript:;">已关闭</a></li>
  35. <!--<li id="cancel_tab"><a href="javascript:;">已取消</a></li>-->
  36. </ul>
  37. </div>
  38. </div>
  39. <div id="item1" class="solve-list">
  40. <ul class="c-list c-border-b" id="unfinish_list">
  41. </ul>
  42. <a href="javascript:;" class="view-more c-5b5b5b" id="view_more_unfinish">点击查看更多</a>
  43. </div>
  44. <div id="item2" class="solve-list" style="display:none;">
  45. <ul class="c-list c-border-b" id="finish_list">
  46. </ul>
  47. <a href="javascript:;" class="view-more c-5b5b5b" id="view_more_finish">点击查看更多</a>
  48. </div>
  49. <!--<div id="item3" class="solve-list" style="display:none;">
  50. <ul class="c-list c-border-b" id="cancel_list">
  51. </ul>
  52. <a href="javascript:;" class="view-more c-5b5b5b" id="view_more_cancel">点击查看更多</a>
  53. </div>-->
  54. </div>
  55. <script type="text/javascript">
  56. var d = dialog({contentType:'load', skin:'bk-popup'});
  57. var pagetype = 13;
  58. //分页参数
  59. var id1 = 0;
  60. var id2 = 0;
  61. var id3 = 0;
  62. $(function() {
  63. $(".c-lab-mor li").click(function() {
  64. $(".c-lab-mor li").removeClass("hit");
  65. $(this).addClass("hit");
  66. $(".solve-list").hide().eq($(this).index()).show();
  67. });
  68. checkUserAgent();
  69. })
  70. function queryInit(){
  71. var pageSize = 15;
  72. //初始化列表
  73. fillList(0, "item1", "unfinish_list", id1, pageSize);
  74. fillList(1, "item2", "finish_list", id2, pageSize);
  75. // fillList(-1, "item3", "cancel_list", id3, pageSize);
  76. //点击加载更多
  77. document.getElementById('view_more_unfinish').addEventListener("tap", function() {
  78. fillList(0, "item1", "unfinish_list", id1, pageSize);
  79. });
  80. document.getElementById('view_more_finish').addEventListener("tap", function() {
  81. fillList(1, "item2", "finish_list", id2, pageSize);
  82. });
  83. // document.getElementById('view_more_cancel').addEventListener("tap", function() {
  84. // fillList(-1, "item3", "cancel_list", id3, pageSize);
  85. // });
  86. }
  87. //填充列表
  88. function fillList(type, tab_id, listId, id, pageSize) {
  89. d.show();
  90. var userAgent = window.localStorage.getItem(agentName);
  91. var data = {};
  92. data.status = type; //咨询状态 0未结束,1已结束,-1 已取消
  93. data.id = id;
  94. data.pagesize = pageSize;
  95. $.ajax(server + "patient/consult/list", {
  96. data: data,
  97. type: 'POST',
  98. dataType: 'json',
  99. beforeSend: function(request) {
  100. request.setRequestHeader("userAgent", userAgent);
  101. },
  102. error: function(res) {
  103. if(res.status == 999 || res.status == 998 || res.status == 997){
  104. loginUrl(res.status);
  105. return;
  106. }
  107. getfail(tab_id);
  108. },
  109. success: function(res) {
  110. if(res.status == 999 || res.status == 998 || res.status == 997){
  111. loginUrl(res.status);
  112. }
  113. else if (res.status == 200) {
  114. if (res.list.length > 0) {
  115. var list = res.list;
  116. var $list = document.querySelector("#" + listId);
  117. for (var i = 0; i < list.length; i++) {
  118. var $li = document.createElement("li");
  119. var consultCode = list[i].code;
  120. var status = list[i].status;
  121. var comment = list[i].comment;
  122. $li.setAttribute('data-code', consultCode);
  123. $li.className = "c-list-text c-list-link c-list-cover";
  124. var content = '<div class="c-list-info">';
  125. content += '<h4 class="c-nowrap c-333 c-f17">'+ list[i].title + '</h4>';
  126. content += '<p class="c-nowrap c-333 c-f15">' + list[i].when + '</p>';
  127. content += '<p class="c-nowrap c-333 c-f15">' + list[i].time + '</p>';
  128. // if(status == 1){
  129. // if (comment == null || comment == '') {
  130. // content += '<span class="fr c-909090">';
  131. // content += ' <a onclick="jumpComment(\'' + list[i].code +'\')" class="c-btn-r c-btn-full-r c-btn-maincolor c-btn-rounded">';
  132. // content += '立即评价</a></span>';
  133. // } else {
  134. // content += '<span class="fr c-909090">已评价</span>';
  135. // }
  136. // }
  137. // else{
  138. // content += '<span class="list-icon arrow-right"></span>';
  139. // }
  140. content += '<span class="list-icon arrow-right"></span>';
  141. content += ' </div>';
  142. $li.innerHTML = content;
  143. $list.appendChild($li);
  144. if(status == 0 || status == 1){
  145. //绑定点击跳转
  146. $li.firstChild.addEventListener("tap", function() {
  147. window.open("consulting-doctor.html?status=" + status + "&consult=" + this.parentElement.getAttribute("data-code"));
  148. });
  149. }
  150. switch (status) {
  151. case 0:
  152. id1 = list[i].id;
  153. break;
  154. case 1:
  155. id2 = list[i].id;
  156. break;
  157. case -1:
  158. id3 = list[i].id;
  159. break;
  160. default:
  161. break;
  162. }
  163. }
  164. } else {
  165. notmore(tab_id);
  166. }
  167. d.close();
  168. } else {
  169. getfail(tab_id);
  170. }
  171. }
  172. });
  173. }
  174. //跳转到评价页面
  175. function jumpComment(code) {
  176. window.location.href = "../../zxwz/html/consulting-evaluate4.html?code=" + code;
  177. }
  178. function getfail(tab_id){
  179. d.close();
  180. switch (tab_id) {
  181. case "item1":
  182. document.querySelector("#view_more_unfinish").innerText = "数据加载失败";
  183. break;
  184. case "item2":
  185. document.querySelector("#view_more_finish").innerText = "数据加载失败";
  186. break;
  187. case "item3":
  188. document.querySelector("#view_more_cancel").innerText = "数据加载失败";
  189. break;
  190. default:
  191. break;
  192. }
  193. dialog({contentType:'tipsbox', skin:'bk-popup' , content:'加载失败'}).show();
  194. }
  195. function notmore(tab_id){
  196. switch (tab_id) {
  197. case "item1":
  198. document.querySelector("#view_more_unfinish").innerText = "已无更多";
  199. break;
  200. case "item2":
  201. document.querySelector("#view_more_finish").innerText = "已无更多";
  202. break;
  203. case "item3":
  204. document.querySelector("#view_more_cancel").innerText = "已无更多";
  205. break;
  206. default:
  207. break;
  208. }
  209. }
  210. </script>
  211. </body>
  212. </html>