tjBuildTable.vue 1.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. <!-- 建筑立面图 -->
  2. <template>
  3. <div class='build-list'>
  4. <el-table :data='tableData' style='width: 100%' @row-click='innerVisible = true'>
  5. <el-table-column type='index' label='序号' width='80'></el-table-column>
  6. <el-table-column prop='xm' label='项目' width='160'>
  7. <template slot-scope='{row}'>{{row.xm || '--'}}</template>
  8. </el-table-column>
  9. <el-table-column prop='unit' label='单位'>
  10. <template slot-scope='{row}'>{{row.unit || '--'}}</template>
  11. </el-table-column>
  12. <el-table-column prop='shopsnum' label='图例'>
  13. <template slot-scope='{row}'>{{row.shopsnum || '--'}}</template>
  14. </el-table-column>
  15. </el-table>
  16. <div>
  17. <img src alt />
  18. </div>
  19. </div>
  20. </template>
  21. <script>
  22. import { queryEquipmentList } from '@/api/equipmentList.js'
  23. import { mapGetters } from 'vuex'
  24. export default {
  25. components: { Select, EqDetail },
  26. data() {
  27. return {
  28. tableData: []
  29. }
  30. },
  31. computed: {
  32. ...mapGetters(['floorSelect'])
  33. },
  34. methods: {
  35. getList() {
  36. let postParams = {
  37. tab_code: this.param
  38. }
  39. let data = {
  40. plazaId: this.$store.state.plazaId,
  41. major: this.major
  42. }
  43. queryEquipmentList({ data, postParams }).then(res => {
  44. console.log(res)
  45. this.tableData = res.data.data
  46. this.total = res.data.count
  47. })
  48. }
  49. },
  50. mounted() {}
  51. }
  52. </script>
  53. <style lang="less" scoped>
  54. .build-list {
  55. .eq-list-top {
  56. display: flex;
  57. margin-bottom: 12px;
  58. }
  59. td {
  60. overflow: hidden;
  61. text-overflow: ellipsis;
  62. white-space: nowrap;
  63. }
  64. .foot {
  65. height: 32px;
  66. display: flex;
  67. justify-content: flex-end;
  68. margin-top: 28px;
  69. }
  70. }
  71. </style>