qjhTable.vue 1.79 KB
<!--
 * @Description:
 * @Autor: renchao
 * @LastEditTime: 2023-07-17 13:50:53
-->
<template>
  <lb-table :column="column" :maxHeight="200" :heightNumSetting="true" :pagination="false" :key="key" :data="tableData">
  </lb-table>
</template>
<script>
  import { mapGetters } from 'vuex'
  export default {
    computed: {
      ...mapGetters(["dictData"]),
    },
    props: {
      tableData: {
        type: Array,
        default: function () {
          return []
        }
      }
    },
    data () {
      return {
        key: 0,
        column: [
          {
            label: '序号',
            type: 'index',
            width: '60',
            render: (h, scope) => {
              return (
                <div>
                  {scope.$index + 1}
                </div>
              )
            }
          },
          //  {
          //   prop: "bdcdyh",
          //   label: "不动产单元号"
          // },
          {
            prop: "zl",
            label: "坐落"
          },
          {
            prop: "shbw",
            label: "室号部位"
          },
          {
            prop: "fwxzmc",
            label: "房屋性质"
          },
           {
            prop: "sjc",
            label: "层号"
          },
          {
            prop: "jzmj",
            label: "建筑面积"
          },
          {
            prop: "fwlxmc",
            label: "房屋类型"
          },
          {
            prop: "showfwyt",
            label: "房屋用途"
          },
          {
            prop: "showfwjg",
            label: "房屋结构"
          },
        ]
      }
    },   
    methods: {
    }
  }
</script>
<style scoped lang="scss">
  /deep/.el-table th {
    height: 30px !important;
  }
  /deep/.el-table--small .el-table__cell {
    padding: 5px;
  }
</style>