tab-webview-subpage-tiwen.html 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133
  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;">体温:<%=(data.temperature)%></p>
  64. <p style="color:green;">
  65. <%=(data.docTip)%>
  66. </p>
  67. </div>
  68. </div>
  69. <p class="oa-contact-email mui-h6" style="text-align: right;">
  70. <%=(data.testtime)%>
  71. </p>
  72. </div>
  73. </div>
  74. </div>
  75. </li>
  76. </script>
  77. <script id='temp2' type="text/html">
  78. <li class="mui-table-view-cell">
  79. <div class="mui-slider-cell">
  80. <div class="oa-contact-cell mui-table">
  81. <div class="oa-contact-content mui-table-cell">
  82. <div class="mui-clearfix">
  83. <h4 class="oa-contact-name">暂无记录</h4>
  84. </div>
  85. </div>
  86. </div>
  87. </div>
  88. </li>
  89. </script>
  90. <script src="../../libs/choujiang/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
  91. <script src="http://121.42.151.57:7999/service/dyyj/demo.js/helper.js" type="text/javascript" charset="utf-8"></script>
  92. <script src="../../js/service.js" type="text/javascript" charset="utf-8"></script>
  93. <script src="../../js/mui.min.js"></script>
  94. <script src="../../js/arttmpl.js" type="text/javascript" charset="utf-8"></script>
  95. <script>
  96. var DyyjDemo = new DyyjDemo('/service/dyyj/demo.js');
  97. mui.init({
  98. swipeBack: true //启用右滑关闭功能
  99. });
  100. mui.plusReady(function() {
  101. var temp = document.getElementById("temp").innerText;
  102. var htmlStr = '';
  103. var userId = getUserId();
  104. DyyjDemo.tiWenHistory(userId, function(result) {
  105. if (result.rs) {
  106. var data = result.ms;
  107. for (var i = 0; i < data.length; i++) {
  108. var e = data[i];
  109. htmlStr += template('temp', {
  110. data: e
  111. });
  112. }
  113. } else {
  114. htmlStr = document.getElementById("temp2");
  115. }
  116. document.getElementById("content").innerHTML = htmlStr;
  117. });
  118. });
  119. </script>
  120. </html>