health-index-bloodsugar-history.js 4.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179
  1. var sortDate="";
  2. var pageSize = 10;
  3. $(function() {
  4. //加载本地数据
  5. // var temp = plus.storage.getItem("bloodsugar_history");
  6. // if (temp) {
  7. // document.getElementById("item").innerHTML = temp;
  8. // }
  9. clearHTML();
  10. queryList(sortDate,pageSize);
  11. //点击加载更多
  12. $("#view_more").on("tap", function() {
  13. queryList(sortDate,pageSize);
  14. console.log("加载更多");
  15. });
  16. });
  17. function queryList(sortDate,pageSize) {
  18. //显示进度条
  19. // plus.nativeUI.showWaiting();
  20. //发送请求
  21. queryListByType(1,sortDate, pageSize, queryListSuccesss);
  22. }
  23. /**
  24. * 健康指标图表查询成功处理方法
  25. */
  26. function queryListSuccesss(res) {
  27. if (res.status == 200) {
  28. d.close();
  29. if (res.list.length > 0) {
  30. //成功
  31. showList(res.list);
  32. }else{
  33. //无更多数据
  34. document.querySelector("#view_more").innerText = "已无更多数据";
  35. }
  36. } else {
  37. //非200则为失败
  38. queryListFailed(res);
  39. }
  40. }
  41. /**
  42. * 显示查询结果
  43. * @param {Object} list
  44. */
  45. function showList(list) {
  46. // clearHTML();
  47. for (var i = 0; i < list.length; i++) {
  48. var data = list[i];
  49. if (!data) {
  50. continue;
  51. }
  52. addRow(data.date.substr(5, 5), toIntValue(data.value1), toIntValue(data.value2), toIntValue(data.value3), toIntValue(data.value4), toIntValue(data.value5), toIntValue(data.value6), toIntValue(data.value7));
  53. sortDate = list[i].sortDate;
  54. }
  55. //表格宽度调整
  56. //修改活动表格子格子的宽度
  57. $('.date').css('width','69px');
  58. $('.bb').css('width','69px');
  59. $('.ba').css('width','43px');
  60. $('.lb').css('width','42px');
  61. $('.la').css('width','43px');
  62. $('.db').css('width','44px');
  63. $('.da').css('width','43px');
  64. $('.sb').css('width','70px');
  65. }
  66. function toIntValue(value){
  67. if(parseInt(value) == value){
  68. return parseInt(value);
  69. }else{
  70. return Math.round(value*Math.pow(10, 1))/Math.pow(10, 1);
  71. }
  72. }
  73. /**
  74. * 清空tbody
  75. */
  76. function clearHTML() {
  77. $("#item").html("");
  78. }
  79. /**
  80. * tbody添加一行tr
  81. * @param {Object} dateStr
  82. * @param {Object} value1
  83. * @param {Object} value2
  84. */
  85. function addRow(dateStr, value1, value2, value3, value4, value5, value6, value7) {
  86. if(dateStr.length > 5){
  87. dateStr = dateStr.substr(5, 5);
  88. }
  89. var tb = document.querySelector("#item");
  90. var tr = document.createElement("tr");
  91. var html = '<td class="date">'+dateStr+'</td>';
  92. html += getTD(value1, 6.1, 3.9, "bb");
  93. html += getTD(value2, 7.8, 4.4, "ba");
  94. html += getTD(value3, 6.1, 3.9, "lb");
  95. html += getTD(value4, 7.8, 4.4, "la");
  96. html += getTD(value5, 6.1, 3.9, "db");
  97. html += getTD(value6, 7.8, 4.4, "da");
  98. html += getTD(value7, 6.1, 3.9, "sb");
  99. tr.innerHTML = html;
  100. tb.appendChild(tr);
  101. }
  102. function getTD(value, max, min, styleName){
  103. if(value == 0|| isNaN(value)){
  104. return '<td class="'+styleName+'"></td>';
  105. }
  106. if(value > max){
  107. return '<td class="'+styleName+' c-f00">'+value+'</td>';
  108. }else if(value < min){
  109. return '<td class="'+styleName+' c-007cd9">'+value+'</td>';
  110. }else{
  111. return '<td class="'+styleName+'">'+value+'</td>';
  112. }
  113. }
  114. //添加数据添加监听
  115. window.addEventListener("add-item", function(e) {
  116. // mui('#pullrefresh').pullRefresh().refresh(true);
  117. //openWebview("health-index-bloodsugar-history.html");
  118. // delete
  119. // $("#pullrefresh").remove();
  120. // var _html="";
  121. //
  122. // _html+="<div id='pullrefresh' class='mui-content mui-scroll-wrapper'>"
  123. // _html+= "<div id='pullScroll' class='mui-scroll'>"
  124. // _html+= "<table class='c-table pos c-border-tb GLU-tab' id='table1'>"
  125. // _html+= "<tbody class='bg-fff c-f14' id='item'>"
  126. // _html+= "</tbody>"
  127. // _html+= "</table>"
  128. // _html+= "</div>"
  129. // _html+="</div>"
  130. //
  131. // $('#sub_body').html(_html);
  132. //
  133. // console.log(_html);
  134. // console.log("监听到了");
  135. //
  136. // V_refresh();
  137. // clearHTML();
  138. //刷新列表
  139. // queryList();
  140. //
  141. // mui.init({
  142. // pullRefresh: {
  143. // container: '#pullrefresh',
  144. // up: {
  145. // contentrefresh: '正在加载...',
  146. // callback: pullupRefresh,
  147. // // auto:true
  148. // }
  149. // }
  150. // });
  151. //添加一行
  152. // addRow(e.detail.date, e.detail.val_high, e.detail.val_low);
  153. //存储到本地
  154. // plus.storage.setItem("bloodpressure_history", con);
  155. });
  156. //
  157. //function V_refresh(){
  158. //
  159. //
  160. //
  161. //}