血透系统pad前端

dialysisComputer.vue 2.4KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104
  1. <template>
  2. <div class="plate-box">
  3. <h2 class="title">
  4. <span class="line"></span>
  5. <p>{{title}}</p>
  6. <span class="line"></span>
  7. </h2>
  8. <div class="plate">
  9. <ul>
  10. <li>
  11. <label>上机床位 :</label>
  12. <span class="content">{{device_number}}</span>
  13. </li>
  14. <li>
  15. <label>上机护士 :</label>
  16. <span class="content">{{nurse}}</span>
  17. </li>
  18. <li>
  19. <label>穿刺者 :</label>
  20. <span class="content">{{puncture_nurse}}</span>
  21. </li>
  22. <li>
  23. <label>上机时间 :</label>
  24. <span class="content" style="font-size: 0.34rem">{{start_time}}</span>
  25. </li>
  26. <li>
  27. <label>状态 :</label>
  28. <span class="content">{{stage}}</span>
  29. </li>
  30. </ul>
  31. </div>
  32. <!-- <div class="note">处方医生 : {{doctor}}</div> -->
  33. </div>
  34. </template>
  35. <script>
  36. import { parseTime } from "@/utils";
  37. export default {
  38. name: "DialysisComputer",
  39. data() {
  40. return {
  41. title: "透析上机 "
  42. };
  43. },
  44. props: {
  45. record: {
  46. type: Object
  47. },
  48. admin_map: {
  49. type: Object
  50. },
  51. device_number_map: {
  52. type: Object
  53. }
  54. },
  55. computed: {
  56. device_number: function() {
  57. if (this.record == null || this.record.id == "") {
  58. return "-";
  59. }
  60. return this.device_number_map[this.record.bed_id] == null
  61. ? ""
  62. : this.device_number_map[this.record.bed_id].number;
  63. },
  64. nurse: function() {
  65. if (this.record == null || this.record.id == "") {
  66. return "-";
  67. }
  68. return this.admin_map[this.record.start_nurse] == null
  69. ? ""
  70. : this.admin_map[this.record.start_nurse].name;
  71. },
  72. stage: function() {
  73. if (this.record == null || this.record.id == "") {
  74. return "未上机";
  75. }
  76. return this.record.stage == 1 ? "已上机" : "已下机";
  77. },
  78. start_time: function() {
  79. if (this.record == null || this.record.id == "") {
  80. return "-";
  81. }
  82. return parseTime(this.record.start_time, "{y}年{m}月{d}日 {h}时{i}分");
  83. },
  84. puncture_nurse: function() {
  85. if (this.record == null || this.record.id == "") {
  86. return "-";
  87. }
  88. return this.admin_map[this.record.puncture_nurse] == null
  89. ? ""
  90. : this.admin_map[this.record.puncture_nurse].name;
  91. }
  92. },
  93. methods: {}
  94. };
  95. </script>
  96. <style rel="stylesheet/scss" lang="scss" scoped>
  97. </style>