medical-records.html 7.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>添加住院病历</title>
  6. <link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
  7. <link rel="stylesheet" type="text/css" href="../../../css/cross.ui.css" />
  8. <link rel="stylesheet" type="text/css" href="../../../css/style.min.css" />
  9. <link href="../../../plugins/toastr/toastr.min.css" rel="stylesheet">
  10. <link rel="stylesheet" type="text/css" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css" />
  11. <link rel="stylesheet" type="text/css" href="../css/common.css" />
  12. </head>
  13. <body class="m0">
  14. <div id="app" class="p10 c-333" v-cloak>
  15. <div class="pt10 flex ui-row mt10">
  16. <label class="c-999 required" style="font-weight: normal;">入院时间:</label>
  17. <div class="flex1">
  18. <el-date-picker v-model="admissionTime" type="date" placeholder="请选择">
  19. </el-date-picker>
  20. </div>
  21. </div>
  22. <div class="pt10 flex ui-row mt10">
  23. <label class="c-999 required" style="font-weight: normal;">出院时间:</label>
  24. <div class="flex1">
  25. <!-- :picker-options="pickerOptions1" -->
  26. <el-date-picker v-model="dischargeTime" type="date" placeholder="请选择">
  27. </el-date-picker>
  28. </div>
  29. </div>
  30. <div class="pt10 flex ui-row mt10">
  31. <label class="c-999 required" style="font-weight: normal;">诊断结果:</label>
  32. <div class="flex1">
  33. <div class="flex">
  34. <el-select v-model="diagnosisValue" filterable placeholder="请选择">
  35. <el-option
  36. v-for="item in diseaseData"
  37. :key="item.value"
  38. :label="item.name"
  39. :value="item.value"
  40. clearable>
  41. </el-option>
  42. </el-select>
  43. <button type="button" class="btn btn-12B7F5 btn-size-s ml15" style="border-radius: 0;" @click="saveDiagnosisWrap">+ 添加</button>
  44. </div>
  45. <div>
  46. <el-tag
  47. v-for="(v, i) in tags"
  48. :key="i"
  49. closable
  50. class="mr5 mt5"
  51. @close="closeTag(i)">
  52. {{v}}
  53. </el-tag>
  54. </div>
  55. </div>
  56. </div>
  57. <div class="pt10 flex ui-row mt10">
  58. <label class="c-999 required" style="font-weight: normal;">医嘱小结:</label>
  59. <div class="flex1">
  60. <textarea v-model="advice" class="p10 c-333" style="height: 160px; width: 100%; border:1px solid #e1e1e1; resize:none;box-sizing: border-box"></textarea>
  61. </div>
  62. </div>
  63. <div class="c-t-center mt20">
  64. <button type="button" class="btn btn-white btn-size-m mr15" @click="cancelMedicalRecords">取消</button>
  65. <button type="button" class="btn btn-12B7F5 btn-size-m" @click="addMedicalRecords">保存</button>
  66. </div>
  67. </div>
  68. <script src="../../../js/vue.js" type="text/javascript" charset="utf-8"></script>
  69. <script src="../../../js/jquery-2.2.4.js"></script>
  70. <script src="../../../plugins/layer/layer.min.js"></script>
  71. <script src="../../../plugins/toastr/toastr.min.js"></script>
  72. <script src="https://unpkg.com/element-ui/lib/index.js" type="text/javascript" charset="utf-8"></script>
  73. <script src="../../../js/bootstrap.min.js"></script>
  74. <script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
  75. <script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
  76. <script src="../../../js/util.js" type="text/javascript" charset="utf-8"></script>
  77. <script src="../../../api/http-request.js" type="text/javascript"></script>
  78. <script src="../../../api/recover_api.js" type="text/javascript"></script>
  79. <script type="text/javascript" src="../../../api/rehabilitation-api.js"></script>
  80. <script type="text/javascript">
  81. var doctorType = (JSON.parse(window.localStorage.getItem('wlyyAgent'))||{}).doctorType,
  82. docInfo = JSON.parse(window.localStorage.getItem('wlyyAgent'))
  83. var httpData=GetRequest()
  84. console.log('httpData:', httpData)
  85. function showSuccessMessage(msg) {
  86. layer.msg(msg, {
  87. icon: 1
  88. })
  89. }
  90. function showErrorMessage(msg) {
  91. layer.msg(msg, {
  92. icon: 5
  93. })
  94. }
  95. function showWarningMessage(msg) {
  96. layer.msg(msg, {
  97. icon: 2
  98. })
  99. }
  100. function showInfoMessage(msg) {
  101. layer.msg(msg, {
  102. icon: 6
  103. })
  104. }
  105. selectVue = new Vue({
  106. el: "#app",
  107. data: {
  108. pickerOptions1: {
  109. disabledDate: function(time) {
  110. return time.getTime() < Date.now() - 8.64e7;
  111. }
  112. },
  113. admissionTime: '',
  114. dischargeTime: '',
  115. diseaseData: [], //诊断列表
  116. diagnosisValue: '',
  117. diagnosisObj: undefined,
  118. tags: [],//诊断标签
  119. advice: '',
  120. doctorCode: docInfo.uid,
  121. patient: httpData.patient,
  122. patientName: decodeURI(httpData.patientName)
  123. },
  124. mounted: function() {
  125. this.getIcd10Info()
  126. },
  127. methods: {
  128. handleSelect: function(res){
  129. },
  130. //添加诊断
  131. saveDiagnosisWrap: function(){
  132. if(this.diagnosisValue.trim().length>0){
  133. this.tags.push(this.diagnosisValue)
  134. this.diagnosisValue = ''
  135. }
  136. },
  137. //删除诊断标签
  138. closeTag: function(i){
  139. this.tags.splice(i, 1)
  140. },
  141. getIcd10Info: function(v){
  142. var vm = this, nameKey='',
  143. loadding = layer.load(0, {shade: false}),
  144. params = {
  145. nameKey:nameKey,
  146. page: 0,
  147. pageSize: 10000
  148. }
  149. if(v){
  150. nameKey = v.trim()
  151. }
  152. rehaAPI.getIcd10Info(params).then(function(res){
  153. layer.close(loadding)
  154. if(res.status == 200) {
  155. vm.diseaseData = $.each(res.data, function(i, o){
  156. o.value = o.name
  157. return o
  158. })
  159. } else {
  160. showErrorMessage(res.msg);
  161. }
  162. })
  163. },
  164. cancelMedicalRecords: function(){
  165. top.recoverVue.closeMedicalRecords()
  166. },
  167. addMedicalRecords: function(){
  168. var vm = this,
  169. loading = layer.load(0, {shade: false})
  170. if(!this.admissionTime){
  171. showErrorMessage('请选择入院时间!')
  172. return false
  173. }
  174. if(!this.dischargeTime){
  175. showErrorMessage('请选择出院时间!')
  176. return false
  177. }
  178. if(this.admissionTime>this.dischargeTime){
  179. showWarningMessage("入院时间应小于出院时间!")
  180. return false;
  181. }
  182. if(this.tags.length<=0){
  183. showErrorMessage('请添加诊断!')
  184. return false
  185. }
  186. if(!this.advice||this.advice.trim().length<=0){
  187. showErrorMessage('请输入医嘱小结!')
  188. return false
  189. }
  190. var diagnosisArr=[], diagnosisNameArr=[];
  191. $.each(vm.diseaseData, function(i, o){
  192. $.each(vm.tags, function(index, value){
  193. if(o.value==value){
  194. diagnosisArr.push(o.code)
  195. diagnosisNameArr.push(o.value)
  196. }
  197. })
  198. })
  199. var jsonData = {
  200. admissionTime: new Date(this.admissionTime).format('yyyy-MM-dd HH:mm:ss'),
  201. dischargeTime: new Date(this.dischargeTime).format('yyyy-MM-dd HH:mm:ss'),
  202. diagnosis: diagnosisArr.join(','),
  203. diagnosisName: diagnosisNameArr.join(','),
  204. advice: this.advice
  205. }
  206. var params = {
  207. doctorCode: vm.doctorCode,
  208. patient: vm.patient,
  209. patientName: vm.patientName,
  210. jsonData: JSON.stringify(jsonData)
  211. }
  212. rehaAPI.createMedicalRecords(params).then(function(res){
  213. layer.close(loading)
  214. if(res.status==200){
  215. top.recoverVue.completeMedicalRecords(res.data)
  216. }else{
  217. top.recoverVue.closeMedicalRecords()
  218. showErrorMessage(res.msg);
  219. }
  220. })
  221. }
  222. }
  223. })
  224. </script>
  225. </body>
  226. </html>