<template>
  <div>
    <lb-table :column="column" :maxHeight="300" heightNumSetting :pagination="false" :key="key" :data="tableData">
    </lb-table>
  </div>
</template>
<script>
import addQlr from './addQlr.vue'
import { mapGetters } from 'vuex'
export default {
  components: {
    addQlr
  },
  computed: {
    ...mapGetters(["dictData"]),
  },
  props: {
    tableData: {
      type: Array,
      default: function () {
        return []
      }
    },
    gyfs: {
      type: String,
      default: '1'
    }
  },
  data () {
    return {
      key: 0,
      dataIndex: 0,
      dialog: false,
      details: {},
      tableDataList: [],
      InformationTable: [
        {
        label: '序号',
        type: 'index',
        width: '50',
        render: (h, scope) => {
          return (
            <div>
              {scope.$index + 1}
            </div>
          )
        }
      },
        {
          prop: "qllxmc",
          label: "权利类型"
        },
        {
          prop: "bdcqzh",
          label: "不动产权证号"
        },
        {
          prop: "qlrmc",
          label: "权利人"
        },
        {
          prop: "ywrmc",
          label: "义务人"
        },
        {
          prop: "qlxz",
          label: "权利性质"
        },
        {
          prop: "ytmc",
          label: "用途"
        },
        {
          prop: "mj",
          label: "面积"
        },
        {
          prop: "zl",
          label: "坐落"
        },
      ],
      column: this.InformationTable
    }
  },
  watch: {
    tableData: {
      handler: function (val, oldVal) {
        let that = this
        if (val.length == 0 || !val) {
          that.tableDataList = _.cloneDeep([{
            sqrmc: '',
            dlrzjlx: '',
            dlrzjh: '',
            fr: ''
          }])
        } else {
          that.tableDataList = _.cloneDeep(val)
        }
      },
      immediate: true,
      deep: true
    },
    gyfs: {
      handler (newVal, oldValue) {
        let dataList = _.cloneDeep(this.InformationTable)
        if (newVal == '1') {
          this.column = _.cloneDeep(dataList).slice(1, dataList.length)
        } else if ((newVal == '2')) {
          this.column = dataList
        } else {
          this.column = _.cloneDeep(dataList)
          this.column.splice(
            2, 0, {
            prop: "fs",
            label: "份数"
          })
        }
      },
      immediate: true
    }
  },
  methods: {
  }
}
</script>
<style scoped lang='scss'>

</style>