style:宗地基本信息

@@ -39,7 +39,7 @@
       </tr>
       <tr>
         <td>权利设定方式</td>
-        <td>{{ zdjbxx.qlsdfs }}</td>
+        <td>{{zdjbxx.qlsdfs | qlsdfs}}</td>
         <td>容积率</td>
         <td>{{ zdjbxx.rjl }}</td>
       </tr>
@@ -122,79 +122,87 @@
         <td>{{ zdbhqks[0].dbr }}</td>
       </tr> -->
 
-
-
     </table>
   </div>
 </template>
 
 <script>
-import { getZdjjxxBybdcdyid } from "@/api/registerBook.js";
+  import store from '@/store/index.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: ["", "宗地", "宗海", "自然幢", "多幢", "构筑物", "林权", "户"],
+      };
+    },
+    filters: {
+      qlsdfs: function (value) {
+        const foundItem = store.getters.dictData['A10'].find(item => item.dcode === String(value));
+        if (foundItem) {
+          console.log(foundItem.dname, 'foundItem.dname');
+          return foundItem.dname;
         }
-      });
+      }
+    },
+    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>
-@import "~@/styles/tablecss.scss";
+  @import "~@/styles/tablecss.scss";
 </style>

+<!--
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-05-09 09:20:10
+-->
 <template>
   <dialogBox title="新建材料信息" width="20%" isMain v-model="myValue" @closeDialog="closeDialog" @submitForm="handleSubmit"
     :isFullscreen="false">
@@ -24,48 +29,52 @@
 </template>
 
 <script>
-import { mapGetters } from "vuex";
-export default {
-  props: {
-    value: { type: Boolean, default: false },
-  },
-  data () {
-    return {
-      myValue: this.value,
-      ruleForm: {
-        cllx: "",
-        clmc: "",
-      },
-    };
-  },
-  computed: {
-    ...mapGetters(["dictData"]),
-  },
-  watch: {
-    value (val) {
-      this.myValue = val;
+  import { mapGetters } from "vuex";
+  export default {
+    props: {
+      value: { type: Boolean, default: false },
+    },
+    data () {
+      return {
+        myValue: this.value,
+        ruleForm: {
+          cllx: "",
+          clmc: "",
+        },
+      };
+    },
+    computed: {
+      ...mapGetters(["dictData"]),
     },
-  },
-  methods: {
-    closeDialog () {
-      this.$emit("input", false);
-      this.ruleForm = {
-        cllx: "",
-        clmc: "",
-      }
+    watch: {
+      value (val) {
+        this.myValue = val;
+      },
     },
-    handleSubmit () {
-      this.$parent.addSave(this.ruleForm);
-      this.$emit("input", false);
+    methods: {
+      closeDialog () {
+        this.$emit("input", false);
+        this.ruleForm = {
+          cllx: "",
+          clmc: "",
+        }
+      },
+      handleSubmit () {
+        this.$parent.addSave(this.ruleForm);
+        this.ruleForm = {
+          cllx: "",
+          clmc: "",
+        }
+        this.$emit("input", false);
+      },
     },
-  },
-};
+  };
 </script>
 <style scoped lang="scss">
-.submit-button {
-  text-align: center;
-  height: 52px;
-  padding-top: 10px;
-  background-color: #fff;
-}
+  .submit-button {
+    text-align: center;
+    height: 52px;
+    padding-top: 10px;
+    background-color: #fff;
+  }
 </style>