tab-webview-subpage-xueya.html 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>Hello MUI</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
  7. <meta name="apple-mobile-web-app-capable" content="yes">
  8. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  9. <link rel="stylesheet" href="../../css/mui.min.css">
  10. <style>
  11. html,
  12. body {
  13. background-color: #efeff4;
  14. }
  15. .title {
  16. margin: 20px 15px 10px;
  17. color: #6d6d72;
  18. font-size: 15px;
  19. }
  20. .oa-contact-cell.mui-table .mui-table-cell {
  21. padding: 11px 0;
  22. vertical-align: middle;
  23. }
  24. .oa-contact-cell {
  25. position: relative;
  26. margin: -11px 0;
  27. }
  28. .oa-contact-avatar {
  29. width: 75px;
  30. }
  31. .oa-contact-avatar img {
  32. border-radius: 50%;
  33. }
  34. .oa-contact-content {
  35. width: 100%;
  36. }
  37. .oa-contact-name {
  38. margin-right: 20px;
  39. }
  40. .oa-contact-name,
  41. oa-contact-position {
  42. float: left;
  43. }
  44. </style>
  45. </head>
  46. <body>
  47. <div class="mui-content">
  48. <div class="title">
  49. 血压检测记录
  50. </div>
  51. <ul id="content" class="mui-table-view mui-table-view-striped mui-table-view-condensed">
  52. </ul>
  53. </div>
  54. </body>
  55. <script id='temp' type="text/html">
  56. <li class="mui-table-view-cell">
  57. <div class="mui-slider-cell">
  58. <div class="oa-contact-cell mui-table">
  59. <div class="oa-contact-content mui-table-cell">
  60. <div class="mui-clearfix">
  61. <h4 class="oa-contact-name" style="float:none;">分数:<%=(data.score)%></h4>
  62. <div>
  63. <p style="color:green;">收缩压(mmHg):
  64. <%=(data.syspressure)%> 舒张压(mmHg):
  65. <%=(data.diapressure)%>
  66. </p>
  67. <p style="color:green;">心率(次/分钟):
  68. <%=(data.pluse)%>
  69. </p>
  70. </div>
  71. </div>
  72. <p class="oa-contact-email mui-h6" style="text-align: right;">
  73. <%=(data.testtime)%>
  74. </p>
  75. </div>
  76. </div>
  77. </div>
  78. </li>
  79. </script>
  80. <script id='temp2' type="text/html">
  81. <li class="mui-table-view-cell">
  82. <div class="mui-slider-cell">
  83. <div class="oa-contact-cell mui-table">
  84. <div class="oa-contact-content mui-table-cell">
  85. <div class="mui-clearfix">
  86. <h4 class="oa-contact-name">暂无记录</h4>
  87. </div>
  88. </div>
  89. </div>
  90. </div>
  91. </li>
  92. </script>
  93. <script src="../../libs/choujiang/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
  94. <script src="http://121.42.151.57:7999/service/dyyj/demo.js/helper.js" type="text/javascript" charset="utf-8"></script>
  95. <script src="../../js/service.js" type="text/javascript" charset="utf-8"></script>
  96. <script src="../../js/mui.min.js"></script>
  97. <script src="../../js/arttmpl.js" type="text/javascript" charset="utf-8"></script>
  98. <script>
  99. var DyyjDemo = new DyyjDemo('/service/dyyj/demo.js');
  100. mui.init({
  101. swipeBack: true //启用右滑关闭功能
  102. });
  103. mui.plusReady(function() {
  104. var temp = document.getElementById("temp").innerText;
  105. var htmlStr = '';
  106. var userId = getUserId();
  107. DyyjDemo.xueYaHistory(userId, function(result) {
  108. if (result.rs) {
  109. var data = result.ms;
  110. for (var i = 0; i < data.length; i++) {
  111. var e = data[i];
  112. htmlStr += template('temp', {
  113. data: e
  114. });
  115. }
  116. } else {
  117. htmlStr = document.getElementById("temp2");
  118. }
  119. document.getElementById("content").innerHTML = htmlStr;
  120. });
  121. });
  122. </script>
  123. </html>