登记簿接口调试

 import request from '@/utils/request'
 /* 
-    登记簿查询
+  综合查询
 */
 
+/*
+  登记簿查询
+*/
 // 根据条件进行列表查询
 export function getDjbBysearch(data) {
   return request({
@@ -29,18 +32,26 @@ export function getDjml(qlbsm) {
 }
 
 // 获取宗地信息
-export function getZdxx(qlbsm) {
+export function getZdjbxx(qlbsm) {
   return request({
     url: '/zhcx/djbcx/zdjbxx/' + qlbsm,
     method: 'get'
   })
 }
 
-// 获取封面权利名称
-export function getQlmc(qlbsm) {
+// 获取不动产权利及其他事项页面信息
+export function getQlname(qlbsm) {
   return request({
     url: '/zhcx/djbcx/qlname/' + qlbsm,
     method: 'get'
   })
 }
 
+// 获取权利详细信息
+export function getDetail(qlbsm) {
+  return request({
+    url: '/zhcx/djbcx/detail/' + qlbsm,
+    method: 'get'
+  })
+}
+

@@ -15,7 +15,7 @@
         <td>备注</td>
       </tr>
       <tr v-for="(item, index) in data" :key="index">
-        <td>{{ index + 1 }}</td>
+        <td>{{ item.xh }}</td>
         <td>{{ item.bdcdyh }}</td>
         <td>{{ item.bdclx }}</td>
         <td>{{ item.szbs }}</td>
@@ -26,109 +26,20 @@
 </template>
 
 <script>
+import { mapGetters } from "vuex";
+
 export default {
   name: "bdcqldjml",
   data() {
     return {
-      data: [
-        {
-          bdcdyh: "370205004005GB10030W00000000",
-          bdclx: "土地",
-          szbs: "1",
-          bz: "",
-        },
-        {
-          bdcdyh: "370205004005GB10030W00000000",
-          bdclx: "土地",
-          szbs: "1",
-          bz: "",
-        },
-        {
-          bdcdyh: "370205004005GB10030W00000000",
-          bdclx: "土地",
-          szbs: "1",
-          bz: "",
-        },
-        {
-          bdcdyh: "370205004005GB10030W00000000",
-          bdclx: "土地",
-          szbs: "1",
-          bz: "",
-        },
-        {
-          bdcdyh: "370205004005GB10030W00000000",
-          bdclx: "土地",
-          szbs: "1",
-          bz: "",
-        },
-        {
-          bdcdyh: "370205004005GB10030W00000000",
-          bdclx: "土地",
-          szbs: "1",
-          bz: "",
-        },
-        {
-          bdcdyh: "370205004005GB10030W00000000",
-          bdclx: "土地",
-          szbs: "1",
-          bz: "",
-        },
-        {
-          bdcdyh: "370205004005GB10030W00000000",
-          bdclx: "土地",
-          szbs: "1",
-          bz: "",
-        },
-        {
-          bdcdyh: "370205004005GB10030W00000000",
-          bdclx: "土地",
-          szbs: "1",
-          bz: "",
-        },
-        {
-          bdcdyh: "370205004005GB10030W00000000",
-          bdclx: "土地",
-          szbs: "1",
-          bz: "",
-        },
-        {
-          bdcdyh: "370205004005GB10030W00000000",
-          bdclx: "土地",
-          szbs: "1",
-          bz: "",
-        },
-        {
-          bdcdyh: "370205004005GB10030W00000000",
-          bdclx: "土地",
-          szbs: "1",
-          bz: "",
-        },
-        {
-          bdcdyh: "370205004005GB10030W00000000",
-          bdclx: "土地",
-          szbs: "1",
-          bz: "",
-        },
-        {
-          bdcdyh: "370205004005GB10030W00000000",
-          bdclx: "土地",
-          szbs: "1",
-          bz: "",
-        },
-        {
-          bdcdyh: "370205004005GB10030W00000000",
-          bdclx: "土地",
-          szbs: "1",
-          bz: "",
+      data: [],
+    };
   },
-        {
-          bdcdyh: "370205004005GB10030W00000000",
-          bdclx: "土地",
-          szbs: "1",
-          bz: "",
+  computed: {
+    ...mapGetters(["djbxx"]),
   },
-      ],
-    };
+  mounted() {
+    this.data = this.djbxx.djml;
   },
 };
 </script>
@@ -143,7 +54,7 @@ export default {
     width: 640px;
     margin: 0 auto;
     color: #333;
-    border-spacing: 2px;
+    border-spacing: 1px;
     background-color: #333;
 
     .title {

@@ -4,38 +4,43 @@
       <div class="title">不动产权利及其他事项<br />登记信息</div>
       <div>
         不动产单元号:
-        <div class="underline">440300 002109 GB00004 F00020001</div>
+        <div class="underline">{{ info.bdcdyh }}</div>
       </div>
       <br /><br /><br />
       <div>
-        <div class="underline">国有建设用地使用权和房屋所有权</div>
+        <div class="underline">{{ info.qllx }}</div>
         登记 共
-        <div class="underline">9</div>
+        <div class="underline">{{ info.total }}</div>
         条
-      </div><br /><br />
+      </div>
+      <br /><br />
       <div>
         抵押权登记 共
-        <div class="underline">3</div>
+        <div class="underline">{{ info.dyaq }}</div>
         条
-      </div><br />
+      </div>
+      <br />
       <div>
         地役权登记 共
-        <div class="underline">3</div>
+        <div class="underline">{{ info.dyiq }}</div>
         条
-      </div><br />
+      </div>
+      <br />
       <div>
         预告登记 共
-        <div class="underline">3</div>
+        <div class="underline">{{ info.ygdj }}</div>
         条
-      </div><br />
+      </div>
+      <br />
       <div>
         异议登记 共
-        <div class="underline">3</div>
+        <div class="underline">{{ info.yydj }}</div>
         条
-      </div><br />
+      </div>
+      <br />
       <div>
         查封登记 共
-        <div class="underline">3</div>
+        <div class="underline">{{ info.cfdj }}</div>
         条
       </div>
       <br />
@@ -44,10 +49,46 @@
 </template>
 
 <script>
+import { mapGetters } from "vuex";
+
 export default {
   name: "bdcqljqtsx",
   data() {
-    return {};
+    return {
+      info: {
+        bdcdyh: "",
+        qllx: "",
+        dyaq: 0,
+        dyiq: 0,
+        ygdj: 0,
+        yydj: 0,
+        cfdj: 0,
+        total: 0,
+      },
+    };
+  },
+  computed: {
+    ...mapGetters(["djbxx"]),
+  },
+  mounted() {
+    this.info.bdcdyh = this.djbxx.qlname.bdcdyh;
+    this.info.qllx = this.djbxx.qlname.qllx;
+
+    this.djbxx.qlname.djbPrintModelList.forEach((item) => {
+      console.log("this.info.total", this.info.total);
+      this.info.total += Number(item.xh);
+      if (item.djlxPrint == "抵押权") {
+        this.info.dyaq = Number(item.xh);
+      } else if (item.djlxPrint == "地役权") {
+        this.info.dyiq = Number(item.xh);
+      } else if (item.djlxPrint == "预告") {
+        this.info.ygdj = Number(item.xh);
+      } else if (item.djlxPrint == "异议") {
+        this.info.yydj = Number(item.xh);
+      } else if (item.djlxPrint == "查封") {
+        this.info.cfdj = Number(item.xh);
+      }
+    });
   },
 };
 </script>

@@ -2,56 +2,52 @@
   <div class="djbfm">
     <br /><br />
     <p>
-      <font>{{ data.province }}</font>
+      <font>{{ info.sheng }}</font>
       省 (区、市)
-      <font>{{ data.city }}</font>
+      <font>{{ info.shi }}</font>
       市 (区)
-      <font>{{ data.area }}</font>
+      <font>{{ info.xian }}</font>
       区 (县、市)
     </p>
     <p>
-      <font>{{ data.street }}</font>
+      <font>{{ info.zhen }}</font>
       街道 (乡、镇)
-      <font>{{ data.village }}</font>
+      <font>{{ info.cun }}</font>
       街坊 (村)
-      <font style="width: 100px">{{ data.group }}</font>
+      <font>{{ info.zu }}</font>
       组
     </p>
     <div class="title">不动产登记簿</div>
     <br />
     <p>
       宗地/宗海号:
-      <font>{{ data.zdzhh }}</font>
+      <font>{{ info.zddm }}</font>
     </p>
     <div class="bottom">
       <p>
         登记机构:
-        <font>{{ data.registration }}</font>
+        <font>{{ info.djjg }}</font>
       </p>
     </div>
   </div>
 </template>
 
 <script>
+import { mapGetters } from "vuex";
+
 export default {
   name: "djbfm",
-  props: {
-    djbxxData: {},
-  },
   data() {
     return {
-      data: {
-        province: "A",
-        city: "B",
-        area: "C",
-        street: "兴隆路",
-        village: "兴隆",
-        group: "",
-        zdzhh: "370205004005GB10030",
-        registration: "B市国土资源局",
-      },
+      info: {},
     };
   },
+  computed: {
+    ...mapGetters(["djbxx"]),
+  },
+  mounted() {
+    this.info = this.djbxx.djbfm;
+  },
 };
 </script>
 
@@ -66,8 +62,6 @@ export default {
   font-size: 18px;
   font-family: serif;
   position: relative;
-  p {
-  }
   font {
     border-bottom: 1px solid #000;
     display: inline-block;

@@ -108,17 +108,14 @@ export default {
         children: "children",
         label: "label",
       },
-      showTab: "djbfm", // 选中状态,根据表格中权利类型判断
+      showTab: "gyjsydsyq", // 选中状态,根据表格中权利类型判断
     };
   },
-  mounted() {
-  },
   methods: {
-    submitForm() {
-      this.$emit("input", false);
-    },
     closeDialog() {
       this.$emit("input", false);
+      // 关闭时清空值
+      this.$store.dispatch("djbxx/setDjbxx", null);
     },
     handleNodeClick(data) {
       this.showTab = data.id;
@@ -141,7 +138,8 @@ export default {
   .right {
     width: calc(100% - 256px);
     height: 704px;
-    overflow-y: scroll;
+    // overflow-y: scroll;
+    overflow: auto;
     background-color: #f5f5f5;
   }
 }

@@ -11,7 +11,12 @@
           <td colspan="6" class="title">宗地基本信息</td>
         </tr>
         <tr>
-          <td colspan="6" class="unit">单位：■平方米 □公顷（□亩）、万元</td>
+          <td colspan="6" class="unit" v-if="djzd.mjdw == '1'">
+            单位：■平方米 □公顷（□亩）、万元
+          </td>
+          <td colspan="6" class="unit" v-else>
+            单位：□平方米 ■公顷（■亩）、万元
+          </td>
         </tr>
         <tr>
           <td colspan="2">不动产类型</td>
@@ -19,151 +24,93 @@
         </tr>
         <tr>
           <td colspan="2">坐落</td>
-          <td colspan="4"></td>
+          <td colspan="4">{{ djzd.zl }}</td>
         </tr>
         <tr>
           <td rowspan="8" class="title2">土地状况</td>
         </tr>
         <tr>
           <td colspan="2">宗地面积</td>
-          <td></td>
+          <td>{{ djzd.zdmj }}</td>
           <td>用途</td>
-          <td></td>
+          <td>{{ djzd.yt }}</td>
         </tr>
         <tr>
           <td colspan="2">等级</td>
-          <td></td>
+          <td>{{ djzd.dj }}</td>
           <td>价格</td>
-          <td></td>
+          <td>{{ djzd.jg }}</td>
         </tr>
         <tr>
           <td colspan="2">权利类型</td>
-          <td></td>
+          <td>{{ djzd.qllx }}</td>
           <td>权利性质</td>
-          <td></td>
+          <td>{{ djzd.qlxz }}</td>
         </tr>
         <tr>
           <td colspan="2">权利设定方式</td>
-          <td></td>
+          <td>{{ djzd.qlsdfs }}</td>
           <td>容积率</td>
-          <td></td>
+          <td>{{ djzd.rjl }}</td>
         </tr>
         <tr>
           <td colspan="2">建筑密度</td>
-          <td></td>
+          <td>{{ djzd.jzmd }}</td>
           <td>建筑限高</td>
-          <td></td>
+          <td>{{ djzd.jzxg }}</td>
         </tr>
         <tr>
           <td colspan="2">图幅号</td>
-          <td></td>
+          <td>{{ djzd.tfh }}</td>
           <td>地籍号</td>
-          <td></td>
+          <td>{{ djzd.djh }}</td>
         </tr>
         <tr>
           <td colspan="2">档案号</td>
-          <td></td>
+          <td>{{ djzd.dah }}</td>
           <td>地块代码</td>
-          <td></td>
+          <td>{{ djzd.dkdm }}</td>
         </tr>
         <tr>
           <td colspan="2">宗地四至-东</td>
-          <td colspan="4"></td>
+          <td colspan="4">{{ djzd.zdszd }}</td>
         </tr>
         <tr>
           <td colspan="2">宗地四至-南</td>
-          <td colspan="4"></td>
+          <td colspan="4">{{ djzd.zdszn }}</td>
         </tr>
         <tr>
           <td colspan="2">宗地四至-西</td>
-          <td colspan="4"></td>
+          <td colspan="4">{{ djzd.zdszx }}</td>
         </tr>
         <tr>
           <td colspan="2">宗地四至-北</td>
-          <td colspan="4"></td>
+          <td colspan="4">{{ djzd.zdszb }}</td>
         </tr>
         <tr>
           <td class="title2" height="96">备注</td>
-          <td colspan="5"></td>
+          <td colspan="5">{{ djzd.bz }}</td>
         </tr>
         <tr>
           <td class="title2" height="96">附记</td>
-          <td colspan="5"></td>
+          <td colspan="5">{{ djzd.fj }}</td>
         </tr>
         <tr>
           <td colspan="2">状态</td>
-          <td colspan="2"></td>
+          <td colspan="2">{{ djzd.zt }}</td>
           <td>区县代码</td>
-          <td></td>
+          <td>{{ djzd.qxdm }}</td>
         </tr>
         <tr>
           <td class="title2">变化情况</td>
           <td colspan="5" class="bhqk">
             <div class="box">
               <table cellspacing="0" cellpadding="0" :width="bhqkTableWidth">
-                <tr>
-                  <td class="bhqkTh">上手业务号</td>
-                  <td>20191230048</td>
-                  <td>20191230048</td>
-                  <td>20191230048</td>
-                  <td>20191230048</td>
-                  <td>20191230048</td>
-                </tr>
-                <tr>
-                  <td class="bhqkTh">宗地代码</td>
-                  <td>610100008004GB00001</td>
-                  <td>610100008004GB00001</td>
-                  <td>610100008004GB00001</td>
-                  <td>610100008004GB00001</td>
-                  <td>610100008004GB00001</td>
-                </tr>
-                <tr>
-                  <td class="bhqkTh">变化前宗地代码</td>
-                  <td>610100008004GB00001</td>
-                  <td>610100008004GB00001</td>
-                  <td>610100008004GB00001</td>
-                  <td>610100008004GB00001</td>
-                  <td>610100008004GB00001</td>
-                </tr>
-                <tr>
-                  <td class="bhqkTh">变化内容</td>
-                  <td>土地面积1000改为2000</td>
-                  <td>土地面积1000改为2000</td>
-                  <td>土地面积1000改为2000</td>
-                  <td>土地面积1000改为2000</td>
-                  <td>土地面积1000改为2000</td>
-                </tr>
-                <tr>
-                  <td class="bhqkTh">变化原因</td>
-                  <td>因某某原因</td>
-                  <td>因某某原因</td>
-                  <td>因某某原因</td>
-                  <td>因某某原因</td>
-                  <td>因某某原因</td>
-                </tr>
-                <tr>
-                  <td class="bhqkTh">登记时间</td>
-                  <td>2008年3月11日</td>
-                  <td>2008年3月11日</td>
-                  <td>2008年3月11日</td>
-                  <td>2008年3月11日</td>
-                  <td>2008年3月11日</td>
-                </tr>
-                <tr>
-                  <td class="bhqkTh">登簿人</td>
-                  <td>路**</td>
-                  <td>路**</td>
-                  <td>路**</td>
-                  <td>路**</td>
-                  <td>路**</td>
-                </tr>
-                <tr>
-                  <td class="bhqkTh">附记</td>
-                  <td>2014年10月21日办理房屋首次登记"</td>
-                  <td>2014年10月21日办理房屋首次登记"</td>
-                  <td>2014年10月21日办理房屋首次登记"</td>
-                  <td>2014年10月21日办理房屋首次登记"</td>
-                  <td>2014年10月21日办理房屋首次登记"</td>
+                <tr v-for="(item, index) in bhqkColumns" :key="index">
+                  <td class="bhqkTh">{{ item.label }}</td>
+                  <td v-for="(item2, index2) in zdbhqks" :key="index2">
+                    {{ item2[item.prop] }}
+                  </td>
                 </tr>
               </table>
             </div>
@@ -175,67 +122,62 @@
 </template>
 
 <script>
+import { mapGetters } from "vuex";
+
 export default {
   name: "zdxx",
   data() {
     return {
       bhqkColumns: [
-        "上手业务号",
-        "宗地代码",
-        "变化前宗地代码",
-        "变化内容",
-        "变化原因",
-        "登记时间",
-        "登簿人",
-        "附记",
-      ],
-      bhqkData: [
         {
-          ssywh: "20191230048",
-          zddm: "610100008004GB00001",
-          bhqzddm: "610100008004GB00001",
-          bhnr: "土地面积1000改为2000",
-          bhyy: "因某某原因",
-          djsj: "2008年3月11日",
-          dbr: "路**",
-          fj: "2014年10月21日办理房屋首次登记",
+          prop: "ssywh",
+          label: "上手业务号",
+        },
+        {
+          prop: "zddm",
+          label: "宗地代码",
+        },
+        {
+          prop: "bhqzddm",
+          label: "变化前宗地代码",
         },
         {
-          ssywh: "20191230048",
-          zddm: "610100008004GB00001",
-          bhqzddm: "610100008004GB00001",
-          bhnr: "土地面积1000改为2000",
-          bhyy: "因某某原因",
-          djsj: "2008年3月11日",
-          dbr: "路**",
-          fj: "2014年10月21日办理房屋首次登记",
+          prop: "bhnr",
+          label: "变化内容",
         },
         {
-          ssywh: "20191230048",
-          zddm: "610100008004GB00001",
-          bhqzddm: "610100008004GB00001",
-          bhnr: "土地面积1000改为2000",
-          bhyy: "因某某原因",
-          djsj: "2008年3月11日",
-          dbr: "路**",
-          fj: "2014年10月21日办理房屋首次登记",
+          prop: "bhyy",
+          label: "变化原因",
         },
         {
-          ssywh: "20191230048",
-          zddm: "610100008004GB00001",
-          bhqzddm: "610100008004GB00001",
-          bhnr: "土地面积1000改为2000",
-          bhyy: "因某某原因",
-          djsj: "2008年3月11日",
-          dbr: "路**",
-          fj: "2014年10月21日办理房屋首次登记",
+          prop: "djsj",
+          label: "登记时间",
+        },
+        {
+          prop: "dbr",
+          label: "登簿人",
+        },
+        {
+          prop: "fj",
+          label: "附记",
         },
       ],
-      bhqkTableWidth: 744,
+      bhqkTableWidth: 745,
+      djzd: {},
+      zdbhqks: [],
     };
   },
+  computed: {
+    ...mapGetters(["djbxx"]),
+  },
   mounted() {
-    this.bhqkTableWidth = (this.bhqkData.length + 1) * 180 + 110;
+    this.info = this.djbxx.zdjbxx;
+    this.djzd = this.djbxx.zdjbxx.djzd;
+    this.zdbhqks = this.djbxx.zdjbxx.zdbhqks;
+
+
+    let widths = (this.zdbhqks.length + 1) * 180 + 110;
+    this.bhqkTableWidth = widths > 745 ? widths : 745;
   },
 };
 </script>
@@ -276,8 +218,8 @@ export default {
       .bhqk {
         padding: 0;
         .box {
-          width: 744px;
-          overflow-x: scroll;
+          width: 745px;
+          overflow: auto;
         }
         .test {
         }

@@ -72,7 +72,6 @@
         @sort-change="handleSort"
         :current-page.sync="pageData.current"
         :total="pageData.total"
-        @selection-change="handleSelectionChange"
         @size-change="handleSizeChange"
         @p-current-change="handleCurrentChange"
         :column="tableData.columns"
@@ -91,10 +90,11 @@ import {
   getDjbBysearch,
   getDjbfm,
   getDjml,
-  getZdxx,
-  getQlmc,
-} from "@/api/djbcx.js";
-import { mapGetters, mapMutations } from "vuex";
+  getZdjbxx,
+  getQlname,
+  getDetail
+} from "@/api/zhcx.js";
+import { mapGetters } from "vuex";
 import axios from "axios";
 
 export default {
@@ -157,20 +157,19 @@ export default {
     openDialog(scope) {
       let _this = this;
       let bsm = scope.row.bsmQlxx;
+      bsm="b1394eedd8387347684d358da80da62c"
       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);
+        // .all([getDjbfm(bsm), getDjml(bsm), getZdjbxx(bsm), getQlname(bsm), getDetail(bsm)])
+        .all([getDjbfm(bsm), getDjml(bsm), getZdjbxx(bsm), getQlname(bsm)])
+        .then(([djbfm, djml, zdjbxx, qlname]) => {
           let obj = {
-            fm:fm.result,
-            ml:ml.result,
-            zdxx:zdxx.result,
-            qlmc:qlmc.result
+            djbfm:djbfm.result,//
+            djml:djml.result,//
+            zdjbxx:zdjbxx.result,
+            qlname:qlname.result//
           }
+          this.$store.dispatch('djbxx/setDjbxx', obj)
           _this.isDialog = true;
 
           // if (scope.row.qllx == "预告买卖登记") {