consult-record-more.html 4.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <title>咨询记录</title>
  7. <meta name="author" content="yihu.com" />
  8. <meta name="format-detection" content="telephone=no">
  9. <meta name="viewport" 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. <script src="../../../js/app.js" type="text/javascript" charset="utf-8"></script>
  13. <link rel="stylesheet" href="../../../css/cross.css">
  14. <link rel="stylesheet" href="../../../css/cross.ui.css">
  15. <link rel="stylesheet" href="../css/style.css">
  16. <link rel="stylesheet" type="text/css" href="../css/zx-style.css">
  17. </head>
  18. <body>
  19. <!--<div class="h45">
  20. <div class="demo-comtop">
  21. <a class="mui-action-back"></a>
  22. <h1>咨询记录</h1>
  23. </div>
  24. </div> -->
  25. <div class="labhold-con">
  26. <div class="doc-recoder" id="divRecoder"></div>
  27. </div>
  28. <div style="text-align: center;">
  29. <a href="javascript:;" class="view-more c-5b5b5b" id="view_more">点击查看更多</a>
  30. </div>
  31. </body>
  32. <script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
  33. <script type="text/javascript" src="../cross/js/cross.ui.js"></script>
  34. <script type="text/javascript" src="../../../js/mui.min.js"></script>
  35. <script type="text/javascript" src="../../../js/common_http.js" ></script>
  36. <script type="text/javascript" src="../../../js/weixin_common.js" ></script>
  37. <link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
  38. <script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
  39. <script type="text/javascript">
  40. var d = dialog({contentType:'load', skin:'bk-popup'});
  41. var id = 0;
  42. var pageSize = 15;
  43. $(function() {
  44. queryAppoList();
  45. //点击加载更多
  46. document.getElementById('view_more').addEventListener("click", function() {
  47. queryAppoList();
  48. });
  49. });
  50. function queryAppoList() {
  51. d.show();
  52. var data = {};
  53. data.id = id;
  54. data.pagesize = pageSize;
  55. sendPost("patient/consult/records", data, "json", "post", queryListFailed, queryAppoListSuccesss);
  56. }
  57. function queryListFailed(res) {
  58. d.close();
  59. if (res && res.msg) {
  60. dialog({contentType:'tipsbox', skin:'bk-popup' , content:res.msg}).show();
  61. } else {
  62. dialog({contentType:'tipsbox', skin:'bk-popup' , content:'加载失败'}).show();
  63. }
  64. }
  65. function queryAppoListSuccesss(res) {
  66. if (res.status == 200) {
  67. if (res.list.length > 0) {
  68. var list = res.list;
  69. var $list = document.querySelector("#divRecoder");
  70. for (var i = 0; i < list.length; i++) {
  71. var $li = document.createElement("div");
  72. id = list[i].id;
  73. var consultCode = list[i].code;
  74. var symptoms = list[i].symptoms;
  75. var type = list[i].type;
  76. var czrq = list[i].czrq;
  77. var typeName = "";
  78. switch (type) {
  79. case 1:
  80. typeName = "三师咨询";
  81. break;
  82. case 2:
  83. typeName = "家庭咨询";
  84. break;
  85. case 3:
  86. typeName = "图文咨询";
  87. break;
  88. case 4:
  89. typeName = "公共咨询";
  90. break;
  91. case 5:
  92. typeName = "病友圈";
  93. break;
  94. default:
  95. break;
  96. }
  97. $li.setAttribute('data-type', type);
  98. $li.setAttribute('data-code', consultCode);
  99. $li.className = "n-list c-border-b";
  100. var content = '<div class="n-list-li n-list-link ptb12">';
  101. content += '<div class="n-list-info">';
  102. content += '<h4 class="c-333 c-f17">'+ typeName + '</h4>';
  103. content += '<p class="c-nowrap c-909090 c-f15" style="word-break: break-word;">症&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp状:' + symptoms + '</p>';
  104. content += '<p class="c-909090 c-f15">就诊时间:' + czrq + '</p>';
  105. content += ' </div>';
  106. content += ' </div>';
  107. $li.innerHTML = content;
  108. $list.appendChild($li);
  109. }
  110. $(".n-list").click(function() {
  111. var code = this.getAttribute("data-code");
  112. var type = Number(this.getAttribute("data-type"));
  113. switch (type) {
  114. case 1:
  115. window.location.href = "consulting-doctor.html?consult=" + code;
  116. break;
  117. case 2:
  118. window.location.href = "consulting-doctor.html?consult=" + code;
  119. break;
  120. case 3:
  121. break;
  122. case 4:
  123. window.location.href = "public-consult-detail.html?code=" + code;
  124. break;
  125. case 5:
  126. window.location.href = "patients-consult-detail.html?code=" + code;
  127. break;
  128. default:
  129. break;
  130. }
  131. });
  132. } else {
  133. document.querySelector("#view_more").innerText = "已无更多";
  134. }
  135. d.close();
  136. } else {
  137. //非200则为失败
  138. queryListFailed(res);
  139. }
  140. }
  141. </script>
  142. </html>