血透系统PC前端

assessmentBefore.vue 16KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455
  1. <template>
  2. <div class="plate-box">
  3. <h2 class="DetailsTit"><span>{{title}}</span></h2>
  4. <div class="plate " >
  5. <ul>
  6. <li v-if="isShow('透前体重')">
  7. <label>透前体重 : </label>
  8. <span class="content" v-if="weight_before!='0'">{{ weight_before }}</span>
  9. <span class="unit" v-if="weight_before!='0'">kg</span>
  10. </li>
  11. <li v-if="isShow('收缩压')">
  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 v-if="isShow('前次透析后')">
  17. <label>前次透析后: </label>
  18. <span class="content" v-if="last_post_dialysis!='0'">{{ last_post_dialysis }}</span>
  19. <span class="unit" v-if="last_post_dialysis!='0'"></span>
  20. </li>
  21. <li v-if="isShow('导管')">
  22. <label>导管 : </label>
  23. <span class="content">{{ catheter }}</span>
  24. <span class="unit"></span>
  25. </li>
  26. <li v-if="isShow('衣物重')">
  27. <label>衣物重 : </label>
  28. <span class="content" v-if="additional_weight!='0'">{{ additional_weight }}</span>
  29. <span class="unit" v-if="additional_weight!='0'">kg</span>
  30. </li>
  31. <li v-if="isShow('干体重')">
  32. <label>干体重 : </label>
  33. <span class="content" v-if="dry_weight!='0'">{{ dry_weight }}</span>
  34. <span class="unit" v-if="dry_weight!='0'">kg</span>
  35. </li>
  36. <li v-if="isShow('舒张压')">
  37. <label>舒张压 : </label>
  38. <span class="content" v-if="diastolic_blood_pressure!='0'">{{ diastolic_blood_pressure }}</span>
  39. <span class="unit" v-if="diastolic_blood_pressure!='0'">mmhg</span>
  40. </li>
  41. <li v-if="isShow('透析频次')">
  42. <label>透析频次: </label>
  43. <span class="content">{{dialysis_count?dialysis_count:''}}</span>
  44. <span class="unit">{{ dialysis_count?'次/周':''}}</span>
  45. </li>
  46. <li v-if="isShow('透析期间')">
  47. <label>透析期间 : </label>
  48. <span class="content" v-if="dialysis_interphase!='0'">{{ dialysis_interphase }}</span>
  49. <span class="unit" v-if="dialysis_interphase!='0'"></span>
  50. </li>
  51. <li v-if="isShow('并发症')">
  52. <label>并发症: </label>
  53. <span class="content">{{ complication }}</span>
  54. <span class="unit"></span>
  55. </li>
  56. <li v-if="isShow('体温')">
  57. <label>体温 : </label>
  58. <span class="content" v-if="temperature!='0'">{{ temperature }}</span>
  59. <span class="unit" v-if="temperature!='0'">℃</span>
  60. </li>
  61. <li v-if="isShow('脉搏')">
  62. <label>脉搏 : </label>
  63. <span class="content" v-if="pulse_frequency!='0'">{{ pulse_frequency }}</span>
  64. <span class="unit" v-if="pulse_frequency!='0'">次/分</span>
  65. </li>
  66. </ul>
  67. <ul>
  68. <li v-if="isShow('透析机型号')">
  69. <label>透析机型号:</label>
  70. <span class="content" v-if="machine_type!='0'">
  71. {{machine_type}}
  72. </span>
  73. </li>
  74. <li v-if="isShow('呼吸频率')">
  75. <label>呼吸频率 : </label>
  76. <span class="content" v-if="breathing_rate!='0'">{{ breathing_rate }}</span>
  77. <span class="unit" v-if="breathing_rate!='0'">次/分</span>
  78. </li>
  79. <li v-if="isShow('透析前症状')">
  80. <label>透析前症状 : </label>
  81. <span class="content">{{ symptom_before_dialysis }}</span>
  82. <span class="unit"></span>
  83. </li>
  84. <li v-if="isShow('出血')">
  85. <label>出血</label>
  86. <span class="content">{{ is_hemorrhage ? hemorrhage + ";" + hemorrhage_other : "无" }}</span>
  87. <span class="unit"> </span>
  88. </li>
  89. <li v-if="isShow('血管通路(内瘘)')">
  90. <label>血管通路(内瘘) : </label>
  91. <span class="content">{{blood_access_internal_fistula}}</span>
  92. </li>
  93. <li v-if="isShow('血管杂音')">
  94. <label>血管杂音 : </label>
  95. <span class="content">{{getBloodAccessNoise(this.record.blood_access_noise)}}</span>
  96. </li>
  97. <li v-if="isShow('穿刺针')">
  98. <label>穿刺针 : </label>
  99. <span class="content">{{this.record.puncture_needle}}</span>
  100. </li>
  101. <li v-if="isShow('穿刺方式')">
  102. <label>穿刺方式 : </label>
  103. <span class="content">{{getWay(this.record.puncture_way)}}</span>
  104. </li>
  105. <li v-if="isShow('中心静脉置管')">
  106. <label>中心静脉置管</label>
  107. <span class="content">{{getVenousCatheterization(this.record.venous_catheterization)}}</span>
  108. <span class="unit"> </span>
  109. </li>
  110. <li v-if="isShow('位置')">
  111. <label>位置</label>
  112. <span class="content" v-if="this.record.venous_catheterization_part != -1">{{getVenousCatheterizationPart(this.record.venous_catheterization_part)}}</span>
  113. </li>
  114. <li v-if="isShow('其他位置')">
  115. <label>其他位置</label>
  116. <span class="content" v-if="this.record.venous_catheterization_part_other&&this.record.venous_catheterization_part_other.length > 0">{{venous_catheterization_part_other}}</span>
  117. </li>
  118. </ul>
  119. <ul >
  120. <li v-if="isShow('中心静脉导管')">
  121. <label>中心静脉导管: </label>
  122. <span class="content">{{this.record.ductus_arantii}}</span>
  123. </li>
  124. <li v-if="isShow('其他中心静脉导管')">
  125. <label>其他中心静脉导管:</label>
  126. <span class="content">{{ ductus_arantii_other }}</span>
  127. <span class="unit"> </span>
  128. </li>
  129. <li v-if="isShow('急诊')">
  130. <label>急诊: </label>
  131. <span class="content">{{getEmergencyTreatment(this.record.emergency_treatment)}}</span>
  132. <span class="content" v-if="this.record.emergency_treatment_other&&this.record.emergency_treatment_other.length > 0">,{{emergency_treatment_other}}</span>
  133. </li>
  134. <li v-if="isShow('感染')">
  135. <label>感染:</label>
  136. <span class="content">{{this.record.is_infect == 1 ? '无' : '有' }}</span>
  137. <span class="unit"> </span>
  138. </li>
  139. <li v-if="isShow('其他感染情况')">
  140. <label>其他感染情况:</label>
  141. <span class="content">{{ infect_other }}</span>
  142. <span class="unit"> </span>
  143. </li>
  144. <li v-if="isShow('外露')">
  145. <label>外露:</label>
  146. <span class="content">{{this.record.exposed?this.record.exposed:''}}</span>
  147. <span class="unit">cm</span>
  148. </li>
  149. <li v-if="isShow('皮肤')">
  150. <label>皮肤:</label>
  151. <span class="content">{{getSkin(this.record.skin)}}</span>
  152. <span class="unit"></span>
  153. </li>
  154. <li v-if="isShow('其他皮肤情况')">
  155. <label>其他皮肤情况:</label>
  156. <span class="content">{{ skin_other }}</span>
  157. <span class="unit"> </span>
  158. </li>
  159. </ul>
  160. </div>
  161. <div class="note">备注 : <span>{{ remark }}</span></div>
  162. <!-- <div class="note">处方医生 : {{doctor}}</div> -->
  163. <div class="middleLine"></div>
  164. </div>
  165. </template>
  166. <script>
  167. import store from '@/store'
  168. export default {
  169. name: 'assessmentBefore',
  170. data() {
  171. return {
  172. title: '透前评估 '
  173. }
  174. },
  175. props: {
  176. record: {
  177. type: Object
  178. }
  179. },
  180. computed: {
  181. weight_before: function() {
  182. if (this.record.id == 0) {
  183. return '-'
  184. }
  185. return this.record.weight_before
  186. },
  187. additional_weight: function() {
  188. if (this.record.id == 0) {
  189. return '-'
  190. }
  191. return this.record.additional_weight
  192. },
  193. systolic_blood_pressure: function() {
  194. if (this.record.id == 0) {
  195. return '-'
  196. }
  197. return this.record.systolic_blood_pressure
  198. },
  199. last_post_dialysis: function() {
  200. if (this.record.id == 0) {
  201. return '-'
  202. }
  203. return this.record.last_post_dialysis
  204. },
  205. dry_weight: function() {
  206. if (this.record.id == 0) {
  207. return '-'
  208. }
  209. return this.record.dry_weight
  210. },
  211. diastolic_blood_pressure: function() {
  212. if (this.record.id == 0) {
  213. return '-'
  214. }
  215. return this.record.diastolic_blood_pressure
  216. },
  217. dialysis_interphase: function() {
  218. if (this.record.id == 0) {
  219. return '-'
  220. }
  221. return this.record.dialysis_interphase
  222. },
  223. catheter: function() {
  224. if (this.record.id == 0) {
  225. return '-'
  226. }
  227. return this.record.catheter
  228. },
  229. temperature: function() {
  230. if (this.record.id == 0) {
  231. return '-'
  232. }
  233. return this.record.temperature
  234. },
  235. pulse_frequency: function() {
  236. if (this.record.id == 0) {
  237. return '-'
  238. }
  239. return this.record.pulse_frequency
  240. },
  241. machine_type: function() {
  242. if (this.record.id == 0) {
  243. return '-'
  244. }
  245. return this.record.machine_type
  246. },
  247. breathing_rate: function() {
  248. if (this.record.id == 0) {
  249. return '-'
  250. }
  251. return this.record.breathing_rate
  252. },
  253. symptom_before_dialysis: function() {
  254. if (this.record.id == 0) {
  255. return '-'
  256. }
  257. return this.record.symptom_before_dialysis
  258. },
  259. complication: function() {
  260. if (this.record.id == 0) {
  261. return '-'
  262. }
  263. return this.record.complication
  264. },
  265. internal_fistula: function() {
  266. if (this.record.id == 0) {
  267. return '-'
  268. }
  269. return this.record.internal_fistula
  270. },
  271. is_hemorrhage: function() {
  272. if (this.record.id == 0) {
  273. return false
  274. }
  275. return this.record.is_hemorrhage == 1
  276. },
  277. hemorrhage: function() {
  278. if (this.record.id == 0) {
  279. return '-'
  280. }
  281. return this.record.hemorrhage
  282. },
  283. hemorrhage_other: function() {
  284. if (this.record.id == 0) {
  285. return '-'
  286. }
  287. return this.record.hemorrhage_other
  288. },
  289. remark: function() {
  290. if (this.record.id == 0) {
  291. return ''
  292. }
  293. return this.record.remark
  294. }, dialysis_count: function() {
  295. if (this.record == null || this.record.id == '') {
  296. return '-'
  297. }
  298. return this.record.dialysis_count
  299. }, internal_fistula_other: function() {
  300. if (this.record == null || this.record.id == '') {
  301. return '-'
  302. }
  303. return this.record.internal_fistula_other
  304. }, venous_catheterization_part_other: function() {
  305. if (this.record == null || this.record.id == '') {
  306. return '-'
  307. }
  308. return this.record.venous_catheterization_part_other
  309. }, emergency_treatment_other: function() {
  310. if (this.record == null || this.record.id == '') {
  311. return '-'
  312. }
  313. return this.record.emergency_treatment_other
  314. }, blood_access_internal_fistula: function() {
  315. var name1 = ''
  316. var name2 = ''
  317. if (this.record == null || this.record.id == '') {
  318. return '-'
  319. }
  320. if (this.record.blood_access_internal_fistula == undefined) {
  321. name1 = ''
  322. } else {
  323. name1 = this.record.blood_access_internal_fistula + ','
  324. }
  325. if (this.record.internal_fistula_other == undefined) {
  326. name2 = ''
  327. } else {
  328. name2 = this.record.internal_fistula_other
  329. }
  330. return name1 + name2
  331. }, ductus_arantii_other: function() {
  332. if (this.record == null || this.record.id == '') {
  333. return '-'
  334. }
  335. return this.record.ductus_arantii_other
  336. }, infect_other: function() {
  337. if (this.record == null || this.record.id == '') {
  338. return '-'
  339. }
  340. return this.record.infect_other
  341. }, skin_other: function() {
  342. if (this.record == null || this.record.id == '') {
  343. return '-'
  344. }
  345. return this.record.skin_other
  346. }
  347. },
  348. methods: {
  349. getBloodAccessInternalFistula: function(id) {
  350. var BloodAccessInternalFistulaOptions = this.$store.getters.blood_access_internal_fistula
  351. var BloodAccessInternalFistulaName = ''
  352. for (let i = 0; i < BloodAccessInternalFistulaOptions.length; i++) {
  353. if (BloodAccessInternalFistulaOptions[i].id == id) {
  354. BloodAccessInternalFistulaName = BloodAccessInternalFistulaOptions[i].name
  355. }
  356. }
  357. return BloodAccessInternalFistulaName
  358. },
  359. getBloodAccessNoise: function(id) {
  360. var BloodAccessNoiseOptions = this.$store.getters.blood_access_noise
  361. var BloodAccessNoiseName = ''
  362. for (let i = 0; i < BloodAccessNoiseOptions.length; i++) {
  363. if (BloodAccessNoiseOptions[i].id == id) {
  364. BloodAccessNoiseName = BloodAccessNoiseOptions[i].name
  365. }
  366. }
  367. return BloodAccessNoiseName
  368. }, getVenousCatheterization: function(id) {
  369. var VenousCatheterizationOptions = this.$store.getters.venous_catheterization
  370. var VenousCatheterizationName = ''
  371. for (let i = 0; i < VenousCatheterizationOptions.length; i++) {
  372. if (VenousCatheterizationOptions[i].id == id) {
  373. VenousCatheterizationName = VenousCatheterizationOptions[i].name
  374. }
  375. }
  376. return VenousCatheterizationName
  377. }, getWay: function(id) {
  378. var PunctureWayOptions = this.$store.getters.puncture_way
  379. var PunctureWayOptionsName = ''
  380. for (let i = 0; i < PunctureWayOptions.length; i++) {
  381. if (PunctureWayOptions[i].id == id) {
  382. PunctureWayOptionsName = PunctureWayOptions[i].name
  383. }
  384. }
  385. return PunctureWayOptionsName
  386. }, getVenousCatheterizationPart: function(id) {
  387. var venousCatheterizationPartOptions = this.$store.getters.venous_catheterization_part
  388. var venousCatheterizationPartName = ''
  389. for (let i = 0; i < venousCatheterizationPartOptions.length; i++) {
  390. if (venousCatheterizationPartOptions[i].id == id) {
  391. venousCatheterizationPartName = venousCatheterizationPartOptions[i].name
  392. }
  393. }
  394. return venousCatheterizationPartName
  395. }, getDuctusArantii: function(id) {
  396. var ductusArantiiOptions = this.$store.getters.ductus_arantii
  397. var ductusArantiiOptionsName = ''
  398. for (let i = 0; i < ductusArantiiOptions.length; i++) {
  399. if (ductusArantiiOptions[i].id == id) {
  400. ductusArantiiOptionsName = ductusArantiiOptions[i].name
  401. }
  402. }
  403. return ductusArantiiOptionsName
  404. }, getEmergencyTreatment: function(id) {
  405. var emergencyTreatmentOptions = this.$store.getters.emergency_treatment
  406. var emergencyTreatmentName = ''
  407. for (let i = 0; i < emergencyTreatmentOptions.length; i++) {
  408. if (emergencyTreatmentOptions[i].id == id) {
  409. emergencyTreatmentName = emergencyTreatmentOptions[i].name
  410. }
  411. }
  412. return emergencyTreatmentName
  413. }, isShow(name) {
  414. var filedList = store.getters.xt_user.fileds
  415. for (let i = 0; i < filedList.length; i++) {
  416. if (filedList[i].module == 3 && filedList[i].filed_name_cn == name && filedList[i].is_show == 1) {
  417. return true
  418. }
  419. }
  420. return false
  421. }, getSkin: function(id) {
  422. var skinOptions = this.$store.getters.skin
  423. var skinName = ''
  424. for (let i = 0; i < skinOptions.length; i++) {
  425. if (skinOptions[i].id == id) {
  426. skinName = skinOptions[i].name
  427. }
  428. }
  429. return skinName
  430. }
  431. }
  432. }
  433. </script>
  434. <style rel="stylesheet/scss" lang="scss" scoped>
  435. </style>