登记簿查询接口调试

+import request from '@/utils/request'
+/* 
+    登记簿查询
+*/
+
+// 根据条件进行列表查询
+export function getDjbBysearch(data) {
+  return request({
+    url: '/zhcx/qlxx/getDjbBysearch',
+    method: 'post',
+    data: data
+  })
+}
+
+// 获取登记封面
+export function getDjbfm(qlbsm) {
+  return request({
+    url: '/zhcx/djbcx/djbfm/' + qlbsm,
+    method: 'get'
+  })
+}
+
+// 获取登记目录
+export function getDjml(qlbsm) {
+  return request({
+    url: '/zhcx/djbcx/djml/' + qlbsm,
+    method: 'get'
+  })
+}
+
+// 获取宗地信息
+export function getZdxx(qlbsm) {
+  return request({
+    url: '/zhcx/djbcx/zdjbxx/' + qlbsm,
+    method: 'get'
+  })
+}
+
+// 获取封面权利名称
+export function getQlmc(qlbsm) {
+  return request({
+    url: '/zhcx/djbcx/qlname/' + qlbsm,
+    method: 'get'
+  })
+}
+

@@ -9,6 +9,7 @@ const getters = {
   permission_routes: state => state.permission.routes,
   addRoutes: state => state.permission.addRoutes,
   addDict: state => state.dict.addDict,
-  dictData: state => state.dict.dictData
+  dictData: state => state.dict.dictData,
+  djbxx: state => state.djbxx.djbxx
 }
 export default getters

+
+const state = {
+  djbxx: {}
+}
+
+const mutations = {
+  SET_DJXX: (state, data) => {
+    state.djbxx = data;
+  }
+}
+
+const actions = {
+  setDjbxx({ commit }, data) {
+    commit('SET_DJXX', data)
+  }
+}
+
+export default {
+  namespaced: true,
+  state,
+  mutations,
+  actions
+}
+

@@ -18,7 +18,7 @@
       组
     </p>
     <div class="title">不动产登记簿</div>
-    <br>
+    <br />
     <p>
       宗地/宗海号:
       <font>{{ data.zdzhh }}</font>
@@ -35,6 +35,9 @@
 <script>
 export default {
   name: "djbfm",
+  props: {
+    djbxxData: {},
+  },
   data() {
     return {
       data: {

@@ -111,7 +111,8 @@ export default {
       showTab: "djbfm", // 选中状态,根据表格中权利类型判断
     };
   },
-
+  mounted() {
+  },
   methods: {
     submitForm() {
       this.$emit("input", false);
@@ -120,7 +121,6 @@ export default {
       this.$emit("input", false);
     },
     handleNodeClick(data) {
-      console.log("1111111111", data);
       this.showTab = data.id;
     },
   },

@@ -13,10 +13,10 @@
                 placeholder="请选择权利类型"
               >
                 <el-option
-                  v-for="item in qllxs"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value"
+                  v-for="item in dictData['权利类型']"
+                  :key="item.dcode"
+                  :label="item.dname"
+                  :value="item.dcode"
                 >
                 </el-option>
               </el-select>
@@ -80,17 +80,27 @@
       >
       </lb-table>
     </div>
-    <djbxxDialog v-model="isDialog" ref="djbxxDialog"/>
+    <djbxxDialog v-model="isDialog" ref="djbxxDialog" :data="djbxxData" />
   </div>
 </template>
 <script>
 import table from "@/utils/mixin/table";
 import { datas, sendThis } from "./djbcxdata";
 import djbxxDialog from "./components/djbxxDialog.vue";
+import {
+  getDjbBysearch,
+  getDjbfm,
+  getDjml,
+  getZdxx,
+  getQlmc,
+} from "@/api/djbcx.js";
+import { mapGetters, mapMutations } from "vuex";
+import axios from "axios";
+
 export default {
   name: "djbcx",
   components: {
-    djbxxDialog
+    djbxxDialog,
   },
   mixins: [table],
   mounted() {
@@ -112,45 +122,63 @@ export default {
       ywlys: datas.ywlys(),
       tableData: {
         columns: datas.columns(),
-        data: [
-          {
-            qszt: "1",
-            slsj: "2022-5-12",
-            qllx: "预告买卖登记"
-          },
-          {
-            qszt: "2",
-            slsj: "2022-5-13",
-            qllx: "查封登记"
-          },
-          {
-            qszt: "3",
-            slsj: "2022-5-13",
-            qllx: "预告买卖登记"
-          },
-        ],
+        data: [],
       },
       qllxs: [],
       isDialog: false,
+      djbxxData: {},
     };
   },
+  computed: {
+    ...mapGetters(["dictData"]),
+  },
   methods: {
     // 初始化数据
-    fetchData() {},
+    fetchData() {
+      getDjbBysearch({ ...this.queryForm, ...this.pageData }).then((res) => {
+        if (res.code === 200) {
+          let { total, records } = res.result;
+          this.pageData.total = total;
+          this.tableData.data = records;
+        }
+      });
+    },
     handleSort(name, sort) {
       console.log(name, sort);
     },
-    queryClick(){
-
+    // 查询
+    queryClick() {
+      this.pageData.current = 1;
+      this.pageData.currentPage = 1;
+      this.fetchData();
     },
-    moreQueryClick(){},
+    // 高级查询
+    moreQueryClick() {},
     openDialog(scope) {
-      this.isDialog = true;
-      if (scope.row.qllx == "预告买卖登记") {
-        this.$refs.djbxxDialog.showTab = "ygdj";
-      } else if (scope.row.qllx == "查封登记") {
-        this.$refs.djbxxDialog.showTab = "cfdj";
+      let _this = this;
+      let bsm = scope.row.bsmQlxx;
+      this.bsm = bsm;
+      axios
+        .all([getDjbfm(bsm), getDjml(bsm), getZdxx(bsm), getQlmc(bsm)])
+        .then(([fm, ml, zdxx, qlmc]) => {
+          console.log("fm:", fm.result);
+          console.log("ml:", ml.result);
+          console.log("zdxx:", zdxx.result);
+          console.log("qlmc:", qlmc.result);
+          let obj = {
+            fm:fm.result,
+            ml:ml.result,
+            zdxx:zdxx.result,
+            qlmc:qlmc.result
           }
+          _this.isDialog = true;
+
+          // if (scope.row.qllx == "预告买卖登记") {
+          //   this.$refs.djbxxDialog.showTab = "ygdj";
+          // } else if (scope.row.qllx == "查封登记") {
+          //   this.$refs.djbxxDialog.showTab = "cfdj";
+          // }
+        });
     },
   },
 };

@@ -13,7 +13,14 @@ class data extends filter {
       {
         label: '序号',
         type: 'index',
-        width: '50'
+        width: '50',
+        render: (h, scope) => {
+          return (
+            <div>
+              {(vm.pageData.currentPage - 1) * vm.pageData.pageSize + scope.$index + 1}
+            </div>
+          )
+        }
       },
       {
         label: "权属状态",
@@ -64,11 +71,11 @@ class data extends filter {
         label: "不动产权证号",
       },
       {
-        prop: "qlr",
+        prop: "qlrmc",
         label: "权利人",
       },
       {
-        prop: "ywr",
+        prop: "ywrmc",
         label: "义务人",
       },
       {