血透系统pad前端

dialysisOff.vue 1.7KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. <template>
  2. <div class="plate-box">
  3. <h2 class="title"><span class="line"></span><p>{{title}}</p><span class="line"></span> </h2>
  4. <div class="plate">
  5. <ul>
  6. <li>
  7. <label>下机护士 : </label>
  8. <span class="content">{{nurse}}</span>
  9. </li>
  10. <li>
  11. <label>状态 : </label>
  12. <span class="content">{{stage}}</span>
  13. </li>
  14. <li>
  15. <label>下机时间 : </label>
  16. <span class="content" style="font-size: 15px">{{end_time}}</span>
  17. </li>
  18. </ul>
  19. </div>
  20. </div>
  21. </template>
  22. <script>
  23. import { parseTime } from '@/utils';
  24. export default {
  25. name: 'DialysisComputer',
  26. data () {
  27. return {
  28. title: '透析下机 '
  29. }
  30. },
  31. props: {
  32. record: {
  33. type: Object
  34. },
  35. admin_map: {
  36. type: Object
  37. }
  38. },
  39. computed: {
  40. stage: function () {
  41. if (this.record == null || this.record.id == '') {
  42. return '未上机'
  43. }
  44. return this.record.stage == 1 ? '未下机' : '已下机'
  45. },
  46. nurse: function () {
  47. if (this.record == null || this.record.id == '') {
  48. return '-'
  49. } else if (this.record.stage == 1) {
  50. return '-'
  51. } else {
  52. return this.admin_map[this.record.finish_nurse] == null ? '' : this.admin_map[this.record.finish_nurse].name
  53. }
  54. },
  55. end_time: function () {
  56. if (this.record == null || this.record.id == '') {
  57. return '-'
  58. } else if (this.record.stage == 1) {
  59. return '-'
  60. } else {
  61. return parseTime(this.record.end_time, '{y}年{m}月{d}日 {h}时{i}分')
  62. }
  63. }
  64. },
  65. methods: {
  66. }
  67. }
  68. </script>
  69. <style rel="stylesheet/scss" lang="scss" scoped>
  70. </style>