room4.vue 5.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125
  1. <template>
  2. <div class='compute-item'>
  3. <div class='compute-table'>
  4. <el-table
  5. :border='true'
  6. v-loading='loading'
  7. :data='table4'
  8. style='width: 100%'
  9. :header-cell-style='{background:"rgba(245,246,247,1)",fontFamily:"MicrosoftYaHei",color:"rgba(100,108,115,1)",lineHeight:"16px",fontSize:"12px"}'
  10. >
  11. <el-table-column type='index' label='序号' width='60' :index='indexMethod'></el-table-column>
  12. <el-table-column prop label='设备名称' show-overflow-tooltip resizable min-width='360'>
  13. <template slot-scope='{row}'>{{row.sbmc||'--'}}</template>
  14. </el-table-column>
  15. <el-table-column prop label='设备编号' show-overflow-tooltip resizable width='80'>
  16. <template slot-scope='{row}'>{{row.location||'--'}}</template>
  17. </el-table-column>
  18. <el-table-column prop label='重要事项记录' show-overflow-tooltip resizable min-width='120'>
  19. <template slot-scope='{row}'>{{row.matters||'--'}}</template>
  20. </el-table-column>
  21. <el-table-column prop label='描述' show-overflow-tooltip resizable min-width='310'>
  22. <template slot-scope='{row}'>{{row.description||'--'}}</template>
  23. </el-table-column>
  24. <el-table-column prop label='更换配件信息' align='center' show-overflow-tooltip resizable>
  25. <el-table-column prop label='是/否更换' show-overflow-tooltip resizable width='80'>
  26. <template slot-scope='{row}'>
  27. <div v-if='row.ismodel==0'>否</div>
  28. <div v-else-if='row.ismodel==1'>是</div>
  29. <div v-else>'--'</div>
  30. </template>
  31. </el-table-column>
  32. <el-table-column prop label='配件名称型号' min-width='100' show-overflow-tooltip resizable>
  33. <template slot-scope='{row}'>{{row.model||'--'}}</template>
  34. </el-table-column>
  35. <el-table-column prop label='数量' show-overflow-tooltip resizable width='80'>
  36. <template slot-scope='{row}'>{{row.sl>=0?row.sl:'--'}}</template>
  37. </el-table-column>
  38. <el-table-column prop label='费用(万元)' min-width='110' show-overflow-tooltip resizable>
  39. <template slot-scope='{row}'>{{row.cost?number_format(row.cost):'--'}}</template>
  40. </el-table-column>
  41. <el-table-column prop label='费用出处' show-overflow-tooltip resizable width='80'>
  42. <template slot-scope='{row}'>{{row.source||'--'}}</template>
  43. </el-table-column>
  44. </el-table-column>
  45. <el-table-column prop label='现场照片' show-overflow-tooltip resizable width='80'>
  46. <template slot-scope='{row}'>
  47. <div v-if="row.glsmsImage"
  48. style='cursor:pointer;color: #0091ff;'
  49. @click='clickPic(row.glsmsImage)'
  50. >{{row.glsmsImage.length+'张'}}</div>
  51. <div v-else>{{'--'}}</div>
  52. </template>
  53. </el-table-column>
  54. <el-table-column prop label='填报时间' show-overflow-tooltip resizable width='130'>
  55. <template slot-scope='{row}'>{{row.reportdate?formatter(row.reportdate):'--'}}</template>
  56. </el-table-column>
  57. <el-table-column prop label='验收时间' show-overflow-tooltip width='130' resizable>
  58. <template slot-scope='{row}'>{{row.sjjssj?formatter(row.sjjssj):'--'}}</template>
  59. </el-table-column>
  60. <el-table-column prop label='工单编号' show-overflow-tooltip resizable width='80'>
  61. <template slot-scope='{row}'>{{row.wonum||'--'}}</template>
  62. </el-table-column>
  63. </el-table>
  64. </div>
  65. <div class='foot'>
  66. <el-pagination
  67. background
  68. layout='prev, pager, next'
  69. :total='total'
  70. :page-size='size'
  71. @prev-click='pageChanged'
  72. @next-click='pageChanged'
  73. @current-change='pageChanged'
  74. ></el-pagination>
  75. </div>
  76. </div>
  77. </template>
  78. <script>
  79. // import Select from '@/components/Select/Select.vue'
  80. import { Select } from 'meri-design'
  81. import moment from 'moment'
  82. import { number_format } from '@/utils/format.js'
  83. export default {
  84. props: ['table4', 'total', 'page', 'size', 'loading'],
  85. data() {
  86. return {
  87. dateVal: '',
  88. value1: '',
  89. searVal: '',
  90. number_format
  91. }
  92. },
  93. components: { Select },
  94. methods: {
  95. indexMethod(index) {
  96. return (this.page - 1) * this.size + index + 1
  97. },
  98. formatter(date) {
  99. return moment.unix(date / 1000).format('YYYY.MM.DD HH:mm')
  100. },
  101. pageChanged(page) {
  102. this.page = page
  103. this.$emit('Index3Emit', page)
  104. }
  105. }
  106. }
  107. </script>
  108. <style lang="less" scoped>
  109. </style>
  110. <style lang="less">
  111. .compute-item {
  112. .compute-center {
  113. display: flex;
  114. align-items: center;
  115. margin-bottom: 12px;
  116. }
  117. .foot {
  118. height: 32px;
  119. display: flex;
  120. justify-content: flex-end;
  121. margin-top: 28px;
  122. }
  123. }
  124. </style>