血透系统PC前端

assessmentBefore.vue 18KB

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