style:房屋明细详情修改

 <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>
+  <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>
 </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: "",
+  import { datas, sendThis } from "./infodata";
+  import { getFwmxInfo } from "@/api/jtfc.js";
+  export default {
+    props: {
+      formData: {
+        type: Object,
+        default: () => { },
       },
-      //房屋列表字段
-      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) {
+    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%;
-}
+  @import "~@/styles/mixin.scss";
+  .jtfccx-edit-con {
+    max-height: 85vh;
+    overflow-y: scroll;
+  }
+  .table1 {
+    border-spacing: 0;
+    border-collapse: collapse;
+    width: 100%;
+  }
 
-.table1 td {
-  border: 1px solid #acbed1;
-  height: 30px;
-}
+  .table1 td {
+    border: 1px solid #acbed1;
+    height: 30px;
+  }
 </style>