health-file.html 5.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131
  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. <!--标准mui.css-->
  10. <link rel="stylesheet" href="../css/mui.min.css">
  11. <!--App自定义的css-->
  12. <style>
  13. h5 {
  14. margin: 5px 7px;
  15. }
  16. </style>
  17. </head>
  18. <body>
  19. <header class="mui-bar mui-bar-nav">
  20. <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
  21. <h1 class="mui-title">健康档案</h1>
  22. <a class="mui-pull-right mui-icon mui-action-back" style="font-size: 0.8em;margin-top:5px;color:black;">完成</a>
  23. </header>
  24. <div class="mui-content" style="padding:60px 10px 10px 10px;">
  25. <div class="mui-content-padded" style="margin: 5px;">
  26. <h5 style="font-size: 1.1em;">基本信息</h5>
  27. <h5 style="float: left;line-height: 30px;width:23%;">姓名:</h5>
  28. <div class="mui-input-row mui-password" style="clear:none;">
  29. <input id="username" type="text" class="">
  30. </div>
  31. <h5 style="float: left;line-height: 30px;width:23%;">身份证号:</h5>
  32. <div class="mui-input-row mui-password" style="clear:none;">
  33. <input id="idCard" type="text" class="">
  34. </div>
  35. <h5 style="float: left;line-height: 30px;width:23%;">手机号:</h5>
  36. <div class="mui-input-row mui-password" style="clear:none;">
  37. <input id="phone" type="text" class="">
  38. </div>
  39. <h5 style="font-size: 1.1em;">体征信息</h5>
  40. <h5 style="float: left;line-height: 30px;width:23%;">身高:</h5>
  41. <div class="mui-input-row mui-password" style="clear:none;">
  42. <input id="height" type="text" style="width:85%;">
  43. <span style="font-size: 0.8em;color:grey;">厘米</span>
  44. </div>
  45. <h5 style="float: left;line-height: 30px;width:23%;">体重:</h5>
  46. <div class="mui-input-row mui-password" style="clear:none;">
  47. <input id="weight" type="text" class="" style="width:85%;">
  48. <span style="font-size: 0.8em;color:grey;">公斤</span>
  49. </div>
  50. <h5 style="float: left;line-height: 30px;width:23%;">血型:</h5>
  51. <div id="xueXing" class="mui-input-row mui-password" style="clear:none;padding-top:8px;">
  52. <input type="radio" class="" name="xuexing" checked="checked">
  53. <span style="font-size: 0.8em;color:grey;">A</span>
  54. <input type="radio" class="" name="xuexing">
  55. <span style="font-size: 0.8em;color:grey;">B</span>
  56. <input type="radio" class="" name="xuexing">
  57. <span style="font-size: 0.8em;color:grey;">AB</span>
  58. <input type="radio" class="" name="xuexing">
  59. <span style="font-size: 0.8em;color:grey;">O</span>
  60. </div>
  61. <h5 style="float: left;line-height: 30px;width:23%;clear: left;">RH阴性:</h5>
  62. <div id="yinXing" class="mui-input-row mui-password" style="clear:none;padding-top:18px;">
  63. <input type="radio" class="" name="rh" checked="checked">
  64. <span style="font-size: 0.8em;color:grey;">是</span>
  65. <input type="radio" class="" name="rh">
  66. <span style="font-size: 0.8em;color:grey;">否</span>
  67. <input type="radio" class="" name="rh">
  68. <span style="font-size: 0.8em;color:grey;">未知</span>
  69. </div>
  70. <h5 style="float: left;line-height: 30px;width:23%;clear: left;">过敏史:</h5>
  71. <div id="guoMinShi" class="mui-input-row mui-password" style="clear:none;padding-top:18px;">
  72. <input type="checkbox" class="" name="guomin">
  73. <span style="font-size: 0.8em;color:grey;">青霉素</span>
  74. <input type="checkbox" class="" name="guomin">
  75. <span style="font-size: 0.8em;color:grey;">磺胺</span>
  76. <input type="checkbox" class="" name="guomin">
  77. <span style="font-size: 0.8em;color:grey;">链霉素</span>
  78. </div>
  79. <h5 style="font-size: 1.1em;clear:left;margin-top:20px;">既往病史</h5>
  80. <h5 style="float: left;line-height: 30px;width:23%;clear: left;">疾病:</h5>
  81. <div id="jiBing" class="mui-input-row mui-password" style="clear:none;padding-top:8px;">
  82. <input type="checkbox" class="" name="jibing">
  83. <span style="font-size: 0.8em;color:grey;">高血压</span>
  84. <input type="checkbox" class="" name="jibing">
  85. <span style="font-size: 0.8em;color:grey;">糖尿病</span>
  86. <input type="checkbox" class="" name="jibing">
  87. <span style="font-size: 0.8em;color:grey;">冠心病</span>
  88. </div>
  89. </div>
  90. </div>
  91. <script src="../js/mui.min.js"></script>
  92. <script src="../js/service.js" type="text/javascript" charset="utf-8"></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>
  96. mui.init({
  97. swipeBack: true //启用右滑关闭功能
  98. });
  99. var DyyjDemo = new DyyjDemo('/service/dyyj/demo.js');
  100. DyyjDemo.getMemberByUserId(getUserId(), function(result) {
  101. if (result && result.rs) {
  102. var ms = result.ms;
  103. console.log(JSON.stringify(ms))
  104. if (ms) {
  105. $('#username').val(ms.name);
  106. $('#idCard').val(ms.idcard);
  107. $('#phone').val(ms.mobile);
  108. // $('#height').val(ms.height);
  109. // $('#weight').val(ms.weight);
  110. // $('#xueXing').find(':radio').filter(function() {
  111. // return $.trim($(this).text()) == ms.xueXing;
  112. // }).attr('checked', 'checked');
  113. // $('#yinXing').find(':radio').filter(function() {
  114. // return $.trim($(this).text()) == ms.yinXing;
  115. // }).attr('checked', 'checked');
  116. // $('#guoMinShi').find(':radio').filter(function() {
  117. // return $.trim($(this).text()) == ms.guoMinShi;
  118. // }).attr('checked', 'checked');
  119. // $('#jiBing').find(':radio').filter(function() {
  120. // return $.trim($(this).text()) == ms.jiBing;
  121. // }).attr('checked', 'checked');
  122. }
  123. }
  124. });
  125. </script>
  126. </body>
  127. </html>