recordDialog.vue 4.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116
  1. <template>
  2. <!-- 记录事项 -->
  3. <div class='detail-dialog'>
  4. <el-dialog :title='`${major}${tabName}记录事项`' :visible.sync='visible' style='height:900px;overflow-y:scroll;'>
  5. <div class='bottom-table' style='height:520px'>
  6. <el-table :data='tableData' height='500' :border='true' style='width: 100%;margin-bottom:12px;' :span-method='objectSpanMethod'>
  7. <el-table-column label='位置' prop width='140' show-overflow-tooltip resizable>
  8. <template slot-scope='{row}'>{{row.smswz || '--'}}</template>
  9. </el-table-column>
  10. <el-table-column prop='system' label='设备' width='200' show-overflow-tooltip resizable>
  11. <template slot-scope='{row}'>{{row.smsasset || '--'}}</template>
  12. </el-table-column>
  13. <el-table-column prop='matter' label='记录事项' show-overflow-tooltip resizable>
  14. <template slot-scope='{row}'>
  15. <p class='p-style' v-for='(item,index) in row.children' :key='item.sn'>{{index+1}}) {{item.matter}}</p>
  16. </template>
  17. </el-table-column>
  18. </el-table>
  19. </div>
  20. </el-dialog>
  21. </div>
  22. </template>
  23. <script>
  24. import { queryRecord } from '@/api/equipmentList.js'
  25. export default {
  26. data() {
  27. return {
  28. visible: false,
  29. major: '',
  30. tabName: '',
  31. tableData: []
  32. }
  33. },
  34. methods: {
  35. open(major) {
  36. if (major.slice(2, 4) == 'WX') {
  37. this.tabName = '维修'
  38. } else if (major.slice(2, 4) == 'WB') {
  39. this.tabName = '维保'
  40. } else if (major.slice(2, 4) == 'ZW') {
  41. this.tabName = '专维'
  42. } else if (major.slice(2, 4) == 'QT') {
  43. this.tabName = '其他'
  44. }
  45. if (major.slice(0, 2) == 'GD') {
  46. this.major = '供电系统'
  47. } else if (major.slice(0, 2) == 'XF') {
  48. this.major = '消防系统'
  49. } else if (major.slice(0, 2) == 'GPS') {
  50. this.major = '给排水系统'
  51. } else if (major.slice(0, 2) == 'DT') {
  52. this.major = '电梯系统'
  53. } else if (major.slice(0, 2) == 'RQ') {
  54. this.major = '燃气系统'
  55. } else if (major.slice(0, 2) == 'RD') {
  56. this.major = '弱电系统'
  57. } else if (major.slice(0, 2) == 'NT') {
  58. this.major = '暖通系统'
  59. } else if (major.slice(0, 2) == 'TJ') {
  60. this.major = '土建系统'
  61. }
  62. this.visible = true
  63. this.getRecordList(this.major)
  64. },
  65. objectSpanMethod({ row, column, rowIndex, columnIndex }) {
  66. if (columnIndex === 0) {
  67. if (row.col0Count > 0) {
  68. return {
  69. rowspan: row.col0Count,
  70. colspan: 1
  71. }
  72. }
  73. return {
  74. rowspan: 0,
  75. colspan: 0
  76. }
  77. }
  78. },
  79. getRecordList(major) {
  80. let getParams = {
  81. system: major,
  82. plazaId: this.$store.state.plazaId
  83. }
  84. queryRecord({ getParams }).then(res => {
  85. res.data.forEach(i => {
  86. i.children.forEach((j, index) => {
  87. this.tableData.push({
  88. smswz: i.smswz,
  89. smsasset: j.smsasset,
  90. col0Count: index === 0 ? i.children.length : 0,
  91. children: j.children
  92. })
  93. })
  94. })
  95. })
  96. console.log(this.tabName)
  97. }
  98. },
  99. mounted() {}
  100. }
  101. </script>
  102. <style lang="less" scoped>
  103. .detail-dialog {
  104. }
  105. </style>
  106. <style lang="less" scoped>
  107. .detail-dialog {
  108. .el-dialog__wrapper {
  109. overflow: hidden !important;
  110. }
  111. .el-dialog {
  112. overflow-y: scroll !important;
  113. }
  114. }
  115. </style>