tjBuildTable.vue 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. <!-- 建筑立面图 -->
  2. <template>
  3. <div class='build-list'>
  4. <el-table :data='tableData' style='width: 100%' @row-click='innerVisible = true'>
  5. <el-table-column prop='floor' label='楼层' width='120'></el-table-column>
  6. <el-table-column prop='welldes' label='电井间' width='160'></el-table-column>
  7. <el-table-column prop='meterbox' label='商铺电表数'></el-table-column>
  8. <el-table-column prop='shopsnum' label='商铺编号'></el-table-column>
  9. </el-table>
  10. <div>
  11. <img src alt />
  12. </div>
  13. </div>
  14. </template>
  15. <script>
  16. import { queryEquipmentList } from '@/api/equipmentList.js'
  17. import { mapGetters } from 'vuex'
  18. export default {
  19. components: { Select, EqDetail },
  20. data() {
  21. return {
  22. tableData: []
  23. }
  24. },
  25. computed: {
  26. ...mapGetters(['floorsArr'])
  27. },
  28. methods: {
  29. getList() {
  30. let postParams = {
  31. tab_code: this.param
  32. }
  33. let data = {
  34. plazaId: this.$store.state.plazaId,
  35. major: this.major
  36. }
  37. queryEquipmentList({ data, postParams }).then(res => {
  38. console.log(res)
  39. this.tableData = res.data.data
  40. this.total = res.data.count
  41. })
  42. }
  43. },
  44. mounted() {}
  45. }
  46. </script>
  47. <style lang="less" scoped>
  48. .build-list {
  49. .eq-list-top {
  50. display: flex;
  51. }
  52. .foot {
  53. position: absolute;
  54. height: 32px;
  55. right: 26px;
  56. bottom: 20px;
  57. }
  58. td {
  59. overflow: hidden;
  60. text-overflow: ellipsis;
  61. white-space: nowrap;
  62. }
  63. }
  64. </style>