宗地面积

@@ -9,7 +9,7 @@
         <col width="150" />
         <tr>
           <td colspan="6" class="title">宗地基本信息</td>
-        </tr>       
+        </tr>
         <tr>
           <td colspan="2">不动产类型：</td>
           <td colspan="2">{{ bdclxList[zdjbxx.bdclx] }}</td>
@@ -116,138 +116,138 @@
 </template>
 
 <script>
-import { getZdjjxxBybdcdyid } from "@/api/registerBook.js";
+  import { getZdjjxxBybdcdyid } from "@/api/registerBook.js";
 
-export default {
-  data() {
-    return {
-      bhqkColumns: [
-        {
-          prop: "ssywh",
-          label: "上手业务号",
-        },
-        {
-          prop: "zddm",
-          label: "宗地代码",
-        },
-        {
-          prop: "bhqzddm",
-          label: "变化前宗地代码",
-        },
-        {
-          prop: "bhnr",
-          label: "变化内容",
-        },
-        {
-          prop: "bhyy",
-          label: "变化原因",
-        },
-        {
-          prop: "djsj",
-          label: "登记时间",
-        },
-        {
-          prop: "dbr",
-          label: "登簿人",
-        },
-        {
-          prop: "fj",
-          label: "附记",
-        },
-      ],
-      bhqkTableWidth: 745,
-      zdjbxx: {},
-      zdbhqks: [],
-      propsParam: this.$attrs,
-      showGroup: false,
-      bdclxList: ['','宗地','宗海','自然幢','多幢','构筑物','林权','户']
-    };
-  },
-  created() {
-    this.loadData();
-  },
-  methods: {
-    loadData() {
-      getZdjjxxBybdcdyid({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
-        if (res.code === 200) {
-          this.zdjbxx = res.result.zdjbxx;
-          this.zdbhqks = res.result.zdbhqkList;
-          if (this.zdbhqks != null && this.zdbhqks.length > 0) {
-            this.showGroup = true;
+  export default {
+    data () {
+      return {
+        bhqkColumns: [
+          {
+            prop: "ssywh",
+            label: "上手业务号",
+          },
+          {
+            prop: "zddm",
+            label: "宗地代码",
+          },
+          {
+            prop: "bhqzddm",
+            label: "变化前宗地代码",
+          },
+          {
+            prop: "bhnr",
+            label: "变化内容",
+          },
+          {
+            prop: "bhyy",
+            label: "变化原因",
+          },
+          {
+            prop: "djsj",
+            label: "登记时间",
+          },
+          {
+            prop: "dbr",
+            label: "登簿人",
+          },
+          {
+            prop: "fj",
+            label: "附记",
+          },
+        ],
+        bhqkTableWidth: 745,
+        zdjbxx: {},
+        zdbhqks: [],
+        propsParam: this.$attrs,
+        showGroup: false,
+        bdclxList: ['', '宗地', '宗海', '自然幢', '多幢', '构筑物', '林权', '户']
+      };
+    },
+    created () {
+      this.loadData();
+    },
+    methods: {
+      loadData () {
+        getZdjjxxBybdcdyid({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
+          if (res.code === 200) {
+            this.zdjbxx = res.result.zdjbxx;
+            this.zdbhqks = res.result.zdbhqkList;
+            if (this.zdbhqks != null && this.zdbhqks.length > 0) {
+              this.showGroup = true;
+            }
           }
-        }
-      });
+        });
+      },
     },
-  },
-};
+  };
 </script>
 
 <style lang="scss" scoped>
-.zdxx {
-  width: 100%;
-  height: 100%;
-  background-color: #f5f5f5;
-  padding: 5px;
-}
-.tablebox {
-  overflow-x: auto;
-  width: 100%;
-  height: 100%;
-  background: #fff;
-  border: 1px solid rgb(228, 228, 228);
-  text-align: center;
-  padding: 4px;
-  overflow-y: scroll;
-
-  .zdxxTable {
+  .zdxx {
     width: 100%;
-    color: #333;
-
-    td {
-      border: 1px solid rgb(228, 228, 228);
-      line-height: 30px;
-      padding: 0 4px;
-    }
+    height: 100%;
+    background-color: #f5f5f5;
+    padding: 5px;
+  }
+  .tablebox {
+    overflow-x: auto;
+    width: 100%;
+    height: 100%;
+    background: #fff;
+    border: 1px solid rgb(228, 228, 228);
+    text-align: center;
+    padding: 4px;
+    overflow-y: scroll;
 
-    .title {
-      line-height: 68px;
-      font-size: 20px;
-    }
+    .zdxxTable {
+      width: 100%;
+      color: #333;
 
-    .unit {
-      text-align: right;
-    }
-
-    .title2 {
-      writing-mode: vertical-lr;
-      letter-spacing: 6px;
-    }
+      td {
+        border: 1px solid rgb(228, 228, 228);
+        line-height: 30px;
+        padding: 0 4px;
+      }
 
-    .bhqk {
-      padding: 0;
+      .title {
+        line-height: 68px;
+        font-size: 20px;
+      }
 
-      .box {
-        width: 745px;
-        overflow: auto;
+      .unit {
+        text-align: right;
       }
 
-      .test {
+      .title2 {
+        writing-mode: vertical-lr;
+        letter-spacing: 6px;
       }
 
-      table {
-        .bhqkTh {
-          width: 110px;
-          line-height: 40px;
-          background-color: #f5f5f5;
-          border: 1px solid rgb(228, 228, 228);
-          font-weight: bold;
+      .bhqk {
+        padding: 0;
+
+        .box {
+          width: 745px;
+          overflow: auto;
         }
 
-        td {
-          width: 180px;
+        .test {
+        }
+
+        table {
+          .bhqkTh {
+            width: 110px;
+            line-height: 40px;
+            background-color: #f5f5f5;
+            border: 1px solid rgb(228, 228, 228);
+            font-weight: bold;
+          }
+
+          td {
+            width: 180px;
+          }
         }
       }
     }
   }
-}
 </style>