dydjbInfo.vue 2.94 KB
<template>
  <div class="jtfccx-edit">
      <div class="jtfccx-edit-con">
        <b class="title"></b>
        <b class="title">房屋状况</b>
        <lb-table :column="fwColumns" key="fwzk" :data="resultData.hdetailList" :maxHeight="200" heightNumSetting
          :pagination="false">
        </lb-table>
        <b class="title">土地状况</b>
        <lb-table :column="tdColumns" key="tdzk" :data="resultData.zdjbxxDetail" :maxHeight="200" heightNumSetting
          :pagination="false">
        </lb-table>
        <b class="title">权属状况</b>
        <lb-table :column="qszkColumns" key="qszk" :data="resultData.qsxxDetail" :maxHeight="200" heightNumSetting
          :pagination="false">
        </lb-table>
        <b class="title">抵押登记</b>
        <lb-table :column="diyaColumns" key="dydj" :data="resultData.dyaqDetail" :maxHeight="200" heightNumSetting
          :pagination="false">
        </lb-table>
        <b class="title">预告登记</b>
        <lb-table :column="ygdjColumns" key="ygdj" :data="resultData.ygdjDetail" :maxHeight="200" heightNumSetting
          :pagination="false">
        </lb-table>
        <b class="title">查封状况</b>
        <lb-table :column="cfdjColumns" key="cfdj" :data="resultData.cfdjDetail" :maxHeight="200" heightNumSetting
          :pagination="false">
        </lb-table>
        <b class="title">异议登记</b>
        <lb-table :column="yydjColumns" key="yydj" :data="resultData.yydjDetail" :maxHeight="200" heightNumSetting
          :pagination="false">
        </lb-table>
      </div>
    </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: {
    setResult(data){
      this.resultData = data
    },
    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>