style:宗地基本信息

 <!--
  * @Description  :宗地基本信息
  * @Autor        : miaofang
- * @LastEditTime : 2023-07-31 17:21:56
+ * @LastEditTime: 2023-08-04 10:06:45
 -->
 <template>
   <div class="tableDivCss">
@@ -87,30 +87,11 @@
         <td colspan="3">{{ zdjbxx.zdszb }}</td>
       </tr>
       <tr>
-        <td>登记时间</td>
-        <td colspan="2">{{ zdjbxx.bz }}</td>
-        <td>登簿人</td>
-        <td>{{ zdjbxx.bz }}</td>
-      </tr>
-
-      <tr>
         <td>附记</td>
         <td colspan="4">{{ zdjbxx.fj }}</td>
       </tr>
-      <!-- <tr>
-        <td>状态</td>
-        <td colspan="2">{{ zdjbxx.zt }}</td>
-        <td>区县代码</td>
-        <td>{{ zdjbxx.qxdm }}</td>
-      </tr> -->
       <tr v-if="showGroup">
         <td rowspan="4">变化情况</td>
-
-        <!-- <table cellspacing="0" cellpadding="0" :width="bhqkTableWidth">
-            <tr v-for="(item, index) in bhqkColumns" :key="index">
-              <td class="bhqkTh">{{ item.label }}</td>
-            </tr>
-          </table> -->
       </tr>
 
       <tr v-if="showGroup">
@@ -130,111 +111,111 @@
 </template>
 
 <script>
-import store from "@/store/index.js";
-import { getZdjjxxBybdcdyid } from "@/api/djbDetail.js";
+  import store from "@/store/index.js";
+  import { getZdjjxxBybdcdyid } from "@/api/djbDetail.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: ["", "宗地", "宗海", "自然幢", "多幢", "构筑物", "林权", "户"],
-      foundItemaa: {},
-      foundItemaaa: {},
-    };
-  },
-  filters: {
-    dictionary: function (value, param) {
-      const foundItem = store.getters.dictData[param].find(
-        (item) => item.dcode === String(value)
-      );
-      if (foundItem) {
-        return foundItem.dname;
-      }
+  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: ["", "宗地", "宗海", "自然幢", "多幢", "构筑物", "林权", "户"],
+        foundItemaa: {},
+        foundItemaaa: {},
+      };
     },
-    dicyt: function (value, param) {
-      const res = store.getters.dictData[param].filter((item) => {
-        if (item.dcode === String(value)) {
-          return item;
-        } else {
-          if (item.children.length) {
-            const res2 = item.children.filter((items) => {
-              if (items.dcode === String(value)) {
-                return items;
+    filters: {
+      dictionary: function (value, param) {
+        const foundItem = store.getters.dictData[param].find(
+          (item) => item.dcode === String(value)
+        );
+        if (foundItem) {
+          return foundItem.dname;
+        }
+      },
+      dicyt: function (value, param) {
+        const res = store.getters.dictData[param].filter((item) => {
+          if (item.dcode === String(value)) {
+            return item;
+          } else {
+            if (item.children.length) {
+              const res2 = item.children.filter((items) => {
+                if (items.dcode === String(value)) {
+                  return items;
+                }
+              });
+              if (res2.length) {
+                return res2;
+
               }
-            });
-            if (res2.length) {
-              return res2;
 
             }
-
           }
+        });
+        if (res[0]) {
+          return res[0].dname
         }
-      });
-      if (res[0]) {
-        return res[0].dname
-      }
+      },
     },
-  },
-  created() {
-    this.loadData();
-  },
-  methods: {
-    /**
-     * @description: loadData
-     * @author: renchao
-     */
-    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;
+    created () {
+      this.loadData();
+    },
+    methods: {
+      /**
+       * @description: loadData
+       * @author: renchao
+       */
+      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>
-@import "~@/styles/tablecss.scss";
+  @import "~@/styles/tablecss.scss";
 </style>