new_recover.html 25 KB

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