不动产档案明细

 <!--
  * @Description: 
  * @Autor: renchao
- * @LastEditTime: 2024-03-29 13:26:04
+ * @LastEditTime: 2024-03-29 15:40:58
 -->
 <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'
+  <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>
-    <b class="title">土地状况</b>
-    <lb-table :column="tdColumns" key="tdzk" :data="resultData.zdjbxxDetail"
-      :heightNumSetting="true" :minHeight="150" :rowStyleHeight='25'
+    </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="150" :rowStyleHeight='25'
+        :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="150" :rowStyleHeight='25'
+        :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="150" :rowStyleHeight='25'
+        :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="150" :rowStyleHeight='25'
+        :heightNumSetting="true" :minHeight="115" :rowStyleHeight='25' :maxHeight="115"
         :pagination="false">
       </lb-table>
+    </div>
+    <div class="dydjbInfo-item">
       <b class="title">异议登记</b>
       <lb-table :column="yydjColumns" key="yydj" :data="resultData.yydjDetail"
-      :heightNumSetting="true" :minHeight="150" :rowStyleHeight='25'
+        :heightNumSetting="true" :minHeight="115" :rowStyleHeight='25' :maxHeight="115"
         :pagination="false">
       </lb-table>
     </div>
+  </div>
 </template>
 
 <script>
@@ -87,4 +101,29 @@
     border: 1px solid #acbed1;
     height: 30px;
   }
+  .dydjbInfo {
+    overflow-x: hidden;
+    h3 {
+      text-align: center;
+    }
+    &-item {
+      display: flex;
+    }
+    .title {
+      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;
+      margin-top: 1px;
+    }
+    /deep/.lb-table {
+      width: 100%;
+    }
+  }
 </style>

@@ -115,7 +115,7 @@
       dydjbClick (scope) {
         this.$popupDialog("明细详情", "sqcx/dydjb/components/addDydjb", {
           sqcxBsm: scope.row.bsmSqcx,
-        })
+        }, "80%")
       },
       /**
        * @description: handleSort
@@ -134,7 +134,7 @@
         this.$popupDialog("房屋明细查询", "sqcx/dydjb/components/addDydjb", {
           sqcxBsm: '',
           isAdd: true
-        })
+        }, "80%")
       }
     },
   };