血透系统PC前端

assessmentAfter.vue 10KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383
  1. <template>
  2. <div class="plate-box">
  3. <h2 class="DetailsTit"><span>{{ title }}</span></h2>
  4. <div class="plate">
  5. <ul>
  6. <li>
  7. <label>透后体重 : </label>
  8. <span class="content" v-if="weight_after!='0'">{{ weight_after }}</span>
  9. <span class="unit" v-if="weight_after!='0'">kg</span>
  10. </li>
  11. <li>
  12. <label>收缩压 : </label>
  13. <span class="content" v-if="systolic_blood_pressure!='0'">{{ systolic_blood_pressure }}</span>
  14. <span class="unit" v-if="systolic_blood_pressure!='0'">mmhg</span>
  15. </li>
  16. <li>
  17. <label>实际超滤量: </label>
  18. <span class="content" v-if="actual_ultrafiltration!='0'">{{ actual_ultrafiltration }}</span>
  19. <span class="unit" v-if="actual_ultrafiltration!='0'">ml</span>
  20. </li>
  21. <li>
  22. <label>疑血 : </label>
  23. <span class="content">{{ cruor }}</span>
  24. </li>
  25. <li>
  26. <label>内瘘 : </label>
  27. <span class="content">{{ internal_fistula }}</span>
  28. </li>
  29. <li>
  30. <label>导管 : </label>
  31. <span class="content">{{ catheter }}</span>
  32. </li>
  33. <li>
  34. <label>穿刺处血肿 : </label>
  35. <span class="content">{{ puncture_point_haematoma_name }}</span>
  36. </li>
  37. <li v-show="patient_gose==3">
  38. <label>科室 : </label>
  39. <span class="content">{{ inpatient_department }}</span>
  40. </li>
  41. <!-- <li style="height: 0.6rem;">
  42. <label></label>
  43. </li> -->
  44. </ul>
  45. <ul>
  46. <li>
  47. <label>体重减少 : </label>
  48. <span class="content" v-if="weight_loss!='0'">{{ weight_loss }}</span>
  49. <span class="unit" v-if="weight_loss!='0'">kg</span>
  50. </li>
  51. <li>
  52. <label>舒张压 : </label>
  53. <span class="content" v-if="diastolic_blood_pressure!='0'">{{ diastolic_blood_pressure }}</span>
  54. <span class="unit" v-if="diastolic_blood_pressure!='0'">mmhg</span>
  55. </li>
  56. <li>
  57. <label>实际置换量 : </label>
  58. <span class="content" v-if="actual_displacement!='0'">{{ actual_displacement }}</span>
  59. <span class="unit" v-if="actual_displacement!='0'">ml</span>
  60. </li>
  61. <li>
  62. <label>透后症状 : </label>
  63. <span class="content">{{ symptom_after_dialysis }}</span>
  64. </li>
  65. <li>
  66. <label>血管通路部位 : </label>
  67. <span class="content">{{ blood_access_part }}</span>
  68. </li>
  69. <li>
  70. <label>并发症: </label>
  71. <span class="content">{{ complication }}</span>
  72. </li>
  73. <li>
  74. <label>压迫后内瘘震颤: </label>
  75. <span class="content">{{ internal_fistula_tremor_ac_name }}</span>
  76. </li>
  77. <li v-show="patient_gose==3">
  78. <label>交待病房护士/患者/陪人观察内容 : </label>
  79. <span class="content">{{ observation_content }}</span>
  80. </li>
  81. </ul>
  82. <ul>
  83. <li>
  84. <label>体温 : </label>
  85. <span class="content" v-if="temperature!='0'">{{ temperature }}</span>
  86. <span class="unit" v-if="temperature!='0'">℃</span>
  87. </li>
  88. <li>
  89. <label>脉率 : </label>
  90. <span class="content" v-if="pulse_frequency!='0'">{{ pulse_frequency }}</span>
  91. <span class="unit" v-if="pulse_frequency!='0'">次/分</span>
  92. </li>
  93. <li>
  94. <label>实际治疗时长 : </label>
  95. <span class="content" v-if="actual_treatment_hour!='0'">{{ actual_treatment_hour }}时</span>
  96. <span class="content" v-if="actual_treatment_minute!='0'">{{ actual_treatment_minute }}分</span>
  97. </li>
  98. <li>
  99. <label>透析中入量: </label>
  100. <span class="content" v-if="dialysis_intakes_feed!='0'">{{ dialysis_intakes_feed }}</span>
  101. </li>
  102. <li>
  103. <label>血管通路操作: </label>
  104. <span class="content">{{ blood_access_opera }}</span>
  105. </li>
  106. <li>
  107. <label>拔针后穿刺点渗血: </label>
  108. <span class="content">{{ puncture_point_oozing_blood_name }}</span>
  109. </li>
  110. <li>
  111. <label>患者去向: </label>
  112. <span class="content">{{ patient_gose_name }}</span>
  113. </li>
  114. <li v-show="patient_gose==3">
  115. <label>其他观察内容 : </label>
  116. <span class="content">{{ observation_content_other }}</span>
  117. </li>
  118. </ul>
  119. </div>
  120. <div class="note">备注 : <span>{{ remark }}</span></div>
  121. <div class="middleLine"></div>
  122. </div>
  123. </template>
  124. <script>
  125. export default {
  126. name: "DialysisPrescription",
  127. data() {
  128. return {
  129. title: "透后评估 ",
  130. };
  131. },
  132. props: {
  133. record: {
  134. type: Object,
  135. }
  136. },
  137. computed: {
  138. weight_after: function() {
  139. if (this.record.id == 0) {
  140. return "-"
  141. }
  142. return this.record.weight_after
  143. },
  144. systolic_blood_pressure: function() {
  145. if (this.record.id == 0) {
  146. return "-"
  147. }
  148. return this.record.systolic_blood_pressure
  149. },
  150. actual_ultrafiltration: function() {
  151. if (this.record.id == 0) {
  152. return "-"
  153. }
  154. return this.record.actual_ultrafiltration
  155. },
  156. cruor: function() {
  157. if (this.record.id == 0) {
  158. return "-"
  159. }
  160. return this.record.cruor
  161. },
  162. internal_fistula: function(){
  163. if (this.record==null || this.record.id == "") {
  164. return "-"
  165. }
  166. return this.record.internal_fistula;
  167. },
  168. weight_loss: function() {
  169. if (this.record.id == 0) {
  170. return "-"
  171. }
  172. return this.record.weight_loss
  173. },
  174. inpatient_department:function() {
  175. if (this.record.id == 0) {
  176. return "-"
  177. }
  178. return this.record.inpatient_department
  179. },
  180. patient_gose:function() {
  181. if (this.record.id == 0) {
  182. return 0
  183. }
  184. return this.record.patient_gose
  185. },
  186. diastolic_blood_pressure: function() {
  187. if (this.record.id == 0) {
  188. return "-"
  189. }
  190. return this.record.diastolic_blood_pressure
  191. },
  192. actual_displacement: function() {
  193. if (this.record.id == 0) {
  194. return "-"
  195. }
  196. return this.record.actual_displacement
  197. },
  198. symptom_after_dialysis: function() {
  199. if (this.record.id == 0) {
  200. return "-"
  201. }
  202. return this.record.symptom_after_dialysis
  203. },
  204. blood_access_part:function(){
  205. if (this.record.id == 0) {
  206. return "-"
  207. }
  208. let vascular_access = this.$store.getters.vascular_access;
  209. let valen = vascular_access.length
  210. let name = '-';
  211. for (var index in vascular_access) {
  212. if (vascular_access[index].id == this.record.blood_access_part_id) {
  213. name = vascular_access[index].name;
  214. break;
  215. }
  216. }
  217. return name
  218. },
  219. puncture_point_oozing_blood_name:function(){
  220. if (this.record.id == 0) {
  221. return "-"
  222. }
  223. switch (this.record.puncture_point_oozing_blood) {
  224. case 1:
  225. return '有'
  226. break;
  227. case 2:
  228. return '无'
  229. break
  230. default:
  231. return '-'
  232. break;
  233. }
  234. },
  235. patient_gose_name: function(){
  236. if (this.record.id == 0) {
  237. return "-"
  238. }
  239. switch (this.record.patient_gose) {
  240. case 1:
  241. return '离院'
  242. break;
  243. case 2:
  244. return '留观'
  245. break
  246. case 3:
  247. return '住院'
  248. break
  249. default:
  250. return '-'
  251. break;
  252. }
  253. },
  254. blood_access_opera:function(){
  255. if (this.record.id == 0) {
  256. return "-"
  257. }
  258. let vascular_access = this.$store.getters.vascular_access_desc;
  259. let name = '-';
  260. for (var index in vascular_access) {
  261. if (vascular_access[index].id == this.record.blood_access_part_opera_id) {
  262. name = vascular_access[index].name;
  263. break;
  264. }
  265. }
  266. return name
  267. },
  268. catheter: function() {
  269. if (this.record.id == 0) {
  270. return "-"
  271. }
  272. return this.record.catheter
  273. },
  274. puncture_point_haematoma_name: function(){
  275. if (this.record.id == 0) {
  276. return "-"
  277. }
  278. switch (this.record.puncture_point_haematoma) {
  279. case 1:
  280. return '有'
  281. break;
  282. case 2:
  283. return '无'
  284. break
  285. default:
  286. return '-'
  287. break;
  288. }
  289. },
  290. temperature: function() {
  291. if (this.record.id == 0) {
  292. return "-"
  293. }
  294. return this.record.temperature
  295. },
  296. pulse_frequency: function() {
  297. if (this.record.id == 0) {
  298. return "-"
  299. }
  300. return this.record.pulse_frequency
  301. },
  302. actual_treatment_hour: function() {
  303. if (this.record.id == 0) {
  304. return "-"
  305. }
  306. return this.record.actual_treatment_hour
  307. },
  308. actual_treatment_minute: function() {
  309. if (this.record.id == 0) {
  310. return "-"
  311. }
  312. return this.record.actual_treatment_minute
  313. },
  314. dialysis_intakes_feed: function() {
  315. if (this.record.id == 0) {
  316. return "-"
  317. }
  318. return this.record.dialysis_intakes
  319. },
  320. observation_content_other:function() {
  321. if (this.record.id == 0) {
  322. return "-"
  323. }
  324. return this.record.observation_content_other
  325. },
  326. observation_content:function() {
  327. if (this.record.id == 0) {
  328. return "-"
  329. }
  330. return this.record.observation_content
  331. },
  332. complication: function() {
  333. if (this.record.id == 0) {
  334. return "-"
  335. }
  336. return this.record.complication
  337. },
  338. internal_fistula_tremor_ac_name: function() {
  339. if (this.record.id == 0) {
  340. return "-"
  341. }
  342. switch (this.record.internal_fistula_tremor_ac) {
  343. case 1:
  344. return '存在'
  345. break;
  346. case 2:
  347. return '减弱'
  348. break;
  349. case 3:
  350. return '无';
  351. break
  352. default:
  353. return '-'
  354. break;
  355. }
  356. },
  357. remark: function() {
  358. if (this.record.id == 0) {
  359. return ""
  360. }
  361. return this.record.remark
  362. }
  363. },
  364. methods: {
  365. }
  366. };
  367. </script>
  368. <style rel="stylesheet/scss" lang="scss" scoped>
  369. </style>