index.html 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <link rel="stylesheet" href="./css/info.css">
  6. <title>个人信息</title>
  7. </head>
  8. <body>
  9. <div id="personal" class="container">
  10. <div class="title">
  11. <i class="icon"></i>
  12. <p class="text">个人基本信息</p>
  13. </div>
  14. <div class="wrapper">
  15. <div class="table-wrapper">
  16. <table>
  17. <tbody>
  18. <tr>
  19. <td colspan="1" align="center">姓名</td>
  20. <td colspan="2" data-type="name"></td>
  21. <td colspan="1" align="center">性别</td>
  22. <td colspan="2" data-type="sex"></td>
  23. <td colspan="1" align="center">出生日期</td>
  24. <td colspan="2" data-type="birthday"></td>
  25. </tr>
  26. <tr>
  27. <td colspan="1" align="center">身份证号</td>
  28. <td colspan="2" data-type="identity"></td>
  29. <td colspan="1" align="center">联系电话</td>
  30. <td colspan="2" data-type="phone"></td>
  31. <td colspan="1" align="center">身高/体重/BMI</td>
  32. <td colspan="2" data-type="body"></td>
  33. </tr>
  34. <tr>
  35. <td colspan="1" align="center">工作单位</td>
  36. <td colspan="4" data-type="work-unit"></td>
  37. <td colspan="1" align="center">居住地址</td>
  38. <td colspan="3" data-type="live-address"></td>
  39. </tr>
  40. </tbody>
  41. </table>
  42. </div>
  43. </div>
  44. </div>
  45. <div id="indicator" class="container d-n">
  46. <div class="title">
  47. <i class="icon"></i>
  48. <p class="text">指标信息</p>
  49. </div>
  50. <div class="wrapper">
  51. <div class="canvas-wrapper"></div>
  52. </div>
  53. </div>
  54. <div id="medical-history" class="container d-n">
  55. <div class="title">
  56. <i class="icon"></i>
  57. <p class="text">病史信息</p>
  58. </div>
  59. <div class="wrapper">
  60. <div class="table-wrapper">
  61. <table>
  62. <tbody>
  63. <tr>
  64. <td colspan="1" align="center">既往史</td>
  65. <td colspan="6" data-type="post"></td>
  66. </tr>
  67. <tr>
  68. <td colspan="1" align="center">家族史</td>
  69. <td colspan="6" data-type="family"></td>
  70. </tr>
  71. <tr>
  72. <td colspan="1" align="center">过敏史</td>
  73. <td colspan="6" data-type="allergy"></td>
  74. </tr>
  75. <tr>
  76. <td colspan="1" align="center">其他史</td>
  77. <td colspan="6" data-type="other" ></td>
  78. </tr>
  79. <tr>
  80. <td colspan="1" align="center">用药史</td>
  81. <td colspan="6" data-type="medication"></td>
  82. </tr>
  83. <tr>
  84. <td colspan="1" align="center">主要问题</td>
  85. <td colspan="6" data-type="main-question"></td>
  86. </tr>
  87. </tbody>
  88. </table>
  89. </div>
  90. </div>
  91. </div>
  92. <div id="medical-records" class="container d-n">
  93. <div class="title">
  94. <i class="icon"></i>
  95. <p class="text">就诊记录</p>
  96. </div>
  97. <div class="wrapper">
  98. <div class="recording-wrapper"></div>
  99. </div>
  100. </div>
  101. <script src="./lib/jquery-1.9.1.min.js"></script>
  102. <script src="./lib/echarts.min.js"></script>
  103. <script src="./js/chronic-info.js"></script>
  104. </body>
  105. </html>