new_recover.html 27 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>新建计划</title>
  6. <link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
  7. <link rel="stylesheet" type="text/css" href="../../../css/cross.ui.css" />
  8. <link rel="stylesheet" type="text/css" href="../../../css/style.min.css" />
  9. <link rel="stylesheet" type="text/css" href="../css/new_recover.css" />
  10. </head>
  11. <body class="m0">
  12. <div id="app" v-cloak>
  13. <div class="c-position-a" style="top: -999px; left: -999px;" v-show="isTest"></div>
  14. <div class="c-h100 clearfix">
  15. <div class="fl c-h100 w300 person_info c-border-r" style="overflow: hidden;">
  16. <div v-if="!patiInfo" class="c-h100" style="overflow: auto;">
  17. <div class="c-border-b c-t-center pt20">
  18. <div class="set-photo imgw80">
  19. <img src="../../../images/p-female.png" alt="居民头像" />
  20. </div>
  21. <p class="ptb10">患者名</p>
  22. </div>
  23. <div>
  24. <div class="no-result c-t-center pt20">
  25. <img src="../images/wushuju01_img.png" alt="无数据" />
  26. <p class="c-999">暂无相关信息</p>
  27. <div class="pt30">
  28. <span class="c-fff btn cur-pit plr10 ptb5 bgc-12b7f5 b-r-3" @click="selectPatient()">同步信息</span>
  29. </div>
  30. </div>
  31. </div>
  32. </div>
  33. <div v-else class="c-h100 plr10" style="overflow: auto;">
  34. <div class="c-t-center pt20 c-position-r">
  35. <div class="set-photo imgw80">
  36. <img :src="setPatImg(patiInfo.photo)" alt="居民头像" />
  37. </div>
  38. <h3 class="ptb10 m0 c-f16">{{patiInfo.name}}</h3>
  39. <span class="c-position-a set-qiehuan cur-pit" @click="selectPatient()"></span>
  40. </div>
  41. <h4 class="h30 m0 c-f14 c-border-b f-w500">基本信息</h4>
  42. <ul class="c-333 m0 p0 pb20">
  43. <li class="pt10"><span class="c-999">性&emsp;&emsp;别:</span>{{patiInfo.sex == 1 ? "男" : "女"}}</li>
  44. <li class="pt10"><span class="c-999">年&emsp;&emsp;龄:</span>{{patiInfo.age}}岁</li>
  45. <li class="pt10"><span class="c-999">身份证号:</span>{{patiInfo.idcard}}</li>
  46. <li class="pt10"><span class="c-999">地&emsp;&emsp;址:</span>{{patiInfo.address}}</li>
  47. </ul>
  48. <h4 class="h30 m0 c-f14 c-border-b f-w500">家庭医生</h4>
  49. <ul class="c-333 m0 p0 pb20">
  50. <li class="pt10"><span class="c-999">签约社区:</span>{{patiInfo.ssHospitalName || patiInfo.jtHospitalName}}</li>
  51. <li class="pt10"><span class="c-999">全科医生:</span>{{patiInfo.ssDoctorName || patiInfo.jtDoctorName}}</li>
  52. <li class="pt10"><span class="c-999">健&ensp;管&ensp;师:</span>{{patiInfo.ssDoctorHealthName || patiInfo.jtDoctorHealthName}}</li>
  53. </ul>
  54. <!--<h4 class="h30 m0 c-f14 c-border-b">诊疗信息</h4>
  55. <ul class="c-333 m0 p0 pb20">
  56. <li class="pt10"><span class="c-999">诊疗医院:</span>男</li>
  57. <li class="pt10"><span class="c-999">入院科室:</span>男</li>
  58. <li class="pt10"><span class="c-999">主治医师:</span>男</li>
  59. <li class="pt10"><span class="c-999">入院诊断:</span>男</li>
  60. <li class="pt10"><span class="c-999">出院诊断:</span>男</li>
  61. </ul>
  62. <h4 class="h30 m0 c-f14 c-border-b">出院小结</h4>
  63. <p class="m0 pt10 c-333">依旧本次判断,对新消息进行出院诊断做出以下结论:忧郁啥啥事等等等问题</p>-->
  64. </div>
  65. </div>
  66. <div class="fl c-h100 w-100-300">
  67. <div class="c-h100 plr5" v-if="!isPlan">
  68. <h4 class="m0 pl15 lh40 c-border-b f-w500 c-position-r"><span class="c-position-a set-blue-span"></span>配置康复计划</h4>
  69. <div style="overflow: hidden; height: calc(100% - 41px);">
  70. <div style="overflow: auto; height: 100%;">
  71. <div class="un-select c-t-center pt45" v-if="!patiInfo">
  72. <img src="../images/wushuju_img.png" alt="" />
  73. <p class="c-999">您还没有选择居民</p>
  74. </div>
  75. <ul class="muban_con lh40 c-t-center pt30" v-else>
  76. <li class="mb20" v-for="(muban, index) in mubanList" :key="index" @click="addMuban(muban.id)">{{muban.title}}</li>
  77. <li class="addmuban-btn c-fff" @click="addMuban()">新增模板</li>
  78. </ul>
  79. </div>
  80. </div>
  81. </div>
  82. <div class="clearfix c-h100" v-else>
  83. <div class="fl w-100-300 c-h100">
  84. <div class="plr5 c-h100-79">
  85. <h4 class="m0 pl15 lh40 c-border-b set-label f-w500 c-position-r">
  86. <em class="c-position-a set-blue-span"></em>
  87. 配置康复计划
  88. <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>
  89. </h4>
  90. <div class="c-h100-41" style="overflow: hidden;">
  91. <ul class="c-h100 p0 m0" style="overflow: auto;">
  92. <li class="mt10 plr10 ptb5 c-border b-r-3 clearfix" v-for="(detail, index) in templateDetail" :key="index">
  93. <div class="fl w-100-78 c-333">
  94. <p class="m0 p0 mb10 txt-ells cur-pit" @click="lookProject(detail)">{{detail.specialistServiceItemDO.title}}</p>
  95. <div class="clearfix">
  96. <p class="m0 mb5 mr20 p0 fl"><span class="c-999">医&emsp;&emsp;院:</span>{{detail.hospitalName}}</p>
  97. <div class="m0 mb5 mr20 p0 fl clearfix">
  98. <span class="fl c-999">执行人员:</span>
  99. <div class="fl c-position-r w100">
  100. <p class="m0 p0 plr10 c-border cur-pit set-xia" :class="{'set-shang':detail.selectDoc}" @click="changeSelectDoc(index, detail.selectDoc)">{{detail.executeDoctorName}}</p>
  101. <ul class="m0 p0 c-border-b c-border-l c-border-r c-position-a doc_list" v-if="detail.selectDoc">
  102. <li class="plr10 c-border-t cur-pit" v-for="(list, indDoc) in detail.docList" :key="indDoc" @click="selectLi(index, list)">{{list.name}}</li>
  103. </ul>
  104. </div>
  105. </div>
  106. <p class="m0 mb5 p0 fl"><span class="c-999">费&emsp;&emsp;用:</span>{{detail.expense}}{{detail.specialistServiceItemDO.unit}}</p>
  107. </div>
  108. <div class="m0 p0 lh18 clearfix">
  109. <span class="fl c-999">计划时间:</span>
  110. <p class="fl lh18 mb5 mr20 clearfix" v-for="(time, ind) in detail.specialistServiceItemDO.executeTime" :key="ind" v-if="detail.specialistServiceItemDO.executeTime.length">
  111. <span class="fl">{{time}}</span><span class="fl ml5 c-red cur-pit" @click="spliceTimeArr(index, ind)">删除</span>
  112. </p>
  113. <span class="fl c-12b7f5 cur-pit calendar" contenteditable="true" readonly @keyup="setfont()" @keydown="setfont()" @mousedown="selectTime(index)" class=flatpickr data-enable-time=true data-time_24hr=true>{{surefont}}</span>
  114. <span class="fl c-12b7f5 cur-pit ml10" v-show="sureIndex == index">确定</span>
  115. </div>
  116. </div>
  117. <div class='fr w60 c-t-right clearfix'>
  118. <p class="m0 p0 mb10">×{{detail.specialistServiceItemDO.executeTime.length}}</p>
  119. <div class="fr sub-tap cur-pit" @click="subTemplate(index, detail)"></div>
  120. </div>
  121. </li>
  122. <li class="pt100 c-t-center" v-if="!templateDetail.length">
  123. <span class="set-right-arraw pr20">请在右侧“服务项”列表中选择</span>
  124. </li>
  125. </ul>
  126. </div>
  127. </div>
  128. <div>
  129. <p class="m0 p0 pl20 ptb10 c-border-b set-label">支付方式:<span class="ml10 pl20 active">按服务支付</span><em class="c-red ml20">(按选择支付方式完成收费)</em></p>
  130. <div class="pl20 lh40">总费用:
  131. <span class="c-red c-f16">¥{{allFee}}</span>
  132. <span class="fr lh30 cur-pit plr15 c-t-center bgc-green c-fff" @click="canclePlan()">取消</span>
  133. <span class="fr lh30 cur-pit plr15 c-t-center c-fff" :class="allFee ? 'bgc-12b7f5' : 'bgc-d7dce6'" @click="createRehabilitationPlan()">生成计划</span>
  134. </div>
  135. </div>
  136. </div>
  137. <div class="fr w300 c-h100 c-border-l">
  138. <div class="plr5 c-h100">
  139. <h4 class="m0 pl15 lh40 c-border-b c-position-r f-w500">
  140. <em class="c-position-a set-blue-span"></em>添加其他项目
  141. </h4>
  142. <div class="clearfix mtb10 c-border">
  143. <input class="fl search-input plr10" type="text" v-model="searchKey" placeholder="输入项目名称" />
  144. <span class="fr search-btn" @click="searchProject()"></span>
  145. </div>
  146. <div class="c-h100-99" style="overflow: hidden;">
  147. <ul class="c-h100 p0 m0" style="overflow: auto;">
  148. <li v-for="(project1, index) in projectList" :key="index">
  149. <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>
  150. <ul class="c-h100 p0 m0 pl10" v-if="index == proIndex1">
  151. <li v-for="(project2, index2) in project1.item" :key="index2">
  152. <p class="set-arrow h30 c-f14 pl20 m0 c-333 cur-pit" :class="{'active': index2 == proIndex2}" @click="selectPro(2, index2)">{{project2.itemName}}</p>
  153. <ul class="p0 m0 pr10" v-if="index2 == proIndex2">
  154. <li v-for="(project3, index3) in project2.hospitalServiceItems" :key="index3" class="clearfix ptb5">
  155. <div class="fl bgc-12b7f5 c-border w-100-66 cur-pit border-c12b7f5 ptb5 plr5 b-r-3 clearfix" @click="selectProject(index, index2, index3, project3)">
  156. <p class="fl w-100-78 txt-ells lh18 c-fff">{{project3.specialistServiceItemDO.title}}</p>
  157. <span class="fr lh18 b-r-3 c-f12 ml5 bgc-4dcd70 plr5 c-fff" v-if="project3.flag == 1 || project3.flag == 3">社区</span>
  158. <span class="fr lh18 b-r-3 c-f12 ml5 bgc-55cefc plr5 c-fff" v-if="project3.flag == 2 || project3.flag == 3">医院</span>
  159. </div>
  160. <span class="fr h30 btn cur-pit plr10 bgc-12b7f5 c-fff b-r-3" v-if="!project3.isSelect" @click="addProject(index, index2, index3, project3)">添加</span>
  161. <span class="fr h30 btn plr10 bgc-e1e1e1 c-fff b-r-3" v-else>添加</span>
  162. </li>
  163. </ul>
  164. </li>
  165. </ul>
  166. </li>
  167. </ul>
  168. </div>
  169. </div>
  170. </div>
  171. </div>
  172. </div>
  173. </div>
  174. </div>
  175. <script src="../../../js/vue.js" type="text/javascript" charset="utf-8"></script>
  176. <script src="../../../js/jquery-2.2.4.js"></script>
  177. <script src="../../../plugins/layer/layer.min.js"></script>
  178. <script src="../../../plugins/toastr/toastr.min.js"></script>
  179. <script src="../../../js/bootstrap.min.js"></script>
  180. <script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
  181. <script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
  182. <script src="../../../js/util.js" type="text/javascript" charset="utf-8"></script>
  183. <link rel="stylesheet" href="../../../js/flatpickr/flatpickr.min.css">
  184. <script src="../../../js/flatpickr/flatpickr.min.js"></script>
  185. <script src="../../../js/flatpickr/flatpickr.l10n.zh.js"></script>
  186. <script src="../../../api/http-request.js" type="text/javascript"></script>
  187. <script src="../../../api/recover_api.js" type="text/javascript"></script>
  188. <script type="text/javascript">
  189. var doctorType = (JSON.parse(window.localStorage.getItem('wlyyAgent'))||{}).doctorType,
  190. docInfo = JSON.parse(window.localStorage.getItem('wlyyAgent'))
  191. var httpData=GetRequest()
  192. function showSuccessMessage(msg) {
  193. layer.msg(msg, {
  194. icon: 1
  195. })
  196. }
  197. function showErrorMessage(msg) {
  198. layer.msg(msg, {
  199. icon: 5
  200. })
  201. }
  202. function showWarningMessage(msg) {
  203. layer.msg(msg, {
  204. icon: 2
  205. })
  206. }
  207. function showInfoMessage(msg) {
  208. layer.msg(msg, {
  209. icon: 6
  210. })
  211. }
  212. // 初始化加载flatpickr插件
  213. // $(".calendar").flatpickr();
  214. recoverVue = new Vue({
  215. el: "#app",
  216. data: {
  217. surefont: '添加',
  218. isTest: false,
  219. pati: null,
  220. isPlan: false,
  221. proIndex1: null,
  222. proIndex2: null,
  223. patiInfo: null,
  224. diseaseObj: null,
  225. mubanList: [],
  226. sureIndex: null,
  227. templateDetail: [],
  228. templateResult: [],
  229. allFee: 0,
  230. projectList: null,
  231. labelIndex: 2,
  232. labelCode: 1,
  233. spanLabel: [{
  234. labelName: "(转)家庭病床",
  235. code: 3
  236. }, {
  237. labelName: "(转)社区医院",
  238. code: 2
  239. }, {
  240. labelName: "康复计划",
  241. code: 1
  242. }],
  243. jDlist: null,
  244. zDlist: null,
  245. selectProjectDetail: null,
  246. searchKey: null
  247. },
  248. mounted: function() {
  249. },
  250. methods: {
  251. // 获取居民信息
  252. getPatientInfo: function() {
  253. this.findPatientSignSpecialistInfo()
  254. var vm = this,
  255. loadding = layer.load(0, {shade: false}),
  256. params = {
  257. patient: this.pati.patient
  258. }
  259. recoverAPI.getPatientInfo(params).then(function(res) {
  260. layer.close(loadding)
  261. if(res.status == 200) {
  262. vm.patiInfo = res.data
  263. console.log(vm.patiInfo)
  264. vm.jDlist = [{
  265. name: vm.patiInfo.ssDoctorName || vm.patiInfo.jtDoctorName,
  266. code: vm.patiInfo.ssDoctor || vm.patiInfo.jtDoctor
  267. }, {
  268. name: vm.patiInfo.ssDoctorHealthName || vm.patiInfo.jtDoctorHealthName,
  269. code: vm.patiInfo.ssDoctorHealth || vm.patiInfo.jtDoctorHealth
  270. }]
  271. } else {
  272. showErrorMessage(res.msg);
  273. }
  274. })
  275. },
  276. findPatientSignSpecialistInfo: function() {
  277. var vm = this,
  278. params = {
  279. patient: this.pati.patient,
  280. doctor: docInfo.uid
  281. }
  282. recoverAPI.findPatientSignSpecialistInfo(params).then(function(res) {
  283. if(res.status == 200) {
  284. vm.zDlist = [{
  285. name: res.data.doctorName,
  286. code: res.data.doctor
  287. }, {
  288. name: res.data.healthAssistantName,
  289. code: res.data.healthAssistant
  290. }]
  291. } else {
  292. showErrorMessage(res.msg);
  293. }
  294. })
  295. },
  296. // 模板列表
  297. findTemplateList: function() {
  298. var vm = this,
  299. loadding = layer.load(0, {shade: false}),
  300. params = {
  301. patient: this.pati.patient,
  302. doctor: docInfo.uid
  303. }
  304. recoverAPI.findTemplateList(params).then(function(res) {
  305. layer.close(loadding)
  306. if(res.status == 200) {
  307. vm.mubanList = res.data
  308. } else {
  309. showErrorMessage(res.msg);
  310. }
  311. })
  312. },
  313. // 模板详细
  314. findTemplateDetail: function(templateId) {
  315. var vm = this,
  316. loadding = layer.load(0, {shade: false}),
  317. params = {
  318. templateId: templateId
  319. }
  320. recoverAPI.findTemplateDetail(params).then(function(res) {
  321. layer.close(loadding)
  322. if(res.status == 200) {
  323. vm.templateDetail = []
  324. vm.templateResult = res.data
  325. vm.findServiceItemsByHospital()
  326. } else {
  327. showErrorMessage(res.msg);
  328. }
  329. })
  330. },
  331. // 服务项目列表
  332. findServiceItemsByHospital: function() {
  333. var vm = this,
  334. loadding = layer.load(0, {shade: false}),
  335. params = {
  336. doctor: docInfo.uid,
  337. patient: this.pati.patient,
  338. serviceItemName: this.searchKey
  339. }
  340. recoverAPI.findServiceItemsByHospital(params).then(function(res) {
  341. layer.close(loadding)
  342. if(res.status == 200) {
  343. vm.projectList = $.each(res.data[0], function(index, o) {
  344. $.each(vm.templateResult, function(index1, o1) {
  345. if(o1.specialistServiceItemDO.itemType == o.itemType) {
  346. $.each(o.item, function(index2, o2) {
  347. if(o1.specialistServiceItemDO.diseaseItem == o2.itemName) {
  348. $.each(o2.hospitalServiceItems, function(index3, o3) {
  349. if(o3.serviceItemId == o1.serviceItemId) {
  350. o3.isSelect = true
  351. o3.selectDoc = false
  352. o3.specialistServiceItemDO.executeTime = []
  353. if(o3.flag == 2) {
  354. o3.executeDoctor = vm.zDlist[0].code
  355. o3.executeDoctorName = vm.zDlist[0].name
  356. o3.docList = vm.zDlist
  357. } else {
  358. o3.executeDoctor = vm.jDlist[0].code
  359. o3.executeDoctorName = vm.jDlist[0].name
  360. o3.docList = vm.jDlist
  361. }
  362. vm.templateDetail.push(o3)
  363. }
  364. });
  365. }
  366. });
  367. }
  368. });
  369. return o;
  370. });
  371. } else {
  372. showErrorMessage(res.msg);
  373. }
  374. })
  375. },
  376. searchProject: function() {
  377. this.findServiceItemsByHospital()
  378. },
  379. setPatImg: function(src) {
  380. if(!src) {
  381. return "../../../images/p-female.png"
  382. } else {
  383. var str = httpRequest.getImgUrl(src);
  384. return str
  385. }
  386. },
  387. changeSelectDoc: function(index, bool) {
  388. this.templateDetail[index].selectDoc = !bool
  389. this.isTest = !this.isTest
  390. },
  391. selectLi: function(index, list) {
  392. this.templateDetail[index].selectDoc = false
  393. this.templateDetail[index].executeDoctor = list.code
  394. this.templateDetail[index].executeDoctorName = list.name
  395. this.templateDetail[index] = this.templateDetail[index]
  396. this.isTest = !this.isTest
  397. },
  398. subTemplate: function(index, detail) {
  399. var vm = this
  400. this.templateDetail.splice(index, 1)
  401. var len = detail.specialistServiceItemDO.executeTime.length
  402. if(len) {
  403. this.allFee -= (len * detail.expense)
  404. }
  405. $.each(vm.projectList, function(index, o) {
  406. if(detail.specialistServiceItemDO.itemType == o.itemType) {
  407. $.each(o.item, function(index2, o2) {
  408. if(detail.specialistServiceItemDO.diseaseItem == o2.itemName) {
  409. $.each(o2.hospitalServiceItems, function(index3, o3) {
  410. if(o3.serviceItemId == detail.serviceItemId) {
  411. o3.isSelect = false
  412. o3.specialistServiceItemDO.executeTime = []
  413. }
  414. });
  415. }
  416. });
  417. }
  418. });
  419. },
  420. // 选择项目
  421. selectProject: function(index, index2, index3, o) {
  422. this.selectProjectDetail = o
  423. selectPatientIndex = layer.open({
  424. type: 2,
  425. area: ['400px', '500px'],
  426. shade: 0.5,
  427. title: '选择项目',
  428. closeBtn: 1,
  429. shift: 5,
  430. shadeClose: false, //点击遮罩关闭层
  431. content: "select-project.html?isLook=true&projectId=" + o.id + "&index=" + index + "&index3=" + index3 + "&index2=" + index2
  432. });
  433. },
  434. // 添加项目
  435. addProject: function(index, index2, index3, obj) {
  436. if(obj) {
  437. this.selectProjectDetail = obj
  438. }
  439. if(this.selectProjectDetail.isSelect) {
  440. showWarningMessage("已添加!")
  441. return false;
  442. }
  443. this.selectProjectDetail.isSelect = true
  444. this.selectProjectDetail.selectDoc = false
  445. this.selectProjectDetail.specialistServiceItemDO.executeTime = []
  446. if(this.selectProjectDetail.flag == 2) {
  447. this.selectProjectDetail.executeDoctor = this.zDlist[0].code
  448. this.selectProjectDetail.executeDoctorName = this.zDlist[0].name
  449. this.selectProjectDetail.docList = this.zDlist
  450. } else {
  451. this.selectProjectDetail.executeDoctor = this.jDlist[0].code
  452. this.selectProjectDetail.executeDoctorName = this.jDlist[0].name
  453. this.selectProjectDetail.docList = this.jDlist
  454. }
  455. this.templateDetail.push(this.selectProjectDetail)
  456. this.projectList[index].item[index2].hospitalServiceItems[index3] = this.selectProjectDetail
  457. },
  458. setfont: function() {
  459. alert(1)
  460. this.surefont = "添加"
  461. },
  462. // 查看项目
  463. lookProject: function(o) {
  464. selectPatientIndex = layer.open({
  465. type: 2,
  466. area: ['400px', '500px'],
  467. shade: 0.5,
  468. title: '查看项目',
  469. closeBtn: 1,
  470. shift: 5,
  471. shadeClose: false, //点击遮罩关闭层
  472. content: "select-project.html?projectId=" + o.id
  473. });
  474. },
  475. selectPatient: function() {
  476. selectPatientIndex = layer.open({
  477. type: 2,
  478. area: ['400px', '500px'],
  479. shade: 0.5,
  480. title: '同步出院小结',
  481. closeBtn: 1,
  482. shift: 5,
  483. shadeClose: false, //点击遮罩关闭层
  484. content: "select-patient.html"
  485. });
  486. },
  487. selectPatientOk: function(pati) {
  488. this.isPlan = false
  489. this.pati = pati
  490. this.getPatientInfo()
  491. this.findTemplateList()
  492. },
  493. addMuban: function(oId) {
  494. var vm = this
  495. selectDiseaseIndex = layer.open({
  496. type: 2,
  497. area: ['400px', '500px'],
  498. shade: 0.5,
  499. title: '选择疾病',
  500. closeBtn: 1,
  501. shift: 5,
  502. shadeClose: false, //点击遮罩关闭层
  503. content: "select-disease.html?teamCode=" + vm.pati.teamCode +"&templateId=" + oId || ''
  504. });
  505. },
  506. canclePlan: function(obj) {
  507. var vm = this
  508. cancleIndex = layer.open({
  509. type: 2,
  510. area: ['400px', '180px'],
  511. shade: 0.5,
  512. title: '取消确认',
  513. closeBtn: 1,
  514. shift: 5,
  515. shadeClose: false, //点击遮罩关闭层
  516. content: "cancle_sure.html"
  517. });
  518. // layer.msg('是否确认删除此计划?', {
  519. // time: 10000,
  520. // btn: ['是', '否'],
  521. // yes: function(index, layero) {
  522. // vm.isPlan = false
  523. // vm.allFee = 0
  524. // layer.close(index)
  525. // },
  526. // btn2: function(index, layero) {
  527. // layer.close(index)
  528. // }
  529. // })
  530. },
  531. cancleSure: function() {
  532. this.isPlan = false
  533. this.allFee = 0
  534. },
  535. newPlan: function(disease, templateId) {
  536. this.diseaseObj = disease
  537. this.isPlan = true
  538. if(templateId) {
  539. this.findTemplateDetail(templateId)
  540. } else {
  541. this.templateDetail = []
  542. this.findServiceItemsByHospital()
  543. }
  544. },
  545. selectPro: function(pro, index) {
  546. if(pro == 1) {
  547. this.proIndex2 = null;
  548. this.proIndex1 == index ? this.proIndex1 = null : this.proIndex1 = index
  549. } else {
  550. this.proIndex2 == index ? this.proIndex2 = null : this.proIndex2 = index
  551. }
  552. },
  553. setLabelIndex: function(index, label) {
  554. this.labelIndex = index
  555. this.labelCode = label.code
  556. },
  557. selectTime: function(index) {
  558. var currentEle = $(event.target),
  559. vm = this;
  560. this.sureIndex = index
  561. currentEle.flatpickr({
  562. locale: 'zh',
  563. defaultDate: currentEle.val(),
  564. minDate: "today",
  565. enableTime: true,
  566. onOpen: function(obj, str) {
  567. currentEle.val(str)
  568. },
  569. onClose: function(obj, str) {
  570. vm.sureIndex = null
  571. if(!str) {
  572. return false;
  573. }
  574. vm.templateDetail[index].specialistServiceItemDO.executeTime.push(str)
  575. vm.allFee = (vm.allFee + Number(vm.templateDetail[index].expense)) * 1000 | 0 / 1000
  576. }
  577. })
  578. },
  579. spliceTimeArr: function(index, ind) {
  580. this.templateDetail[index].specialistServiceItemDO.executeTime.splice(ind, 1)
  581. this.allFee = (this.allFee - Number(this.templateDetail[index].expense)) * 1000 | 0 / 1000
  582. },
  583. createRehabilitationPlan: function() {
  584. if(!this.allFee) {
  585. showWarningMessage("请选择计划时间!")
  586. return false;
  587. }
  588. var vm = this,
  589. loadding = layer.load(0, {shade: false}),
  590. data = {
  591. patient: this.pati.patient,
  592. name: this.pati.patientName,
  593. title: this.pati.patientName + this.diseaseObj.diseaseName + "康复计划",
  594. disease: this.diseaseObj.diseaseCode,
  595. diseaseName: this.diseaseObj.diseaseName,
  596. planType: this.labelCode,
  597. payment: 2,
  598. totalExpense: this.allFee,
  599. detail: []
  600. },
  601. params = {};
  602. $.each(vm.templateDetail, function(index, o) {
  603. if(o.specialistServiceItemDO.executeTime.length) {
  604. var obj = {
  605. hospitalServiceItemId: o.id,
  606. type: o.flag == 2 ? 2 : 1,
  607. doctor: o.executeDoctor,
  608. doctorName: o.executeDoctorName,
  609. executeTime: o.specialistServiceItemDO.executeTime.join(",")
  610. }
  611. data.detail.push(obj)
  612. }
  613. });
  614. params = {
  615. json: JSON.stringify(data)
  616. }
  617. recoverAPI.createRehabilitationPlan(params).then(function(res) {
  618. layer.close(loadding)
  619. if(res.status == 200) {
  620. showSuccessMessage("康复计划配置成功!")
  621. setTimeout(function() {
  622. window.location.href = "../../rehabilitation/html/health_control.html"
  623. }, 1000)
  624. } else {
  625. showErrorMessage(res.msg);
  626. }
  627. })
  628. }
  629. }
  630. })
  631. </script>
  632. </body>
  633. </html>