<!--
 * @Description:
 * @Autor: renchao
 * @LastEditTime: 2023-07-17 13:51:29
-->
<template>
  <lb-table :column="column" :maxHeight="200" :heightNumSetting="true" :pagination="false" :key="key" :data="tableData">
  </lb-table>
</template>
<script>
  import addQlr from '../../../components/dialog/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: [],
        qlrCommonTable: [
          {
            label: '序号',
            type: 'index',
            width: '50',
            render: (h, scope) => {
              return (
                <div>
                  {scope.$index + 1}
                </div>
              )
            }
          },
           {
            prop: "qlrmc",
            label: "抵押权人"
          },
          {
            prop: "ywrmc",
            label: "抵押人"
          },
          {
            prop: "bdcqzh",
            label: "不动产登记证明号"
          },
           {
            prop: "dyjelx",
            label: "抵押金额类型"
          },
           {
            prop: "dyfsmc",
            label: "抵押方式"
          },          
           {
            prop: "qdjgmc",
            label: "抵押金额"
          }, 
           {
            prop: "qlmjmc",
            label: "抵押面积"
          },       
          {
            prop: "zwlxqssj",
            label: "债务履行开始时间"
          },
          {
            prop: "zwlxjssj",
            label: "债务履行结束时间"
          }, 
          {
            prop: "bdcdyh",
            label: "不动产单元号"
          },
          {
            prop: "zl",
            label: "坐落"
          },
          
          
        ],
        column: this.qlrCommonTable
      }
    },
    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.qlrCommonTable)
          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: "qlbl",
              label: "份数"
            })
          }
        },
        immediate: true
      }
    },
    methods: {
    }
  }
</script>
<style scoped lang='scss'>
  /deep/.el-table th {
    height: 30px !important;
  }
  /deep/.el-table--small .el-table__cell {
    padding: 5px;
  }
</style>