body-record.html 4.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <meta name="renderer" content="webkit">
  7. <meta http-equiv="Cache-Control" content="no-siteapp" />
  8. <title>体征记录</title>
  9. <meta name="keywords" content="">
  10. <meta name="description" content="">
  11. <link rel="shortcut icon" href="favicon.ico">
  12. <link href="css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
  13. <link href="css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
  14. <link href="css/animate.min.css" rel="stylesheet">
  15. <link href="css/plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
  16. <link href="css/plugins/toastr/toastr.min.css" rel="stylesheet">
  17. <link href="js/plugins/artDialog/6.0.5/css/ui-dialog.min.css" rel="stylesheet">
  18. <link href="css/style.css" rel="stylesheet">
  19. <style>
  20. .fs14 {font-size: 14px;}
  21. .f-hover {background-color: #12b7f5; color: #fff;}
  22. .h-lh-14 {height: 14px; line-height: 14px;}
  23. h2, h3, h4 {margin: 0;}
  24. span, em {float: left;margin: 0; padding: 0;color: #12b7f5; text-align: center; cursor: pointer;}
  25. .tab-record {overflow: hidden; width: 260px; height: 40px; border-radius: 5px; border: 1px solid #12b7f5; margin: 0 auto 20px;}
  26. .tab-record span {width: 129px; height: 38px;border: 0;line-height: 38px;}
  27. .lit-wrap { padding-top: 30px;margin: 0 auto;}
  28. .bg-con { background-color: #F5F5FA;}
  29. .con-record { width: 520px; padding: 20px 0; margin: 0 auto;}
  30. h3 span, h4 span { height: 28px;border: 1px solid #12b7f5; border-radius: 15px;line-height: 28px;}
  31. .day-record span {width: 88px; margin: 0 20px;}
  32. .status-record span {width: 58px; height: 18px; margin: 30px 0 0 12.5px; border-radius: 10px;line-height: 20px;}
  33. .times-record {margin: 30px 0 24px;}
  34. .is-ok {width: 100px; color: #12B7F5}
  35. .is-height {width: 100px; margin: 0 110px; color: #fe5f59;}
  36. .is-low {width: 100px; color: #56c673}
  37. .canvas-record, #canvas {width: 520px; height: 230px; background-color: #fff;}
  38. .data-record {margin-top: 20px;text-align: center; line-height: 40px;}
  39. </style>
  40. </head>
  41. <body class="white-bg plr10">
  42. <div class="lit-wrap">
  43. <h2 class="tab-record fs14 b-flc">
  44. <span class="f-hover">血糖记录</span>
  45. <span>血压记录</span>
  46. </h2>
  47. <div class="bg-con">
  48. <div class="con-record">
  49. <h3 class="day-record fs14 clearfix">
  50. <span class="f-hover">7天</span>
  51. <span>30天</span>
  52. <span>90天</span>
  53. <span>半年</span>
  54. </h3>
  55. <h4 class="status-record fs14 clearfix">
  56. <span class="f-hover">早餐前</span>
  57. <span>早餐后</span>
  58. <span>午餐前</span>
  59. <span>午餐后</span>
  60. <span>晚餐前</span>
  61. <span>晚餐后</span>
  62. <span>睡前</span>
  63. </h4>
  64. <p class="h-lh-14 times-record fs14 clearfix">
  65. <em class="is-ok">正常:0次</em>
  66. <em class="is-height">偏高:0次</em>
  67. <em class="is-low">偏低:0次</em>
  68. </p>
  69. <div class="canvas-record fs14"><strong class="danwei" style="color: #12B7F5">单位(mmol/L)</strong>
  70. <canvas id="canvas" width="520" height="230"></canvas>
  71. </div>
  72. <p class="h-lh-14 data-record"></p>
  73. </div>
  74. </div>
  75. </div>
  76. <script src="js/jquery.min.js?v=2.1.4"></script>
  77. <script src="js/bootstrap.min.js?v=3.3.6"></script>
  78. <script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>
  79. <script src="js/plugins/layer/layer.min.js"></script>
  80. <script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
  81. <script src="js/hplus.min.js?v=4.1.0"></script>
  82. <script src="js/plugins/pace/pace.min.js"></script>
  83. <script src="js/plugins/toastr/toastr.min.js"></script>
  84. <script src="js/plugins/artDialog/6.0.5/js/dialog-plus.min.js"></script>
  85. <script src="js/plugins/bootstrap-table/bootstrap-table.min.js"></script>
  86. <script src="js/plugins/bootstrap-table/bootstrap-table-mobile.min.js"></script>
  87. <script src="js/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
  88. <script src="js/es6-promise.js"></script>
  89. <script src="js/underscore.js"></script>
  90. <script src="js/util.js"></script>
  91. <script src="js/template.js"></script>
  92. <script src="js/api-service.js"></script>
  93. <script src="js/plugins/chartJs/Chart.min.js" type="text/javascript"></script>
  94. <script src="js/body-record-api.js"></script>
  95. <script src="js/buz/body-record.js"></script>
  96. </body>
  97. </html>