<!--
 * @Description: 
 * @Autor: renchao
 * @LastEditTime: 2024-03-29 16:09:28
-->
<template>
  <div class="jtfccx-edit-con dydjbInfo">
    <h3>不动产档案明细</h3>
    <div class="dydjbInfo-item">
      <b class="title">土地信息</b>
      <lb-table :column="tdColumns" key="tdzk" :data="resultData.zdjbxxDetail"
        :heightNumSetting="true" :minHeight="115" :rowStyleHeight='25' :maxHeight="115"
        :pagination="false">
      </lb-table>
    </div>
    <div class="dydjbInfo-item">
      <b class="title">房屋信息</b>
      <lb-table :column="fwColumns" key="fwzk" :data="resultData.hdetailList"
        :heightNumSetting="true" :minHeight="115" :rowStyleHeight='25' :maxHeight="115"
        :pagination="false">
      </lb-table>
    </div>
    <div class="dydjbInfo-item">
      <b class="title">权属状况</b>
      <lb-table :column="qszkColumns" key="qszk" :data="resultData.qsxxDetail"
        :heightNumSetting="true" :minHeight="115" :rowStyleHeight='25' :maxHeight="115"
        :pagination="false">
      </lb-table>
    </div>
    <div class="dydjbInfo-item">
      <b class="title">抵押登记</b>
      <lb-table :column="diyaColumns" key="dydj" :data="resultData.dyaqDetail"
        :heightNumSetting="true" :minHeight="115" :rowStyleHeight='25' :maxHeight="115"
        :pagination="false">
      </lb-table>
    </div>
    <div class="dydjbInfo-item">
      <b class="title">预告登记</b>
      <lb-table :column="ygdjColumns" key="ygdj" :data="resultData.ygdjDetail"
        :heightNumSetting="true" :minHeight="115" :rowStyleHeight='25' :maxHeight="115"
        :pagination="false">
      </lb-table>
    </div>
    <div class="dydjbInfo-item">
      <b class="title">查封状况</b>
      <lb-table :column="cfdjColumns" key="cfdj" :data="resultData.cfdjDetail"
        :heightNumSetting="true" :minHeight="115" :rowStyleHeight='25' :maxHeight="115"
        :pagination="false">
      </lb-table>
    </div>
    <div class="dydjbInfo-item">
      <b class="title" style="border-bottom: 1px solid #dfe6ec;">异议登记</b>
      <lb-table :column="yydjColumns" key="yydj" :data="resultData.yydjDetail"
        :heightNumSetting="true" :minHeight="115" :rowStyleHeight='25' :maxHeight="115"
        :pagination="false">
      </lb-table>
    </div>
  </div>
</template>

<script>
  import { datas, sendThis } from "./infodata";
  export default {
    props: {
      resultData: {
        type: Object,
        default: () => { },
      },
    },
    data () {
      return {
        //房屋列表字段
        fwColumns: datas.fwCol(),
        //土地列表字段
        tdColumns: datas.tdCol(),
        //权属状况列表字段
        qszkColumns: datas.columns(),
        //抵押登记列表字段
        diyaColumns: datas.diyaCol(),
        //预告登记列表字段
        ygdjColumns: datas.ygdjCol(),
        //查封登记列表字段
        cfdjColumns: datas.cfdjCol(),
        //异议登记列表字段
        yydjColumns: datas.yydjCol(),
      };
    },
    methods: {
    }
  };
</script>
<style scoped lang="scss">
  @import "~@/styles/mixin.scss";
  .table1 {
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
  }

  .table1 td {
    border: 1px solid #acbed1;
    height: 30px;
  }
  /deep/.lb-table {
    height: 0;
  }
  /deep/.lb-table .el-table {
    border-radius: 0;
  }
  .dydjbInfo {
    overflow-x: hidden;
    h3 {
      text-align: center;
    }
    &-item {
      display: flex;
    }
    .title {
      writing-mode: vertical-rl; /* 从右向左垂直排列 */
      text-orientation: upright; /* 文字直立 */
      white-space: nowrap;
      border: 1px solid #dfe6ec;
      color: #4a4a4a;
      width: 80px;
      display: inline-block;
      height: 115px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-right: none;
      border-bottom: none;
    }
    /deep/.lb-table {
      width: 100%;
    }
  }
</style>