Merge branch 'master' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web

 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'
+  })
+}
+

+<svg t="1661331027101" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1627" width="200" height="200"><path d="M921.6 845.451636a41.890909 41.890909 0 1 1 0 83.781819 41.890909 41.890909 0 0 1 0-83.781819zM809.890909 111.709091a139.729455 139.729455 0 0 1 138.845091 125.114182l0.651636 8.285091 0.139637 6.237091v480.814545a27.927273 27.927273 0 0 1-55.482182 4.514909l-0.372364-4.561454V252.043636l-0.093091-4.887272a83.781818 83.781818 0 0 0-76.706909-79.313455L809.890909 167.563636H252.043636l-4.887272 0.093091A83.781818 83.781818 0 0 0 167.842909 244.363636L167.563636 251.345455v529.92l0.093091 4.887272A83.781818 83.781818 0 0 0 251.345455 865.745455l560.174545-0.139637a27.927273 27.927273 0 0 1 4.514909 55.482182l-4.514909 0.372364L251.345455 921.6a139.729455 139.729455 0 0 1-138.845091-125.114182l-0.651637-8.285091L111.709091 781.963636V251.345455a139.729455 139.729455 0 0 1 125.114182-138.845091l8.285091-0.651637L251.345455 111.709091h558.545454z m15.127273 256.698182a27.927273 27.927273 0 0 1 2.327273 36.864l-2.327273 2.653091-156.253091 166.539636a111.802182 111.802182 0 0 1-153.553455 4.235636l-4.421818-4.189091-46.964363-46.871272a55.854545 55.854545 0 0 0-74.891637-3.723637l-3.537454 3.211637-119.901091 120.878545a27.927273 27.927273 0 0 1-41.332364-37.422545l2.327273-2.606546 119.901091-120.878545a111.709091 111.709091 0 0 1 152.529454-3.165091l4.421818 4.189091 46.917819 46.871273c20.666182 20.619636 53.527273 21.736727 75.450181 3.258181l3.537455-3.258181 156.253091-166.539637a27.927273 27.927273 0 0 1 39.517091 0z" fill="#ffffff" p-id="1628"></path></svg>
\ No newline at end of file

+<svg t="1661331046587" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1762" width="200" height="200"><path d="M828.509091 158.254545a111.709091 111.709091 0 0 1 111.709091 111.709091V744.727273a111.709091 111.709091 0 0 1-111.709091 111.709091h-698.181818A111.709091 111.709091 0 0 1 18.618182 744.727273V269.963636a111.709091 111.709091 0 0 1 111.709091-111.709091z m0 55.854546h-698.181818a55.854545 55.854545 0 0 0-55.854546 55.854545V744.727273a55.854545 55.854545 0 0 0 55.854546 55.854545h698.181818A55.854545 55.854545 0 0 0 884.363636 744.727273V269.963636a55.854545 55.854545 0 0 0-55.854545-55.854545z m-349.090909 377.018182a27.927273 27.927273 0 0 1 4.514909 55.482182l-4.514909 0.372363H256a27.927273 27.927273 0 0 1-4.514909-55.482182L256 591.127273h223.418182z m223.418182-223.418182a27.927273 27.927273 0 0 1 4.514909 55.482182L702.836364 423.563636H256a27.927273 27.927273 0 0 1-4.514909-55.482181L256 367.709091h446.836364z" fill="#ffffff" p-id="1763"></path></svg>
\ No newline at end of file

+<svg t="1661331066901" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1897" width="200" height="200"><path d="M839.68 295.237818a27.927273 27.927273 0 0 1 27.554909 23.412364l0.372364 4.514909v466.664727a139.636364 139.636364 0 0 1-131.444364 139.403637l-8.192 0.232727H366.871273a27.927273 27.927273 0 0 1-4.561455-55.482182l4.561455-0.372364h361.099636a83.781818 83.781818 0 0 0 83.502546-76.893091l0.279272-6.888727V323.165091a27.927273 27.927273 0 0 1 27.927273-27.927273zM614.4 111.709091a111.709091 111.709091 0 0 1 111.709091 111.709091v446.836363a111.709091 111.709091 0 0 1-111.709091 111.709091H167.563636a55.854545 55.854545 0 0 1-55.854545-55.854545v-558.545455a55.854545 55.854545 0 0 1 55.854545-55.854545z m0 55.854545H167.563636v558.545455h446.836364a55.854545 55.854545 0 0 0 55.854545-55.854546V223.418182a55.854545 55.854545 0 0 0-55.854545-55.854546z" fill="#ffffff" p-id="1898"></path></svg>
\ No newline at end of file

+<svg t="1661331302938" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2032" width="200" height="200"><path d="M344.808727 93.090909a27.927273 27.927273 0 0 1 4.514909 55.482182l-4.514909 0.372364H251.345455a55.854545 55.854545 0 0 0-55.575273 50.129454L195.490909 204.8v530.618182a55.854545 55.854545 0 0 0 50.129455 55.575273L251.345455 791.272727h181.527272a55.854545 55.854545 0 0 0 55.575273-50.129454l0.279273-5.725091V204.8a111.709091 111.709091 0 0 1 104.075636-111.429818L600.436364 93.090909h181.527272a111.709091 111.709091 0 0 1 111.429819 104.075636l0.279272 7.633455v530.618182a111.709091 111.709091 0 0 1-104.075636 111.429818l-7.633455 0.279273h-115.898181a27.927273 27.927273 0 0 1-4.51491-55.482182L666.065455 791.272727h115.898181a55.854545 55.854545 0 0 0 55.575273-50.129454L837.818182 735.418182V204.8a55.854545 55.854545 0 0 0-50.129455-55.575273L781.963636 148.945455h-181.527272a55.854545 55.854545 0 0 0-55.575273 50.129454L544.581818 204.8v530.618182a111.709091 111.709091 0 0 1-104.075636 111.429818L432.872727 847.127273H251.345455a111.709091 111.709091 0 0 1-111.429819-104.075637L139.636364 735.418182V204.8a111.709091 111.709091 0 0 1 104.075636-111.429818L251.345455 93.090909h93.463272z" fill="#ffffff" p-id="2033"></path></svg>
\ No newline at end of file

+<svg t="1661331325273" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2167" width="200" height="200"><path d="M521.309091 158.254545a27.927273 27.927273 0 0 1 27.927273 27.927273v586.472727a27.927273 27.927273 0 0 1-27.927273 27.927273h-372.363636a83.781818 83.781818 0 0 1-83.781819-83.781818V242.036364a83.781818 83.781818 0 0 1 83.781819-83.781819z m400.290909 0a83.781818 83.781818 0 0 1 83.502545 76.893091l0.279273 6.888728v474.763636a83.781818 83.781818 0 0 1-76.893091 83.502545l-6.888727 0.279273h-260.654545a27.927273 27.927273 0 0 1-4.51491-55.482182L660.945455 744.727273h260.654545a27.927273 27.927273 0 0 0 27.554909-23.412364l0.372364-4.514909V242.036364a27.927273 27.927273 0 0 0-23.412364-27.554909L921.6 214.109091h-260.654545a27.927273 27.927273 0 0 1-4.51491-55.482182L660.945455 158.254545h260.654545z m-428.218182 55.854546H148.945455a27.927273 27.927273 0 0 0-27.55491 23.412364L121.018182 242.036364v474.763636a27.927273 27.927273 0 0 0 27.927273 27.927273h344.436363V214.109091z" fill="#ffffff" p-id="2168"></path></svg>
\ No newline at end of file

+<svg t="1661331355369" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2302" width="200" height="200"><path d="M345.925818 204.8a27.927273 27.927273 0 0 1 4.514909 55.482182l-4.514909 0.372363H148.945455a27.927273 27.927273 0 0 0-27.55491 23.412364L121.018182 288.581818v498.594909a27.927273 27.927273 0 0 0 23.412363 27.554909l4.51491 0.372364h700.369454a27.927273 27.927273 0 0 0 27.601455-23.412364l0.325818-4.514909V288.581818a27.927273 27.927273 0 0 0-23.365818-27.554909l-4.561455-0.372364h-168.029091a27.927273 27.927273 0 0 1-4.561454-55.482181l4.561454-0.372364h168.029091a83.781818 83.781818 0 0 1 83.502546 76.893091l0.279272 6.888727v498.594909a83.781818 83.781818 0 0 1-76.893091 83.502546l-6.888727 0.279272H148.945455a83.781818 83.781818 0 0 1-83.502546-76.939636l-0.279273-6.842182V288.581818a83.781818 83.781818 0 0 1 76.893091-83.502545L148.945455 204.8h196.980363z m167.563637-111.709091a27.927273 27.927273 0 0 1 27.927272 27.927273l-0.046545 477.277091 114.455273-114.408728a27.927273 27.927273 0 0 1 35.607272-3.211636l3.863273 3.258182a27.927273 27.927273 0 0 1 0 39.470545l-138.24 138.24c-11.915636 11.915636-27.927273 17.314909-43.566545 16.197819a55.714909 55.714909 0 0 1-43.613091-16.197819l-138.24-138.24a27.927273 27.927273 0 0 1 39.563636-39.517091l114.315636 114.362182V121.018182a27.927273 27.927273 0 0 1 27.927273-27.927273z" fill="#ffffff" p-id="2303"></path></svg>
\ No newline at end of file

+<svg t="1661331372274" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2437" width="200" height="200"><path d="M902.981818 260.654545a55.854545 55.854545 0 0 1 55.575273 50.129455l0.279273 5.725091V651.636364a55.854545 55.854545 0 0 1-50.129455 55.575272l-5.725091 0.279273-139.636363-0.046545V875.054545a83.781818 83.781818 0 0 1-76.893091 83.502546l-6.888728 0.279273H344.436364a83.781818 83.781818 0 0 1-83.781819-83.781819v-167.610181l-139.636363 0.046545a55.854545 55.854545 0 0 1-55.575273-50.129454L65.163636 651.636364V316.509091a55.854545 55.854545 0 0 1 50.129455-55.575273L121.018182 260.654545h781.963636z m-223.418182 223.418182H344.436364a27.927273 27.927273 0 0 0-27.927273 27.927273v363.054545a27.927273 27.927273 0 0 0 27.927273 27.927273h335.127272a27.927273 27.927273 0 0 0 27.927273-27.927273V512a27.927273 27.927273 0 0 0-27.927273-27.927273z m223.418182-167.563636H121.018182V651.636364l139.636363-0.046546V512a83.781818 83.781818 0 0 1 76.893091-83.502545L344.436364 428.218182h335.127272a83.781818 83.781818 0 0 1 83.781819 83.781818v139.589818l139.636363 0.046546V316.509091z m-195.490909-251.345455a83.781818 83.781818 0 0 1 83.502546 76.893091L791.272727 148.945455v72.098909h-55.854545V148.945455a27.927273 27.927273 0 0 0-23.412364-27.55491L707.490909 121.018182H316.509091a27.927273 27.927273 0 0 0-27.554909 23.412363L288.581818 148.945455v72.098909H232.727273V148.945455a83.781818 83.781818 0 0 1 76.893091-83.502546L316.509091 65.163636h390.981818z" fill="#ffffff" p-id="2438"></path></svg>
\ No newline at end of file

+<svg t="1661331415143" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2833" width="200" height="200"><path d="M419.328 73.774545L28.904727 412.625455a27.927273 27.927273 0 0 0 0 42.170181l390.423273 338.850909 3.490909 2.606546a27.927273 27.927273 0 0 0 42.728727-23.738182v-206.894545l-6.144 1.629091c11.031273-3.025455 23.505455-6.050909 37.143273-8.843637 54.458182-11.310545 110.126545-16.104727 161.326546-10.798545 157.928727 16.477091 232.448 120.738909 183.994181 362.821818-6.330182 31.650909 37.096727 47.010909 52.130909 18.478545l3.258182-6.423272 6.795637-14.429091 2.746181-6.004364c9.355636-20.852364 18.711273-44.125091 27.461819-69.259636 26.763636-77.218909 42.123636-154.903273 39.889454-228.352l-0.465454-11.124364c-11.310545-209.314909-164.864-332.613818-491.473455-326.423273l-22.481454 0.651637 5.818181-171.752728a27.927273 27.927273 0 0 0-46.219636-22.016zM89.832727 433.710545l317.719273-275.781818-4.654545 138.007273a27.927273 27.927273 0 0 0 29.556363 28.811636c339.688727-19.688727 480.116364 87.970909 485.888 281.367273l0.139637 18.059636c-0.325818 24.203636-2.699636 49.152-6.888728 74.472728l-3.863272 20.712727-0.279273-2.466909c-20.247273-138.519273-108.311273-210.711273-243.805091-224.814546-57.716364-6.050909-118.784-0.744727-178.455273 11.636364-9.867636 2.001455-19.223273 4.189091-27.927273 6.330182l-17.687272 4.747636-10.565818 3.165091-4.189091 1.722182a27.927273 27.927273 0 0 0-15.127273 24.808727v166.818909L89.832727 433.710545z" fill="#ffffff" p-id="2834"></path></svg>
\ No newline at end of file

+<svg t="1661331436522" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2968" width="200" height="200"><path d="M260.654545 491.892364a27.927273 27.927273 0 0 1 27.927273-27.927273l561.058909 0.046545-114.408727-114.455272a27.927273 27.927273 0 0 1-3.211636-35.607273l3.258181-3.863273a27.927273 27.927273 0 0 1 39.470546 0l138.24 138.24c11.915636 11.915636 17.314909 27.927273 16.197818 43.566546 1.163636 15.592727-4.235636 31.650909-16.197818 43.613091l-138.24 138.24a27.927273 27.927273 0 1 1-39.517091-39.563637l114.362182-114.315636H288.581818a27.927273 27.927273 0 0 1-27.927273-27.927273zM65.163636 183.994182l0.279273-6.888727A83.781818 83.781818 0 0 1 148.945455 100.212364H512l6.888727 0.279272A83.781818 83.781818 0 0 1 595.781818 183.994182v112.174545l-0.372363 4.561455a27.927273 27.927273 0 0 1-55.482182-4.561455v-112.174545l-0.372364-4.561455A27.927273 27.927273 0 0 0 512 156.066909H148.945455l-4.51491 0.325818a27.927273 27.927273 0 0 0-23.412363 27.601455V828.509091l0.372363 4.514909a27.927273 27.927273 0 0 0 27.55491 23.412364H512l4.514909-0.372364a27.927273 27.927273 0 0 0 23.412364-27.554909v-141.125818l0.372363-4.514909a27.927273 27.927273 0 0 1 55.482182 4.514909V828.509091l-0.279273 6.888727A83.781818 83.781818 0 0 1 512 912.290909H148.945455l-6.888728-0.279273A83.781818 83.781818 0 0 1 65.163636 828.509091V183.994182z" fill="#ffffff" p-id="2969"></path></svg>
\ No newline at end of file

@@ -20,8 +20,17 @@ class data extends filter {
         label: "业务来源",
       },
       {
-        prop: "lczt",
         label: "流程状态",
+        render: (h, scope) => {
+          switch (scope.row.lczt) {
+            case '1':
+              return <span>进行中</span>
+            case '2':
+              return <span>进行中</span>
+              case '3':
+                return <span>进行中</span>
+          }
+        }
       },
       {
         prop: "zbhj",

 <template>
   <div class='slxx'>
-    <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="130px">
+    <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="180px">
       <div class="slxx_title">受理信息</div>
       <el-row>
         <el-col :span="8">
           <el-form-item label="业务号：" prop="ywh">
-            <el-input class="width200px" v-model="ruleForm.ywh"></el-input>
+            <el-input  v-model="ruleForm.ywh"></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="8">
           <el-form-item label="受理人员：" prop="slry">
-            <el-input class="width200px" v-model="ruleForm.slry"></el-input>
+            <el-input  v-model="ruleForm.slry"></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="8">
           <el-form-item label="使用权结束时间：" prop="slsj">
-            <el-date-picker class="width200px" v-model="ruleForm.slsj" type="datetime" placeholder="选择结束时间"
+            <el-date-picker class="Inputclass" v-model="ruleForm.slsj" type="datetime" placeholder="选择结束时间"
             value-format="yyyy-MM-dd" >
           </el-date-picker>
           </el-form-item>
@@ -24,7 +24,7 @@
       <el-row>
         <el-col :span="8">
           <el-form-item label="权利类型：" prop="qllx">
-            <el-select class="width200px" v-model="ruleForm.qllx" filterable clearable placeholder="请选择权利类型">
+            <el-select class="Inputclass" v-model="ruleForm.qllx" filterable clearable placeholder="请选择权利类型">
               <el-option v-for="item in qllxOption" :key="item.value" :label="item.label" :value="item.value">
               </el-option>
             </el-select>
@@ -32,7 +32,7 @@
         </el-col>
         <el-col :span="8">
           <el-form-item label="登记类型：" prop="djlx">
-            <el-select class="width200px" v-model="ruleForm.djlx" filterable clearable placeholder="请选择登记类型">
+            <el-select class="Inputclass" v-model="ruleForm.djlx" filterable clearable placeholder="请选择登记类型">
               <el-option v-for="item in djlxOption" :key="item.value" :label="item.label" :value="item.value">
               </el-option>
             </el-select>
@@ -40,7 +40,7 @@
         </el-col>
         <el-col :span="8">
           <el-form-item label="登记情形：" prop="djqx">
-            <el-select class="width200px" v-model="ruleForm.djqx" filterable clearable placeholder="请选择登记情形">
+            <el-select class="Inputclass" v-model="ruleForm.djqx" filterable clearable placeholder="请选择登记情形">
               <el-option v-for="item in djqxOption" :key="item.value" :label="item.label" :value="item.value">
               </el-option>
             </el-select>
@@ -51,17 +51,17 @@
       <el-row>
         <el-col :span="8">
           <el-form-item label="宗地代码：" prop="zddm">
-            <el-input class="width200px" v-model="ruleForm.zddm"></el-input>
+            <el-input  v-model="ruleForm.zddm"></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="8">
           <el-form-item label="不动产单元号：" prop="bdcdyh">
-            <el-input class="width200px" v-model="ruleForm.bdcdyh"></el-input>
+            <el-input  v-model="ruleForm.bdcdyh"></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="8">
           <el-form-item label="权利性质：" prop="qlxz">
-            <el-select class="width200px" v-model="ruleForm.qlxz" filterable clearable placeholder="请选择登记情形">
+            <el-select class="Inputclass" v-model="ruleForm.qlxz" filterable clearable placeholder="请选择登记情形">
               <el-option v-for="item in qlxzOption" :key="item.value" :label="item.label" :value="item.value">
               </el-option>
             </el-select>
@@ -71,19 +71,19 @@
       <el-row>
         <el-col :span="8">
           <el-form-item label="宗地面积：" prop="zdmj">
-            <el-input class="width200px" v-model="ruleForm.zdmj"></el-input>
+            <el-input  v-model="ruleForm.zdmj"></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="16">
           <el-form-item label="坐落：" prop="zl">
-            <el-input  v-model="ruleForm.zl"></el-input>
+            <el-input style="width: 100%"  v-model="ruleForm.zl"></el-input>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row>
         <el-col :span="8">
           <el-form-item label="土地用途：" prop="tdyt">
-            <el-select class="width200px" v-model="ruleForm.tdyt" filterable clearable placeholder="请选择登记情形">
+            <el-select class="Inputclass" v-model="ruleForm.tdyt" filterable clearable placeholder="请选择登记情形">
               <el-option v-for="item in tdytOption" :key="item.value" :label="item.label" :value="item.value">
               </el-option>
             </el-select>
@@ -91,7 +91,7 @@
         </el-col>
         <el-col :span="8">
           <el-form-item label="权利设定方式：" prop="qlsdfs">
-            <el-select class="width200px" v-model="ruleForm.qlsdfs" filterable clearable placeholder="请选择登记情形">
+            <el-select class="Inputclass" v-model="ruleForm.qlsdfs" filterable clearable placeholder="请选择登记情形">
               <el-option v-for="item in qlsdfsOption" :key="item.value" :label="item.label" :value="item.value">
               </el-option>
             </el-select>
@@ -99,28 +99,28 @@
         </el-col>
         <el-col :span="8">
           <el-form-item label="取得价格：" prop="qdjg">
-            <el-input class="width200px" v-model="ruleForm.qdjg"></el-input>
+            <el-input  v-model="ruleForm.qdjg"></el-input>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row>
         <el-col :span="8">
           <el-form-item label="使用权起始时间：" prop="syqqssj">
-            <el-date-picker class="width200px" v-model="ruleForm.syqqssj" type="datetime" placeholder="选择起始时间"
+            <el-date-picker class="Inputclass" v-model="ruleForm.syqqssj" type="datetime" placeholder="选择起始时间"
             value-format="yyyy-MM-dd" >
           </el-date-picker>
           </el-form-item>
         </el-col>
         <el-col :span="8">
           <el-form-item label="使用权结束时间：" prop="syqjssj">
-            <el-date-picker class="width200px" v-model="ruleForm.syqjssj" type="datetime" placeholder="选择结束时间"
+            <el-date-picker class="Inputclass" v-model="ruleForm.syqjssj" type="datetime" placeholder="选择结束时间"
             value-format="yyyy-MM-dd" >
           </el-date-picker>
           </el-form-item>
         </el-col>
         <el-col :span="8">
           <el-form-item label="使用期限：" prop="syqx">
-            <el-date-picker class="width200px" v-model="ruleForm.syqx" type="datetime" placeholder="选择使用期限"
+            <el-date-picker class="Inputclass" v-model="ruleForm.syqx" type="datetime" placeholder="选择使用期限"
             value-format="yyyy-MM-dd" >
           </el-date-picker>
           </el-form-item>
@@ -236,4 +236,7 @@ export default {
     min-height: 90px!important;
   }
 }
+.Inputclass{
+  width: 100%;
+}
 </style>
\ No newline at end of file

@@ -5,13 +5,13 @@
         <li @click="operation(index)" v-for="(item, index) in headerleftList.slice(0, headerleftList.length - 4)"
           :key="index">
           <svg-icon :icon-class="item.icon" />
-          {{ item.name }}
+          <span class="iconName">{{ item.name }}</span>
         </li>
       </ul>
       <ul>
         <li @click="operation(index)" v-for="(item, index) in headerleftList.slice(-4)" :key="index">
           <svg-icon :icon-class="item.icon" />
-          {{ item.name }}
+          <span class="iconName">{{ item.name }}</span>
         </li>
       </ul>
     </div>
@@ -32,43 +32,43 @@ export default {
       headerleftList: [
         {
           name: '图形定位',
-          icon: ''
+          icon: 'fqsq1'
         },
         {
           name: '登记簿',
-          icon: ''
+          icon: 'fqsq2'
         },
         {
           name: '证书预览',
-          icon: ''
+          icon: 'fqsq3'
         },
         {
           name: '流程图',
-          icon: ''
+          icon: 'fqsq4'
         },
         {
           name: '材料分屏',
-          icon: ''
+          icon: 'fqsq5'
         },
         {
           name: '材料导入',
-          icon: ''
+          icon: 'fqsq6'
         },
         {
           name: '打印申请书',
-          icon: ''
+          icon: 'fqsq7'
         },
         {
           name: '登簿',
-          icon: ''
+          icon: 'fqsq2'
         },
         {
           name: '退回',
-          icon: ''
+          icon: 'fqsq8'
         },
         {
           name: '转出',
-          icon: ''
+          icon: 'fqsq9'
         },
         {
           name: '退出',
@@ -119,7 +119,10 @@ export default {
 </script>
 <style scoped lang='scss'>
 @import "~@/styles/mixin.scss";
-
+/deep/.svg-icon{
+  width: 1.5em;
+    height: 1.5em;
+}
 /deep/.el-tabs__nav-wrap {
   padding: 5px 0 0 15px;
 }
@@ -127,7 +130,9 @@ export default {
 /deep/.el-tabs__nav-wrap::after {
   height: 1px;
 }
-
+.iconName{
+  line-height: 30px;
+}
 .fqsq {
   width: 100%;
   height: 100%;

@@ -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 == "预告买卖登记") {