slow-disease-manage.html 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>慢病管理</title>
  6. <meta name="author" content="yihu.com"/>
  7. <meta name="format-detection" content="telephone=no"/>
  8. <meta name="viewport"
  9. content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
  10. <meta name="apple-mobile-web-app-capable" content="yes"/>
  11. <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
  12. <link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
  13. <link rel="stylesheet" type="text/css" href="../../../css/mui.min.css" />
  14. <link rel="stylesheet" type="text/css" href="../../../css/cross.ui.css">
  15. <link rel="stylesheet" type="text/css" href="../../../iconfont/iconfont.css" />
  16. <link rel="stylesheet" type="text/css" href="../../../css/iscroll.css" />
  17. <link rel="stylesheet" type="text/css" href="../../../css/ss-style.css" />
  18. <link rel="stylesheet" type="text/css" href="../css/slow-disease-manage.css"/>
  19. </head>
  20. <body>
  21. <div id="memberContainer"></div>
  22. <div class="main">
  23. <div class="n-list mb10" id="patientInfo">
  24. </div>
  25. <div class="mt10 bgc-fff c-border-tb">
  26. <div class="c-border-b plr10 ui-grid ui-grid-middle" style="height: 42px;">
  27. <div class="ui-col-1">
  28. <div class="header-icon bgc-2fb499">
  29. <img src="../images/icon_zuijinyizhouxuetangqingk.png">
  30. </div>
  31. <span class="c-f14 c-333">最近一周<span id="xtName">血糖</span>情况</span>
  32. </div>
  33. <div class="ui-col-0 mtb5">
  34. <div class="switch-box c-f14">
  35. <span class="active" data-val="xt">血糖</span><span data-val="xy">血压</span>
  36. </div>
  37. </div>
  38. </div>
  39. <div class="mui-slider">
  40. <div class="mui-slider-group">
  41. <!--第一个内容区容器-->
  42. <div class="mui-slider-item">
  43. <div class="ptb15 ui-grid c-t-center xuetang-info" id="xtPanel">
  44. </div>
  45. </div>
  46. <!--第二个内容区-->
  47. <div class="mui-slider-item">
  48. <div class="ptb15 ui-grid c-t-center xueya-info" id="xyPanel">
  49. </div>
  50. </div>
  51. </div>
  52. </div>
  53. </div>
  54. <div class="part3 mb10">
  55. <div class="clearfix" id="trackPatientInfo">
  56. </div>
  57. </div>
  58. <div class="part4 mb10">
  59. <div class="target-title padl-10">
  60. <img class="icon-img" src="../images/icon_kongzhimubiao.png" alt=""/>
  61. <span class="c-f14">控制目标</span>
  62. </div>
  63. <div class="target-content" id="controlObjectives">
  64. </div>
  65. </div>
  66. <div class="part5 mb10">
  67. <div class="padl-10 cfjl">
  68. <img class="icon-img" src="../images/icon_chufangjilu.png" alt=""/>
  69. <span class="c-f14">处方记录</span>
  70. </div>
  71. </div>
  72. <div class="part6 mb10">
  73. <div class="padl-10 jbsq">
  74. <img class="icon-img" src="../images/icon_jibingshequ.png" alt=""/>
  75. <span class="c-f14">疾病社区</span>
  76. </div>
  77. </div>
  78. <div class="part7 mb30">
  79. <div class="padl-10 rlcx">
  80. <img class="icon-img" src="../images/icon_reliangchaxun.png" alt=""/>
  81. <span class="c-f14">热量查询</span>
  82. </div>
  83. </div>
  84. </div>
  85. <script type="text/html" id="patientInfo-tmp">
  86. <div class="n-list-li patient-info ">
  87. <div class="doc-avatar">
  88. <img src="{{photo}}" alt="" />
  89. </div>
  90. <div class="n-list-info">
  91. <h4 class="c-f15 c-323232">
  92. <span >{{name}}</span>
  93. <span>{{age}}岁</span>
  94. </h4>
  95. <div class="mj-flex">
  96. <span class="c-f12 c-323232">{{sex==1? '男':'女'}}</span>
  97. {{if openid}}
  98. <img class="weixing-icon" src="../images/weixing_icon.png"/>
  99. {{else}}
  100. <img class="weixing-icon" src="../images/weixing_zihui_icon.png"/>
  101. {{/if}}
  102. {{if deviceType && deviceType.indexOf("2") > -1}}
  103. <img class="xueyaji-icon" src="../images/icon_xueyaji.png"/>
  104. {{else}}
  105. <img class="xuetang-icon" src="../images/icon_xuetangyi_zhihui.png"/>
  106. {{/if}}
  107. {{if deviceType && deviceType.indexOf("1") > -1}}
  108. <img class="xuetang-icon" src="../images/icon_xuetangyi.png"/>
  109. {{else}}
  110. <img class="xueyaji-icon" src="../images/icon_xueyaji_zhihui.png"/>
  111. {{/if}}
  112. </div>
  113. </div>
  114. <div class="n-list-key">
  115. {{if disease==1 && diseaseCondition==0}}<div class="mb-icon-round green">高</div>{{/if}}
  116. {{if disease==2 && diseaseCondition==0}}<div class="mb-icon-round green">糖</div>{{/if}}
  117. {{if (disease=='1,2' || disease=='2,1') && diseaseCondition==0}}<div class="mb-icon-round green">高糖</div>{{/if}}
  118. {{if disease==1 && diseaseCondition==1}}<div class="mb-icon-round orange">高</div>{{/if}}
  119. {{if disease==2 && diseaseCondition==1}}<div class="mb-icon-round orange">糖</div>{{/if}}
  120. {{if (disease=='1,2' || disease=='2,1') && diseaseCondition==1}}<div class="mb-icon-round orange">高糖</div>{{/if}}
  121. {{if disease==1 && diseaseCondition==2}}<div class="mb-icon-round red">高</div>{{/if}}
  122. {{if disease==2 && diseaseCondition==2}}<div class="mb-icon-round red">糖</div>{{/if}}
  123. {{if (disease=='1,2' || disease=='2,1') && diseaseCondition==2}}<div class="mb-icon-round red">高糖</div>{{/if}}
  124. </div>
  125. <div class="n-list-key mb-icon-flex zhinengceliang">
  126. <img class="zinengcheliang-icon" src="../images/zinengcheliang_img.png" alt="" />
  127. </div>
  128. </div>
  129. </script>
  130. <script type="text/html" id="xt-tmp">
  131. <div class="ui-col-1 c-ff6a56">
  132. <div class="cycle-div c-f12 border-red">
  133. <span class="c-f16">{{highCount}}</span>次
  134. </div>
  135. <div class="c-f12">偏高</div>
  136. </div>
  137. <div class="ui-col-1 c-74bf00">
  138. <div class="cycle-div c-f12 border-green">
  139. <span class="c-f16">{{stdCount}}</span>次
  140. </div>
  141. <div class="c-f12">正常</div>
  142. </div>
  143. <div class="ui-col-1 c-47a8ef">
  144. <div class="cycle-div c-f12 border-blue">
  145. <span class="c-f16">{{lowCount}}</span>次
  146. </div>
  147. <div class="c-f12">偏低</div>
  148. </div>
  149. </script>
  150. <script type="text/html" id="trackPatientInfo-tmp">
  151. <ul class="list-part3 c-323232">
  152. <!--<li class="mod">
  153. <div class="common-situation padl-10">
  154. <img class="icon-img" src="../images/icon_yunqongqingk.png" alt=""/>
  155. <span class="c-f14">今日运动情况</span>
  156. </div>
  157. <p class="common-content c-f12 content-active sportSituation"><span class="c-f20 mr2">{{wxSport}}</span>步</p>
  158. </li>-->
  159. <li class="mod" style="width: 100%;">
  160. <div class="common-situation padl-10 pos-r">
  161. <img class="icon-img" src="../images/icon_shengaotizhong.png" alt="" />
  162. <span class="c-f14">身高体重</span>
  163. {{if body}}
  164. {{if body.BMI >= 25}}
  165. <img class="special-img" src="../images/icon_pianpang.png" alt="" />
  166. {{/if}}
  167. {{if body.BMI < 18.5}}
  168. <img class="special-img" src="../images/icon_pianshou.png" alt="" />
  169. {{/if}}
  170. {{/if}}
  171. </div>
  172. <div class="special-content c-f14 tizhong">
  173. {{if body}}
  174. <span>{{body.height}}cm {{body.weight}}kg</span>
  175. <span>BIM {{body.BMI}}</span>
  176. {{else}}
  177. <p class="common-content tizhong">暂无数据</p>
  178. {{/if}}
  179. </div>
  180. </li>
  181. <li class="mod">
  182. <div class="common-situation padl-10">
  183. <img class="icon-img" src="../images/icon_xuetangjiance.png" alt="" />
  184. <span class="c-f14">血糖监测方案</span>
  185. </div>
  186. <p class="common-content c-f14 jc-method c-nowrap" data-val="xt">
  187. {{if sugger}}{{sugger.name}}{{else}}暂无监测方案{{/if}}
  188. </p>
  189. </li>
  190. <li class="mod">
  191. <div class="common-situation padl-10">
  192. <img class="icon-img" src="../images/icon_xueyajiance.png" alt="" />
  193. <span class="c-f14">血压监测方案</span>
  194. </div>
  195. <p class="common-content c-f14 jc-method c-nowrap" data-val="xy">
  196. {{if pressure}}{{pressure.name}}{{else}}暂无监测方案{{/if}}
  197. </p>
  198. </li>
  199. </ul>
  200. </script>
  201. <script type="text/html" id="controlObjectives-tmp">
  202. <div class="target-content-common">
  203. <p class="c-47A8EF c-f16">血糖</p>
  204. {{if patientAimBloodSugger}}
  205. <p class="c-909090 c-f12"><span class="c-f14">餐前:</span> {{patientAimBloodSugger.fbgMin}}-{{patientAimBloodSugger.fbg}}mmol/L</p>
  206. <p class="c-909090 c-f12"><span class="c-f14">餐后:</span> {{patientAimBloodSugger.hpgMin}}-{{patientAimBloodSugger.hpg}}mmol/L</p>
  207. {{else}}
  208. <div class="c-f12 c-909090">暂未制定目标</div>
  209. {{/if}}
  210. </div>
  211. <div class="target-content-common">
  212. <p class="c-47A8EF c-f16">血压</p>
  213. {{if patientAimBloodPressure}}
  214. <p class="c-909090 c-f12"><span class="c-f14">舒张压:</span> {{patientAimBloodPressure.dbpMin}}-{{patientAimBloodPressure.dbp}}mmHg</p>
  215. <p class="c-909090 c-f12"><span class="c-f14">收缩压:</span> {{patientAimBloodPressure.sbpMin}}-{{patientAimBloodPressure.sbp}}mmHg</p>
  216. {{else}}
  217. <div class="c-f12 c-909090">暂未制定目标</div>
  218. {{/if}}
  219. </div>
  220. </script>
  221. <script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
  222. <script src="../js/ui_search_one.js"></script>
  223. <link rel="stylesheet" type="text/css" href="../../../widget/mobiscroll/2.15.1/css/mobiscroll.css">
  224. <script src="../../../widget/mobiscroll/2.15.1/js/mobiscroll.js"></script>
  225. <link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
  226. <script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
  227. <script src="../../../js/mui.min.js"></script>
  228. <script src="../../../js/es6-promise.js"></script>
  229. <script src="../../../js/underscore.js"></script>
  230. <script src="../../../js/template.js"></script>
  231. <script src="../../../js/iscroll-probe.js"></script>
  232. <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
  233. <script type="text/javascript" src="../../../js/weixin_common.js" ></script>
  234. <script type="text/javascript" src="../../../js/common_http.js" ></script>
  235. <script src="../../../js/family-members.js"></script>
  236. <script src="../js/slow-disease-manage.js"></script>
  237. </body>
  238. </html>