personal-manage.html 32 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>康复管理</title>
  6. <link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
  7. <link rel="stylesheet" type="text/css" href="../../../css/cross.ui.css" />
  8. <link rel="stylesheet" type="text/css" href="../../../css/style.min.css" />
  9. <link href="../../../plugins/toastr/toastr.min.css" rel="stylesheet">
  10. <link rel="stylesheet" type="text/css" href="../css/new_recover.css" />
  11. <link rel="stylesheet" type="text/css" href="../css/personal-manage.css" />
  12. </head>
  13. <body class="m0">
  14. <div id="app" class="c-333" v-cloak>
  15. <div class="content ui-grid">
  16. <div class="ui-col-0 c-h100 w360 person_info c-border-r ui-grid ui-grid-vertical plr5">
  17. <h4 class="m0 pl15 lh40 c-border-b c-position-r"><em class="c-position-a set-blue-span"></em>个人基础信息</h4>
  18. <div class="bgc-f5f5fa mt10 ptb10 plr10">
  19. <div class="clearfix">
  20. <div class="fl w-100-66">
  21. <p class="m0 p0 mb10">
  22. <span class="c-999">姓名:</span>{{recoverPatInfo.patientInfo.patientName}}
  23. <span class="c-999 ml20">性别:</span>{{recoverPatInfo.patientInfo.sex == 1 ? "男" : "女"}}
  24. <span class="c-999 ml20">年龄:</span>{{recoverPatInfo.patientInfo.age}}岁
  25. </p>
  26. <p class="m0 p0 mb10">
  27. <span class="c-999">健康情况:</span>{{recoverPatInfo.patientInfo.healthyCondition}}
  28. </p>
  29. <p class="m0 p0 mb10">
  30. <span class="c-999">联系电话:</span><span class="c-12b7f5 cur-pit" v-if="isMobile" @click="changeStatu()">点击查看</span><span v-else>{{recoverPatInfo.patientInfo.mobile}}</span>
  31. </p>
  32. </div>
  33. <div class="fr set-photo">
  34. <img :src="setPatImg(recoverPatInfo.patientInfo.photo)" alt="居民头像" />
  35. </div>
  36. </div>
  37. <p class="m0 p0 mb10">
  38. <span class="c-999">签约社区:</span>{{recoverPatInfo.patientInfo.signHospitalName}}
  39. </p>
  40. <p class="m0 p0">
  41. <span class="c-999">康复机构:</span>{{recoverPatInfo.patientInfo.rehabilitationOrg}}
  42. </p>
  43. </div>
  44. <h4 class="m0 pl15 lh40 c-border-b c-position-r"><em class="c-position-a set-blue-span"></em>服务医生</h4>
  45. <!--<div class="pt10 pb10" style="overflow: hidden; height: 190px;">-->
  46. <div class="pt10 pb10 ui-col-0" style="overflow: hidden; height: 190px;">
  47. <ul class="p0 m0 c-h100" style="overflow: auto;">
  48. <li class="clearfix plr20 ptb10 doc-li" v-for="(docInfo, index) in recoverPatInfo.serviceDoctorList" :key="index">
  49. <div class="fl set-photo">
  50. <img :src="setPatImg(docInfo.doctorPhoto, 1)" alt="医生头像" />
  51. </div>
  52. <div class="fl ml10 lh18">
  53. <p class="m0 p0 c-f16">{{docInfo.doctorName}}</p>
  54. <p class="m0 p0 mt10 c-999">{{docInfo.type}}</p>
  55. </div>
  56. <div class="fr w100 ml40 lh18">
  57. <p class="m0 p0">完成项目:<span class="c-orange">{{docInfo.finishedItem}}</span></p>
  58. <p class="m0 p0 mt10">服务次数:<span class="c-orange">{{docInfo.serviceCount}}</span></p>
  59. </div>
  60. </li>
  61. </ul>
  62. </div>
  63. <h4 class="m0 pl15 lh40 c-border-b c-position-r"><em class="c-position-a set-blue-span"></em>康复建议</h4>
  64. <textarea placeholder="此处内容是康复建议" readonly class="m0 p10 c-333 mt10 bg-f5f5fa" style="outline: 0;height: 200px;border: 1px solid rgb(225, 225, 225); resize: none;">{{recentRecoverDetail.adviceContent}}</textarea>
  65. <!-- <ul class="m0 p0 ptb10 ui-col-1 c-border b-r-3 c-h100 mt10" style="overflow: auto;">
  66. <li class="pt5 plr10" v-for="(info, index) in diagnosisInformation" :key="index">
  67. <p class="c-999 ptb10 clearfix" style="line-height: 20px;">
  68. <span class="fl w-100-78">&emsp;{{info.dischargeDiagnosis}}</span>
  69. <span class="fr">{{info.dischargeTime}}</span>
  70. </p>
  71. <div class="bgc-f5f5fa plr5 ptb10" style="line-height: 20px;">
  72. &emsp;&emsp;{{info.advice}}
  73. </div>
  74. </li>
  75. <li class="c-t-center ptb10" v-if="!diagnosisInformation.length">无医嘱小结</li>
  76. </ul> -->
  77. <h4 class="m0 pl15 lh40 c-border-b c-position-r"><em class="c-position-a set-blue-span"></em>住院病历</h4>
  78. <div>
  79. <div v-for="(o, i) in medicalRecordsList" class="flex vc c-f14 c-border plr10 ptb5 link-control mt10">
  80. <span class="c-666 mr15">
  81. {{formatter(o.admissionTime)}}
  82. </span>
  83. <div class="flex1 c-12b7f5 ellipsis-1">
  84. {{o.hospitalName}}
  85. </div>
  86. </div>
  87. </div>
  88. </div>
  89. <div class="ui-col-1 c-h100 w-100-360 ui-grid">
  90. <div class="ui-col-1 c-h100 ui-grid ui-grid-vertical">
  91. <div class="m0 pl15 lh40 c-border-b c-position-r clearfix">
  92. <em class="c-position-a set-blue-span"></em>
  93. <span class="fl">康复计划</span>
  94. <span class="fl plr20 ml20 c-f12 bgc-12b7f5 c-fff cur-pit" @click="gotoNewplan()" v-if="doctorType == 1">新建计划</span>
  95. <span class="fr w80 c-333 c-f12 c-t-center">进行中:{{recoverPatInfo.planUnderway}}</span>
  96. <span class="fr w80 c-333 c-f12 c-t-center">已完成:{{recoverPatInfo.planFinish}}</span>
  97. </div>
  98. <div class="pb10" style="overflow: hidden; height: 230px;">
  99. <ul class="p0 plr5 m0 c-h100" style="overflow: auto;">
  100. <li class="plr5 ptb10 mt10 plan-li cur-pit c-border b-r-3 ui-grid link-control" v-for="(plan, index) in planList" :key="index" @click="jumpPlan(plan)">
  101. <!-- <div class="ui-col-1">
  102. <p class="p0 m0 lh22 clearfix">
  103. <span class="fl">{{plan.planTypeName}}</span>
  104. <span class="fr c-999">{{plan.time}}</span>
  105. </p>
  106. <div class="ui-grid">
  107. <p class="ui-col-1 bgc-c1c1c1 lh22 b-r-11 c-position-r c-t-center">
  108. <span class="c-position-a bgc-orange lh22 b-r-11 c-t-center c-fff" :style="{width: setPercent(plan), left: 0}"></span>
  109. <span class="c-position-r w-100 c-t-center">{{setPercent(plan)}}</span>
  110. </p>
  111. <div class="ui-col-0 ml10 c-999 lh22">{{plan.allFinishCount}}/{{plan.allCount}}</div>
  112. </div>
  113. </div> -->
  114. <!-- <div class="ui-col-0 ml15 c-007cd9 lh40">{{plan.statusName}}</div> -->
  115. <div class="ui-col-1">
  116. <div class="ui-grid ui-grid-middle">
  117. <img :src="setPatImg(plan.photo)" class="mr10" style="width: 45px; height: 45px; border-radius: 100%;"/>
  118. <div class="ui-col-1">
  119. <p>{{plan.doctorName}}</p>
  120. <p class="mt5">{{plan.deptName}}/{{plan.hospitalName}}</p>
  121. </div>
  122. </div>
  123. </div>
  124. <div class="c-999 ui-grid ui-grid-middle">
  125. {{formatter(plan.createTime)}}
  126. </div>
  127. </li>
  128. <li class="ptb10 c-t-center" v-if="!planList || !planList.length">暂无相关计划</li>
  129. </ul>
  130. </div>
  131. <h4 class="m0 pl15 pr5 lh40 c-border-tb clearfix c-position-r"><em class="c-position-a set-blue-span"></em>康复相关记录<span class="fr w80 c-333 c-f12 c-t-center">已完成:{{finishData.planDetailFinish}}</span></h4>
  132. <div class="ui-col-1" style="overflow: hidden; overflow-y: auto;">
  133. <ul class="p0 m0 c-h100 c-999">
  134. <li class="clearfix plr10 cur-pit record-li" v-for="(plan, index) in planDetailList" :class="{'bgc-dff5fc c-12b7f5':plan.istaDay}" @click="lookProject(plan)">
  135. <div class="fl w80 ptb10 c-t-right">
  136. <p class="p0 m0 lh18">{{plan.executeTime}}</p>
  137. </div>
  138. <div class="fl set-dianxian plr20 ptb10 clerfix">
  139. <span class="fl set-taday mt8 c-t-center c-fff" v-if="plan.istaDay">今</span>
  140. <span class="fl mlr5 mt13 set-row bgc-e1e1e1" v-else></span>
  141. </div>
  142. <div class="fl ptb10 w-100-220">
  143. <div class="ui-grid ui-grid-middle" style="height: 36px;">
  144. <p class="p0 m0 lh18">{{plan.title}}</p>
  145. </div>
  146. </div>
  147. <div class="fr ptb10 w60 c-t-center">
  148. <p class="p0 m0 lh18">已完成</p>
  149. <p class="p0 m0 lh18">查看</p>
  150. </div>
  151. </li>
  152. <li class="plr20" v-if="isFinishMore">
  153. <div class="c-border lh40 b-r-3 c-t-center cur-pit" @click="addEventPage()">点击查看更早时间</div>
  154. </li>
  155. <li class="ptb10 c-t-center c-333" v-if="!planDetailList.length">暂无相关记录</li>
  156. </ul>
  157. </div>
  158. <div class="plr10 pb10">
  159. <div class="mt10" v-for="(o, i) in limitlessItems">
  160. <div v-if="o.code=='2'" class="flex vc c-f14 c-border plr10 ptb5 link-control" @click="goConsulting">
  161. <div class="flex1 c-12b7f5 ellipsis-1">
  162. 康复咨询
  163. </div>
  164. </div>
  165. <div v-if="o.code=='3'" class="flex vc c-f14 c-border plr10 ptb5">
  166. <div class="flex1 c-12b7f5 ellipsis-1">
  167. 远程健康监测
  168. </div>
  169. <!-- o.type 1: 血糖 2: 血压 -->
  170. <div v-if="o.type==1">
  171. <div class="zhibiao_icon" :class="{'low':o.levelClazz1=='low', 'high':o.levelClazz1=='high'}">{{o.levelName}}血糖:{{o.value1}}</div>
  172. </div>
  173. <div v-if="o.type==2" class="flex vc" style="flex-direction: column">
  174. <div class="zhibiao_icon" :class="{'low':o.levelClazz1=='low', 'high':o.levelClazz1=='high'}">收缩压:{{o.value1}}</div>
  175. <div class="zhibiao_icon" :class="{'low':o.levelClazz2=='low', 'high':o.levelClazz2=='high'}">舒张压:{{o.value2}}</div>
  176. </div>
  177. </div>
  178. </div>
  179. </div>
  180. </div>
  181. <div class="ui-col-0 w360 c-h100 c-border-l ui-grid ui-grid-vertical">
  182. <div class="plr5 ui-col-0">
  183. <h4 class="m0 pl15 pr5 lh40 c-border-b clearfix c-position-r"><em class="c-position-a set-blue-span"></em>体征记录</h4>
  184. <div class="h380">
  185. <div class="pt10 pb10 ui-grid ui-grid-middle c-t-center type">
  186. <div class="ui-col-0 over-hidden lh30 c-border b-r-5">
  187. <span class="c-inline-block w130 bgc-fff c-666 cur-pit" :class="{'active': recordType == 1}" @click="changeType(0,1)">血糖记录</span>
  188. <span class="c-inline-block w130 bgc-fff c-666 cur-pit" :class="{'active': recordType == 2}" @click="changeType(0,2)">血压记录</span>
  189. </div>
  190. </div>
  191. <div class="pt10 bgc-f5f5fa c-t-center">
  192. <div class="ui-grid ui-grid-middle lh22 type">
  193. <div class="ui-col-0 clearfix">
  194. <div class="fl b-r-15 w60 mr20 c-border b-c-12b7f5 c-12b7f5 cur-pit" :class="{'active': rangeType == 6}" @click="changeType(1,6)">7天</div>
  195. <div class="fl b-r-15 w60 mr20 c-border b-c-12b7f5 c-12b7f5 cur-pit" :class="{'active': rangeType == 29}" @click="changeType(1,29)">30天</div>
  196. <div class="fl b-r-15 w60 mr20 c-border b-c-12b7f5 c-12b7f5 cur-pit" :class="{'active': rangeType == 89}" @click="changeType(1,89)">90天</div>
  197. <div class="fl b-r-15 w60 c-border b-c-12b7f5 c-12b7f5 cur-pit" :class="{'active': rangeType == 182}" @click="changeType(1,182)">半年</div>
  198. </div>
  199. </div>
  200. <div class="ui-grid ui-grid-middle lh22 type c-border-t mtb10 pt10" v-if="recordType == 1">
  201. <div class="ui-col-0 clearfix">
  202. <div class="fl b-r-15 w60 mr20 c-border b-c-12b7f5 c-12b7f5 cur-pit" :class="{'active': xtStatu == 1}" @click="changeType(2,1)">早餐前</div>
  203. <div class="fl b-r-15 w60 mr20 c-border b-c-12b7f5 c-12b7f5 cur-pit" :class="{'active': xtStatu == 2}" @click="changeType(2,2)">早餐后</div>
  204. <div class="fl b-r-15 w60 mr20 c-border b-c-12b7f5 c-12b7f5 cur-pit" :class="{'active': xtStatu == 3}" @click="changeType(2,3)">午餐前</div>
  205. <div class="fl b-r-15 w60 c-border b-c-12b7f5 c-12b7f5 cur-pit" :class="{'active': xtStatu == 4}" @click="changeType(2,4)">午餐后</div>
  206. </div>
  207. </div>
  208. <div class="ui-grid ui-grid-middle type lh22" v-if="recordType == 1">
  209. <div class="ui-col-0 clearfix">
  210. <div class="fl b-r-15 w60 mr20 c-border b-c-12b7f5 c-12b7f5 cur-pit" :class="{'active': xtStatu == 5}" @click="changeType(2,5)">晚餐前</div>
  211. <div class="fl b-r-15 w60 mr20 c-border b-c-12b7f5 c-12b7f5 cur-pit" :class="{'active': xtStatu == 6}" @click="changeType(2,6)">晚餐后</div>
  212. <div class="fl b-r-15 w60 mr20 c-border b-c-12b7f5 c-12b7f5 cur-pit" :class="{'active': xtStatu == 7}" @click="changeType(2,7)">睡前</div>
  213. </div>
  214. </div>
  215. </div>
  216. <div class="ui-grid ui-grid-middle lh30 bgc-f5f5fa c-t-center" :class="{'pt10': recordType == 2}">
  217. <div class="ui-col-2" v-if="recordType == 2">收缩压</div>
  218. <div class="ui-col-2 c-12b7f5">正常:{{toNormal}}次</div>
  219. <div class="ui-col-2 c-ff3b30">偏高:{{toHigh}}次</div>
  220. <div class="ui-col-2 c-2dbe55">偏低:{{toLow}}次</div>
  221. </div>
  222. <div class="ui-grid ui-grid-middle pb10 lh30 bgc-f5f5fa c-t-center" v-if="recordType == 2">
  223. <div class="ui-col-2">舒张压</div>
  224. <div class="ui-col-2 c-12b7f5">正常:{{toNormal2}}次</div>
  225. <div class="ui-col-2 c-ff3b30">偏高:{{toHigh2}}次</div>
  226. <div class="ui-col-2 c-2dbe55">偏低:{{toLow2}}次</div>
  227. </div>
  228. <div style="height: 200px;">
  229. <my-chart :chart-data="chartData"></my-chart>
  230. </div>
  231. </div>
  232. </div>
  233. <div class="plr5 ui-col-1 ui-grid ui-grid-vertical">
  234. <h4 class="ui-col-0 m0 pl15 pr5 lh40 c-border-b clearfix c-position-r"><em class="c-position-a set-blue-span"></em>就诊记录</h4>
  235. <div class="ui-col-0 ui-grid ui-grid-middle lh30 c-border-b c-t-center clearfix">
  236. <div class="ui-col-2 w96 cur-pit" :class="{'active':eventType == 1}" @click="selectType(1)">门诊</div>
  237. <div class="ui-col-2 w96 cur-pit c-border-l" :class="{'active':eventType == 2}" @click="selectType(2)">住院</div>
  238. <div class="ui-col-2 w96 cur-pit c-border-l" :class="{'active':eventType == 3}" @click="selectType(3)">体检</div>
  239. </div>
  240. <ul class="ui-col-1 p0 m0" style="overflow: auto;">
  241. <li class="clearfix" v-for="(record, index) in seeRecord" :key="index">
  242. <div class="fl set-dianxian h73 plr10 pt20 clerfix">
  243. <span class="fl mlr5 set-row bgc-red" v-if="record.eventType == 2"></span>
  244. <span class="fl mlr5 set-row bgc-green" v-if="record.eventType == 3"></span>
  245. <span class="fl mlr5 set-row bgc-orange" v-if="record.eventType == 1"></span>
  246. </div>
  247. <div class="fl w-100-60 pt15">
  248. <div class=" c-border b-r-3">
  249. <p class="m0 p0 plr5 c-fff bgc-red lh22 clearfix" v-if="record.eventType == 2">住院<span class="fr">{{record.eventDate}}</span></p>
  250. <p class="m0 p0 plr5 c-fff bgc-green lh22 clearfix" v-if="record.eventType == 3">体检<span class="fr">{{record.eventDate}}</span></p>
  251. <p class="m0 p0 plr5 c-fff bgc-orange lh22 clearfix" v-if="record.eventType == 1">门诊<span class="fr">{{record.eventDate}}</span></p>
  252. <p class="m0 p0 plr5 pt5 lh22">{{record.dianosis}}</p>
  253. <p class="m0 p0 pr5 pb5 pl20 set-hospital">{{record.orgName}}</p>
  254. </div>
  255. </div>
  256. </li>
  257. <li class="c-t-center c-12b7f5" v-if="hasMoreRecord">查看更多</li>
  258. <li class="c-t-center ptb10" v-if="!seeRecord.length">无就诊记录</li>
  259. </ul>
  260. </div>
  261. </div>
  262. </div>
  263. </div>
  264. </div>
  265. </div>
  266. <script src="../../../js/vue.js" type="text/javascript" charset="utf-8"></script>
  267. <script src="../../../js/jquery-2.2.4.js"></script>
  268. <script src="../../../plugins/layer/layer.min.js"></script>
  269. <script src="../../../plugins/toastr/toastr.min.js"></script>
  270. <script src="../../../plugins/echarts/3.8.5/echarts.js" type="text/javascript"></script>
  271. <script src="../../../component/rehabilitation/my-echart.js"></script>
  272. <script src="../../../js/bootstrap.min.js"></script>
  273. <script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
  274. <script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
  275. <script src="../../../js/util.js" type="text/javascript" charset="utf-8"></script>
  276. <script src="../../../api/http-request.js" type="text/javascript"></script>
  277. <script type="text/javascript" src="../../../api/rehabilitation-api.js"></script>
  278. <script src="../../../api/recover_api.js" type="text/javascript"></script>
  279. <script type="text/javascript">
  280. var doctorType = (JSON.parse(window.localStorage.getItem('wlyyAgent'))||{}).doctorType
  281. var httpData=GetRequest()
  282. function showSuccessMessage(msg) {
  283. layer.msg(msg, {
  284. icon: 1
  285. })
  286. }
  287. function showErrorMessage(msg) {
  288. layer.msg(msg, {
  289. icon: 5
  290. })
  291. }
  292. function showWarningMessage(msg) {
  293. layer.msg(msg, {
  294. icon: 2
  295. })
  296. }
  297. function showInfoMessage(msg) {
  298. layer.msg(msg, {
  299. icon: 6
  300. })
  301. }
  302. var nowDate = new Date().format("yyyy/MM/dd")
  303. var xuetangDuring = ['', '早餐前', '早餐后', '午餐前', '午餐后', '晚餐前', '晚餐后', '睡前'];
  304. var normalLevel = [
  305. [],
  306. [7, 4],
  307. [11.1, 4],
  308. [7, 4],
  309. [11.1, 4],
  310. [7, 4],
  311. [11.1, 4],
  312. [7, 4]
  313. ];
  314. var docInfo = JSON.parse(window.localStorage.getItem("docInfo"));
  315. recoverVue = new Vue({
  316. el: "#app",
  317. data: {
  318. doctorType: doctorType,
  319. isMobile: true,
  320. recoverPatInfo: {},
  321. finishData: {},
  322. diagnosisInformation: [],
  323. seeRecord: [],
  324. planDetailList: [],
  325. isFinishMore: false,
  326. page: 1,
  327. eventPage: 1,
  328. eventType: 1,
  329. hasMoreRecord: null,
  330. chartData: {},
  331. lastXT: '', // 最近一次血糖记录
  332. lastXY: '', // 最近一次血压记录
  333. recordType: 1, // 1血糖2血压
  334. rangeType: 6, // 日期
  335. xtStatu: 1, // 状态血糖
  336. toNormal: 0, // 正常
  337. toLow: 0, // 偏低
  338. toHigh: 0, // 偏高
  339. toNormal2: 0, // 正常
  340. toLow2: 0, // 偏低
  341. toHigh2: 0, // 偏高
  342. xtMax: 0, // 血糖最高
  343. xtMin: 0, // 血糖最低
  344. xyMax: [139, 89], // 血压最高
  345. xyMin: [90, 60], // 血压最低
  346. planList: [], // 计划列表
  347. recentRecoverDetail: undefined,
  348. medicalRecordsList: [], // 住院病历列表
  349. limitlessItems: [], // 不限频次服务项列表
  350. },
  351. mounted: function() {
  352. this.patientRehabilitationDetail()
  353. this.selectPlanByPatient()
  354. this.recentPlanDetailRecord()
  355. this.archivesEvent()
  356. // 获取最新的诊疗信息2条
  357. this.findDiagnosisInformationByPatient()
  358. // 获取体征记录
  359. this.getBodyRecoredLast()
  360. },
  361. methods: {
  362. changeStatu: function() {
  363. this.isMobile = false
  364. },
  365. gotoNewplan: function() {
  366. location.href = "new_recover.html?patient=" + httpData.patientCode
  367. },
  368. jumpPlan: function(plan) {
  369. location.href = "../../rehabilitation/html/rehabilitation_management.html?planId=" + plan.id + "&patientCode=" + httpData.patientCode
  370. },
  371. lookProject: function(obj) {
  372. var vm = this
  373. // layer.open({
  374. // type: 2,
  375. // area: ['600px', '500px'],
  376. // shade: 0.5,
  377. // title: '服务项目内容',
  378. // closeBtn: 1,
  379. // shift: 5,
  380. // shadeClose: false, //点击遮罩关闭层
  381. // content: "project-detail.html?planId=" + obj.id
  382. // });
  383. top.layer.open({
  384. type: 2,
  385. area: ['800px', '650px'],
  386. shade: 0.5,
  387. title: '服务项目内容',
  388. fixed: true, //不固定
  389. maxmin: true,
  390. closeBtn:1,
  391. shift: 5,
  392. shadeClose: false, //点击遮罩关闭层
  393. content: '../../rehabilitation/html/guide_the_message.html?planid='+obj.id+'&pId='+vm.planList[0].planId+'&patient='+httpData.patientCode
  394. });
  395. },
  396. // 获取最新的诊疗消息
  397. findDiagnosisInformationByPatient: function() {
  398. var vm = this,
  399. loading = layer.load(0, {shade: false}),params = {
  400. patient: httpData.patientCode || "e040dd6814b648ceb3ba8d8a04f9f22c",
  401. page: 0,
  402. size: 2
  403. }
  404. recoverAPI.findDiagnosisInformationByPatient(params).then(function(res) {
  405. layer.close(loading)
  406. if(res.status == 200) {
  407. vm.diagnosisInformation = res.data.detailModelList
  408. } else {
  409. showErrorMessage(res.msg);
  410. }
  411. })
  412. },
  413. // 获取住院病历
  414. selectByMedicalCode: function(medicalRecordsCode){
  415. var vm = this;
  416. var params = {
  417. medical: medicalRecordsCode
  418. };
  419. rehaAPI.selectByMedicalCode(params).then(function(res){
  420. if(res.status==200){
  421. vm.medicalRecordsList = res.data
  422. }else {
  423. showErrorMessage(res.msg);
  424. }
  425. })
  426. },
  427. formatter: function(time){
  428. return new Date(time).format('yyyy-MM-dd')
  429. },
  430. // 获取康复计划信息
  431. patientRehabilitationDetail: function() {
  432. var vm = this,
  433. loadding = layer.load(0, {shade: false}),
  434. params = {
  435. patientCode: httpData.patientCode || "e040dd6814b648ceb3ba8d8a04f9f22c"
  436. }
  437. recoverAPI.patientRehabilitationDetail(params).then(function(res) {
  438. layer.close(loadding)
  439. if(res.status == 200) {
  440. vm.recoverPatInfo = res.data
  441. } else {
  442. showErrorMessage(res.msg);
  443. }
  444. })
  445. },
  446. // 所有康复计划列表
  447. selectPlanByPatient: function(){
  448. var vm = this,
  449. loadding = layer.load(0, {shade: false}),
  450. params = {
  451. patient: httpData.patientCode || "e040dd6814b648ceb3ba8d8a04f9f22c"
  452. }
  453. rehaAPI.selectPlanByPatient(params).then(function(res) {
  454. layer.close(loadding)
  455. if(res.status == 200) {
  456. if(res.data&&res.data.length>0){
  457. var list = res.data
  458. vm.recentRecoverDetail = list[0]
  459. vm.planList = res.data
  460. vm.selectByMedicalCode(list[0].medicalRecordsCode)
  461. vm.calendarPlanDetailItems(list[0].id)
  462. }
  463. } else {
  464. showErrorMessage(res.msg);
  465. }
  466. })
  467. },
  468. calendarPlanDetailItems: function(planId){
  469. var vm=this;
  470. var year = new Date().getFullYear()
  471. var params={
  472. executeStartTime: year+'-01-01'+' 00:00:00',//日历开始时间(格式:yyyy-MM-dd HH:mm:ss)
  473. executeEndTime: year+'-12-31'+' 23:59:59',//日历结束时间(格式:yyyy-MM-dd HH:mm:ss)
  474. planId: planId,//计划id
  475. searchTask: '',//快速查找任务:(1、我的任务,2、随访,3、复诊,4、健康教育)
  476. status: '',//任务状态(0未完成,1已完成,2已预约)
  477. }
  478. rehaAPI.calendarPlanDetailItems(params).then(function(res){
  479. if(res.status==200){
  480. var arr = []
  481. $.each(res.data, function(i, o){
  482. if(o.code=='3'&&o.type){
  483. if(o.type==2){
  484. o.levelClazz = vm.getLevelClazz(o.value1, 139, 90) || vm.getLevelClazz(o.value2, 89, 60)
  485. o.levelClazz1 = vm.getLevelClazz(o.value1, 139, 90)
  486. o.levelClazz2 = vm.getLevelClazz(o.value2, 89, 60)
  487. o.levelClazz3 = vm.getLevelClazz(o.value3, 100, 60)
  488. } else {
  489. var num = parseInt(o.value2)
  490. var max = normalLevel[num][0],
  491. min = normalLevel[num][1];
  492. o.levelClazz1 = vm.getLevelClazz(o.value1, max, min)
  493. o.levelName = xuetangDuring[o.value2]
  494. }
  495. }
  496. arr.push(o)
  497. })
  498. vm.limitlessItems = arr
  499. }
  500. })
  501. },
  502. getLevelClazz: function(value,max,min) {
  503. if(!value||(!max && !min)) {
  504. return '';
  505. }
  506. var value = parseFloat(value);
  507. if(value < min) {
  508. return 'low';
  509. } else if(value > max) {
  510. return 'high';
  511. } else {
  512. return ''
  513. }
  514. },
  515. // 获取已完成的康复服务项
  516. recentPlanDetailRecord: function() {
  517. var vm = this,
  518. loadding = layer.load(0, {shade: false}),
  519. params = {
  520. patientCode: httpData.patientCode || "e040dd6814b648ceb3ba8d8a04f9f22c",
  521. page: vm.eventPage,
  522. pageSize: 10
  523. }
  524. recoverAPI.recentPlanDetailRecord(params).then(function(res) {
  525. layer.close(loadding)
  526. if(res.status == 200) {
  527. vm.finishData = res.data
  528. vm.planDetailList = vm.planDetailList.concat(vm.finishData.planDetailList)
  529. vm.planDetailList = $.each(vm.planDetailList, function(index, o) {
  530. var executeTime = new Date(o.executeTime).format("yyyy/MM/dd")
  531. if(nowDate == executeTime) {
  532. o.istaDay = true
  533. }
  534. return o
  535. });
  536. if(vm.finishData.planDetailList.length >= 10) {
  537. vm.isFinishMore = true
  538. } else {
  539. vm.isFinishMore = false
  540. }
  541. } else {
  542. showErrorMessage(res.msg);
  543. }
  544. })
  545. },
  546. goConsulting: function(){
  547. var otherCode = docInfo.code,
  548. otherName = docInfo.name,
  549. planDetailId = vm.recentRecoverDetail.id;
  550. showInfoMessage('请从“消息-患者消息列表”中查看患者的康复咨询记录')
  551. },
  552. selectType: function(type) {
  553. this.eventType = type
  554. this.seeRecord = []
  555. this.page = 1
  556. this.archivesEvent()
  557. },
  558. archivesEvent: function() {
  559. var vm = this,
  560. loadding = layer.load(0, {shade: false}),
  561. params = {
  562. patient: httpData.patientCode || "e040dd6814b648ceb3ba8d8a04f9f22c",
  563. type: vm.eventType,
  564. page: vm.page,
  565. pageSize: 20
  566. }
  567. recoverAPI.archivesEvent(params).then(function(res) {
  568. layer.close(loadding)
  569. if(res.status == 200) {
  570. this.hasMoreRecord = res.data.length == 20 ? true : false
  571. vm.seeRecord = vm.seeRecord.concat(res.data)
  572. } else {
  573. showErrorMessage(res.msg);
  574. }
  575. })
  576. },
  577. setPatImg: function(src, doc) {
  578. if(!src) {
  579. if(doc) {
  580. return "../../../images/d-default.png"
  581. } else {
  582. return "../../../images/p-female.png"
  583. }
  584. } else {
  585. var str = httpRequest.getImgUrl(src);
  586. return str
  587. }
  588. },
  589. addEventPage: function() {
  590. this.eventPage++;
  591. this.recentPlanDetailRecord()
  592. },
  593. addPage: function() {
  594. this.page++;
  595. this.archivesEvent()
  596. },
  597. setPercent: function(plan) {
  598. return Math.floor(plan.allFinishCount / plan.allCount * 100) + "%"
  599. },
  600. // 时间推算
  601. getDateFromCurrentDate: function() {
  602. var fromDate = this.recordType == 1 ? this.lastXT : this.lastXY,
  603. dayInterval = -this.rangeType;
  604. var curDate = new Date(Date.parse(fromDate.replace(/-/g, "/")));
  605. curDate.setDate(curDate.getDate() + dayInterval);
  606. var year = curDate.getFullYear();
  607. var month = (curDate.getMonth() + 1) < 10 ? "0" + (curDate.getMonth() + 1) : (curDate.getMonth() + 1);
  608. var day = curDate.getDate() < 10 ? "0" + curDate.getDate() : curDate.getDate();
  609. return year + "-" + month + "-" + day + " 00:00:00";
  610. },
  611. // 血糖最高值最低值
  612. getNormalLevel: function() {
  613. var arr = [
  614. [],
  615. [6.1, 3.9],
  616. [7.8, 4.4],
  617. [6.1, 3.9],
  618. [7.8, 4.4],
  619. [6.1, 3.9],
  620. [7.8, 4.4],
  621. [6.1, 3.9]
  622. ][this.xtStatu];
  623. this.xtMax = arr[0]
  624. this.xyMax = arr[1]
  625. },
  626. // 处理数据偏高、偏低、正常
  627. judgeDataDif: function(val, val2) {
  628. // 血糖判断
  629. if(this.recordType == 1) {
  630. if(val > this.xtMax) {
  631. ++this.toHigh;
  632. } else if(val < this.xtMin) {
  633. ++this.toLow;
  634. } else {
  635. ++this.toNormal;
  636. };
  637. } else {
  638. // 血压判断
  639. if(val > this.xyMax[0]) {
  640. ++this.toHigh;
  641. } else if(val < this.xyMin[0]) {
  642. ++this.toLow;
  643. } else {
  644. ++this.toNormal;
  645. }
  646. // 血压判断
  647. if(val2 > this.xyMax[1]) {
  648. ++this.toHigh2;
  649. } else if(val2 < this.xyMin[1]) {
  650. ++this.toLow2;
  651. } else {
  652. ++this.toNormal2;
  653. }
  654. }
  655. },
  656. // 体征记录
  657. changeType: function(judge, num) {
  658. if(judge) {
  659. if(judge == 1) {
  660. this.rangeType = num
  661. } else {
  662. this.xtStatu = num
  663. }
  664. } else {
  665. this.recordType = num
  666. }
  667. this.getHealthIndex()
  668. },
  669. // 获取上次体检
  670. getBodyRecoredLast: function() {
  671. var vm = this,
  672. loading = layer.load(0, {shade: false}),
  673. params = {
  674. patient: httpData.patientCode || "e040dd6814b648ceb3ba8d8a04f9f22c"
  675. }
  676. recoverAPI.getBodyRecoredLast(params).then(function(res) {
  677. layer.close(loading)
  678. if(res.status == 200){
  679. vm.lastXT = res.data.xt ? res.data.xt.recordDate : null;
  680. vm.lastXY = res.data.xy ? res.data.xy.recordDate : null;
  681. // 初始化执行
  682. vm.getHealthIndex();
  683. }else{
  684. showErrorMessage(res.msg)
  685. }
  686. })
  687. },
  688. // 获取体征数据
  689. getHealthIndex: function() {
  690. this.toNormal = 0;
  691. this.toHigh = 0;
  692. this.toLow = 0;
  693. if(this.recordType == 2) {
  694. this.toNormal = 0;
  695. this.toHigh = 0;
  696. this.toLow = 0;
  697. }
  698. var endDate = this.recordType == 1 ? this.lastXT : this.lastXY
  699. if(!endDate) {
  700. showErrorMessage("暂无体征数据");
  701. this.chartData = {
  702. opinion:[],
  703. opinionData:[],
  704. recordType: this.recordType,
  705. opinionData2: [],
  706. }
  707. return false;
  708. }
  709. if(this.recordType == 1) { this.getNormalLevel(); }
  710. var vm = this,
  711. loading = layer.load(0, {shade: false}),
  712. startDate = vm.getDateFromCurrentDate(),
  713. params = {
  714. patient: httpData.patientCode || "e040dd6814b648ceb3ba8d8a04f9f22c",
  715. type: vm.recordType,
  716. begin: startDate,
  717. end: endDate,
  718. gi_type: vm.recordType == 1 ? vm.xtStatu : 0
  719. }
  720. recoverAPI.getHealthIndex(params).then(function(res) {
  721. layer.close(loading)
  722. if(res.status == 200) {
  723. var arr1 = [], arr2 = [], arr3 = []
  724. for(var i = 0, len = res.list.length; i < len; i++) {
  725. vm.judgeDataDif(res.list[i].value1, res.list[i].value2)
  726. arr1.push(res.list[i].date)
  727. var obj = {value: res.list[i].value1, name: res.list[i].date},
  728. obj2 = {value: res.list[i].value2, name: res.list[i].date};
  729. arr2.push(obj)
  730. arr3.push(obj2)
  731. }
  732. vm.chartData = {
  733. opinion: arr1.length ? arr1 : [],
  734. opinionData: arr2.length ? arr2 : [],
  735. recordType: vm.recordType,
  736. opinionData2: vm.recordType == 2 ? arr3 : [],
  737. }
  738. } else {
  739. showErrorMessage(res.msg);
  740. }
  741. })
  742. }
  743. }
  744. })
  745. </script>
  746. </body>
  747. </html>