remind-drug-list.html 4.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>我的用药提醒</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. span {
  45. color: grey;
  46. font-size: 0.7em;
  47. }
  48. </style>
  49. </head>
  50. <body>
  51. <header class="mui-bar mui-bar-nav">
  52. <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
  53. <h1 id="title" class="mui-title">我的用药提醒</h1>
  54. <a id="add" class="mui-icon mui-icon-plusempty mui-pull-right" style="color: #999;" data-href="addPerson.html"></a>
  55. </header>
  56. <div class="mui-content" style="padding-left:10px;padding-right: 10px;">
  57. <ul id="content" class="mui-table-view">
  58. <li class="mui-table-view-cell" data-href='remind-drug.html'>
  59. <div style="text-align: center;">
  60. 查询中...
  61. </div>
  62. </li>
  63. </ul>
  64. </div>
  65. </body>
  66. <script id="temp" type="text/template">
  67. <li data-drug="<%=(drug)%>" class="mui-table-view-cell" data-href='remind-drug.html'>
  68. <img class="mui-media-object mui-pull-left" src="../images/aijiaren/yyjl.jpg" />
  69. <span><%=(drug)%></span>
  70. <br/>
  71. <span>每<%=(meitian)%>天 <%=(meici)%>次</span>
  72. <div class="mui-switch mui-switch-mini mui-active">
  73. <div class="mui-switch-handle"></div>
  74. </div>
  75. </li>
  76. </script>
  77. <script id="tempNone" type="text/html">
  78. <li class="mui-table-view-cell" data-href='remind-drug.html'>
  79. <div style="text-align: center;">
  80. 没有数据
  81. </div>
  82. </li>
  83. </script>
  84. <script src="../js/mui.min.js"></script>
  85. <script src="../libs/choujiang/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
  86. <script src="http://121.42.151.57:7999/service/dyyj/demo.js/helper.js" type="text/javascript" charset="utf-8"></script>
  87. <script src="../js/arttmpl.js" type="text/javascript" charset="utf-8"></script>
  88. <script src="../js/service.js" type="text/javascript" charset="utf-8"></script>
  89. <script>
  90. mui.init({
  91. swipeBack: true //启用右滑关闭功能
  92. });
  93. var DyyjDemo = new DyyjDemo('/service/dyyj/demo.js');
  94. mui.plusReady(function() {
  95. var self = plus.webview.currentWebview();
  96. var time = self.time;
  97. var drug = self.drug;
  98. setTimeout(function() {
  99. if (drug) {
  100. plus.push.createMessage('该吃' + decodeURIComponent(drug) + '药了');
  101. var ina = setInterval(function() {
  102. setTimeout(function() {
  103. plus.device.vibrate(500);
  104. })
  105. }, 1000);
  106. setTimeout(function() {
  107. clearInterval(ina)
  108. }, 10000)
  109. setTimeout(function() {
  110. plus.device.beep(10);
  111. })
  112. }
  113. }, 60000);
  114. plus.webview.hide('tixing');
  115. plus.webview.hide('remind-drug')
  116. addRemindDrug();
  117. editRemindDrug();
  118. DyyjDemo.listRemindByMemberId(getUserId(), function(result) {
  119. var htmlStr = '';
  120. if (result.rs) {
  121. for (var i = 0; i < result.ms.length; i++) {
  122. var d = result.ms[i];
  123. d.json.drug = decodeURIComponent(d.json.drug);
  124. htmlStr += template('temp', d.json);
  125. }
  126. document.getElementById("content").innerHTML = htmlStr;
  127. mui('.mui-table-view-cell').on('tap', '.mui-switch', function(e) {
  128. e.stopPropagation();
  129. });
  130. mui('.mui-switch')['switch']();
  131. } else {
  132. document.getElementById("content").innerHTML = document.getElementById("tempNone").innerHTML
  133. }
  134. });
  135. })
  136. function addRemindDrug() {
  137. document.getElementById("add").addEventListener('tap', function() {
  138. mui.openWindow({
  139. id: 'remind-drug',
  140. url: 'remind-drug.html'
  141. });
  142. });
  143. }
  144. function editRemindDrug() {
  145. mui('.mui-table-view').on('tap', 'li', function() {
  146. var href = this.getAttribute('data-href');
  147. var drug = this.getAttribute('data-drug');
  148. mui.openWindow({
  149. id: 'remind-drug',
  150. url: href,
  151. extras: {
  152. drug: drug
  153. }
  154. })
  155. })
  156. }
  157. </script>
  158. </html>