Sākums Izpētīt Palīdzība
Reģistrēties Pierakstīties
raolu
/
PC-application
Vērot 0
Pievienot zvaigznīti 0
Atdalīts 1
Faili Problēmas 0 Izmaiņu pieprasījumi 0 Vikivietne
Koks: d68d97c76e
Atzari Tagi
PC-application
/
app
/
recover
/
html
/
personal-manage.html

personal-manage.html 35 KB
Vēsture Neapstrādāts

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820 
  1. <!DOCTYPE html>
    2. 

  2. <html>
    3. 

  3. 	<head>
    4. 

  4. 		<meta charset="UTF-8">
    5. 

  5. 		<title>康复管理</title>
    6. 

  6. 		<link rel="stylesheet" type="text/css" href="../../../css/bootstrap.min.css" />
    7. 

  7. 		<link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
    8. 

  8. 		<link rel="stylesheet" type="text/css" href="../../../css/cross.ui.css" />
    9. 

  9. 		<link rel="stylesheet" type="text/css" href="../../../css/style.min.css" />
    10. 

  10. 		<link rel="stylesheet" href="../../../plugins/toastr/toastr.min.css">
    11. 

  11. 		<link rel="stylesheet" href="../../../plugins/element-ui/element-ui.css" />
    12. 

  12. 		<link rel="stylesheet" href="../css/common.css" />
    13. 

  13. 		<link rel="stylesheet" type="text/css" href="../../rehabilitation/css/rehabilitation_management.css" />
    14. 

  14. 		<link rel="stylesheet" type="text/css" href="../css/new_recover.css" />
    15. 

  15. 		<link rel="stylesheet" type="text/css" href="../css/personal-manage.css" />
    16. 

  16. 	</head>
    17. 

  17. 	<body class="m0">
    18. 

  18. 	<div id="app" class="c-333" v-cloak>
    19. 

  19. 		<div class="content ui-grid">
    20. 

  20. 	        <div class="ui-col-0 c-h100 w360 person_info c-border-r ui-grid ui-grid-vertical plr5">
    21. 

  21. 	        	<h4 class="m0 pl15 lh40 c-border-b c-position-r"><em class="c-position-a set-blue-span"></em>个人基础信息</h4>
    22. 

  22.     			<div class="bgc-f5f5fa mt10 ptb10 plr10">
    23. 

  23.     				<div class="clearfix">
    24. 

  24. 	    				<div class="fl w-100-66">
    25. 

  25. 	    					<p class="m0 p0 mb10">
    26. 

  26. 	    						<span class="c-999">姓名：</span>{{recoverPatInfo.patientInfo&&recoverPatInfo.patientInfo.patientName?recoverPatInfo.patientInfo.patientName:''}}
    27. 

  27. 	    						<span class="c-999 ml20">性别：</span>{{recoverPatInfo.patientInfo&&recoverPatInfo.patientInfo.sex == 1 ? "男" : "女"}}
    28. 

  28. 	    						<span class="c-999 ml20">年龄：</span>{{recoverPatInfo.patientInfo&&recoverPatInfo.patientInfo.age?recoverPatInfo.patientInfo.age:0}}岁
    29. 

  29. 	    					</p>
    30. 

  30. 	    					<p class="m0 p0 mb10">
    31. 

  31. 	    						<span class="c-999">健康情况：</span>{{recoverPatInfo.patientInfo&&recoverPatInfo.patientInfo.healthyCondition?recoverPatInfo.patientInfo.healthyCondition:''}}
    32. 

  32. 	    					</p>
    33. 

  33. 	    					<p class="m0 p0 mb10">
    34. 

  34. 	    						<span class="c-999">联系电话：</span><span class="c-12b7f5 cur-pit" v-if="isMobile" @click="changeStatu()">点击查看</span><span v-else>{{recoverPatInfo.patientInfo&&recoverPatInfo.patientInfo.mobile?recoverPatInfo.patientInfo.mobile:''}}</span>
    35. 

  35. 	    					</p>
    36. 

  36. 	    				</div>
    37. 

  37. 	    				<div class="fr set-photo">
    38. 

  38. 	    					<img :src="setPatImg(recoverPatInfo.patientInfo&&recoverPatInfo.patientInfo.photo?recoverPatInfo.patientInfo.photo:'')" alt="居民头像" />
    39. 

  39. 	    				</div>
    40. 

  40.     				</div>
    41. 

  41.     				<p class="m0 p0 mb10">
    42. 

  42. 						<span class="c-999">签约社区：</span>{{recoverPatInfo.patientInfo&&recoverPatInfo.patientInfo.signHospitalName?recoverPatInfo.patientInfo.signHospitalName:''}}
    43. 

  43. 					</p>
    44. 

  44. 					<p class="m0 p0">
    45. 

  45. 						<span class="c-999">康复机构：</span>{{recoverPatInfo.patientInfo&&recoverPatInfo.patientInfo.rehabilitationOrg&&recoverPatInfo.patientInfo.rehabilitationOrg!="null"?recoverPatInfo.patientInfo.rehabilitationOrg:''}}
    46. 

  46. 					</p>
    47. 

  47.     			</div>
    48. 

  48.     			<h4 class="m0 pl15 lh40 c-border-b c-position-r"><em class="c-position-a set-blue-span"></em>服务医生</h4>
    49. 

  49.     			<div class="pt10 pb10 ui-col-0" style="overflow: hidden; height: 190px;">
    50. 

  50. 	    			<ul class="p0 m0 c-h100" style="overflow: auto;">
    51. 

  51. 	    				<li class="clearfix plr20 ptb10 doc-li" v-for="(docInfo, index) in docList" :key="index">
    52. 

  52. 	    					<div class="fl set-photo">
    53. 

  53. 	    						<img :src="setPatImg(docInfo.photo, 1)" alt="医生头像" />
    54. 

  54. 	    					</div>
    55. 

  55. 	    					<div class="fl ml10 lh18">
    56. 

  56. 	    						<p class="m0 p0 c-f16">{{docInfo.name}}</p>
    57. 

  57. 	    						<p class="m0 p0 mt10 c-999">{{docInfo.levelName}}</p>
    58. 

  58. 	    					</div>
    59. 

  59. 	    					<!-- <div class="fr w100 ml40 lh18">
    60. 

  60. 	    						<p class="m0 p0">完成项目：<span class="c-orange">{{docInfo.finishedItem}}</span></p>
    61. 

  61. 	    						<p class="m0 p0 mt10">服务次数：<span class="c-orange">{{docInfo.serviceCount}}</span></p>
    62. 

  62. 	    					</div> -->
    63. 

  63. 	    				</li>
    64. 

  64. 	    			</ul>
    65. 

  65.     			</div>
    66. 

  66. 				<h4 class="m0 pl15 lh40 c-border-b c-position-r"><em class="c-position-a set-blue-span"></em>康复建议</h4>
    67. 

  67. 				<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?recentRecoverDetail.adviceContent:''}}</textarea>
    68. 

  68. 				<!-- <ul class="m0 p0 ptb10 ui-col-1 c-border b-r-3 c-h100 mt10" style="overflow: auto;">
    69. 

  69. 					<li class="pt5 plr10" v-for="(info, index) in diagnosisInformation" :key="index">
    70. 

  70. 						<p class="c-999 ptb10 clearfix" style="line-height: 20px;">
    71. 

  71. 							<span class="fl w-100-78">&emsp;{{info.dischargeDiagnosis}}</span>
    72. 

  72. 							<span class="fr">{{info.dischargeTime}}</span>
    73. 

  73. 						</p>
    74. 

  74. 						<div class="bgc-f5f5fa plr5 ptb10" style="line-height: 20px;">
    75. 

  75. 							&emsp;&emsp;{{info.advice}}
    76. 

  76. 						</div>
    77. 

  77. 					</li>
    78. 

  78. 					<li class="c-t-center ptb10" v-if="!diagnosisInformation.length">无医嘱小结</li>
    79. 

  79. 				</ul> -->
    80. 

  80. 				<h4 class="m0 pl15 lh40 c-border-b c-position-r"><em class="c-position-a set-blue-span"></em>住院病历</h4>
    81. 

  81. 				<div>
    82. 

  82. 					<div v-for="(o, i) in medicalRecordsList" class="flex vc c-f14 c-border plr10 ptb5 link-control mt10" @click="viewMedicalDetail(o)">
    83. 

  83. 						<span class="c-666 mr15">
    84. 

  84. 							{{o&&o.admissionTime?formatter(o.admissionTime):''}}
    85. 

  85. 						</span>
    86. 

  86. 						<div class="flex1 c-12b7f5 ellipsis-1">
    87. 

  87. 							{{o&&o.hospitalName?o.hospitalName:''}}
    88. 

  88. 						</div>
    89. 

  89. 					</div>
    90. 

  90. 				</div>
    91. 

  91. 	        </div>
    92. 

  92. 	        <div class="ui-col-1 c-h100 w-100-360 ui-grid">
    93. 

  93. 	        	<div class="ui-col-1 c-h100 ui-grid ui-grid-vertical">
    94. 

  94. 					<div class="m0 pl15 lh40 c-border-b c-position-r clearfix">
    95. 

  95. 						<em class="c-position-a set-blue-span"></em>
    96. 

  96. 						<span class="fl">康复计划</span>
    97. 

  97. 						<span class="fl plr20 ml20 c-f12 bgc-12b7f5 c-fff cur-pit" @click="gotoNewplan()" v-if="doctorType == 1">新建计划</span>
    98. 

  98. 						<span class="fr w80 c-333 c-f12 c-t-center">进行中：{{recoverPatInfo.planUnderway}}</span>
    99. 

  99. 						<span class="fr w80 c-333 c-f12 c-t-center">已完成：{{recoverPatInfo.planFinish}}</span>
    100. 

  100. 					</div>
    101. 

  101. 					<div class="pb10" style="overflow: hidden; height: 230px;">
    102. 

  102. 						<ul class="p0 plr5 m0 c-h100" style="overflow: auto;">
    103. 

  103. 							<li class="plr5 ptb10 mt10 plan-li cur-pit c-border b-r-3 ui-grid link-control" :class="{'bd-12b7f5': planId==plan.id}" v-for="(plan, index) in planList" :key="index" @click="jumpPlan(plan)">
    104. 

  104. 								<!-- <div class="ui-col-1">
    105. 

  105. 									<p class="p0 m0 lh22 clearfix">
    106. 

  106. 										<span class="fl">{{plan.planTypeName}}</span>
    107. 

  107. 										<span class="fr c-999">{{plan.time}}</span>
    108. 

  108. 									</p>
    109. 

  109. 									<div class="ui-grid">
    110. 

  110. 										<p class="ui-col-1 bgc-c1c1c1 lh22 b-r-11 c-position-r c-t-center">
    111. 

  111. 											<span class="c-position-a bgc-orange lh22 b-r-11 c-t-center c-fff" :style="{width: setPercent(plan), left: 0}"></span>
    112. 

  112. 											<span class="c-position-r w-100 c-t-center">{{setPercent(plan)}}</span>
    113. 

  113. 										</p>
    114. 

  114. 										<div class="ui-col-0 ml10 c-999 lh22">{{plan.allFinishCount}}/{{plan.allCount}}</div>
    115. 

  115. 									</div>
    116. 

  116. 								</div> -->
    117. 

  117. 								<!-- <div class="ui-col-0 ml15 c-007cd9 lh40">{{plan.statusName}}</div> -->
    118. 

  118. 								<div class="ui-col-1">
    119. 

  119. 									<div class="ui-grid ui-grid-middle">
    120. 

  120. 										<img :src="setPatImg(plan.photo)" class="mr10" style="width: 45px; height: 45px; border-radius: 100%;"/>
    121. 

  121. 										<div class="ui-col-1">
    122. 

  122. 											<p>{{plan.doctorName}}</p>
    123. 

  123. 											<p class="mt5">{{plan.deptName}}/{{plan.hospitalName}}</p>
    124. 

  124. 										</div>
    125. 

  125. 									</div>
    126. 

  126. 								</div>
    127. 

  127. 								<div class="c-999 ui-grid ui-grid-middle">
    128. 

  128. 									{{formatter(plan.createTime)}}
    129. 

  129. 								</div>
    130. 

  130. 							</li>
    131. 

  131. 							<li class="ptb10 c-t-center" v-if="!planList || !planList.length">暂无相关计划</li>
    132. 

  132. 						</ul>
    133. 

  133. 					</div>
    134. 

  134. 	    			<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>
    135. 

  135. 					<div style="height:calc(100% - 271px);overflow: hidden; overflow-y: auto;">
    136. 

  136. 						<server-items-detail ref="serverItemsDetail" v-if="showServerItemDetail" :patientname="recoverPatInfo.patientInfo.patientName" :patientcode="recoverPatInfo.patientInfo.patientCode" :planid="planId" :plandetailid="serverItemInfo.id" @onclose="showServerItemDetail=false"></server-items-detail>
    137. 

  137. 						<div v-if="!showServerItemDetail" style="height:calc(100% - 100px);overflow: hidden; overflow-y: auto;" class="recover-list">
    138. 

  138. 							<ul class="p0 m0 c-h100 c-999">
    139. 

  139. 								<li class="clearfix plr10 cur-pit record-li" v-for="(plan, index) in planDetailList" :class="{'bgc-dff5fc c-12b7f5':plan.istaDay}" @click="lookProject(plan)">
    140. 

  140. 									<div class="fl w80 ptb10 c-t-right">
    141. 

  141. 										<p class="p0 m0 lh18">{{plan.executeTime}}</p>
    142. 

  142. 									</div>
    143. 

  143. 									<div class="fl set-dianxian plr20 ptb10 clerfix">
    144. 

  144. 										<span class="fl set-taday mt8 c-t-center c-fff" v-if="plan.istaDay">今</span>
    145. 

  145. 										<span class="fl mlr5 mt13 set-row bgc-e1e1e1" v-else></span>
    146. 

  146. 									</div>
    147. 

  147. 									<div class="fl ptb10 w-100-220">
    148. 

  148. 										<div class="ui-grid ui-grid-middle" style="height: 36px;">
    149. 

  149. 											<p class="p0 m0 lh18">{{plan.title}}</p>
    150. 

  150. 										</div>
    151. 

  151. 									</div>
    152. 

  152. 									<div class="fr ptb10 w60 c-t-center">
    153. 

  153. 										<p class="p0 m0 lh18">已完成</p>
    154. 

  154. 										<p class="p0 m0 lh18">查看</p>
    155. 

  155. 									</div>
    156. 

  156. 								</li>
    157. 

  157. 								<li class="plr20" v-if="isFinishMore">
    158. 

  158. 									<div class="c-border lh40 b-r-3 c-t-center cur-pit" @click="addEventPage()">点击查看更早时间</div>
    159. 

  159. 								</li>
    160. 

  160. 								<li class="ptb10 c-t-center c-333" v-if="!planDetailList.length">暂无相关记录</li>
    161. 

  161. 							</ul>
    162. 

  162. 						</div>
    163. 

  163. 						<!-- 服务项列表 -->
    164. 

  164. 						<div v-if="!showServerItemDetail" class="plr10 pb10">
    165. 

  165. 							<div v-for="(o, i) in limitlessItems" class="flex vc c-f14 c-border plr10 ptb5 mt10 link-control" @click="viewServerItemsDetail(o)">
    166. 

  166. 								<div class="flex1 c-12b7f5 ellipsis-1">
    167. 

  167. 									{{o.name}}
    168. 

  168. 								</div>
    169. 

  169. 								<div style="width: 250px;">
    170. 

  170. 									<div class="flex lh28">
    171. 

  171. 										<span>完成情况：</span>
    172. 

  172. 										<div class="flex1" v-if="!o.frequency_code"><span class="c-FF0000">{{o.compeletTotal}}</span>次</div>
    173. 

  173. 										<div class="flex1" v-else><span class="c-FF0000">{{o.compeletTotal}}/{{o.total}}</span></div>
    174. 

  174. 									</div>
    175. 

  175. 									<div v-if="o.code!='3'" class="flex lh28">
    176. 

  176. 										<span>上次完成：</span>
    177. 

  177. 										<div class="flex1">{{o.firstDate?o.firstDate:'--'}}</div>
    178. 

  178. 									</div>
    179. 

  179. 									<div v-if="o.frequency_code" class="flex lh28">
    180. 

  180. 										<span>下次计划：</span>
    181. 

  181. 										<div class="flex1">{{o.lastDate?o.lastDate:'--'}}</div>
    182. 

  182. 									</div>
    183. 

  183. 									<div v-if="o.code=='3'" class="flex lh28">
    184. 

  184. 										<!-- o.type 1: 血糖 2: 血压  -->
    185. 

  185. 										<span>最近体征：</span>
    186. 

  186. 										<div v-if="!o.type || o.compeletTotal==0" class="">--</div>
    187. 

  187. 										<div v-else-if="o.type==1">
    188. 

  188. 											<span class="zhibiao_icon" :class="{'low':o.levelClazz1=='low', 'high':o.levelClazz1=='high'}">{{o.levelName}}血糖：{{o.value1}}</span>
    189. 

  189. 										</div>
    190. 

  190. 										<div v-else-if="o.type==2" class="flex vc">
    191. 

  191. 											<span class="zhibiao_icon" :class="{'low':o.levelClazz1=='low', 'high':o.levelClazz1=='high'}">收缩压：{{o.value1}}</span>
    192. 

  192. 											<span class="zhibiao_icon" :class="{'low':o.levelClazz2=='low', 'high':o.levelClazz2=='high'}">舒张压：{{o.value2}}</span>
    193. 

  193. 										</div>
    194. 

  194. 									</div>
    195. 

  195. 								</div>
    196. 

  196. 							</div>
    197. 

  197. 						</div>
    198. 

  198. 					</div>
    199. 

  199. 	        	</div>
    200. 

  200. 	        	<div class="ui-col-0 w360 c-h100 c-border-l ui-grid ui-grid-vertical">
    201. 

  201. 	        		<div class="plr5 ui-col-0">
    202. 

  202. 	        			<h4 class="m0 pl15 pr5 lh40 c-border-b clearfix c-position-r"><em class="c-position-a set-blue-span"></em>体征记录</h4>
    203. 

  203. 	        			<div class="h380">
    204. 

  204. 	        				<div class="pt10 pb10 ui-grid ui-grid-middle c-t-center type">
    205. 

  205. 	        					<div class="ui-col-0 over-hidden lh30 c-border b-r-5">
    206. 

  206. 		        					<span class="c-inline-block w130 bgc-fff c-666 cur-pit" :class="{'active': recordType == 1}" @click="changeType(0,1)">血糖记录</span>
    207. 

  207. 		        					<span class="c-inline-block w130 bgc-fff c-666 cur-pit" :class="{'active': recordType == 2}" @click="changeType(0,2)">血压记录</span>
    208. 

  208. 	        					</div>
    209. 

  209. 	        				</div>
    210. 

  210. 	        				<div class="pt10 bgc-f5f5fa c-t-center">
    211. 

  211. 		        				<div class="ui-grid ui-grid-middle lh22 type">
    212. 

  212. 		        					<div class="ui-col-0 clearfix">
    213. 

  213. 			        					<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>
    214. 

  214. 			        					<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>
    215. 

  215. 			        					<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>
    216. 

  216. 			        					<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>
    217. 

  217. 		        					</div>
    218. 

  218. 		        				</div>
    219. 

  219. 		        				<div class="ui-grid ui-grid-middle lh22 type c-border-t mtb10 pt10" v-if="recordType == 1">
    220. 

  220. 		        					<div class="ui-col-0 clearfix">
    221. 

  221. 			        					<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>
    222. 

  222. 			        					<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>
    223. 

  223. 			        					<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>
    224. 

  224. 			        					<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>
    225. 

  225. 			        				</div>
    226. 

  226. 		        				</div>
    227. 

  227. 		        				<div class="ui-grid ui-grid-middle type lh22" v-if="recordType == 1">
    228. 

  228. 		        					<div class="ui-col-0 clearfix">
    229. 

  229. 			        					<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>
    230. 

  230. 			        					<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>
    231. 

  231. 			        					<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>
    232. 

  232. 		        					</div>
    233. 

  233. 		        				</div>
    234. 

  234. 	        				</div>
    235. 

  235. 	        				<div class="ui-grid ui-grid-middle lh30 bgc-f5f5fa c-t-center" :class="{'pt10': recordType == 2}">
    236. 

  236. 	        					<div class="ui-col-2" v-if="recordType == 2">收缩压</div>
    237. 

  237. 	        					<div class="ui-col-2 c-12b7f5">正常：{{toNormal}}次</div>
    238. 

  238. 	        					<div class="ui-col-2 c-ff3b30">偏高：{{toHigh}}次</div>
    239. 

  239. 	        					<div class="ui-col-2 c-2dbe55">偏低：{{toLow}}次</div>
    240. 

  240. 	        				</div>
    241. 

  241. 	        				<div class="ui-grid ui-grid-middle pb10 lh30 bgc-f5f5fa c-t-center" v-if="recordType == 2">
    242. 

  242. 	        					<div class="ui-col-2">舒张压</div>
    243. 

  243. 	        					<div class="ui-col-2 c-12b7f5">正常：{{toNormal2}}次</div>
    244. 

  244. 	        					<div class="ui-col-2 c-ff3b30">偏高：{{toHigh2}}次</div>
    245. 

  245. 	        					<div class="ui-col-2 c-2dbe55">偏低：{{toLow2}}次</div>
    246. 

  246. 	        				</div>
    247. 

  247. 	        				<div style="height: 200px;">
    248. 

  248. 	        					<my-chart :chart-data="chartData"></my-chart>
    249. 

  249. 	        				</div>
    250. 

  250. 	        			</div>
    251. 

  251. 	        		</div>
    252. 

  252. 	        		<div class="plr5 ui-col-1 ui-grid ui-grid-vertical">
    253. 

  253. 	        			<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>
    254. 

  254. 	        			<div class="ui-col-0 ui-grid ui-grid-middle lh30 c-border-b c-t-center clearfix">
    255. 

  255. 	        				<div class="ui-col-2 w96 cur-pit" :class="{'active':eventType == 1}" @click="selectType(1)">门诊</div>
    256. 

  256. 	        				<div class="ui-col-2 w96 cur-pit c-border-l" :class="{'active':eventType == 2}" @click="selectType(2)">住院</div>
    257. 

  257. 	        				<div class="ui-col-2 w96 cur-pit c-border-l" :class="{'active':eventType == 3}" @click="selectType(3)">体检</div>
    258. 

  258. 	        			</div>
    259. 

  259.         				<ul class="ui-col-1 p0 m0" style="overflow: auto;">
    260. 

  260.         					<li class="clearfix" v-for="(record, index) in seeRecord" :key="index">
    261. 

  261.         						<div class="fl set-dianxian h73 plr10 pt20 clerfix">
    262. 

  262.     								<span class="fl mlr5 set-row bgc-red" v-if="record.eventType == 2"></span>
    263. 

  263.     								<span class="fl mlr5 set-row bgc-green" v-if="record.eventType == 3"></span>
    264. 

  264.     								<span class="fl mlr5 set-row bgc-orange" v-if="record.eventType == 1"></span>
    265. 

  265.     							</div>
    266. 

  266.     							<div class="fl w-100-60 pt15">
    267. 

  267. 	    							<div class=" c-border b-r-3">
    268. 

  268. 	    								<p class="m0 p0 plr5 c-fff bgc-red lh22 clearfix" v-if="record.eventType == 2">住院<span class="fr">{{record.eventDate}}</span></p>
    269. 

  269. 	    								<p class="m0 p0 plr5 c-fff bgc-green lh22 clearfix" v-if="record.eventType == 3">体检<span class="fr">{{record.eventDate}}</span></p>
    270. 

  270. 	    								<p class="m0 p0 plr5 c-fff bgc-orange lh22 clearfix" v-if="record.eventType == 1">门诊<span class="fr">{{record.eventDate}}</span></p>
    271. 

  271. 	    								<p class="m0 p0 plr5 pt5 lh22">{{record.dianosis}}</p>
    272. 

  272. 	    								<p class="m0 p0 pr5 pb5 pl20 set-hospital">{{record.orgName}}</p>
    273. 

  273. 	    							</div>
    274. 

  274.     							</div>
    275. 

  275.         					</li>
    276. 

  276.         					<li class="c-t-center c-12b7f5" v-if="hasMoreRecord">查看更多</li>
    277. 

  277.         					<li class="c-t-center ptb10" v-if="!seeRecord.length">无就诊记录</li>
    278. 

  278.         				</ul>
    279. 

  279. 	        		</div>
    280. 

  280. 	        	</div>
    281. 

  281. 		        </div>
    282. 

  282. 	        </div>
    283. 

  283. 	    </div>
    284. 

  284. 	</div>
    285. 

  285. 		<script src="../../../js/vue.js" type="text/javascript" charset="utf-8"></script>
    286. 

  286.         <script src="../../../js/jquery-2.2.4.js"></script>
    287. 

  287.         <script src="../../../plugins/layer/layer.min.js"></script>
    288. 

  288.         <script src="../../../plugins/toastr/toastr.min.js"></script>
    289. 

  289. 		<script type="text/javascript" src="../../../plugins/element-ui/element-ui.js"></script>
    290. 

  290.         <script src="../../../plugins/echarts/3.8.5/echarts.js" type="text/javascript"></script>
    291. 

  291.         <script src="../../../component/rehabilitation/my-echart.js"></script>
    292. 

  292.         <script src="../../../js/bootstrap.min.js"></script>
    293. 

  293.         <script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
    294. 

  294.         <script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
    295. 

  295.         <script src="../../../js/util.js" type="text/javascript" charset="utf-8"></script>
    296. 

  296. 		<script src="../../../api/http-request.js" type="text/javascript"></script>
    297. 

  297. 		<script type="text/javascript" src="../../../component/rehabilitation/server-items-detail.js"></script>
    298. 

  298. 		<script type="text/javascript" src="../../../api/rehabilitation-api.js"></script>
    299. 

  299. 		<script src="../../../api/recover_api.js" type="text/javascript"></script>
    300. 

  300. 		<script type="text/javascript">
    301. 

  301. 			var doctorType = (JSON.parse(window.localStorage.getItem('wlyyAgent'))||{}).doctorType
    302. 

  302. 			var httpData=GetRequest()
    303. 

  303. 			function showSuccessMessage(msg) {
    304. 

  304. 				layer.msg(msg, {
    305. 

  305. 					icon: 1
    306. 

  306. 				})
    307. 

  307. 			}
    308. 

  308. 			
    309. 

  309. 			function showErrorMessage(msg) {
    310. 

  310. 				layer.msg(msg, {
    311. 

  311. 					icon: 5
    312. 

  312. 				})
    313. 

  313. 			}
    314. 

  314. 			
    315. 

  315. 			function showWarningMessage(msg) {
    316. 

  316. 				layer.msg(msg, {
    317. 

  317. 					icon: 2
    318. 

  318. 				})
    319. 

  319. 			}
    320. 

  320. 			
    321. 

  321. 			function showInfoMessage(msg) {
    322. 

  322. 				layer.msg(msg, {
    323. 

  323. 					icon: 6
    324. 

  324. 				})
    325. 

  325. 			}
    326. 

  326. 			var nowDate = new Date().format("yyyy/MM/dd")
    327. 

  327. 			var xuetangDuring = ['', '早餐前', '早餐后', '午餐前', '午餐后', '晚餐前', '晚餐后', '睡前'];
    328. 

  328. 			var normalLevel = [
    329. 

  329. 							[],
    330. 

  330. 							[7, 4],
    331. 

  331. 							[11.1, 4],
    332. 

  332. 							[7, 4],
    333. 

  333. 							[11.1, 4],
    334. 

  334. 							[7, 4],
    335. 

  335. 							[11.1, 4],
    336. 

  336. 							[7, 4]
    337. 

  337. 						];
    338. 

  338. 			var docInfo = JSON.parse(window.localStorage.getItem("wlyyAgent"));
    339. 

  339. 			recoverVue = new Vue({
    340. 

  340.                 el: "#app",
    341. 

  341.                 data: {
    342. 

  342.                 	doctorType: doctorType,
    343. 

  343.                 	isMobile: true,
    344. 

  344.                 	recoverPatInfo: {},
    345. 

  345.                 	finishData: {},
    346. 

  346.                 	diagnosisInformation: [],
    347. 

  347.                 	seeRecord: [],
    348. 

  348.                 	planDetailList: [],
    349. 

  349.                 	isFinishMore: false,
    350. 

  350.                 	page: 1,
    351. 

  351.                 	eventPage: 1,
    352. 

  352.                 	eventType: 1,
    353. 

  353.                 	hasMoreRecord: null,
    354. 

  354.                 	chartData: {},
    355. 

  355.                 	lastXT: '', // 最近一次血糖记录
    356. 

  356.                 	lastXY: '', // 最近一次血压记录
    357. 

  357.             		recordType: 1, // 1血糖2血压
    358. 

  358.             		rangeType: 6, // 日期
    359. 

  359.             		xtStatu: 1, // 状态血糖
    360. 

  360.             		toNormal: 0, // 正常
    361. 

  361.             		toLow: 0, // 偏低
    362. 

  362.             		toHigh: 0, // 偏高
    363. 

  363.             		toNormal2: 0, // 正常
    364. 

  364.             		toLow2: 0, // 偏低
    365. 

  365.             		toHigh2: 0, // 偏高
    366. 

  366.             		xtMax: 0, // 血糖最高
    367. 

  367.             		xtMin: 0, // 血糖最低
    368. 

  368.             		xyMax: [139, 89], // 血压最高
    369. 

  369. 					xyMin: [90, 60], // 血压最低
    370. 

  370. 					planList: [], // 计划列表
    371. 

  371. 					recentRecoverDetail: undefined,
    372. 

  372. 					medicalRecordsList: [], // 住院病历列表
    373. 

  373. 					limitlessItems: [], // 不限频次服务项列表
    374. 

  374. 					showServerItemDetail: false,
    375. 

  375. 					serverItemInfo: undefined,
    376. 

  376. 					docList: [],
    377. 

  377. 					planId: httpData['planId'],
    378. 

  378. 					islimit: false
    379. 

  379.                 },
    380. 

  380.                 mounted: function() {
    381. 

  381. 					this.patientRehabilitationDetail()
    382. 

  382. 					this.selectPlanByPatient()
    383. 

  383.                 	this.recentPlanDetailRecord()
    384. 

  384.                 	this.archivesEvent()
    385. 

  385.                 	// 获取最新的诊疗信息2条
    386. 

  386.                 	this.findDiagnosisInformationByPatient()
    387. 

  387.                 	// 获取体征记录
    388. 

  388.                 	this.getBodyRecoredLast()
    389. 

  389.                 },
    390. 

  390.                 methods: {
    391. 

  391. 					// 获取服务医生列表
    392. 

  392. 					selectPlanServerDoctor: function(id){
    393. 

  393. 						var vm = this,
    394. 

  394. 						params = {
    395. 

  395. 							planId: id
    396. 

  396. 						}
    397. 

  397. 						rehaAPI.selectPlanServerDoctor(params).then(function(res){
    398. 

  398. 							if(res.status==200){
    399. 

  399. 								vm.docList = res.data
    400. 

  400. 							}else{
    401. 

  401. 								layer.msg(res.msg,{icon:5});
    402. 

  402. 							}
    403. 

  403. 						})
    404. 

  404. 					},
    405. 

  405.                 	changeStatu: function() {
    406. 

  406.                 		this.isMobile = false
    407. 

  407.                 	},
    408. 

  408.                 	gotoNewplan: function() {
    409. 

  409.                 		location.href = "new_recover.html?patient=" + httpData.patientCode
    410. 

  410.                 	},
    411. 

  411.                 	jumpPlan: function(plan) {
    412. 

  412.                 		location.href = "../../rehabilitation/html/rehabilitation_management.html?planId=" + plan.id + "&patientCode=" + httpData.patientCode
    413. 

  413.                 	},
    414. 

  414. 					lookProject: function(obj) {
    415. 

  415. 						var vm = this
    416. 

  416. 						// layer.open({
    417. 

  417. 						// 	type: 2,
    418. 

  418. 						// 	area: ['600px', '500px'],
    419. 

  419. 						// 	shade: 0.5,
    420. 

  420. 						// 	title: '服务项目内容',
    421. 

  421. 						// 	closeBtn: 1,
    422. 

  422. 						// 	shift: 5,
    423. 

  423. 						// 	shadeClose: false, //点击遮罩关闭层
    424. 

  424. 						// 	content: "project-detail.html?planId=" + obj.id
    425. 

  425. 						// });
    426. 

  426. 						top.layer.open({
    427. 

  427. 							type: 2,
    428. 

  428. 							area: ['800px', '650px'],
    429. 

  429. 							shade: 0.5,
    430. 

  430. 							title: '服务项目内容',
    431. 

  431. 							fixed: true, //不固定
    432. 

  432. 							maxmin: true,
    433. 

  433. 							closeBtn:1,
    434. 

  434. 							shift: 5,
    435. 

  435. 							shadeClose: false, //点击遮罩关闭层
    436. 

  436. 							content: '../../rehabilitation/html/guide_the_message.html?planid='+obj.id+'&pId='+vm.planList[0].planId+'&patient='+httpData.patientCode
    437. 

  437. 						});
    438. 

  438. 					},
    439. 

  439. 					// 获取最新的诊疗消息
    440. 

  440. 					findDiagnosisInformationByPatient: function() {
    441. 

  441. 						var vm = this,
    442. 

  442. 							loading = layer.load(0, {shade: false}),params = {
    443. 

  443. 								patient: httpData.patientCode || "e040dd6814b648ceb3ba8d8a04f9f22c",
    444. 

  444. 								page: 0,
    445. 

  445. 								size: 2
    446. 

  446. 							}
    447. 

  447. 						recoverAPI.findDiagnosisInformationByPatient(params).then(function(res) {
    448. 

  448. 							layer.close(loading)
    449. 

  449. 							if(res.status == 200) {
    450. 

  450. 								vm.diagnosisInformation = res.data.detailModelList
    451. 

  451. 							} else {
    452. 

  452. 								showErrorMessage(res.msg);
    453. 

  453. 							}
    454. 

  454. 						})
    455. 

  455. 					},
    456. 

  456. 					// 获取住院病历
    457. 

  457. 					selectByMedicalCode: function(medicalRecordsCode){
    458. 

  458. 						var vm = this;
    459. 

  459. 						var  params = {
    460. 

  460. 							medical: medicalRecordsCode
    461. 

  461. 						};
    462. 

  462. 						rehaAPI.selectByMedicalCode(params).then(function(res){
    463. 

  463. 							if(res.status==200){
    464. 

  464. 								vm.medicalRecordsList = res.data
    465. 

  465. 							}else {
    466. 

  466. 								showErrorMessage(res.msg);
    467. 

  467. 							}
    468. 

  468. 						})
    469. 

  469. 					},
    470. 

  470. 					// 查看住院病历详情
    471. 

  471. 					viewMedicalDetail: function(o){
    472. 

  472. 						layer.open({
    473. 

  473. 							type: 2,
    474. 

  474. 							area: ['600px', '600px'],
    475. 

  475. 							shade: 0.5,
    476. 

  476. 							title: '住院病历详情',
    477. 

  477. 							fixed: true, //不固定
    478. 

  478. 							maxmin: true,
    479. 

  479. 							closeBtn:1,
    480. 

  480. 							shift: 5,
    481. 

  481. 							shadeClose: false, //点击遮罩关闭层
    482. 

  482. 							content: '../../rehabilitation/html/medical-records-detail.html?medicalRecordsCode='+ o.code,
    483. 

  483. 						});
    484. 

  484. 					},
    485. 

  485. 					formatter: function(time){
    486. 

  486. 						return new Date(time).format('yyyy-MM-dd')
    487. 

  487. 					},
    488. 

  488. 					// 获取康复计划信息
    489. 

  489. 					patientRehabilitationDetail: function() {
    490. 

  490. 			    		var vm = this,
    491. 

  491. 			    			loadding = layer.load(0, {shade: false}),
    492. 

  492. 			    			params = {
    493. 

  493. 			    				patientCode: httpData.patientCode || "e040dd6814b648ceb3ba8d8a04f9f22c"
    494. 

  494. 			    			}
    495. 

  495. 						recoverAPI.patientRehabilitationDetail(params).then(function(res) {
    496. 

  496. 							layer.close(loadding)
    497. 

  497. 							if(res.status == 200) {
    498. 

  498. 								vm.recoverPatInfo = res.data
    499. 

  499. 							} else {
    500. 

  500. 								showErrorMessage(res.msg);
    501. 

  501. 							}
    502. 

  502. 						})
    503. 

  503. 					},
    504. 

  504. 					// 所有康复计划列表
    505. 

  505. 					selectPlanByPatient: function(){
    506. 

  506. 			    		var vm = this,
    507. 

  507. 			    			loadding = layer.load(0, {shade: false}),
    508. 

  508. 			    			params = {
    509. 

  509. 			    				patient: httpData.patientCode || "e040dd6814b648ceb3ba8d8a04f9f22c"
    510. 

  510. 			    			}
    511. 

  511. 						rehaAPI.selectPlanByPatient(params).then(function(res) {
    512. 

  512. 							layer.close(loadding)
    513. 

  513. 							if(res.status == 200) {
    514. 

  514. 								if(res.data&&res.data.length>0){
    515. 

  515. 									var list = res.data
    516. 

  516. 									$.each(list, function(index, item){
    517. 

  517. 										if(item.id == vm.planId){
    518. 

  518. 											vm.recentRecoverDetail = item
    519. 

  519. 										}
    520. 

  520. 									})
    521. 

  521. 									vm.planList = res.data
    522. 

  522. 									vm.selectByMedicalCode(vm.recentRecoverDetail.medicalRecordsCode)
    523. 

  523. 									vm.calendarPlanDetailItems(vm.recentRecoverDetail.id)
    524. 

  524. 									vm.selectPlanServerDoctor(vm.recentRecoverDetail.id)
    525. 

  525. 								}
    526. 

  526. 							} else {
    527. 

  527. 								showErrorMessage(res.msg);
    528. 

  528. 							}
    529. 

  529. 						})
    530. 

  530. 					},
    531. 

  531. 					viewServerItemsDetail: function(o){
    532. 

  532. 						if(o.code=='2'){
    533. 

  533. 							showInfoMessage('请从“消息-患者消息列表”中查看患者的康复咨询记录')
    534. 

  534. 							return
    535. 

  535. 						}
    536. 

  536. 						if(o.code=='3'){
    537. 

  537. 							return
    538. 

  538. 						}
    539. 

  539. 						this.serverItemInfo = o
    540. 

  540. 						this.showServerItemDetail = true
    541. 

  541. 						this.islimit = o.frequency_code?true:false
    542. 

  542. 					},
    543. 

  543. 					calendarPlanDetailItems: function(planId){
    544. 

  544. 						var vm=this;
    545. 

  545. 						var year = new Date().getFullYear()
    546. 

  546. 						var params={
    547. 

  547. 							executeStartTime: year+'-01-01'+' 00:00:00',//日历开始时间（格式：yyyy-MM-dd HH:mm:ss）
    548. 

  548. 							executeEndTime: year+'-12-31'+' 23:59:59',//日历结束时间（格式：yyyy-MM-dd HH:mm:ss）
    549. 

  549. 							planId: planId,//计划id
    550. 

  550. 							searchTask: '',//快速查找任务：（1、我的任务，2、随访，3、复诊，4、健康教育）
    551. 

  551. 							status: '',//任务状态（0未完成，1已完成，2已预约）
    552. 

  552. 						}
    553. 

  553. 						rehaAPI.calendarPlanDetailItems(params).then(function(res){
    554. 

  554. 							if(res.status==200){
    555. 

  555. 								var arr = []
    556. 

  556. 								$.each(res.data, function(i, o){
    557. 

  557. 									if(o.code=='3'&&o.type){
    558. 

  558. 										if(o.type==2){
    559. 

  559. 											o.levelClazz = vm.getLevelClazz(o.value1, 139, 90) || vm.getLevelClazz(o.value2, 89, 60)
    560. 

  560. 											o.levelClazz1 = vm.getLevelClazz(o.value1, 139, 90)
    561. 

  561. 											o.levelClazz2 = vm.getLevelClazz(o.value2, 89, 60)
    562. 

  562. 											o.levelClazz3 = vm.getLevelClazz(o.value3, 100, 60)
    563. 

  563. 										} else {
    564. 

  564. 											var num = parseInt(o.value2)
    565. 

  565. 											var max = normalLevel[num][0],
    566. 

  566. 											min = normalLevel[num][1];
    567. 

  567. 											o.levelClazz1 = vm.getLevelClazz(o.value1, max, min)
    568. 

  568. 											o.levelName = xuetangDuring[o.value2]
    569. 

  569. 										}
    570. 

  570. 									}
    571. 

  571. 									arr.push(o)
    572. 

  572. 									
    573. 

  573. 								})
    574. 

  574. 								vm.limitlessItems = arr
    575. 

  575. 							}
    576. 

  576. 						})
    577. 

  577. 					},
    578. 

  578. 					getLevelClazz: function(value,max,min) {
    579. 

  579. 						if(!value||(!max && !min)) {
    580. 

  580. 							return '';
    581. 

  581. 						}
    582. 

  582. 						var value = parseFloat(value);
    583. 

  583. 						if(value < min) {
    584. 

  584. 							return 'low';
    585. 

  585. 						} else if(value > max) {
    586. 

  586. 							return 'high';
    587. 

  587. 						} else {
    588. 

  588. 							return ''
    589. 

  589. 						}
    590. 

  590. 					},
    591. 

  591. 					// 获取已完成的康复服务项
    592. 

  592. 			    	recentPlanDetailRecord: function() {
    593. 

  593. 			    		var vm = this,
    594. 

  594. 			    			loadding = layer.load(0, {shade: false}),
    595. 

  595. 			    			params = {
    596. 

  596. 			    				patientCode: httpData.patientCode || "e040dd6814b648ceb3ba8d8a04f9f22c",
    597. 

  597. 			    				page: vm.eventPage,
    598. 

  598. 			    				pageSize: 10
    599. 

  599. 			    			}
    600. 

  600. 						recoverAPI.recentPlanDetailRecord(params).then(function(res) {
    601. 

  601. 							layer.close(loadding)
    602. 

  602. 							if(res.status == 200) {
    603. 

  603. 								vm.finishData = res.data
    604. 

  604. 								vm.planDetailList = vm.planDetailList.concat(vm.finishData.planDetailList)
    605. 

  605. 								vm.planDetailList = $.each(vm.planDetailList, function(index, o) {
    606. 

  606. 									var executeTime = new Date(o.executeTime).format("yyyy/MM/dd")
    607. 

  607. 									if(nowDate == executeTime) {
    608. 

  608. 										o.istaDay = true
    609. 

  609. 									}
    610. 

  610. 									return o
    611. 

  611. 								});
    612. 

  612. 								if(vm.finishData.planDetailList.length >= 10) {
    613. 

  613. 									vm.isFinishMore = true
    614. 

  614. 								} else {
    615. 

  615. 									vm.isFinishMore = false
    616. 

  616. 								}
    617. 

  617. 							} else {
    618. 

  618. 								showErrorMessage(res.msg);
    619. 

  619. 							}
    620. 

  620. 						})
    621. 

  621. 					},
    622. 

  622. 					goConsulting: function(){
    623. 

  623. 						showInfoMessage('请从“消息-患者消息列表”中查看患者的康复咨询记录')
    624. 

  624. 					},
    625. 

  625. 			    	selectType: function(type) {
    626. 

  626. 			    		this.eventType = type
    627. 

  627. 			    		this.seeRecord = []
    628. 

  628. 			    		this.page = 1
    629. 

  629. 			    		this.archivesEvent()
    630. 

  630. 			    	},
    631. 

  631. 			    	archivesEvent: function() {
    632. 

  632. 			    		var vm = this,
    633. 

  633. 			    			loadding = layer.load(0, {shade: false}),
    634. 

  634. 			    			params = {
    635. 

  635. 			    				patient: httpData.patientCode || "e040dd6814b648ceb3ba8d8a04f9f22c",
    636. 

  636. 			    				type: vm.eventType,
    637. 

  637. 			    				page: vm.page,
    638. 

  638. 			    				pageSize: 20
    639. 

  639. 			    			}
    640. 

  640. 						recoverAPI.archivesEvent(params).then(function(res) {
    641. 

  641. 							layer.close(loadding)
    642. 

  642. 							if(res.status == 200) {
    643. 

  643. 								this.hasMoreRecord = res.data.length == 20 ? true : false
    644. 

  644. 								 vm.seeRecord = vm.seeRecord.concat(res.data)
    645. 

  645. 							} else {
    646. 

  646. 								showErrorMessage(res.msg);
    647. 

  647. 							}
    648. 

  648. 						})
    649. 

  649. 			    	},
    650. 

  650. 			    	setPatImg: function(src, doc) {
    651. 

  651. 			    		if(!src) {
    652. 

  652. 			    			if(doc) {
    653. 

  653. 			    				return "../../../images/d-default.png"
    654. 

  654. 			    			} else {
    655. 

  655. 			    				return "../../../images/p-female.png"
    656. 

  656. 			    			}
    657. 

  657. 			    		} else {
    658. 

  658. 			    			var str = httpRequest.getImgUrl(src);
    659. 

  659. 			    			return str
    660. 

  660. 			    		}
    661. 

  661. 			    	},
    662. 

  662. 			    	addEventPage: function() {
    663. 

  663. 			    		this.eventPage++;
    664. 

  664. 			    		this.recentPlanDetailRecord()
    665. 

  665. 			    	},
    666. 

  666. 			    	addPage: function() {
    667. 

  667. 			    		this.page++;
    668. 

  668. 			    		this.archivesEvent()
    669. 

  669. 			    	},
    670. 

  670. 			    	setPercent: function(plan) {
    671. 

  671. 			    		return Math.floor(plan.allFinishCount / plan.allCount * 100) + "%"
    672. 

  672. 			    	},
    673. 

  673. 			    	// 时间推算
    674. 

  674. 					getDateFromCurrentDate: function() {
    675. 

  675. 						var fromDate = this.recordType == 1 ? this.lastXT : this.lastXY,
    676. 

  676. 							dayInterval = -this.rangeType;
    677. 

  677. 						var curDate = new Date(Date.parse(fromDate.replace(/-/g, "/")));
    678. 

  678. 						curDate.setDate(curDate.getDate() + dayInterval);
    679. 

  679. 						var year = curDate.getFullYear();
    680. 

  680. 						var month = (curDate.getMonth() + 1) < 10 ? "0" + (curDate.getMonth() + 1) : (curDate.getMonth() + 1);
    681. 

  681. 						var day = curDate.getDate() < 10 ? "0" + curDate.getDate() : curDate.getDate();
    682. 

  682. 						return year + "-" + month + "-" + day + " 00:00:00";
    683. 

  683. 					},
    684. 

  684. 					// 血糖最高值最低值
    685. 

  685. 					getNormalLevel: function() {
    686. 

  686. 						var arr = [
    687. 

  687. 								[],
    688. 

  688. 								[6.1, 3.9],
    689. 

  689. 								[7.8, 4.4],
    690. 

  690. 								[6.1, 3.9],
    691. 

  691. 								[7.8, 4.4],
    692. 

  692. 								[6.1, 3.9],
    693. 

  693. 								[7.8, 4.4],
    694. 

  694. 								[6.1, 3.9]
    695. 

  695. 							][this.xtStatu];
    696. 

  696. 						this.xtMax = arr[0]
    697. 

  697. 						this.xyMax = arr[1]
    698. 

  698. 					},
    699. 

  699. 					// 处理数据偏高、偏低、正常
    700. 

  700. 					judgeDataDif: function(val, val2) {
    701. 

  701. 						// 血糖判断
    702. 

  702. 						if(this.recordType == 1) {
    703. 

  703. 							if(val > this.xtMax) {
    704. 

  704. 								++this.toHigh;
    705. 

  705. 							} else if(val < this.xtMin) {
    706. 

  706. 								++this.toLow;
    707. 

  707. 							} else {
    708. 

  708. 								++this.toNormal;
    709. 

  709. 							};
    710. 

  710. 						} else {
    711. 

  711. 							// 血压判断
    712. 

  712. 							if(val > this.xyMax[0]) {
    713. 

  713. 								++this.toHigh;
    714. 

  714. 							} else if(val < this.xyMin[0]) {
    715. 

  715. 								++this.toLow;
    716. 

  716. 							} else {
    717. 

  717. 								++this.toNormal;
    718. 

  718. 							}
    719. 

  719. 							// 血压判断
    720. 

  720. 							if(val2 > this.xyMax[1]) {
    721. 

  721. 								++this.toHigh2;
    722. 

  722. 							} else if(val2 < this.xyMin[1]) {
    723. 

  723. 								++this.toLow2;
    724. 

  724. 							} else {
    725. 

  725. 								++this.toNormal2;
    726. 

  726. 							}
    727. 

  727. 						}
    728. 

  728. 					},
    729. 

  729. 			    	// 体征记录
    730. 

  730. 			    	changeType: function(judge, num) {
    731. 

  731. 			    		if(judge) {
    732. 

  732. 			    			if(judge == 1) {
    733. 

  733. 			    				this.rangeType = num
    734. 

  734. 			    			} else {
    735. 

  735. 			    				this.xtStatu = num
    736. 

  736. 			    			}
    737. 

  737. 			    		} else {
    738. 

  738. 			    			this.recordType = num
    739. 

  739. 			    		}
    740. 

  740. 			    		this.getHealthIndex()
    741. 

  741. 			    	},
    742. 

  742. 			    	// 获取上次体检
    743. 

  743. 			    	getBodyRecoredLast: function() {
    744. 

  744. 			    		var vm = this,
    745. 

  745. 							loading = layer.load(0, {shade: false}),
    746. 

  746. 							params = {
    747. 

  747. 								patient: httpData.patientCode || "e040dd6814b648ceb3ba8d8a04f9f22c"
    748. 

  748. 							}
    749. 

  749. 						recoverAPI.getBodyRecoredLast(params).then(function(res) {
    750. 

  750. 							layer.close(loading)
    751. 

  751. 							if(res.status == 200){
    752. 

  752. 					        	vm.lastXT = res.data.xt ? res.data.xt.recordDate : null;
    753. 

  753. 					        	vm.lastXY = res.data.xy ? res.data.xy.recordDate : null;
    754. 

  754. 					        	// 初始化执行
    755. 

  755. 								vm.getHealthIndex();
    756. 

  756. 					    	}else{
    757. 

  757. 					        	showErrorMessage(res.msg)
    758. 

  758. 					    	}
    759. 

  759. 						})
    760. 

  760. 			    	},
    761. 

  761. 			    	// 获取体征数据
    762. 

  762. 			    	getHealthIndex: function() {
    763. 

  763. 			    		this.toNormal = 0;
    764. 

  764. 			    		this.toHigh = 0;
    765. 

  765. 			    		this.toLow = 0;
    766. 

  766. 			    		if(this.recordType == 2) {
    767. 

  767. 			    			this.toNormal = 0;
    768. 

  768. 				    		this.toHigh = 0;
    769. 

  769. 				    		this.toLow = 0;
    770. 

  770. 			    		}
    771. 

  771. 			    		var endDate = this.recordType == 1 ? this.lastXT : this.lastXY
    772. 

  772. 			    		if(!endDate) {
    773. 

  773. 			    			showErrorMessage("暂无体征数据");
    774. 

  774. 			    			this.chartData = {
    775. 

  775. 		                		opinion:[],
    776. 

  776. 				                opinionData:[],
    777. 

  777. 				                recordType: this.recordType,
    778. 

  778. 				                opinionData2: [],
    779. 

  779. 				            }
    780. 

  780. 			    			return false;
    781. 

  781. 			    		}
    782. 

  782. 			    		if(this.recordType == 1) { this.getNormalLevel(); }
    783. 

  783. 			    		var vm = this,
    784. 

  784. 							loading = layer.load(0, {shade: false}),
    785. 

  785. 							startDate = vm.getDateFromCurrentDate(),
    786. 

  786. 							params = {
    787. 

  787. 								patient: httpData.patientCode || "e040dd6814b648ceb3ba8d8a04f9f22c",
    788. 

  788. 								type: vm.recordType,
    789. 

  789. 								begin: startDate,
    790. 

  790. 								end: endDate,
    791. 

  791. 								gi_type: vm.recordType == 1 ? vm.xtStatu : 0
    792. 

  792. 							}
    793. 

  793. 						recoverAPI.getHealthIndex(params).then(function(res) {
    794. 

  794. 							layer.close(loading)
    795. 

  795. 							if(res.status == 200) {
    796. 

  796. 								var arr1 = [], arr2 = [], arr3 = []
    797. 

  797. 								for(var i = 0, len = res.list.length; i < len; i++) {
    798. 

  798. 									vm.judgeDataDif(res.list[i].value1, res.list[i].value2)
    799. 

  799. 									arr1.push(res.list[i].date)
    800. 

  800. 									var obj = {value: res.list[i].value1, name: res.list[i].date},
    801. 

  801. 										obj2 = {value: res.list[i].value2, name: res.list[i].date};
    802. 

  802. 									arr2.push(obj)
    803. 

  803. 									arr3.push(obj2)
    804. 

  804. 								}
    805. 

  805. 								vm.chartData = {
    806. 

  806. 			                		opinion: arr1.length ? arr1 : [],
    807. 

  807. 					                opinionData: arr2.length ? arr2 : [],
    808. 

  808. 					                recordType: vm.recordType,
    809. 

  809. 					                opinionData2: vm.recordType == 2 ? arr3 : [],
    810. 

  810. 					            }
    811. 

  811. 							} else {
    812. 

  812. 								showErrorMessage(res.msg);
    813. 

  813. 							}
    814. 

  814. 						})
    815. 

  815. 			    	}
    816. 

  816.                 }
    817. 

  817.             })
    818. 

  818. 		</script>
    819. 

  819. 	</body>
    820. 

  820. </html>
    821.