new_recover.html 55 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>新建计划</title>
  6. <link rel="stylesheet" type="text/css" href="../../../css/bootstrap.min.css" />
  7. <link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
  8. <link rel="stylesheet" type="text/css" href="../../../css/cross.ui.css" />
  9. <link rel="stylesheet" type="text/css" href="../../../css/style.min.css" />
  10. <link href="../../../plugins/toastr/toastr.min.css" rel="stylesheet">
  11. <link rel="stylesheet" type="text/css" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css" />
  12. <link rel="stylesheet" type="text/css" href="../css/new_recover.css" />
  13. <script src="../../../js/esModule.js" type="text/javascript"></script>
  14. </head>
  15. <body class="m0">
  16. <div id="app" v-cloak>
  17. <div class="c-position-a" style="top: -999px; left: -999px;" v-show="isTest"></div>
  18. <div class="c-h100 clearfix">
  19. <div class="fl c-h100 w400 person_info c-border-r" style="overflow: hidden;">
  20. <div v-if="!patiInfo" class="c-h100" style="overflow: auto;">
  21. <div class="c-border-b c-t-center pt20">
  22. <div class="set-photo imgw80">
  23. <img src="../../../images/p-female.png" alt="居民头像" />
  24. </div>
  25. <p class="ptb10">患者名</p>
  26. </div>
  27. <div>
  28. <div class="no-result c-t-center pt20">
  29. <img src="../images/wushuju01_img.png" alt="无数据" />
  30. <p class="c-999">暂无相关信息</p>
  31. <div class="pt30">
  32. <span class="c-fff btn cur-pit plr10 ptb5 bgc-12b7f5 b-r-3" @click="selectPatient()">同步信息</span>
  33. </div>
  34. </div>
  35. </div>
  36. </div>
  37. <div v-else class="c-h100 plr10" style="overflow: auto;">
  38. <div class="c-t-center pt20 c-position-r">
  39. <div class="set-photo imgw80">
  40. <img :src="setPatImg(patiInfo.photo)" alt="居民头像" />
  41. </div>
  42. <h3 class="ptb10 m0 c-f16">{{patiInfo.name}}</h3>
  43. <span class="c-position-a set-qiehuan cur-pit" @click="selectPatient()"></span>
  44. </div>
  45. <h4 class="h30 m0 c-f14 c-border-b f-w500">基本信息</h4>
  46. <ul class="c-333 m0 p0 pb20">
  47. <li class="pt10"><span class="c-999">性&emsp;&emsp;别:</span>{{patiInfo.sex == 1 ? "男" : "女"}}</li>
  48. <li class="pt10"><span class="c-999">年&emsp;&emsp;龄:</span>{{patiInfo.age}}岁</li>
  49. <li class="pt10"><span class="c-999">身份证号:</span>{{patiInfo.idcard}}</li>
  50. <li class="pt10"><span class="c-999">地&emsp;&emsp;址:</span>{{patiInfo.address}}</li>
  51. </ul>
  52. <h4 class="h30 m0 c-f14 c-border-b f-w500">家庭医生</h4>
  53. <ul class="c-333 m0 p0 pb20">
  54. <li class="pt10"><span class="c-999">签约社区:</span>{{patiInfo.ssHospitalName || patiInfo.jtHospitalName}}</li>
  55. <li class="pt10"><span class="c-999">全科医生:</span>{{patiInfo.ssDoctorName || patiInfo.jtDoctorName}}</li>
  56. <li class="pt10"><span class="c-999">健&ensp;管&ensp;师:</span>{{patiInfo.ssDoctorHealthName || patiInfo.jtDoctorHealthName}}</li>
  57. </ul>
  58. <!-- <h4 class="h30 m0 c-f14 c-border-b">诊疗信息</h4> -->
  59. <!-- <ul class="c-333 m0 p0 pb20" >
  60. <div class="input-group mtb10" >
  61. <label style="transform: translateY(50%); color: #999999;font-weight: normal;">就诊事件:</label>
  62. <div class="input-group-btn" style="width: 80%; transform: translateY(50%);top: -5px;">
  63. <button style="width:223px;padding: 0; text-overflow: ellipsis; overflow: hidden;" v-bind:disabled="edit" type="button" class="btn btn-white dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  64. {{diagnosisInfo[indexOrder].orgName}}
  65. <span class="caret" style="position: absolute; top: 50%; right: 20px; margin-top: -2px;"></span>
  66. </button>
  67. <ul class="dropdown-menu" style="min-width: 206px;" >
  68. <li class="c-f14 c-border-b" style="text-align: center; padding: 2px;cursor:pointer;" v-for="(v, i) in diagnosisInfo" @click="orderHospital(i)" v-html="v.orgName"></li>
  69. </ul>
  70. </div>
  71. </div>
  72. <li class="pt10" style="display: flex;" id="department">
  73. <label class="c-999" style="font-weight: normal;">入院科室:</label>
  74. <input class="form-control" v-bind:disabled="edit" v-bind:value="nodata == true? '请输入': subsidiaryInfo.data.department" style=" text-align: center; height: 22px; border-radius: 3px; width: 80%;">
  75. </li>
  76. <li class="pt10" style="display: flex;" id="attendingDoctor">
  77. <label class="c-999" style="font-weight: normal;">主治医师:</label>
  78. <input class="form-control" v-bind:disabled="edit" v-bind:value="nodata == true? '请输入': subsidiaryInfo.data.attendingDoctor" style="text-align: center; height: 22px; border-radius: 3px; width: 80%;">
  79. </li>
  80. <li class="pt10" style="display: flex;" id="admissionDiagnosis">
  81. <label class="c-999" style="font-weight: normal;">入院诊断:</label>
  82. <input class="form-control" v-bind:disabled="edit" v-bind:value="nodata == true? '请输入': subsidiaryInfo.data.admissionDiagnosis" style="text-align: center; height: 22px; border-radius: 3px; width: 80%;">
  83. </li>
  84. <li class="pt10" style="display: flex;" id="dischargeDiagnosis">
  85. <label class="c-999" style="font-weight: normal;">出院诊断:</label>
  86. <input class="form-control" v-bind:disabled="edit" v-bind:value="nodata == true? '请输入': subsidiaryInfo.data.dischargeDiagnosis" style="text-align: center; height: 22px; border-radius: 3px; width: 80%;">
  87. </li>
  88. </ul> -->
  89. <!-- <h4 class="h30 m0 c-f14 c-border-b c-999">医嘱小结</h4> -->
  90. <!-- <textarea v-bind:disabled="edit" class="tipText m0 pt10 c-333 mt10" style="height: 200px; width: 100%; border:1px solid #e1e1e1; resize:none;text-indent:28px" v-html="subsidiaryInfo.data.dischargeOrder"></textarea> -->
  91. <!-- <button type="button" class="btn btn-default fr" style="width: 60px; background: #12B7F5; border-radius: 0px ;border: 0px ;" @click="editdiagnosis()" v-html="edit == true? '编辑':'保存'"></button> -->
  92. <h4 class="h30 m0 c-f14 c-border-b f-w500" style="overflow: hidden;">
  93. 康复建议
  94. <span class="click-text" @click="editAdviceTextarea">
  95. {{isEdit == true? '编辑':'保存'}}
  96. </span>
  97. </h4>
  98. <textarea v-bind:disabled="isEdit" v-model="adviceContent" class="m0 p10 c-333 mt10" :class="{'bg-f5f5fa':isEdit}" style="width: 100%;height: 200px; width: 100%; border:1px solid #e1e1e1; resize:none;" placeholder="请输入您的康复建议..."></textarea>
  99. <h4 class="h30 m0 c-f14 c-border-b f-w500" style="overflow: hidden;">
  100. 住院病历
  101. </h4>
  102. <div v-if="medicalRecordsList.length>0" v-for="(o, i) in medicalRecordsList" class="mt10">
  103. <div class="flex vc c-f14 c-border plr10 ptb5 link-control">
  104. <span class="c-666 mr15">
  105. {{formatter(o.admissionTime)}}
  106. </span>
  107. <div class="flex1 c-12b7f5 ellipsis-1">
  108. {{o.hospitalName}}
  109. </div>
  110. </div>
  111. </div>
  112. <button type="button" class="btn btn-default fr" style="width: 100%; background: #12B7F5; border-radius: 0px ;border: 0px ;padding: 10px;margin-top: 15px;" @click="addMedicalRecords()">添加住院病历</button>
  113. </div>
  114. </div>
  115. <div class="fl c-h100 w-100-400">
  116. <div class="c-h100 plr5" v-if="!isPlan">
  117. <h4 class="m0 pl15 lh40 c-border-b f-w500 c-position-r"><span class="c-position-a set-blue-span"></span>配置康复计划</h4>
  118. <div style="overflow: hidden; height: calc(100% - 41px);">
  119. <div style="overflow: auto; height: 100%;">
  120. <div class="un-select c-t-center pt45" v-if="!patiInfo">
  121. <img src="../images/wushuju_img.png" alt="" />
  122. <p class="c-999">您还没有选择居民</p>
  123. </div>
  124. <ul class="muban_con lh40 c-t-center pt30" v-else>
  125. <li class="mb20" v-for="(muban, index) in mubanList" :key="index" @click="addMuban(muban.id)">{{muban.title}}</li>
  126. <li class="addmuban-btn c-fff" @click="addMuban()">新增模板</li>
  127. </ul>
  128. </div>
  129. </div>
  130. </div>
  131. <div class="clearfix c-h100" v-else>
  132. <div class="fl w-100-400 c-h100">
  133. <div class="plr5 c-h100-79">
  134. <h4 class="m0 pl15 lh40 c-border-b set-label f-w500 c-position-r">
  135. <em class="c-position-a set-blue-span"></em>
  136. 配置康复计划
  137. <span v-for="(label, index) in spanLabel" :key="index" class="fr ml20 pl20 c-f14 c-999 cur-pit" :class="{'active': index == labelIndex}" @click="setLabelIndex(index, label)">{{label.labelName}}</span>
  138. </h4>
  139. <div class="c-h100-41" style="overflow: hidden;">
  140. <ul class="c-h100 p0 m0" style="overflow: auto;">
  141. <li class="mt10 plr10 ptb5 c-border b-r-3 clearfix" v-for="(detail, index) in templateDetail" :key="index">
  142. <div v-if="detail.name=='康复咨询'||detail.name=='远程健康监测'">
  143. <div class="fl w-100-78 c-333">
  144. <p :class='detail.isTimeSame ? "m0 p0 mb10 txt-ells cur-pit c-red" : "m0 p0 mb10 txt-ells cur-pit"' @click="lookProject(detail)">{{detail.name}}</p>
  145. <div class="clearfix">
  146. <p class="w400 m0 mb10 p0 fl"><span class="c-999">医&emsp;&emsp;院:</span>{{docInfo.hospitalName}}</p>
  147. <p class="m0 p0 mb10 fl"><span class="c-999">费&emsp;&emsp;用:</span>0.00</p>
  148. </div>
  149. <div class="m0 p0 clearfix">
  150. <div class="w400 m0 mb10 p0 fl clearfix">
  151. <span class="fl c-999">选择频次:</span>
  152. <div class="fl c-position-r w100">
  153. 不限频次
  154. </div>
  155. </div>
  156. </div>
  157. <div class="clearfix">
  158. <span class="fl c-999">备&emsp;&emsp;注:</span>
  159. <div class="fl maxw600 plr15 ptb10 c-border set-textarea">
  160. <textarea placeholder="不补充说明特殊用法、方式" v-model="detail.remark" name="" rows="" cols=""></textarea>
  161. </div>
  162. </div>
  163. </div>
  164. <div class='fr w60 c-t-right clearfix'>
  165. <div class="clearfix mb10"><span class="fr sub-tap cur-pit" @click="subTemplate(index, detail)"></span></div>
  166. </div>
  167. </div>
  168. <div v-else>
  169. <div class="fl w-100-78 c-333">
  170. <p :class='detail.isTimeSame ? "m0 p0 mb10 txt-ells cur-pit c-red" : "m0 p0 mb10 txt-ells cur-pit"' @click="lookProject(detail)">{{detail.name}}</p>
  171. <div class="clearfix">
  172. <p class="w400 m0 mb10 p0 fl"><span class="c-999">医&emsp;&emsp;院:</span>{{detail.executeHospitalName}}</p>
  173. <p class="m0 p0 mb10 fl"><span class="c-999">费&emsp;&emsp;用:</span>0.00</p>
  174. </div>
  175. <div class="m0 p0 clearfix">
  176. <div class="w400 m0 mb10 p0 fl clearfix">
  177. <span class="fl c-999">选择频次:</span>
  178. <div class="fl c-position-r w100">
  179. <p class="m0 p0 plr10 c-border cur-pit set-xia" :class="{'set-shang':detail.selectFre}" @click="changeSelectFre(index, detail.selectFre)">{{detail.frequencyCode}}</p>
  180. <ul class="m0 p0 c-border-b c-border-l c-border-r c-position-a doc_list" v-if="detail.selectFre" style="overflow-y: auto; height: 100px;">
  181. <li class="plr10 c-border-t cur-pit" v-for="(list, indDoc) in detail.frequencyList" :key="indDoc" @click="selectFre(index, list)">{{list.code}}</li>
  182. </ul>
  183. </div>
  184. </div>
  185. <div class="m0 mb10 p0 fl clearfix">
  186. <span class="fl c-999">执行人员:</span>
  187. <div class="fl c-position-r w100">
  188. <p class="m0 p0 plr10 c-border cur-pit set-xia" :class="{'set-shang':detail.selectDoc}" @click="changeSelectDoc(index, detail.selectDoc)">{{detail.executeDoctorName}}</p>
  189. <ul class="m0 p0 c-border-b c-border-l c-border-r c-position-a doc_list" v-if="detail.selectDoc" style="overflow-y: auto; max-height: 100px;">
  190. <li class="plr10 c-border-t cur-pit" v-for="(list, indDoc) in detail.docList" :key="indDoc" @click="selectLi(index, list)">{{list.name}}</li>
  191. </ul>
  192. </div>
  193. </div>
  194. </div>
  195. <div class="pl65 mb10 set-label" v-if="detail.frequency.unit == 'H'">
  196. <span :class="detail.timeType == 1 ? 'pl20 mr5 cur-pit active' : 'pl20 mr5 cur-pit'" @click="selectTimeType(index, 1)">白天</span>
  197. <span :class="detail.timeType == 2 ? 'pl20 mr5 cur-pit active' : 'pl20 mr5 cur-pit'" @click="selectTimeType(index, 2)">晚上</span>
  198. <span :class="detail.timeType == 0 ? 'pl20 cur-pit active' : 'pl20 cur-pit'" @click="selectTimeType(index, 0)">全天</span>
  199. </div>
  200. <div>
  201. <div class="clearfix">
  202. <span class="fl c-999 lh24">起始时间:</span>
  203. <div class="fl maxw600 mb10">
  204. <el-date-picker v-model="detail.value14[0]" type="date" placeholder="开始日期" value-format="yyyy-MM-dd" :picker-options="pickerOptions1" @input="getRandgeDate(index, 0)">
  205. </el-date-picker>
  206. <span>—</span>
  207. <el-date-picker v-model="detail.value14[1]" type="date" placeholder="结束日期" value-format="yyyy-MM-dd" :picker-options="pickerOptions1" @input="getRandgeDate(index, 1)">
  208. </el-date-picker>
  209. </div>
  210. </el-date-picker>
  211. <span class="fl lh24 mlr10 c-999">或</span>
  212. <div class="fl maxw600 mb10">
  213. <el-date-picker type="dates" :picker-options="pickerOptions1" v-model="detail.value15" value-format="yyyy-MM-dd" @input="getSelectDate(index)" placeholder="选择一个或者多个日期"></el-date-picker>
  214. </div>
  215. </div>
  216. </div>
  217. <div class="clearfix">
  218. <span class="fl c-999">备&emsp;&emsp;注:</span>
  219. <div class="fl maxw600 plr15 ptb10 c-border set-textarea">
  220. <textarea placeholder="不补充说明特殊用法、方式" v-model="detail.remark" name="" rows="" cols=""></textarea>
  221. </div>
  222. </div>
  223. </div>
  224. <div class='fr w60 c-t-right clearfix'>
  225. <p class="m0 p0 mb10">×{{mul(detail.executeTime.length, detail.frequency.count)}}</p>
  226. <div class="clearfix mb10"><span class="fr sub-tap cur-pit" @click="subTemplate(index, detail)"></span></div>
  227. <div class="clearfix"><span class="fr fuzhi-tap cur-pit" @click="copyTemplate(index, detail)"></span></div>
  228. </div>
  229. </div>
  230. </li>
  231. <li class="pt100 c-t-center" v-if="!templateDetail.length">
  232. <span class="set-right-arraw pr20">请在右侧“服务项”列表中选择</span>
  233. </li>
  234. </ul>
  235. </div>
  236. </div>
  237. <div>
  238. <p class="m0 p0 pl20 ptb10 c-border-b set-label">支付方式:<span class="ml10 pl20 active">按服务支付</span><em class="c-red ml20">(按选择支付方式完成收费)</em></p>
  239. <div class="pl20 lh40">总费用:
  240. <span class="c-red c-f16">¥{{allFee}}</span>
  241. <span class="fr lh30 cur-pit plr15 c-t-center c-fff" :class="havePlan ? 'bgc-12b7f5' : 'bgc-d7dce6'" @click="createRehabilitationPlan()">生成计划</span>
  242. <span class="fr lh30 cur-pit plr15 c-t-center bgc-green c-fff" @click="canclePlan()">取消</span>
  243. </div>
  244. </div>
  245. </div>
  246. <div class="fr w400 c-h100 c-border-l">
  247. <div class="plr5 c-h100">
  248. <h4 class="m0 pl15 lh40 c-border-b c-position-r f-w500">
  249. <em class="c-position-a set-blue-span"></em>添加其他项目
  250. </h4>
  251. <div class="clearfix mtb10 c-border">
  252. <input class="fl search-input plr10" type="text" v-model="searchKey" placeholder="输入项目名称" />
  253. <span class="fr search-btn" @click="searchProject()"></span>
  254. </div>
  255. <div class="c-h100-99" style="overflow: hidden;">
  256. <div class="c-h100 p0 m0" style="overflow: auto;">
  257. <ul class="p0 m0 pr10">
  258. <li v-for="(o, i) in serviceItems" :key="i" class="clearfix ptb5">
  259. <!-- @click="selectProject(i, o)" -->
  260. <div class="fl c-border w-100-66 cur-pit border-c12b7f5 ptb5 plr5 b-r-3 clearfix" :class="o.isSelect ? 'bgc-12b7f5' : 'bgc-fff'">
  261. <p class="fl w-100-78 txt-ells lh18" :class="o.isSelect ? 'c-fff' : 'c-666'">{{o.name}}</p>
  262. </div>
  263. <span class="fr h30 btn cur-pit plr10 bgc-12b7f5 c-fff b-r-3" style="padding: 0 10px;" v-if="!o.isSelect" @click="addProject(i, o)">添加</span>
  264. <span class="fr h30 btn plr10 bgc-e1e1e1 c-fff b-r-3" style="padding: 0 10px;" v-else>添加</span>
  265. </li>
  266. </ul>
  267. </div>
  268. </div>
  269. <!-- <div class="c-h100-99" style="overflow: hidden;">
  270. <ul class="c-h100 p0 m0" style="overflow: auto;">
  271. <li v-for="(project1, index) in projectList" :key="index">
  272. <h4 class="set-arrow c-f14 h30 p0 m0 pl20 f-w500 cur-pit" :class="{'active': index == proIndex1}" @click="selectPro(1, index)">{{project1.itemType == 1 ? '诊疗服务' : '健康服务'}}</h4>
  273. <ul class="c-h100 p0 m0 pl10" v-if="index == proIndex1">
  274. <li v-for="(project2, index2) in project1.item" :key="index2">
  275. <p class="set-arrow h30 c-f14 pl20 m0 c-333 cur-pit" :class="{'active': index2 == proIndex2}" @click="selectPro(2, index2)">{{project2.itemName}}</p>
  276. <ul class="p0 m0 pr10" v-if="index2 == proIndex2">
  277. <li v-for="(project3, index3) in project2.hospitalServiceItems" :key="index3" class="clearfix ptb5">
  278. <div class="fl c-border w-100-66 cur-pit border-c12b7f5 ptb5 plr5 b-r-3 clearfix" :class="project3.isSelect ? 'bgc-12b7f5' : 'bgc-fff'" @click="selectProject(index, index2, index3, project3)">
  279. <p class="fl w-100-78 txt-ells lh18" :class="project3.isSelect ? 'c-fff' : 'c-666'">{{project3.specialistServiceItemDO.title}}</p>
  280. <span class="fr lh18 b-r-3 c-f12 ml5 bgc-4dcd70 plr5 c-fff" v-if="project3.flag == 1 || project3.flag == 3">社区</span>
  281. <span class="fr lh18 b-r-3 c-f12 ml5 bgc-55cefc plr5 c-fff" v-if="project3.flag == 2 || project3.flag == 3">医院</span>
  282. </div>
  283. <span class="fr h30 btn cur-pit plr10 bgc-12b7f5 c-fff b-r-3" style="padding: 0 10px;" v-if="!project3.isSelect" @click="addProject(index, index2, index3, project3)">添加</span>
  284. <span class="fr h30 btn plr10 bgc-e1e1e1 c-fff b-r-3" style="padding: 0 10px;" v-else>添加</span>
  285. </li>
  286. </ul>
  287. </li>
  288. </ul>
  289. </li>
  290. </ul>
  291. </div> -->
  292. </div>
  293. </div>
  294. </div>
  295. </div>
  296. </div>
  297. </div>
  298. <script src="../../../js/vue.js" type="text/javascript" charset="utf-8"></script>
  299. <script src="../../../js/jquery-2.2.4.js"></script>
  300. <script src="../../../plugins/layer/layer.min.js"></script>
  301. <script src="../../../plugins/toastr/toastr.min.js"></script>
  302. <script src="../../../js/bootstrap.min.js"></script>
  303. <script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
  304. <script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
  305. <script src="../../../js/util.js" type="text/javascript" charset="utf-8"></script>
  306. <script src="https://unpkg.com/element-ui/lib/index.js" type="text/javascript" charset="utf-8"></script>
  307. <script src="../../../api/http-request.js" type="text/javascript"></script>
  308. <script src="../../../api/recover_api.js" type="text/javascript"></script>
  309. <script type="text/javascript" src="../../../api/rehabilitation-api.js"></script>
  310. <script type="text/javascript">
  311. var doctorType = (JSON.parse(window.localStorage.getItem('wlyyAgent'))||{}).doctorType,
  312. docInfo = JSON.parse(window.localStorage.getItem('docInfo'))
  313. console.log('docInfodocInfodocInfodocInfo', docInfo)
  314. var httpData=GetRequest()
  315. function showSuccessMessage(msg) {
  316. layer.msg(msg, {
  317. icon: 1
  318. })
  319. }
  320. function showErrorMessage(msg) {
  321. layer.msg(msg, {
  322. icon: 5
  323. })
  324. }
  325. function showWarningMessage(msg) {
  326. layer.msg(msg, {
  327. icon: 2
  328. })
  329. }
  330. function showInfoMessage(msg) {
  331. layer.msg(msg, {
  332. icon: 6
  333. })
  334. }
  335. top.recoverVue = new Vue({
  336. el: "#app",
  337. data: {
  338. pickerOptions1: {
  339. disabledDate: function(time) {
  340. return time.getTime() < Date.now() - 8.64e7;
  341. }
  342. },
  343. surefont: '添加',
  344. isTest: false,
  345. pati: null,
  346. teamCode: null,
  347. isPlan: false,
  348. proIndex1: null,
  349. proIndex2: null,
  350. patiInfo: null,
  351. diseaseObj: null, // 疾病
  352. mubanList: [],
  353. templateDetail: [],
  354. templateResult: [],
  355. allFee: 0,
  356. projectList: null,
  357. serviceItems: null, // 服务项列表
  358. labelIndex: 2,
  359. labelCode: 1,
  360. spanLabel: [{
  361. labelName: "(转)家庭病床",
  362. code: 3
  363. }, {
  364. labelName: "(转)社区医院",
  365. code: 2
  366. }, {
  367. labelName: "康复计划",
  368. code: 1
  369. }],
  370. jDlist: [], //家签医生
  371. zDlist: [], //专科医生
  372. selectProjectDetail: null,
  373. searchKey: null,
  374. havePlan: false,
  375. frequencyList: [],
  376. diagnosisInfo:"",
  377. indexOrder:0,
  378. profileRes:[],
  379. nodata:false,
  380. subsidiaryInfo:{},
  381. edit:true,
  382. selectDiseaseIndex:'',
  383. isPlanId :'',
  384. selectPatientIndex: '',
  385. adviceContent: '', //康复建议
  386. isEdit: false,
  387. medicalRecordsList: [],
  388. docInfo: JSON.parse(window.localStorage.getItem('docInfo'))
  389. },
  390. watch: {
  391. templateDetail: function(){
  392. if(this.templateDetail.length==0){
  393. this.havePlan = false
  394. }
  395. }
  396. },
  397. mounted: function() {
  398. this.selectFrequencys()
  399. if(httpData.patient) {
  400. this.isPlan = false
  401. this.allFee = 0
  402. this.templateDetail = []
  403. this.pati = {patient: httpData.patient}
  404. this.getPatientInfo()
  405. // this.diagnosisQuery()
  406. }
  407. if(httpData.teamCode){
  408. this.teamCode = httpData.teamCode
  409. this.findTemplateList()
  410. } else {
  411. this.teamCode = docInfo.teamCode
  412. }
  413. },
  414. methods: {
  415. // 添加住院病历
  416. addMedicalRecords: function(){
  417. var vm = this
  418. this.selectPatientIndex = layer.open({
  419. type: 2,
  420. area: ['480px', '520px'],
  421. shade: 0.5,
  422. title: '添加住院病历',
  423. closeBtn: 1,
  424. shift: 5,
  425. shadeClose: false, //点击遮罩关闭层
  426. content: "medical-records.html?patient="+vm.pati.patient+'&patientName='+vm.pati.patientName
  427. });
  428. },
  429. //关闭添加住院病历弹框
  430. closeMedicalRecords: function(){
  431. layer.close(this.selectPatientIndex)
  432. },
  433. completeMedicalRecords: function(data){
  434. this.medicalRecordsList.unshift(data)
  435. layer.close(this.selectPatientIndex)
  436. },
  437. //获取诊疗信息
  438. diagnosisQuery:function(){
  439. var vm = this;
  440. loadding = layer.load(0, {shade: false});
  441. params = {
  442. patient: this.pati.patient,
  443. // patient:"3b26a7905e034c36a5ba8e65bdc0dc7f",
  444. type: '2',
  445. page: 1,
  446. pageSize: 50,
  447. lastTime: ''
  448. }
  449. recoverAPI.diagnosisQuery(params).then(function(res){
  450. layer.close(loadding)
  451. if (res.status == 200) {
  452. if(res.data.length == 0){
  453. vm.diagnosisInfo = [{orgName:'无'}]
  454. console.log(vm.diagnosisInfo)
  455. vm.nodata = true
  456. }else{
  457. vm.diagnosisInfo = res.data;
  458. }
  459. vm.orderHospital(0)
  460. }else{
  461. vm.diagnosisInfo = [{orgName:'无'}]
  462. vm.orderHospital(0)
  463. showErrorMessage(res.msg);
  464. }
  465. })
  466. },
  467. //按照医院查询诊疗信息
  468. orderHospital:function(index){
  469. var vm = this;
  470. vm.indexOrder = index
  471. loadding = layer.load(0, {shade: false});
  472. var sec_params = {
  473. patient: vm.pati.patient,
  474. event:vm.diagnosisInfo[index].id || "",
  475. // patient:"3b26a7905e034c36a5ba8e65bdc0dc7f",
  476. // event:"26eec2df-caa9-4b7e-9993-0ad7ae8d0a15",
  477. catalog:'0213',
  478. serial:"1"
  479. }
  480. recoverAPI.diagnosisSubsidiary(sec_params).then(function(res){
  481. layer.close(loadding)
  482. vm.subsidiaryInfo = vm.selectXmlDom(res,'0213')
  483. console.log(vm.subsidiaryInfo)
  484. })
  485. },
  486. //获取xml数据
  487. selectXmlDom: function (profileRes,tempalteCode) {
  488. var vm = this;
  489. if(profileRes.status == 200){
  490. var $dom = $(profileRes.data.replace(/<\?xml .*\?>/,'')),
  491. version = $dom.find(">version").length?$dom.find(">version").attr("code"):$dom.attr('version');
  492. $.trim(version) || (function () {
  493. version = $dom.find(">ClinicalDocument").length? '2.0.0.1' : '';
  494. })();
  495. if($.trim(version)) {
  496. var verNum = version.split('.')[0];
  497. var jsonData = {}
  498. // xml 转 json
  499. if((typeof profileRes.data=='string')&&profileRes.data.constructor==String) {
  500. // 去除携带的脚本内容
  501. profileRes.data = profileRes.data.replace(/<script[^>]*?>[\s\S]*?<\/script>/ig,'');
  502. // console.log(profileRes.data.replace(/<\?xml .*\?>/,''))
  503. jsonData = vm.handleData(profileRes.data.replace(/<\?xml .*\?>/,''));
  504. }
  505. }
  506. }else{
  507. showErrorMessage(profileRes.msg)
  508. jsonData = {data:{}}
  509. }
  510. return jsonData;
  511. },
  512. handleData :function (xmlStr) {
  513. var $xmlDom = $(xmlStr),
  514. $nodes = {
  515. } ;
  516. var resultData = [];
  517. return {
  518. data:{
  519. "department": $xmlDom.find('component section entry inDept').text(),//科室
  520. "dednumber": $xmlDom.find('component section entry bed').text(),//床号
  521. "HospitalizationNumber": "",//住院号
  522. "name": $xmlDom.find('recordTarget patient name').text(),//姓名
  523. "sex": $xmlDom.find('recordTarget patient sex').text(),//性别
  524. "nation": $xmlDom.find('recordTarget nation').text(),//民族
  525. "marriage": $xmlDom.find('recordTarget marriage').text(),//婚姻
  526. "admissionTime": $xmlDom.find('component section entry inTime').attr('value'),//入院时间
  527. "dischargeTime": $xmlDom.find('component section entry outTime').attr('value'),//出院时间
  528. "lengthStay": $xmlDom.find('component section entry inHospitalDay').text(),//住院天数
  529. "admissionStatus": $xmlDom.find('component section entry inCondition').text(),//入院情况
  530. "admissionDiagnosis": $xmlDom.find('component section entry inDiagnosis').text(),//入院诊断
  531. "dischargeDiagnosis": $xmlDom.find('component section entry outDiagnosis').text(),//出院诊断
  532. "DiagnosisProcess": $xmlDom.find('component section entry remedialCourse').text(),//诊疗经过
  533. "dischargeStatus": $xmlDom.find('component section entry outCondition').text(),//出院情况
  534. "dischargeOrder": $xmlDom.find('component section entry outOrder').text(),//出院医嘱
  535. "treatmentOutcome": $xmlDom.find('component section entry remedialResult').text(),//治疗结果
  536. "residentPhysician": $xmlDom.find('residentDoctor name').text(),//住院医师
  537. "attendingDoctor": $xmlDom.find('inChargeDoctor name').text(),//主治医师
  538. "time": $xmlDom.find('inChargeDoctor time').attr('value')//时间
  539. }
  540. }
  541. },
  542. //编辑诊疗
  543. editdiagnosis:function(){
  544. var vm = this;
  545. vm.edit = !vm.edit;
  546. vm.nodata = false
  547. vm.subsidiaryInfo.data.department = $('#department').find('input').val()
  548. vm.subsidiaryInfo.data.attendingDoctor = $('#attendingDoctor').find('input').val()
  549. vm.subsidiaryInfo.data.admissionDiagnosis = $('#department').find('input').val()
  550. vm.subsidiaryInfo.data.dischargeDiagnosis = $('#dischargeDiagnosis').find('input').val()
  551. },
  552. // 编辑康复建议
  553. editAdviceTextarea: function(){
  554. this.isEdit = !this.isEdit
  555. },
  556. // 获取频次列表
  557. selectFrequencys: function() {
  558. var vm = this,
  559. loadding = layer.load(0, {shade: false});
  560. recoverAPI.selectFrequencys().then(function(res) {
  561. layer.close(loadding)
  562. if(res.status == 200) {
  563. vm.frequencyList = res.data
  564. } else {
  565. showErrorMessage(res.msg);
  566. }
  567. })
  568. },
  569. // 获取居民信息
  570. getPatientInfo: function() {
  571. // this.findPatientSignSpecialistInfo()
  572. var vm = this,
  573. loadding = layer.load(0, {shade: false}),
  574. params = {
  575. patient: this.pati.patient
  576. }
  577. recoverAPI.getPatientInfo(params).then(function(res) {
  578. layer.close(loadding)
  579. if(res.status == 200) {
  580. vm.patiInfo = res.data
  581. vm.pati.patientName = res.data.name
  582. vm.jDlist.push({
  583. name: docInfo.name,
  584. code: docInfo.code,
  585. hospitalName: docInfo.hospitalName
  586. })
  587. vm.jDlist.push({
  588. name: vm.patiInfo.ssDoctorName || vm.patiInfo.jtDoctorName,
  589. code: vm.patiInfo.ssDoctor || vm.patiInfo.jtDoctor,
  590. hospitalName: vm.patiInfo.jtHospitalName
  591. })
  592. vm.jDlist.push({
  593. name: vm.patiInfo.ssDoctorHealthName || vm.patiInfo.jtDoctorHealthName,
  594. code: vm.patiInfo.ssDoctorHealth || vm.patiInfo.jtDoctorHealth,
  595. hospitalName: vm.patiInfo.jtHospitalName
  596. })
  597. } else {
  598. showErrorMessage(res.msg);
  599. }
  600. })
  601. },
  602. // 签约专科信息
  603. findPatientSignSpecialistInfo: function() {
  604. var vm = this,
  605. params = {
  606. patient: this.pati.patient,
  607. doctor: docInfo.code
  608. }
  609. recoverAPI.findPatientSignSpecialistInfo(params).then(function(res) {
  610. if(res.status == 200) {
  611. vm.pati.teamCode = res.data.teamCode
  612. // vm.jDlist.push({
  613. // name: res.data.doctorName,
  614. // code: res.data.doctor
  615. // })
  616. vm.teamCode = res.data.teamCode
  617. vm.specialistTeam(res.data.teamCode)
  618. } else {
  619. showErrorMessage(res.msg);
  620. }
  621. })
  622. },
  623. // 获取专科团队
  624. specialistTeam: function(teamCode) {
  625. var vm = this,
  626. params = {
  627. teamId: teamCode
  628. }
  629. recoverAPI.specialistTeam(params).then(function(res) {
  630. if(res.status == 200) {
  631. vm.zDlist = res.data.members
  632. } else {
  633. showErrorMessage(res.msg);
  634. }
  635. })
  636. },
  637. // 模板列表
  638. findTemplateList: function() {
  639. var vm = this,
  640. loadding = layer.load(0, {shade: false}),
  641. params = {
  642. patient: this.pati.patient,
  643. doctor: docInfo.code,
  644. adminTeamCode: vm.teamCode
  645. }
  646. recoverAPI.findTemplateList(params).then(function(res) {
  647. layer.close(loadding)
  648. if(res.status == 200) {
  649. vm.mubanList = res.data
  650. } else {
  651. showErrorMessage(res.msg);
  652. }
  653. })
  654. },
  655. // 模板详细
  656. findTemplateDetail: function(templateId) {
  657. var vm = this,
  658. loadding = layer.load(0, {shade: false}),
  659. params = {
  660. templateId: templateId
  661. }
  662. recoverAPI.findTemplateDetail(params).then(function(res) {
  663. layer.close(loadding)
  664. if(res.status == 200) {
  665. vm.templateDetail = []
  666. vm.templateResult = res.data
  667. vm.getServiceItemList().then(function(){
  668. $.each(vm.serviceItems, function(index,o) {
  669. $.each(vm.templateResult, function(index1, o1) {
  670. if(o1.code == o.code) {
  671. o.isSelect = true
  672. o1.isSelect = true
  673. o1.selectDoc = false
  674. o1.selectDate = 1
  675. o1.value14 = []
  676. o1.value15 = null
  677. o1.executeTime = []
  678. o1.selectDateRange = []
  679. // 默认频次
  680. o1.selectFre = false
  681. o1.frequencyCode = vm.frequencyList[0].code
  682. o1.frequency = vm.frequencyList[0]
  683. o1.frequencyList = vm.frequencyList
  684. o1.timeType = 0
  685. o1.remark = null
  686. o1.executeDoctor = vm.jDlist[0].code
  687. o1.executeDoctorName = vm.jDlist[0].name
  688. o1.executeHospitalName = vm.jDlist[0].hospitalName
  689. o1.docList = vm.jDlist
  690. vm.templateDetail.push(o1)
  691. }
  692. })
  693. return o
  694. })
  695. })
  696. // vm.findServiceItemsByHospital()
  697. } else {
  698. showErrorMessage(res.msg);
  699. }
  700. })
  701. },
  702. // 服务项目列表 2020-03-03 新增接口
  703. getServiceItemList: function(isSearch){
  704. var vm = this,
  705. loadding = layer.load(0, {shade: false}),
  706. params = {
  707. name: vm.searchKey
  708. }
  709. return rehaAPI.getServiceItemList(params).then(function(res) {
  710. layer.close(loadding)
  711. if(res.status == 200) {
  712. var serviceItems = res.data
  713. vm.serviceItems = $.each(serviceItems, function(index,o) {
  714. o.isSelect = false
  715. return o;
  716. })
  717. }else {
  718. showErrorMessage(res.msg);
  719. }
  720. })
  721. },
  722. // 服务项目列表
  723. // findServiceItemsByHospital: function() {
  724. // var vm = this,
  725. // loadding = layer.load(0, {shade: false}),
  726. // params = {
  727. // doctor: docInfo.code,
  728. // patient: this.pati.patient,
  729. // serviceItemName: this.searchKey
  730. // }
  731. // recoverAPI.findServiceItemsByHospital(params).then(function(res) {
  732. // layer.close(loadding)
  733. // if(res.status == 200) {
  734. // vm.projectList = $.each(res.data[0], function(index, o) {
  735. // $.each(vm.templateResult, function(index1, o1) {
  736. // if(o1.specialistServiceItemDO.itemType == o.itemType) {
  737. // $.each(o.item, function(index2, o2) {
  738. // if(o1.specialistServiceItemDO.diseaseItem == o2.itemName) {
  739. // $.each(o2.hospitalServiceItems, function(index3, o3) {
  740. // if(o3.serviceItemId == o1.serviceItemId) {
  741. // o3.isSelect = true
  742. // o3.selectDoc = false
  743. // o3.selectDate = 1
  744. // o3.value14 = []
  745. // o3.value15 = null
  746. // o3.specialistServiceItemDO.executeTime = []
  747. // o3.specialistServiceItemDO.selectDateRange = []
  748. // // 默认频次
  749. // o3.selectFre = false
  750. // o3.frequencyCode = vm.frequencyList[0].code
  751. // o3.frequency = vm.frequencyList[0]
  752. // o3.frequencyList = vm.frequencyList
  753. // o3.timeType = 0
  754. // o3.remark = null
  755. // // 标识 (1 社区 2 医院 3 社区、医院)
  756. // if(o3.flag == 2) {
  757. // o3.executeDoctor = vm.zDlist[0].code
  758. // o3.executeDoctorName = vm.zDlist[0].name
  759. // o3.docList = vm.zDlist
  760. // } else {
  761. // o3.executeDoctor = vm.jDlist[0].code
  762. // o3.executeDoctorName = vm.jDlist[0].name
  763. // o3.docList = vm.jDlist
  764. // }
  765. // vm.templateDetail.push(o3)
  766. // }
  767. // });
  768. // }
  769. // });
  770. // }
  771. // });
  772. // return o;
  773. // });
  774. // } else {
  775. // showErrorMessage(res.msg);
  776. // }
  777. // })
  778. // },
  779. searchProject: function() {
  780. this.getServiceItemList(true)
  781. },
  782. setPatImg: function(src) {
  783. if(!src) {
  784. return "../../../images/p-female.png"
  785. } else {
  786. var str = httpRequest.getImgUrl(src);
  787. return str
  788. }
  789. },
  790. changeSelectFre: function(index, bool) {
  791. this.templateDetail[index].selectFre = !bool
  792. this.isTest = !this.isTest
  793. },
  794. changeSelectDoc: function(index, bool) {
  795. this.templateDetail[index].selectDoc = !bool
  796. this.isTest = !this.isTest
  797. },
  798. // 选择频次
  799. selectFre: function(index, list) {
  800. this.templateDetail[index].selectFre = false
  801. this.templateDetail[index].frequencyCode = list.code
  802. this.templateDetail[index].frequency = list
  803. this.templateDetail[index] = this.templateDetail[index]
  804. this.isTest = !this.isTest
  805. },
  806. // 选择时间段
  807. selectTimeType: function(index, timetype) {
  808. this.templateDetail[index].timeType = timetype
  809. this.isTest = !this.isTest
  810. },
  811. // 选择执行医生
  812. selectLi: function(index, list) {
  813. this.templateDetail[index].selectDoc = false
  814. this.templateDetail[index].executeDoctor = list.code
  815. this.templateDetail[index].executeDoctorName = list.name
  816. this.templateDetail[index].executeHospitalName = list.hospitalName
  817. this.templateDetail[index] = this.templateDetail[index]
  818. this.isTest = !this.isTest
  819. },
  820. // 删除配置计划
  821. subTemplate: function(index, detail) {
  822. var vm = this
  823. this.isTest = !this.isTest
  824. this.templateDetail.splice(index, 1)
  825. var len = detail.executeTime.length
  826. var deleteJudge = true
  827. $.each(vm.templateDetail, function(index, o) {
  828. if(o.code == detail.code) {
  829. deleteJudge = false
  830. }
  831. });
  832. if(deleteJudge) {
  833. $.each(vm.serviceItems, function(index, o) {
  834. if(detail.code == o.code) {
  835. o.isSelect = false
  836. o.executeTime = []
  837. vm.serviceItems[index] = o
  838. }
  839. });
  840. }
  841. this.judgeHavePlan()
  842. },
  843. // 复制计划
  844. copyTemplate: function(index, detail) {
  845. var vm = this,
  846. obj = JSON.parse(JSON.stringify(detail));
  847. this.isTest = !this.isTest
  848. obj.executeTime = []
  849. obj.value14 = []
  850. obj.value15 = null
  851. this.templateDetail.push(obj)
  852. if(obj.code!='2'&&obj.code!='3'){
  853. this.havePlan = false
  854. }
  855. },
  856. // 选择项目
  857. selectProject: function(index, index2, index3, o) {
  858. this.selectProjectDetail = o
  859. this.selectPatientIndex = layer.open({
  860. type: 2,
  861. area: ['400px', '500px'],
  862. shade: 0.5,
  863. title: '选择项目',
  864. closeBtn: 1,
  865. shift: 5,
  866. shadeClose: false, //点击遮罩关闭层
  867. content: "select-project.html?isLook=true&projectId=" + o.id + "&index=" + index + "&index3=" + index3 + "&index2=" + index2
  868. });
  869. },
  870. // 添加项目
  871. addProject: function(index, obj) {
  872. if(obj) {
  873. this.selectProjectDetail = obj
  874. }
  875. if(this.selectProjectDetail.isSelect) {
  876. showWarningMessage("已添加!")
  877. return false;
  878. }
  879. this.selectProjectDetail.isSelect = true
  880. this.selectProjectDetail.selectDoc = false
  881. this.selectProjectDetail.selectDate = 1
  882. this.selectProjectDetail.value14 = []
  883. this.selectProjectDetail.value15 = null
  884. this.selectProjectDetail.executeTime = []
  885. this.selectProjectDetail.selectDateRange = []
  886. // 频次选择
  887. this.selectProjectDetail.selectFre = false
  888. this.selectProjectDetail.frequencyCode = this.frequencyList[0].code
  889. this.selectProjectDetail.frequency = this.frequencyList[0]
  890. this.selectProjectDetail.frequencyList = this.frequencyList
  891. this.selectProjectDetail.timeType = 0
  892. this.selectProjectDetail.remark = null
  893. this.selectProjectDetail.executeDoctor = this.jDlist[0].code
  894. this.selectProjectDetail.executeDoctorName = this.jDlist[0].name
  895. this.selectProjectDetail.executeHospitalName = this.jDlist[0].hospitalName
  896. this.selectProjectDetail.docList = this.jDlist
  897. this.templateDetail.push(this.selectProjectDetail)
  898. this.serviceItems[index] = this.selectProjectDetail
  899. if(this.selectProjectDetail.code!='2'&&this.selectProjectDetail.code!='3'){
  900. this.havePlan = false
  901. }
  902. },
  903. // 查看项目
  904. lookProject: function(o) {
  905. this.selectPatientIndex = layer.open({
  906. type: 2,
  907. area: ['400px', '500px'],
  908. shade: 0.5,
  909. title: '查看项目',
  910. closeBtn: 1,
  911. shift: 5,
  912. shadeClose: false, //点击遮罩关闭层
  913. content: "select-project.html?projectId=" + o.id
  914. });
  915. },
  916. // 选择居民
  917. selectPatient: function() {
  918. this.selectPatientIndex = layer.open({
  919. type: 2,
  920. area: ['400px', '500px'],
  921. shade: 0.5,
  922. title: '同步患者',
  923. closeBtn: 1,
  924. shift: 5,
  925. shadeClose: false, //点击遮罩关闭层
  926. content: "select-patient.html"
  927. });
  928. },
  929. // 选择居民回调
  930. selectPatientOk: function(pati) {
  931. this.isPlan = false
  932. this.allFee = 0
  933. this.templateDetail = []
  934. this.pati = pati
  935. this.getPatientInfo()
  936. this.findTemplateList()
  937. // this.diagnosisQuery()
  938. layer.close(this.selectPatientIndex)
  939. },
  940. // 添加模板
  941. addMuban: function(oId) {
  942. var vm = this
  943. // vm.selectDiseaseIndex = layer.open({
  944. // type: 2,
  945. // area: ['400px', '500px'],
  946. // shade: 0.5,
  947. // title: '选择疾病',
  948. // closeBtn: 1,
  949. // shift: 5,
  950. // shadeClose: false, //点击遮罩关闭层
  951. // content: "select-disease.html?teamCode=" + vm.pati.teamCode +"&templateId=" + oId || ''
  952. // });
  953. var templateId = oId||''
  954. vm.newPlan(templateId)
  955. },
  956. // 取消计划
  957. canclePlan: function(obj) {
  958. var vm = this
  959. cancleIndex = layer.open({
  960. type: 2,
  961. area: ['400px', '180px'],
  962. shade: 0.5,
  963. title: '取消确认',
  964. closeBtn: 1,
  965. shift: 5,
  966. shadeClose: false, //点击遮罩关闭层
  967. content: "cancle_sure.html"
  968. });
  969. },
  970. cancleSure: function() {
  971. this.isPlan = false
  972. this.allFee = 0
  973. this.templateDetail = []
  974. },
  975. // (disease, templateId)
  976. newPlan: function(templateId) {
  977. // this.diseaseObj = disease
  978. // var templateId = this.templateId
  979. this.isPlan = true
  980. if(templateId) {
  981. this.findTemplateDetail(templateId)
  982. } else {
  983. this.templateDetail = []
  984. this.getServiceItemList()
  985. // this.findServiceItemsByHospital()
  986. }
  987. },
  988. selectPro: function(pro, index) {
  989. if(pro == 1) {
  990. this.proIndex2 = null;
  991. this.proIndex1 == index ? this.proIndex1 = null : this.proIndex1 = index
  992. } else {
  993. this.proIndex2 == index ? this.proIndex2 = null : this.proIndex2 = index
  994. }
  995. },
  996. setLabelIndex: function(index, label) {
  997. this.labelIndex = index
  998. this.labelCode = label.code
  999. },
  1000. changeSelectDate: function(index, num) {
  1001. if(this.templateDetail[index].executeTime.length) {
  1002. showWarningMessage("请先清除此选项的计划时间!");
  1003. return false;
  1004. }
  1005. this.isTest = !this.isTest
  1006. this.templateDetail[index].selectDate = num
  1007. },
  1008. openSelectTime: function(index) {
  1009. var vm = this
  1010. selectTimeIndex = layer.open({
  1011. type: 2,
  1012. area: ['600px', '500px'],
  1013. shade: 0.5,
  1014. title: '服务时间选择',
  1015. closeBtn: 1,
  1016. shift: 5,
  1017. shadeClose: false, //点击遮罩关闭层
  1018. content: "select_timer.html"
  1019. });
  1020. },
  1021. formatter: function(time){
  1022. return new Date(time).format('yyyy-MM-dd')
  1023. },
  1024. // 选择日期
  1025. getSelectDate: function(index) {
  1026. var vm = this,
  1027. projectId = vm.templateDetail[index].code;
  1028. if(!this.templateDetail[index].value15) {
  1029. return false;
  1030. }
  1031. vm.templateDetail = $.map(vm.templateDetail, function(o, index) {
  1032. if(projectId == o.code) {
  1033. o.isTimeSame = false
  1034. }
  1035. return o
  1036. })
  1037. this.templateDetail[index].executeTime = []
  1038. var arr = this.templateDetail[index].value15
  1039. this.templateDetail[index].executeTime = arr
  1040. this.templateDetail[index].value14 = []
  1041. this.isTest = !this.isTest
  1042. },
  1043. // 选择周期
  1044. getRandgeDate: function(index, i) {
  1045. var vm = this
  1046. var templateDetail=this.templateDetail[index]
  1047. if(!templateDetail.value14[i]){
  1048. this.templateDetail[index].executeTime = []
  1049. this.havePlan = false
  1050. return false
  1051. }
  1052. if(templateDetail.value14[0]>templateDetail.value14[1]){
  1053. showWarningMessage("开始时间应小于结束时间!")
  1054. return false;
  1055. }
  1056. var projectId = vm.templateDetail[index].code;
  1057. vm.templateDetail = $.map(vm.templateDetail, function(o, index) {
  1058. if(projectId == o.code) {
  1059. o.isTimeSame = false
  1060. }
  1061. return o
  1062. })
  1063. this.templateDetail[index].executeTime = []
  1064. var arr = this.templateDetail[index].value14,
  1065. startTime = new Date(arr[0]).getTime(),
  1066. endTime = new Date(arr[1]).getTime(),
  1067. absTime = endTime - startTime,
  1068. oneday = 60 * 60 *24 * 1000,
  1069. i = 0;
  1070. for(i; i * oneday <= absTime; i++) {
  1071. var num = i * oneday + startTime,
  1072. str = new Date(num).format("yyyy-MM-dd")
  1073. this.templateDetail[index].executeTime.push(str)
  1074. }
  1075. var obj = {
  1076. startTime: arr[0],
  1077. endTime: arr[1],
  1078. length: i
  1079. }
  1080. this.templateDetail[index].selectDateRange.push(obj)
  1081. this.templateDetail[index].value15 = null
  1082. this.isTest = !this.isTest
  1083. this.judgeHavePlan()
  1084. },
  1085. // 计算总费用
  1086. checkAllMoney: function() {
  1087. var vm = this
  1088. this.allFee = 0
  1089. $.each(vm.templateDetail, function(index, o) {
  1090. var fee = vm.mul(vm.mul(o.expense, o.frequency.count), o.executeTime.length)
  1091. vm.allFee = vm.add(vm.allFee, fee)
  1092. });
  1093. },
  1094. judgeHavePlan: function() {
  1095. var arr = []
  1096. for(var k = 0; k < this.templateDetail.length; k++) {
  1097. if(this.templateDetail[k].code!='2'&&this.templateDetail[k].code!='3'){
  1098. if(this.templateDetail[k].executeTime[0]) {
  1099. arr.push(true)
  1100. }else {
  1101. arr.push(false)
  1102. }
  1103. }
  1104. }
  1105. var flag = _.every(arr, Boolean)
  1106. if(flag){
  1107. this.havePlan = true
  1108. }else{
  1109. this.havePlan = false
  1110. }
  1111. },
  1112. createRehabilitationPlan: function() {
  1113. var vm = this
  1114. if(!this.havePlan) {
  1115. showWarningMessage("请选择计划时间!")
  1116. return false;
  1117. }
  1118. if(!this.adviceContent){
  1119. showWarningMessage("请输入康复建议!")
  1120. return false;
  1121. }
  1122. if(vm.medicalRecordsList.length==0){
  1123. showWarningMessage("请选择住院病历!")
  1124. return false;
  1125. }
  1126. var codeArr=[];
  1127. $.each(vm.medicalRecordsList,function(i, o){
  1128. codeArr.push(o.code)
  1129. })
  1130. var loadding = layer.load(0, {shade: false}),
  1131. data = {
  1132. patient: this.pati.patient,
  1133. name: this.pati.patientName,
  1134. title: this.pati.patientName + "的康复计划",
  1135. // disease: this.diseaseObj.diseaseCode,
  1136. // diseaseName: this.diseaseObj.diseaseName,
  1137. planType: this.labelCode || 1,
  1138. payment: 2,
  1139. totalExpense: this.allFee || 0,
  1140. adviceContent: this.adviceContent,
  1141. medicalRecordsCode: codeArr.join(','),
  1142. detail: []
  1143. };
  1144. $.each(vm.templateDetail, function(index, o) {
  1145. if(o.code=='2'||o.code=='3'){
  1146. var obj = {
  1147. hospitalServiceItemId: o.code,
  1148. type: 2,
  1149. doctor: '',
  1150. doctorName: '',
  1151. executeTimes: '',
  1152. frequencyCode: '',
  1153. timeType: 0,
  1154. remark: o.remark || ''
  1155. }
  1156. data.detail.push(obj)
  1157. }else{
  1158. if(o.executeTime.length) {
  1159. var executeTime = []
  1160. $.each(o.executeTime, function(ind, v) {
  1161. v += ' 00:00'
  1162. executeTime.push(v)
  1163. });
  1164. var obj = {
  1165. hospitalServiceItemId: o.code,
  1166. type: 2,
  1167. doctor: o.executeDoctor,
  1168. doctorName: o.executeDoctorName,
  1169. executeTimes: executeTime.join(","),
  1170. frequencyCode: o.frequencyCode,
  1171. timeType: o.timeType,
  1172. remark: o.remark || ''
  1173. }
  1174. data.detail.push(obj)
  1175. }
  1176. }
  1177. });
  1178. var params = {
  1179. json: JSON.stringify(data)
  1180. }
  1181. // console.log('paramsparamsparamsparamsparams', data)
  1182. // return
  1183. recoverAPI.createRehabilitationPlan(params).then(function(res) {
  1184. layer.close(loadding)
  1185. if(res.status == 200) {
  1186. vm.isPlanId = res.data
  1187. // if(vm.isPlanId){
  1188. // var thr_parems ={
  1189. // patient:vm.pati.patient,
  1190. // patientName:vm.pati.patientName,
  1191. // planId:vm.isPlanId,
  1192. // hospitalName:$('.input-group-btn button').text().trim(),
  1193. // department:$('#department').find('input').val(),//vm.subsidiaryInfo.data.department|| ""
  1194. // attendingDoctorName:$('#attendingDoctor').find('input').val(),//vm.subsidiaryInfo.data.attendingDoctor ||""
  1195. // admittingDiagnosis:$('#admissionDiagnosis').find('input').val(),//vm.subsidiaryInfo.data.admissionDiagnosis || ""
  1196. // dischargeDiagnosis:$('#dischargeDiagnosis').find('input').val(),//vm.subsidiaryInfo.data.dischargeDiagnosis|| ""
  1197. // advice:$('.tipText').val().trim(),//vm.subsidiaryInfo.data.dischargeOrder ||""
  1198. // dischargeTime:vm.subsidiaryInfo.data.dischargeTime || ""
  1199. // }
  1200. // loadding = layer.load(0, {shade: false});
  1201. // recoverAPI.preservationInfo(thr_parems).then(function(res){
  1202. // layer.close(loadding)
  1203. // if (res.status == 200) {
  1204. // setTimeout(function() {
  1205. // window.location.href = "../../rehabilitation/html/health_control.html"
  1206. // }, 1000)
  1207. // showSuccessMessage('保存成功')
  1208. // }else{
  1209. // showErrorMessage(res.msg);
  1210. // }
  1211. // })
  1212. // }
  1213. setTimeout(function() {
  1214. window.location.href = "../../rehabilitation/html/health_control.html"
  1215. }, 1000)
  1216. showSuccessMessage("康复计划配置成功!")
  1217. } else {
  1218. showErrorMessage(res.msg || "同康复计划项目创建时间重复!");
  1219. vm.templateDetail = $.map(vm.templateDetail, function(o, index) {
  1220. $.each(res.data, function(ind, v) {
  1221. if(v == o.id) {
  1222. o.isTimeSame = true
  1223. }
  1224. });
  1225. return o
  1226. })
  1227. }
  1228. })
  1229. },
  1230. // 字符串方法计算加减乘除(精确度百分位)
  1231. add: function(num1,num2){
  1232. var r1,r2,m,n;
  1233. try{r1=num1.toString().split(".")[1].length}catch(e){r1=0}
  1234. try{r2=num2.toString().split(".")[1].length}catch(e){r2=0}
  1235. m = Math.pow(10,Math.max(r1,r2));
  1236. n = (r1>=r2)?r1:r2;
  1237. return ((num1*m + num2*m)/m).toFixed(n);
  1238. },
  1239. sub: function(num1,num2){
  1240. var r1,r2,m,n;
  1241. try{r1=num1.toString().split(".")[1].length}catch(e){r1=0}
  1242. try{r2=num2.toString().split(".")[1].length}catch(e){r2=0}
  1243. n = (r1>=r2)?r1:r2;
  1244. m = Math.pow(10,Math.max(r1,r2));
  1245. return ((num1*m - num2*m)/m).toFixed(n);
  1246. },
  1247. mul: function(num1,num2){
  1248. var m = 0;
  1249. try{m+=num1.toString().split(".")[1].length}catch(e){}
  1250. try{m+=num2.toString().split(".")[1].length}catch(e){}
  1251. return (Number(num1.toString().replace(".",""))*Number(num2.toString().replace(".","")))/Math.pow(10,m)
  1252. },
  1253. div: function(arg1,arg2){
  1254. var t1=0,t2=0,r1,r2;
  1255. try{t1=arg1.toString().split(".")[1].length}catch(e){}
  1256. try{t2=arg2.toString().split(".")[1].length}catch(e){}
  1257. r1=Number(arg1.toString().replace(".",""));
  1258. r2=Number(arg2.toString().replace(".",""));
  1259. return (r1/r2)*Math.pow(10,t2-t1);
  1260. }
  1261. }
  1262. })
  1263. </script>
  1264. </body>
  1265. </html>