<template>
  <div class="jtfccx-edit-con">
    <b class="title"></b>
    <b class="title">房屋状况</b>
    <lb-table :column="fwColumns" key="fwzk" :data="resultData.hdetailList"
      :heightNumSetting="true" :minHeight="150" :rowStyleHeight='25'
      :pagination="false">
    </lb-table>
    <b class="title">土地状况</b>
    <lb-table :column="tdColumns" key="tdzk" :data="resultData.zdjbxxDetail"
      :heightNumSetting="true" :minHeight="150" :rowStyleHeight='25'
      :pagination="false">
    </lb-table>
    <b class="title">权属状况</b>
    <lb-table :column="qszkColumns" key="qszk" :data="resultData.qsxxDetail"
      :heightNumSetting="true" :minHeight="150" :rowStyleHeight='25'
      :pagination="false">
    </lb-table>
    <b class="title">抵押登记</b>
    <lb-table :column="diyaColumns" key="dydj" :data="resultData.dyaqDetail"
      :heightNumSetting="true" :minHeight="150" :rowStyleHeight='25'
      :pagination="false">
    </lb-table>
    <b class="title">预告登记</b>
    <lb-table :column="ygdjColumns" key="ygdj" :data="resultData.ygdjDetail"
      :heightNumSetting="true" :minHeight="150" :rowStyleHeight='25'
      :pagination="false">
    </lb-table>
    <b class="title">查封状况</b>
    <lb-table :column="cfdjColumns" key="cfdj" :data="resultData.cfdjDetail"
      :heightNumSetting="true" :minHeight="150" :rowStyleHeight='25'
      :pagination="false">
    </lb-table>
    <b class="title">异议登记</b>
    <lb-table :column="yydjColumns" key="yydj" :data="resultData.yydjDetail"
      :heightNumSetting="true" :minHeight="150" :rowStyleHeight='25'
      :pagination="false">
    </lb-table>
  </div>
</template>

<script>
  import { datas, sendThis } from "./infodata";
  import { getFwmxInfo } from "@/api/jtfc.js";
  export default {
    props: {
      formData: {
        type: Object,
        default: () => { },
      },
    },
    data () {
      return {
        ruleForm: {
          cxsj: "",
          bdcdyh: "",
        },
        //房屋列表字段
        fwColumns: datas.fwCol(),
        //土地列表字段
        tdColumns: datas.tdCol(),
        //权属状况列表字段
        qszkColumns: datas.columns(),
        //抵押登记列表字段
        diyaColumns: datas.diyaCol(),
        //预告登记列表字段
        ygdjColumns: datas.ygdjCol(),
        //查封登记列表字段
        cfdjColumns: datas.cfdjCol(),
        //异议登记列表字段
        yydjColumns: datas.yydjCol(),
        form: {},
        resultData: {},
      };
    },
    mounted () {
      if (this.formData) {
        this.getDetailInfo()
      }
    },
    methods: {
      /**
       * @description: setResult
       * @param {*} data
       * @author: renchao
       */
      setResult (data) {
        this.resultData = data
      },
      /**
       * @description: getDetailInfo
       * @author: renchao
       */
      getDetailInfo () {
        this.$startLoading();
        getFwmxInfo({ sqcxBsm: this.formData.bsmSqcx }).then((res) => {
          this.$endLoading();
          if (res.code == 200) {
            this.resultData = res.result
          }
        })
      }
    }
  };
</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;
  }
</style>