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

@@ -29,15 +29,29 @@ export function getNextNode (bsmSqyw) {
 }
 }
 
 
 /* 
 /* 
-业务办理-选择单元-根据条件进行列表查询
+业务办理-选择单元-根据条件进行列表查询-国有建设用地使用权
 */
 */
 export function selectScBdcdy (data) {
 export function selectScBdcdy (data) {
     return request({
     return request({
         url: '/ywbl/ywsq/selectScBdcdy',
         url: '/ywbl/ywsq/selectScBdcdy',
         method: 'post',
         method: 'post',
-        data
+        data,
+        showLoading: true
     })
     })
 }
 }
+
+/* 
+业务办理-选择单元-根据条件进行列表查询-房屋所有权
+*/
+export function selectFwsyq (data) {
+    return request({
+        url: 'ywbl/ywsq/selectFwsyq',
+        method: 'post',
+        data,
+        showLoading: true
+    })
+}
+
 // 待办箱列表查询接口
 // 待办箱列表查询接口
 export function searchTaskToDo (data) {
 export function searchTaskToDo (data) {
     return request({
     return request({
@@ -62,7 +76,8 @@ export function startBusinessFlow (data) {
     return request({
     return request({
         url: '/business/workFlow/startBusinessFlow',
         url: '/business/workFlow/startBusinessFlow',
         method: 'post',
         method: 'post',
-        data
+        data,
+        showLoading: true
     })
     })
 }
 }
 /* 
 /* 
@@ -83,7 +98,8 @@ export function selectQlxx (data) {
     return request({
     return request({
         url: '/ywbl/ywsq/selectQlxx',
         url: '/ywbl/ywsq/selectQlxx',
         method: 'post',
         method: 'post',
-        data
+        data,
+        showLoading: true
     })
     })
 }
 }
 /* 
 /* 
@@ -93,7 +109,8 @@ export function selectDiyaq (data) {
     return request({
     return request({
         url: '/ywbl/ywsq/selectDiyaq',
         url: '/ywbl/ywsq/selectDiyaq',
         method: 'post',
         method: 'post',
-        data
+        data,
+        showLoading: true
     })
     })
 }
 }
 /* 
 /* 
@@ -103,7 +120,8 @@ export function selectCfdj (data) {
     return request({
     return request({
         url: '/ywbl/ywsq/selectCfdj',
         url: '/ywbl/ywsq/selectCfdj',
         method: 'post',
         method: 'post',
-        data
+        data,
+        showLoading: true
     })
     })
 }
 }
 /* 
 /* 

@@ -24,10 +24,11 @@ export function getDjbfm(qlbsm) {
 }
 }
 
 
 // 获取登记目录
 // 获取登记目录
-export function getDjml(qlbsm) {
+export function getBdcqldjmlByBdcdyid(data) {
   return request({
   return request({
-    url: '/zhcx/djbcx/djml/' + qlbsm,
-    method: 'get'
+    url: '/zhcx/djbcx/getBdcqldjmlByBdcdyid',
+    method: 'get',
+    params: data
   })
   })
 }
 }
 
 
@@ -40,9 +41,27 @@ export function getZdjbxx(qlbsm) {
 }
 }
 
 
 // 获取宗地信息
 // 获取宗地信息
+export function getZdjjxxBybdcdyid(data) {
+  return request({
+    url: '/zhcx/djbcx/getZdjjxxBybdcdyid',
+    method: 'get',
+    params: data
+  })
+}
+
+// 获取宗地信息
 export function getZdjjxxBySLdy(data) {
 export function getZdjjxxBySLdy(data) {
   return request({
   return request({
-    url: '/zhcx/djbcx/getZdjjxxBySLdy',
+    url: '/zhcx/djbcx/getZdjjxxBybdcdyid',
+    method: 'get',
+    params: data
+  })
+}
+
+// 获取不动产权利及其他事项
+export function getBdcqljqtsx(data) {
+  return request({
+    url: '/zhcx/djbcx/getBdcqljqtsx',
     method: 'get',
     method: 'get',
     params: data
     params: data
   })
   })

@@ -59,7 +59,7 @@ export default {
     },
     },
     heightNum: {
     heightNum: {
       type: Number,
       type: Number,
-      default: 260,
+      default: 275,
     },
     },
     maxHeight: {
     maxHeight: {
       type: Number,
       type: Number,

@@ -3,14 +3,17 @@
     <div class="ls-mask" v-loading="loading">
     <div class="ls-mask" v-loading="loading">
       <div class="ls-mask-window" :style="{'width':width,'height':height}">
       <div class="ls-mask-window" :style="{'width':width,'height':height}">
         <div class="ls-head">
         <div class="ls-head">
-          <div class="ls-title" :style="{'text-align':titleStyle}"><b>{{title}}</b></div>
-          <i class="el-icon-close" @click="onCancel"></i>
+          <div class="ls-title" :style="{'text-align':titleStyle}">
+            <svg-icon v-if="iconClass!=''" :icon-class='iconClass' />
+            <b>{{title}}</b>
+          </div>
+          <svg-icon icon-class='close' class="closeStyle" @click="onCancel" />
         </div>
         </div>
 
 
-        <div class="ls-mask-content" ref='contentRef' :style="{'height': contentHeight + 'px'}">
-          <component :is="editItem" ref='childRef' @loading='loadingFn' :formData='formData' />
+        <div class="ls-mask-content" ref='contentRef' :style="{'height': contentHeight}">
+          <component :is="editItem" ref='childRef' @loading='loadingFn' :key="key" :formData='formData' />
         </div>
         </div>
-        <div class="ls-mask-footer">
+        <div class="ls-mask-footer" v-if='btnShow'>
           <el-button type="primary" @click="onConfirm">{{confirmText}}</el-button>
           <el-button type="primary" @click="onConfirm">{{confirmText}}</el-button>
           <el-button @click="onCancel">{{cancelText}}</el-button>
           <el-button @click="onCancel">{{cancelText}}</el-button>
         </div>
         </div>
@@ -23,6 +26,7 @@ export default {
   name: 'index',
   name: 'index',
   data () {
   data () {
     return {
     return {
+      btnShow: true,
       title: '提示',
       title: '提示',
       cancelText: '取消',
       cancelText: '取消',
       confirmText: '确认',
       confirmText: '确认',
@@ -34,24 +38,39 @@ export default {
       titleStyle: 'center',
       titleStyle: 'center',
       width: "75%",
       width: "75%",
       height: "auto",
       height: "auto",
-      formData: "",//父组件传递的参数 负责传给子组件
-      contentHeight:"",
+      formData: undefined,//父组件传递的参数 负责传给子组件
+      contentHeight: "",
+      iconClass: "",
+      key: 0
     }
     }
   },
   },
-  
   props: {
   props: {
     loading: { type: Boolean, default: false },
     loading: { type: Boolean, default: false },
   },
   },
   watch: {
   watch: {
     isShow (a, b) {
     isShow (a, b) {
+      this.key++
       this.editItem = this.loadViewFn(this.editItem)
       this.editItem = this.loadViewFn(this.editItem)
     },
     },
   },
   },
-  mounted(){
+  mounted () {
     //  计算滚动条高度
     //  计算滚动条高度
     setTimeout(() => {
     setTimeout(() => {
-    this.contentHeight = this.$refs.contentRef.offsetHeight
-   }, 1000);
+      if(this.btnShow){
+        if(this.height == 'auto'){
+        this.contentHeight = (this.$refs.contentRef.offsetHeight - 115) + 'px'
+      }else{
+        this.contentHeight =(parseInt(this.height)-parseInt('115px'))+'px';
+      }
+      }else{
+        if(this.height == 'auto'){
+        this.contentHeight = this.$refs.contentRef.offsetHeight + 'px'
+      }else{
+        this.contentHeight =this.height
+      }
+      }
+      
+    }, 500)
   },
   },
   methods: {
   methods: {
     onCancel () {
     onCancel () {
@@ -76,7 +95,7 @@ export default {
         require.ensure([], () =>
         require.ensure([], () =>
           r(require(`@/views/${view}.vue`))
           r(require(`@/views/${view}.vue`))
         );
         );
-    },
+    }
   }
   }
 }
 }
 </script>
 </script>
@@ -105,40 +124,43 @@ export default {
   transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   border-radius: 10px;
   border-radius: 10px;
 }
 }
-.ls-head{
-  position: relative;
-}
+
 .ls-mask-window b {
 .ls-mask-window b {
-  padding-left: 12px;
+  padding-left: 5px;
 }
 }
-.ls-title{
-  padding: 20px;
-  background: #1E9FFF;
+
+.ls-title {
+  padding: 16px;
   color: #ffffff;
   color: #ffffff;
+  background: linear-gradient(-2deg,#409EFF, transparent)
 }
 }
+
+.ls-title .svg-icon {
+  font-size: 18px;
+}
+
 .ls-mask-content {
 .ls-mask-content {
   padding: 20px;
   padding: 20px;
-  text-align: center;
-  position: absolute;
   width: 100%;
   width: 100%;
   overflow: scroll;
   overflow: scroll;
 }
 }
 
 
 .ls-mask-footer {
 .ls-mask-footer {
   height: 65px;
   height: 65px;
-  border-top: 1px solid #f0f0f0;
   display: flex;
   display: flex;
   justify-content: center;
   justify-content: center;
-  position: absolute;
   width: 100%;
   width: 100%;
-  bottom: 0px;
-  right: 0px;
-  background: #f3f3f3;
+  box-shadow: 0px 0px 2px 0px;
+  border-radius: 0 0 10px 10px;
+  position: absolute;
+    bottom: 0;
+    background: #ffffff;
 }
 }
 
 
-/deep/.el-icon-close {
+
+/deep/.closeStyle {
   position: absolute;
   position: absolute;
-  top: 20px;
+  top: 17px;
   right: 12px;
   right: 12px;
   font-size: 20px;
   font-size: 20px;
   cursor: pointer;
   cursor: pointer;
@@ -148,8 +170,10 @@ export default {
 /deep/.el-loading-mask {
 /deep/.el-loading-mask {
   background: none;
   background: none;
 }
 }
-/deep/.el-button{
+
+/deep/.el-button {
   margin: 15px 10px;
   margin: 15px 10px;
+  width: 75px;
 }
 }
 </style>
 </style>
   
   
\ No newline at end of file

@@ -9,10 +9,12 @@
           height:"", //弹窗的高度
           height:"", //弹窗的高度
           editItem: 'ywbl/dbx/aa', // 子组件的路径  相当于你平时img取的路径
           editItem: 'ywbl/dbx/aa', // 子组件的路径  相当于你平时img取的路径
           formData:this.formData, //父组件传给子组件的参数  
           formData:this.formData, //父组件传给子组件的参数  
+          btnShow:false,//按钮显隐 false隐藏 true显示
           confirmText:"" // 确认按钮的文字
           confirmText:"" // 确认按钮的文字
           cancelText:"" //取消按钮的文字
           cancelText:"" //取消按钮的文字
           cancel: function () {}, //取消事件的回调
           cancel: function () {}, //取消事件的回调
           confirm: function () {}, //确认事件的回调
           confirm: function () {}, //确认事件的回调
+          iconClass:"",//标题前面icon图标名称
         })    
         })    
 3.子组件的方法名字必须统一为 childFn()
 3.子组件的方法名字必须统一为 childFn()
 4.子组件切记props接收 父组件传参formData  
 4.子组件切记props接收 父组件传参formData  

+<svg t="1665567795982" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2615" width="200" height="200"><path d="M512 74.666667C270.933333 74.666667 74.666667 270.933333 74.666667 512S270.933333 949.333333 512 949.333333 949.333333 753.066667 949.333333 512 753.066667 74.666667 512 74.666667z m0 810.666666c-204.8 0-373.333333-168.533333-373.333333-373.333333S307.2 138.666667 512 138.666667 885.333333 307.2 885.333333 512 716.8 885.333333 512 885.333333z" p-id="2616"></path><path d="M657.066667 360.533333c-12.8-12.8-32-12.8-44.8 0l-102.4 102.4-102.4-102.4c-12.8-12.8-32-12.8-44.8 0-12.8 12.8-12.8 32 0 44.8l102.4 102.4-102.4 102.4c-12.8 12.8-12.8 32 0 44.8 6.4 6.4 14.933333 8.533333 23.466666 8.533334s17.066667-2.133333 23.466667-8.533334l102.4-102.4 102.4 102.4c6.4 6.4 14.933333 8.533333 23.466667 8.533334s17.066667-2.133333 23.466666-8.533334c12.8-12.8 12.8-32 0-44.8l-106.666666-100.266666 102.4-102.4c12.8-12.8 12.8-34.133333 0-46.933334z" p-id="2617"></path></svg>
\ No newline at end of file

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

+const state = {
+  bsmSqyw: '',
+  djqxObj: {
+    djqxbm: "",
+    djqxmc: ""
+  },
+  djywbm: ''
+}
+const mutations = {
+  SET_BSMSQYW: (state, data) => {
+    state.bsmSqyw = data
+  },
+  SET_DJQXOBJ: (state, data) => {
+    state.djqxObj = data
+  },
+  SET_DJYWBM: (state, data) => {
+    state.djywbm = data
+  },
+}
+
+const actions = {
+  setBsmSqyw ({ commit }, data) {
+    commit('SET_BSMSQYW', data)
+  },
+  setDjqxObj ({ commit }, data) {
+    commit('SET_DJQXOBJ', data)
+  },
+  setDjywbm ({ commit }, data) {
+    commit('SET_DJYWBM', data)
+  }
+}
+
+export default {
+  namespaced: true,
+  state,
+  mutations,
+  actions
+}

@@ -7,7 +7,7 @@
 
 
     &-header {
     &-header {
         width: 100%;
         width: 100%;
-        padding: 10px 10px 3px 10px;
+        padding: 10px;
         box-sizing: border-box;
         box-sizing: border-box;
         background: #FFFFFF;
         background: #FFFFFF;
         border-radius: 2px;
         border-radius: 2px;
@@ -18,7 +18,7 @@
         display: flex;
         display: flex;
         font-size: 12px;
         font-size: 12px;
         flex-wrap: wrap;
         flex-wrap: wrap;
-        line-height: 36px;
+        padding-top: 10px;
 
 
         span {
         span {
             display: flex;
             display: flex;

@@ -8,12 +8,12 @@ export default {
       }
       }
     }
     }
   },
   },
+  computed: {
+    ...mapGetters(['dictData']),
+  },
   created () {
   created () {
     this.fetchData()
     this.fetchData()
   },
   },
-  computed: {
-    ...mapGetters(['dictData'])
-  },
   methods: {
   methods: {
     handleSizeChange (val) {
     handleSizeChange (val) {
       this.pageData.currentPage = 1
       this.pageData.currentPage = 1

@@ -229,7 +229,7 @@ export default {
     height: calc(100% - 80px);
     height: calc(100% - 80px);
     align-items: center;
     align-items: center;
     background: rgba(194, 190, 190, 0.1);
     background: rgba(194, 190, 190, 0.1);
-
+    overflow: scroll;
     img {
     img {
       display: block;
       display: block;
       object-fit: scale-down;
       object-fit: scale-down;

+<template>
+  <div class="bdcqldjml">
+    <table class="mlTable">
+      <tr>
+        <th colspan="5" class="title">不动产权利登记目录</th>
+      </tr>
+      <tr>
+        <td>序号</td>
+        <td>不动产单元号</td>
+        <td>不动产类型</td>
+        <td>所在本数</td>
+        <td>备注</td>
+      </tr>
+      <tr v-for="(item, index) in bdcqlml" :key="index">
+        <td>{{ index + 1 }}</td>
+        <td>{{ item.bdcdyh }}</td>
+        <td>{{ item.bdclx }}</td>
+        <td>{{ item.szbs }}</td>
+        <td>{{ item.bz }}</td>
+      </tr>
+    </table>
+  </div>
+</template>
+
+<script>
+import { getBdcqldjmlByBdcdyid } from "@/api/zhcx.js";
+export default {
+  data() {
+    return {
+      bdcqlml: [],
+      propsParam: this.$attrs,
+    };
+  },
+  mounted() {
+    getBdcqldjmlByBdcdyid({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
+      if (res.code === 200) {
+        this.bdcqlml = res.result;
+      }
+    });
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.bdcqldjml {
+  width: 100%;
+  height: 100%;
+  background: #fff;
+  overflow-y: scroll;
+  .mlTable {
+    width: 90%;
+    margin: 0 auto;
+    color: #333;
+    border-spacing: 1px;
+    background-color: #333;
+
+    .title {
+      font-size: 20px;
+      line-height: 60px;
+      font-family: serif;
+      position: relative;
+    }
+
+    td,
+    th {
+      background-color: white;
+      line-height: 30px;
+      padding: 0 4px;
+      text-align: center;
+    }
+  }
+}
+</style>

+<template>
+  <div class="bdcqljqtsx">
+    <div class="content">
+      <div class="title">不动产权利及其他事项<br />登记信息</div>
+      <div>
+        不动产单元号:
+        <div class="underline">{{ propsParam.bdcdyh }}</div>
+      </div>
+      <br /><br /><br />
+      <div>
+        <div class="underline">{{ qlxxList.ztqlmc }}</div>
+        登记 共
+        <div class="underline">{{ qlxxList.ztql.total }}</div>
+        条
+      </div>
+      <br /><br />
+      <div>
+        抵押权登记 共
+        <div class="underline">{{ qlxxList.diyaq.total }}</div>
+        条
+      </div>
+      <br />
+      <div>
+        地役权登记 共
+        <div class="underline">{{ qlxxList.diyiq.total }}</div>
+        条
+      </div>
+      <br />
+      <div>
+        预告登记 共
+        <div class="underline">{{ qlxxList.ygdj.total }}</div>
+        条
+      </div>
+      <br />
+      <div>
+        异议登记 共
+        <div class="underline">{{ qlxxList.yydj.total }}</div>
+        条
+      </div>
+      <br />
+      <div>
+        查封登记 共
+        <div class="underline">{{ qlxxList.cfdj.total }}</div>
+        条
+      </div>
+      <br />
+    </div>
+  </div>
+</template>
+
+<script>
+import { getBdcqljqtsx } from "@/api/zhcx.js";
+export default {
+  name: "bdcqljqtsx",
+  data() {
+    return {
+      //传递参数
+      propsParam: this.$attrs,
+      qlxxList: "",
+    };
+  },
+  mounted() {
+    getBdcqljqtsx({
+      bdcdyid: this.propsParam.bdcdyid,
+      bdcdyh: this.propsParam.bdcdyh,
+    }).then((res) => {
+      if (res.code === 200) {
+        this.qlxxList = res.result;
+      }
+    });
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.bdcqljqtsx {
+  width: 100%;
+  height: 100%;
+  background: #fff;
+
+  .content {
+    width: 50%;
+    height: 100%;
+    margin: 0 auto;
+    text-align: right;
+    color: #333;
+    font-family: "Arial Negreta", "Arial Normal", "Arial", sans-serif;
+    font-weight: 700;
+    font-size: 18px;
+    line-height: 16px;
+
+    .title {
+      font-size: 32px;
+      text-align: center;
+      padding: 40px 0;
+      line-height: 34px;
+    }
+
+    .underline {
+      font-size: 14px;
+      font-weight: normal;
+      text-decoration: underline;
+      display: inline-block;
+    }
+  }
+}
+</style>

+<template>
+  <div class="djxxTable">
+    <div class="tableBox">
+      <div class="title">
+        {{ title }}
+        <div class="checkbox">
+          <el-checkbox-group v-model="checkList" @change="checkChange">
+            <el-checkbox
+              v-for="item in qsztList"
+              :key="item.value"
+              :label="item.value"
+              >{{ item.label }}</el-checkbox
+            >
+          </el-checkbox-group>
+        </div>
+      </div>
+      <div class="xxTableBox">
+        <table class="xxTable">
+          <tr v-for="(item, colindex) in columns" :key="colindex">
+            <td>
+              {{ item.label }}
+            </td>
+            <td
+              v-for="(row, index) in tableData"
+              :key="index"
+              :class="[
+                row.qszt == '2' ? 'lishi' : '',
+                row.qszt == '0' ? 'linshi' : '',
+                item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
+              ]"
+            >
+              <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
+                正在办理
+              </div>
+              <span v-if="item.prop == 'qszt'">
+                {{ getQsztName(row[item.prop]) }}
+              </span>
+
+              <span v-else> {{ row[item.prop] }}</span>
+            </td>
+            <td v-for="count in emptycolNum" :key="~count"></td>
+          </tr>
+        </table>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getJsydsyqList } from "@/api/zhcx.js";
+import { datas } from "./qlxxFormData.js";
+export default {
+  data() {
+   return {
+      title: "查封登记信息",
+      qsztList: datas.columns().qsztList,
+      checkList: datas.columns().checkList,
+      //传递参数
+      propsParam: this.$attrs,
+      //列表数据
+      tableData: [],
+      //空列值个数
+      emptycolNum: 0,
+      //列名称对象
+      columns: datas.columns().CFDJ,
+    };
+  },
+  created() {
+    this.loadData();
+  },
+  methods: {
+    loadData() {  
+      getJsydsyqList({
+        bdcdyid: this.propsParam.bdcdyid,
+        qllx: this.propsParam.qllx,
+        qszt: this.checkList,
+      }).then((res) => {
+        if (res.code === 200) {
+          this.tableData = res.result;
+          this.emptycolNum = 3 - this.tableData.length;
+        }
+      });
+    },
+    checkChange() {
+      this.loadData();
+    },
+    getQsztName(code) {
+      let name = "";
+      for (let item of this.qsztList) {
+        if (item.value == code) {
+          name = item.label;
+          break;
+        }
+      }
+      return name;
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+@import "./qlxxCommon.scss";
+</style>

+<template>
+  <div class="djxxTable">
+    <div class="tableBox">
+      <div class="title">
+        {{ title }}
+        <div class="checkbox">
+          <el-checkbox-group v-model="checkList" @change="checkChange">
+            <el-checkbox
+              v-for="item in qsztList"
+              :key="item.value"
+              :label="item.value"
+              >{{ item.label }}</el-checkbox
+            >
+          </el-checkbox-group>
+        </div>
+      </div>
+      <div class="xxTableBox">
+        <table class="xxTable">
+          <tr v-for="(item, colindex) in columns" :key="colindex">
+            <td>
+              {{ item.label }}
+            </td>
+            <td
+              v-for="(row, index) in tableData"
+              :key="index"
+              :class="[
+                row.qszt == '2' ? 'lishi' : '',
+                row.qszt == '0' ? 'linshi' : '',
+                item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
+              ]"
+            >
+              <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
+                正在办理
+              </div>
+              <span v-if="item.prop == 'qszt'">
+                {{ getQsztName(row[item.prop]) }}
+              </span>
+
+              <span v-else> {{ row[item.prop] }}</span>
+            </td>
+            <td v-for="count in emptycolNum" :key="~count"></td>
+          </tr>
+        </table>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getJsydsyqList } from "@/api/zhcx.js";
+import { datas } from "./qlxxFormData.js";
+export default {
+  data() {
+   return {
+      title: "抵押权登记信息",
+      qsztList: datas.columns().qsztList,
+      checkList: datas.columns().checkList,
+      //传递参数
+      propsParam: this.$attrs,
+      //列表数据
+      tableData: [],
+      //空列值个数
+      emptycolNum: 0,
+      //列名称对象
+      columns: datas.columns().DYAQ,
+    };
+  },
+  created() {
+    this.loadData();
+  },
+  methods: {
+    loadData() {  
+      getJsydsyqList({
+        bdcdyid: this.propsParam.bdcdyid,
+        qllx: this.propsParam.qllx,
+        qszt: this.checkList,
+      }).then((res) => {
+        if (res.code === 200) {
+          this.tableData = res.result;
+          this.emptycolNum = 3 - this.tableData.length;
+        }
+      });
+    },
+    checkChange() {
+      this.loadData();
+    },
+    getQsztName(code) {
+      let name = "";
+      for (let item of this.qsztList) {
+        if (item.value == code) {
+          name = item.label;
+          break;
+        }
+      }
+      return name;
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+@import "./qlxxCommon.scss";
+</style>

+<template>
+  <div class="djxxTable">
+    <div class="tableBox">
+      <div class="title">
+        {{ title }}
+        <div class="checkbox">
+          <el-checkbox-group v-model="checkList" @change="checkChange">
+            <el-checkbox
+              v-for="item in qsztList"
+              :key="item.value"
+              :label="item.value"
+              >{{ item.label }}</el-checkbox
+            >
+          </el-checkbox-group>
+        </div>
+      </div>
+      <div class="xxTableBox">
+        <table class="xxTable">
+          <tr v-for="(item, colindex) in columns" :key="colindex">
+            <td>
+              {{ item.label }}
+            </td>
+            <td
+              v-for="(row, index) in tableData"
+              :key="index"
+              :class="[
+                row.qszt == '2' ? 'lishi' : '',
+                row.qszt == '0' ? 'linshi' : '',
+                item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
+              ]"
+            >
+              <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
+                正在办理
+              </div>
+              <span v-if="item.prop == 'qszt'">
+                {{ getQsztName(row[item.prop]) }}
+              </span>
+
+              <span v-else> {{ row[item.prop] }}</span>
+            </td>
+            <td v-for="count in emptycolNum" :key="~count"></td>
+          </tr>
+        </table>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getJsydsyqList } from "@/api/zhcx.js";
+import { datas } from "./qlxxFormData.js";
+export default {
+  data() {
+   return {
+      title: "地役权登记信息",
+      qsztList: datas.columns().qsztList,
+      checkList: datas.columns().checkList,
+      //传递参数
+      propsParam: this.$attrs,
+      //列表数据
+      tableData: [],
+      //空列值个数
+      emptycolNum: 0,
+      //列名称对象
+      columns: datas.columns().DYIQ,
+    };
+  },
+  created() {
+    this.loadData();
+  },
+  methods: {
+    loadData() {  
+      getJsydsyqList({
+        bdcdyid: this.propsParam.bdcdyid,
+        qllx: this.propsParam.qllx,
+        qszt: this.checkList,
+      }).then((res) => {
+        if (res.code === 200) {
+          this.tableData = res.result;
+          this.emptycolNum = 3 - this.tableData.length;
+        }
+      });
+    },
+    checkChange() {
+      this.loadData();
+    },
+    getQsztName(code) {
+      let name = "";
+      for (let item of this.qsztList) {
+        if (item.value == code) {
+          name = item.label;
+          break;
+        }
+      }
+      return name;
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+@import "./qlxxCommon.scss";
+</style>

+<template>
+  <div class="content">
+    <div class="left">
+      <el-tree
+        ref="tree"
+        :data="treedata"
+        :props="defaultProps"
+        @node-click="handleNodeClick"
+        :default-expand-all="true"
+        :expand-on-click-node="false"
+        node-key="id"
+        :default-checked-keys="[showTab]"
+      >
+      </el-tree>
+    </div>
+    <div class="right">
+      <component :is="componentTag" v-bind="currentSelectProps" />
+    </div>
+  </div>
+</template>
+<script>
+import { getBdcqljqtsx } from "@/api/zhcx.js";
+import axios from "axios";
+export default {
+  data() {
+    return {
+      //接收参数
+      // propsParam: this.$attrs,
+      //左侧目录
+      catalog: {},
+      //选择加载哪一个组件
+      componentTag: "JSYDSYQ",
+      //子组件接收参数
+      currentSelectProps: {},
+      //左侧树形结构数据
+      treedata: [],
+      bdcqljqtsxData: [],
+      defaultProps: {
+        children: "children",
+        label: "label",
+      },
+      showTab: "bdcqldjml", // 选中状态,根据表格中权利类型判断
+    };
+  },
+  props: ["formData"],
+  mounted() {
+    this.loadData();
+  },
+  methods: {
+    loadData() {
+      getBdcqljqtsx({
+        bdcdyid: this.formData.bdcdyid,
+        bdcdyh: this.formData.bdcdyh,
+      }).then((res) => {
+        if (res.code === 200) {
+          this.loadLeftMenu(res.result);
+        }
+      });
+      //this.$alert(this.bdcqlml);
+      this.currentSelectProps = {
+        bdcdyid: this.formData.bdcdyid,
+        bdcdyh: this.formData.bdcdyh,
+        qllx: this.formData.qllx,
+        bsmQlxx: this.formData.bsmQlxx,
+      };
+
+      this.componentTag = (r) =>
+        require.ensure([], () =>
+          r(require("@/views/registerBook/jsydsyq.vue"))
+        );
+    },
+    loadLeftMenu(qlxxData) {
+      this.treedata.push({
+        id: "djbfm",
+        form: "djbfm.vue",
+        label: "登记簿封面",
+        children: [],
+      });
+      this.treedata[0].children.push({
+        id: "zdjbxx",
+        form: "zdjbxx.vue",
+        label: "宗地基本信息\n (" + this.formData.bdcdyh.substring(0, 19) + ")",
+        children: [],
+      });
+      this.treedata[0].children.push({
+        id: "bdcqldjml",
+        form: "bdcqldjml.vue",
+        label: "不动产权利登记目录",
+        children: [],
+      });
+      this.treedata[0].children[1].children.push({
+        id: "bdcqljqtsx",
+        form: "bdcqljqtsx.vue",
+        label:
+          "不动产权利及其他事项\n (" + this.formData.bdcdyh.slice(19) + ")",
+        children: [],
+      });
+      this.treedata[0].children[1].children[0].children.push({
+        id: "jsydsyq",
+        form: "jsydsyq.vue",
+        label:
+          qlxxData.ztqlmc +
+          "(临:" +
+          qlxxData.ztql.linShi +
+          "，现:" +
+          qlxxData.ztql.xianShi +
+          "，历:" +
+          qlxxData.ztql.liShi +
+          ")",
+      });
+      this.treedata[0].children[1].children[0].children.push({
+        id: "diyaq",
+        form: "diyaq.vue",
+        label:
+          "抵押权(临:" +
+          qlxxData.diyaq.linShi +
+          "，现:" +
+          qlxxData.diyaq.xianShi +
+          "，历:" +
+          qlxxData.diyaq.liShi +
+          ")",
+      });
+      this.treedata[0].children[1].children[0].children.push({
+        id: "diyiq",
+        form: "diyiq.vue",
+        label:
+          "地役权(临:" +
+          qlxxData.diyiq.linShi +
+          "，现:" +
+          qlxxData.diyiq.xianShi +
+          "，历:" +
+          qlxxData.diyiq.liShi +
+          ")",
+      });
+      this.treedata[0].children[1].children[0].children.push({
+        id: "ygdj",
+        form: "ygdj.vue",
+        label:
+          "预告登记(临:" +
+          qlxxData.ygdj.linShi +
+          "，现:" +
+          qlxxData.ygdj.xianShi +
+          "，历:" +
+          qlxxData.ygdj.liShi +
+          ")",
+      });
+      this.treedata[0].children[1].children[0].children.push({
+        id: "yydj",
+        form: "yydj.vue",
+        label:
+          "异议登记(临:" +
+          qlxxData.yydj.linShi +
+          "，现:" +
+          qlxxData.yydj.xianShi +
+          "，历:" +
+          qlxxData.yydj.liShi +
+          ")",
+      });
+      this.treedata[0].children[1].children[0].children.push({
+        id: "cfdj",
+        form: "cfdj.vue",
+        label:
+          "查封登记(临:" +
+          qlxxData.cfdj.linShi +
+          "，现:" +
+          qlxxData.cfdj.xianShi +
+          "，历:" +
+          qlxxData.cfdj.liShi +
+          ")",
+      });
+    },
+    handleNodeClick(data, node, elem) {
+      this.componentTag = (r) =>
+        require.ensure([], () =>
+          r(require("@/views/registerBook/" + data.form))
+        );
+    },
+  },
+};
+</script>
+<style scoped lang="scss">
+.content {
+  width: 100%;
+  height: 100%;
+  display: flex;
+
+  .left {
+    width: 256px;
+    height: 704px;
+    background-color: #f5f5f5;
+    color: #333;
+    border: 1px solid rgb(228, 228, 228);
+  }
+
+  .right {
+    width: calc(100% - 256px);
+    height: 704px;
+    // overflow-y: scroll;
+    overflow: auto;
+    background-color: #f5f5f5;
+    border: 1px solid rgb(228, 228, 228);
+  }
+}
+
+/deep/ .expanded.el-tree-node__expand-icon,
+/deep/ .el-tree-node__expand-icon {
+  visibility: hidden;
+}
+
+/deep/ .el-tree-node__content {
+  border: 1px solid rgb(228, 228, 228);
+  height: 45px;
+}
+
+/deep/ .el-tree-node:focus > .el-tree-node__content {
+  background-color: #f5f5f5;
+  color: #0079fe;
+  border-right: 4px solid #0079fe;
+}
+
+/deep/.el-tree-node {
+  white-space: pre-wrap;
+}
+
+/deep/ .is-current > .el-tree-node__content {
+  background-color: #f5f5f5;
+  color: #0079fe;
+  border-right: 4px solid #0079fe;
+}
+</style>

+<template>
+  <div class="djbfm">
+    <br /><br />
+    <p>
+      <font>{{ info.sheng }}</font>
+      省 (区、市)
+      <font>{{ info.shi }}</font>
+      市 (区)
+      <font>{{ info.xian }}</font>
+      区 (县、市)
+    </p>
+    <p>
+      <font>{{ info.zhen }}</font>
+      街道 (乡、镇)
+      <font>{{ info.cun }}</font>
+      街坊 (村)
+      <font>{{ info.zu }}</font>
+      组
+    </p>
+    <div class="title">不动产登记簿</div>
+    <br />
+    <p>
+      宗地/宗海号:
+      <font>{{ info.zddm }}</font>
+    </p>
+    <div class="bottom">
+      <p>
+        登记机构:
+        <font>{{ info.djjg }}</font>
+      </p>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getDjbfm } from "@/api/zhcx.js";
+
+export default {
+  data() {
+    return {
+      //传递参数
+      propsParam: this.$attrs,
+      info: {},
+    };
+  },
+  mounted() {
+    this.loadData();
+  },
+  methods: {
+    loadData() {
+      getDjbfm(
+         this.propsParam.bsmQlxx
+      ).then((res) => {
+        if (res.code === 200) {
+          this.info = res.result;
+        }
+      });
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.djbfm {
+  width: 100%;
+  height: 100%;
+  background: #fff;
+  border-right: 1px solid #ccc;
+  line-height: 45px;
+  text-align: center;
+  font-size: 18px;
+  font-family: serif;
+  position: relative;
+  font {
+    border-bottom: 1px solid #000;
+    display: inline-block;
+    padding: 0 15px;
+    line-height: 16px;
+  }
+  .title {
+    height: 40%;
+    display: flex;
+    font-size: 38px;
+    color: #000;
+    justify-content: center;
+    align-items: center;
+  }
+  .bottom {
+    position: absolute;
+    bottom: 0px;
+    text-align: center;
+    width: 100%;
+    left: 0;
+    height: 100px;
+    line-height: 100px;
+    p {
+      font-size: 28px;
+    }
+    font {
+      font-size: 24px;
+      line-height: 24px;
+    }
+  }
+}
+</style>

-import filter from '@/utils/filter.js'
-
-class data extends filter {
-  constructor() {
-    super()
-  }
-  columns () {
-    return [
-      {
-        prop: "qszt",
-        label: "权属状态",
-      },
-      {
-        prop: "qllxmc",
-        label: "权利类型",
-      },
-      {
-        prop: "djlxmc",
-        label: "登记类型",
-      },
-      {
-        prop: "ssywh",
-        label: "上手业务号",
-      },
-      {
-        prop: "dah",
-        label: "档案号",
-      },
-      {
-        prop: "ywh",
-        label: "业务号",
-      },
-      {
-        prop: "bdcdyh",
-        label: "不动产单元号",
-      },
-      {
-        prop: "zl",
-        label: "坐落",
-      },
-      {
-        prop: "qlrlx",
-        label: "权利人类型",
-      },
-      {
-        prop: "qlrmc",
-        label: "权利人",
-      },
-      {
-        prop: "qlrzjzl",
-        label: "证件种类",
-      },
-      {
-        prop: "qlrzjhm",
-        label: "证件号",
-      },
-      {
-        prop: "gyfs",
-        label: "共有情况",
-      },
-      {
-        prop: "mj",
-        label: "使用权面积(m²)",
-      },
-      {
-        prop: "qlxz",
-        label: "权利性质",
-      },
-      {
-        prop: "ytmc",
-        label: "土地用途",
-      },
-      {
-        prop: "syqqzsj",
-        label: "使用权起止时间",
-      },
-      {
-        prop: "tdsyqx",
-        label: "土地使用期限",
-      },
-      {
-        prop: "qdjg",
-        label: "取得价格(万元)",
-      },
-      {
-        prop: "djyy",
-        label: "登记原因",
-      },
-      {
-        prop: "bdcqzh",
-        label: "不动产权证号",
-      },
-      {
-        prop: "djsj",
-        label: "登记时间",
-      },
-      {
-        prop: "dbr",
-        label: "登簿人",
-      },
-      {
-        prop: "fj",
-        label: "附记",
-      },
-    ]
-  }
-}
-
-let datas = new data()
-
-export {
-  datas
-}
\ No newline at end of file

@@ -5,7 +5,12 @@
         {{ title }}
         {{ title }}
         <div class="checkbox">
         <div class="checkbox">
           <el-checkbox-group v-model="checkList" @change="checkChange">
           <el-checkbox-group v-model="checkList" @change="checkChange">
-            <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
+            <el-checkbox
+              v-for="item in qsztList"
+              :key="item.value"
+              :label="item.value"
+              >{{ item.label }}</el-checkbox
+            >
           </el-checkbox-group>
           </el-checkbox-group>
         </div>
         </div>
       </div>
       </div>
@@ -15,11 +20,15 @@
             <td>
             <td>
               {{ item.label }}
               {{ item.label }}
             </td>
             </td>
-            <td v-for="(row, index) in tableData" :key="index" :class="[
+            <td
+              v-for="(row, index) in tableData"
+              :key="index"
+              :class="[
                 row.qszt == '2' ? 'lishi' : '',
                 row.qszt == '2' ? 'lishi' : '',
                 row.qszt == '0' ? 'linshi' : '',
                 row.qszt == '0' ? 'linshi' : '',
                 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
                 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
-            ]">
+              ]"
+            >
               <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
               <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
                 正在办理
                 正在办理
               </div>
               </div>
@@ -38,47 +47,29 @@
 </template>
 </template>
 
 
 <script>
 <script>
-import { datas } from "./jsydsyq.js";
 import { getJsydsyqList } from "@/api/zhcx.js";
 import { getJsydsyqList } from "@/api/zhcx.js";
+import { datas } from "./qlxxFormData.js";
 export default {
 export default {
-  data () {
+  data() {
     return {
     return {
-      qsztList: [
-        {
-          value: "0",
-          label: "临时",
-        },
-        {
-          value: "1",
-          label: "现势",
-        },
-        {
-          value: "2",
-          label: "历史",
-        },
-      ],
-      checkList: ["0", "1", "2"],
+      title: "建设用地使用权、宅基地使用权登记信息",
+      qsztList: datas.columns().qsztList,
+      checkList: datas.columns().checkList,
       //传递参数
       //传递参数
-      propsParam: {},
+      propsParam: this.$attrs,
       //列表数据
       //列表数据
       tableData: [],
       tableData: [],
       //空列值个数
       //空列值个数
-      emptycolNum: 0,
+      emptycolNum: datas.columns().emptycolNum,
       //列名称对象
       //列名称对象
-      columns: [],
-      title: "建设用地使用权、宅基地使用权登记信息",
+      columns: datas.columns().JSYDSYQ,
     };
     };
   },
   },
-  created () {
-    this.propsParam = this.$attrs;
-    console.log(this.$attrs, 'this.$attrs;');
-    this.columns = datas.columns();
+  created() {
     this.loadData();
     this.loadData();
-    // this.$alert(datas.columns());
   },
   },
   methods: {
   methods: {
-    loadData () {
-      //this.$alert(this.propsParam.bdcdyh);
+    loadData() {
       getJsydsyqList({
       getJsydsyqList({
         bdcdyid: this.propsParam.bdcdyid,
         bdcdyid: this.propsParam.bdcdyid,
         qllx: this.propsParam.qllx,
         qllx: this.propsParam.qllx,
@@ -86,14 +77,19 @@ export default {
       }).then((res) => {
       }).then((res) => {
         if (res.code === 200) {
         if (res.code === 200) {
           this.tableData = res.result;
           this.tableData = res.result;
-          this.emptycolNum = 3 - this.tableData.length;
+         // this.emptycolNum -= this.tableData.length;
+          if (this.tableData.length < this.emptycolNum) {
+            this.emptycolNum -= this.tableData.length;
+          }else{
+             this.emptycolNum = 0;
+          }
         }
         }
       });
       });
     },
     },
-    checkChange () {
+    checkChange() {
       this.loadData();
       this.loadData();
     },
     },
-    getQsztName (code) {
+    getQsztName(code) {
       let name = "";
       let name = "";
       for (let item of this.qsztList) {
       for (let item of this.qsztList) {
         if (item.value == code) {
         if (item.value == code) {
@@ -108,5 +104,5 @@ export default {
 </script>
 </script>
 
 
 <style lang="scss" scoped>
 <style lang="scss" scoped>
-// @import "./qlxxCommon.scss";
+@import "./qlxxCommon.scss";
 </style>
 </style>

+.djxxTable {
+    width: 100%;
+    height: 100%;
+    background: #fff;
+    overflow-y: scroll;
+    color: #333;
+
+    .tableBox {
+        margin: 0 auto;
+        display: flex;
+        flex-wrap: wrap;
+
+        .title {
+            width: 100%;
+            font-weight: 700;
+            font-size: 16px;
+            text-align: center;
+            background: #e9e9e9;
+            height: 62px;
+            line-height: 62px;
+            position: relative;
+            margin: 1px 0;
+
+            .checkbox {
+                position: absolute;
+                right: 20px;
+                bottom: -16px;
+                height: 62px;
+            }
+        }
+
+        .xxTableBox {
+            overflow-x: scroll;
+            width: 100%;
+            padding-bottom: 35px;
+        }
+
+        .xxTable>tr:first-child th {
+            width: 140px;
+        }
+
+        .xxTable {
+            border-spacing: 1px;
+            width: 100%;
+
+            tr>th {
+                border: 1px solid #ccc;
+                background: #F2F2F2;
+                color: #333333;
+                font-size: 16px;
+                height: 40px;
+            }
+
+            th.linshi,
+            th.xianshi {
+                background: #464c5b;
+            }
+
+            th.lishi {
+                background: rgba(70, 76, 91, 0.8);
+            }
+
+            .one th {
+                height: 25px;
+                font-size: 14px;
+            }
+
+            th.linshi {
+                color: #fe9400;
+            }
+
+            .two th {
+                height: 45px;
+
+                p:nth-child(2) {
+                    font-size: 14px;
+                }
+            }
+
+            .linshiIcon {
+                position: relative;
+            }
+
+            .linshiIcon::after {
+                content: "";
+                display: block;
+                width: 0;
+                height: 0;
+                border-width: 0px 0px 55px 55px;
+                border-style: none solid solid;
+                border-color: transparent transparent #fe9400;
+                position: absolute;
+                top: 0;
+                right: 0;
+                transform: rotate(-90deg);
+            }
+
+            .icon {
+                position: absolute;
+                top: 13px;
+                right: -4px;
+                transform: rotate(45deg);
+                color: #fff;
+                font-size: 12px;
+                z-index: 10;
+            }
+
+            tr td {
+                border: 1px solid #ccc;
+                text-align: center;
+                height: 40px;
+                padding: 4px;
+                font-size: 13px;
+                width: 140px;
+            }
+
+            >tr:nth-child(odd) td {
+                background: #f2f2f2;
+            }
+
+            >tr:nth-child(even) td {
+                background: #f9f9f9;
+            }
+
+            td.linshi {
+                color: #fe9400;
+            }
+
+            tr>td.lishi {
+                color: #7f7f7f;
+            }
+        }
+    }
+}
\ No newline at end of file

+import filter from '@/utils/filter.js'
+
+class data extends filter {
+  constructor() {
+    super()
+  }
+  columns() {
+    return {
+      //空列值个数
+      emptycolNum: 3,
+      checkList: ["0", "1", "2"],
+      //权属状态集合
+      qsztList: [
+        {
+          value: "0",
+          label: "临时",
+        },
+        {
+          value: "1",
+          label: "现势",
+        },
+        {
+          value: "2",
+          label: "历史",
+        },
+      ],
+      JSYDSYQ: [
+        {
+          prop: "qszt",
+          label: "权属状态",
+        },
+        {
+          prop: "qllxmc",
+          label: "权利类型",
+        },
+        {
+          prop: "djlxmc",
+          label: "登记类型",
+        },
+        {
+          prop: "ssywh",
+          label: "上手业务号",
+        },
+        {
+          prop: "dah",
+          label: "档案号",
+        },
+        {
+          prop: "ywh",
+          label: "业务号",
+        },
+        {
+          prop: "bdcdyh",
+          label: "不动产单元号",
+        },
+        {
+          prop: "zl",
+          label: "坐落",
+        },
+        {
+          prop: "qlrlx",
+          label: "权利人类型",
+        },
+        {
+          prop: "qlrmc",
+          label: "权利人",
+        },
+        {
+          prop: "qlrzjzl",
+          label: "证件种类",
+        },
+        {
+          prop: "qlrzjhm",
+          label: "证件号",
+        },
+        {
+          prop: "gyfs",
+          label: "共有情况",
+        },
+        {
+          prop: "mj",
+          label: "使用权面积(m²)",
+        },
+        {
+          prop: "qlxz",
+          label: "权利性质",
+        },
+        {
+          prop: "ytmc",
+          label: "土地用途",
+        },
+        {
+          prop: "syqqzsj",
+          label: "使用权起止时间",
+        },
+        // {
+        //   prop: "syqjssj",
+        //   label: "使用权结束时间",
+        // },
+        // {
+        //   prop: "tdsyqx",
+        //   label: "土地使用期限",
+        // },
+        {
+          prop: "tdsyqx",
+          label: "土地使用期限",
+        },
+        {
+          prop: "qdjg",
+          label: "取得价格(万元)",
+        },
+        {
+          prop: "djyy",
+          label: "登记原因",
+        },
+        {
+          prop: "bdcqzh",
+          label: "不动产权证号",
+        },
+        {
+          prop: "djsj",
+          label: "登记时间",
+        },
+        {
+          prop: "dbr",
+          label: "登簿人",
+        },
+        {
+          prop: "fj",
+          label: "附记",
+        },
+      ],
+      DYAQ: [
+        {
+          prop: "ssywh",
+          label: "上手业务号",
+        },
+        {
+          prop: "dah",
+          label: "档案号",
+        },
+        {
+          prop: "ywh",
+          label: "业务号",
+        },
+        {
+          prop: "bdcdyh",
+          label: "不动产单元号",
+        },
+        {
+          prop: "zjjzwzl",
+          label: "在建建筑物坐落",
+        },
+        {
+          prop: "dybdclx",
+          label: "抵押不动产类型",
+        },
+        {
+          prop: "dyqr",
+          label: "抵押权人",
+        },
+        {
+          prop: "zjzl",
+          label: "证件种类",
+        },
+        {
+          prop: "zjh",
+          label: "证件号",
+        },
+        {
+          prop: "dyr",
+          label: "抵押人",
+        },
+        {
+          prop: "dyfs",
+          label: "抵押方式",
+        },
+        {
+          prop: "sfygdj",
+          label: "是否预告登记",
+        },
+        {
+          prop: "zjjzwdyfw",
+          label: "在建建筑物抵押范围",
+        },
+        {
+          prop: "dymj",
+          label: "抵押面积",
+        },
+        {
+          prop: "bdbzzqse",
+          label: "被担保主债权数额(万元)",
+        },
+        {
+          prop: "dbfw",
+          label: "担保范围",
+        },
+        {
+          prop: "zwlxqssj",
+          label: "债务履行起始时间",
+        },
+        {
+          prop: "zwlxjssj",
+          label: "债务履行结束时间",
+        },
+        {
+          prop: "zwlxqx",
+          label: "债务履行期限(债务确定期间)",
+        },
+        {
+          prop: "zgzqqdsshse",
+          label: "最高债权确定事实和数额",
+        },
+        {
+          prop: "sfczyd",
+          label: "是否存在禁止或限制转让抵押不动产的约定",
+        },
+        {
+          prop: "djyy",
+          label: "登记原因",
+        },
+        {
+          prop: "bdcdjzmh",
+          label: "不动产登记证明号",
+        },
+        {
+          prop: "djsj",
+          label: "登记时间",
+        },
+        {
+          prop: "dbr",
+          label: "登簿人",
+        },
+        {
+          prop: "djjg",
+          label: "登记机构",
+        },
+        {
+          prop: "fj",
+          label: "附记",
+        },
+        {
+          prop: "qlqtzk",
+          label: "权利其他状况",
+        },
+        {
+          prop: "zxdyywh",
+          label: "注销抵押业务号",
+        },
+        {
+          prop: "zxdyyy",
+          label: "注销抵押原因",
+        },
+      ],
+      DYIQ: [
+        {
+          prop: "ssywh",
+          label: "上手业务号",
+        },
+        {
+          prop: "dah",
+          label: "档案号",
+        },
+        {
+          prop: "ywh",
+          label: "业务号",
+        },
+        {
+          prop: "gydbdcdyh",
+          label: "供役地不动产单元号",
+        },
+        {
+          prop: "gydqlr",
+          label: "供役地权利人",
+        },
+        {
+          prop: "gydqlrzjzl",
+          label: "供役地权利人证件种类",
+        },
+        {
+          prop: "xydbdcdyh",
+          label: "需役地不动产单元号",
+        },
+        {
+          prop: "xydzl",
+          label: "需役地坐落",
+        },
+        {
+          prop: "xydqlr",
+          label: "需役地权利人",
+        },
+        {
+          prop: "xydqlrzjzl",
+          label: "需役地权利人证件种类",
+        },
+        {
+          prop: "xydzjh",
+          label: "需役地证件号",
+        },
+        {
+          prop: "djyy",
+          label: "登记原因",
+        },
+        {
+          prop: "dyqnr",
+          label: "地役权内容",
+        },
+        {
+          prop: "qlqssj",
+          label: "权利起始时间",
+        },
+        {
+          prop: "qljssj",
+          label: "权利结束时间",
+        },
+        {
+          prop: "bdcdjzmh",
+          label: "不动产登记证明号",
+        },
+        {
+          prop: "qxdm",
+          label: "区县代码",
+        },
+        {
+          prop: "djjg",
+          label: "登记机构",
+        },
+        {
+          prop: "dbr",
+          label: "登簿人",
+        },
+        {
+          prop: "djsj",
+          label: "登记时间",
+        },
+      ],
+      YGDJ: [
+        {
+          prop: "ssywh",
+          label: "上手业务号",
+        },
+        {
+          prop: "dah",
+          label: "档案号",
+        },
+        {
+          prop: "ywh",
+          label: "业务号",
+        },
+        {
+          prop: "bdcdyh",
+          label: "不动产单元号",
+        },
+        {
+          prop: "zl",
+          label: "坐落",
+        },
+        {
+          prop: "qlr",
+          label: "权利人",
+        },
+        {
+          prop: "qlrzjzl",
+          label: "证件种类",
+        },
+        {
+          prop: "qlrzjh",
+          label: "证件号",
+        },
+        {
+          prop: "ywr",
+          label: "义务人",
+        },
+        {
+          prop: "ywrzjzl",
+          label: "证件种类",
+        },
+        {
+          prop: "ywrzjh",
+          label: "证件号",
+        },
+        {
+          prop: "fwxz",
+          label: "房屋性质",
+        },
+        {
+          prop: "ghyt",
+          label: "规划用途",
+        },
+        {
+          prop: "fwzcs",
+          label: "房屋总层数",
+        },
+        {
+          prop: "fwszc",
+          label: "房屋所在层",
+        },
+        {
+          prop: "jzmj",
+          label: "建筑面积",
+        },
+        {
+          prop: "djyy",
+          label: "登记原因",
+        },
+        {
+          prop: "bdbzzqse",
+          label: "取得价格/被担保主债权数额",
+        },
+        {
+          prop: "jedw",
+          label: "金额单位",
+        },
+        {
+          prop: "dbfw",
+          label: "担保范围",
+        },
+        {
+          prop: "sfczyd",
+          label: "是否存在禁止或限制转让抵押不动产的约定",
+        },
+        {
+          prop: "djsj",
+          label: "登记时间",
+        },
+        {
+          prop: "bdcdjzmh",
+          label: "不动产登记证明号",
+        },
+        {
+          prop: "dbr",
+          label: "登簿人",
+        },
+        {
+          prop: "zxygywh",
+          label: "注销预告业务号",
+        },
+        {
+          prop: "zxygyy",
+          label: "注销预告原因",
+        },
+        {
+          prop: "zxsj",
+          label: "注销时间",
+        },
+        {
+          prop: "qszt",
+          label: "权属状态",
+        },
+      ],
+      CFDJ: [
+        {
+          prop: "ssywh",
+          label: "上手业务号",
+        },
+        {
+          prop: "dah",
+          label: "档案号",
+        },
+        {
+          prop: "ywh",
+          label: "业务号",
+        },
+        {
+          prop: "bdcdyh",
+          label: "不动产单元号",
+        },
+        {
+          prop: "zl",
+          label: "坐落",
+        },
+        {
+          prop: "bdcqlr",
+          label: "不动产权利人",
+        },
+        {
+          prop: "zjzl",
+          label: "证件种类",
+        },
+        {
+          prop: "zjh",
+          label: "证件号",
+        },
+        {
+          prop: "cflx",
+          label: "查封类型",
+        },
+        {
+          prop: "cfjg",
+          label: "查封机关",
+        },
+        {
+          prop: "cfwh",
+          label: "查封文号",
+        },
+        {
+          prop: "cfwj",
+          label: "查封文件",
+        },
+        {
+          prop: "cfqssj",
+          label: "查封起始时间",
+        },
+        {
+          prop: "cfjssj",
+          label: "查封结束时间",
+        },
+        {
+          prop: "cfqx",
+          label: "查封期限",
+        },
+        {
+          prop: "cffw",
+          label: "查封范围",
+        },
+        {
+          prop: "djjg",
+          label: "登记机构",
+        },
+        {
+          prop: "dbr",
+          label: "登簿人",
+        },
+        {
+          prop: "djsj",
+          label: "登记时间",
+        },
+        {
+          prop: "jfywh",
+          label: "解封业务号",
+        },
+        {
+          prop: "jfjg",
+          label: "解封机关",
+        },
+        {
+          prop: "jfwh",
+          label: "解封文号",
+        },
+        {
+          prop: "jfwj",
+          label: "解封文件",
+        },
+        {
+          prop: "jfdjsj",
+          label: "解封登记时间",
+        },
+        {
+          prop: "jfdbr",
+          label: "解封登簿人",
+        },
+      ],
+      YYDJ: [
+        {
+          prop: "ssywh",
+          label: "上手业务号",
+        },
+        {
+          prop: "dah",
+          label: "档案号",
+        },
+        {
+          prop: "ywh",
+          label: "业务号",
+        },
+        {
+          prop: "bdcdyh",
+          label: "不动产单元号",
+        },
+        {
+          prop: "zl",
+          label: "坐落",
+        },
+        {
+          prop: "yyr",
+          label: "异议人",
+        },
+        {
+          prop: "zjzl",
+          label: "证件种类",
+        },
+        {
+          prop: "zjh",
+          label: "证件号",
+        },
+        {
+          prop: "yysx",
+          label: "异议事项",
+        },
+        {
+          prop: "bdcdjzmh",
+          label: "不动产登记证明号",
+        },
+        {
+          prop: "djjg",
+          label: "登记机构",
+        },
+        {
+          prop: "dbr",
+          label: "登簿人",
+        },
+        {
+          prop: "djsj",
+          label: "登记时间",
+        },
+        {
+          prop: "zxyyywh",
+          label: "注销异议业务号",
+        },
+        {
+          prop: "zxyyyy",
+          label: "注销异议原因",
+        },
+        {
+          prop: "zxyydbr",
+          label: "注销异议登簿人",
+        },
+        {
+          prop: "zxyydjsj",
+          label: "注销异议登记时间",
+        },
+      ],
+    }
+  }
+
+
+}
+
+let datas = new data()
+
+export {
+  datas
+}
\ No newline at end of file

+<template>
+  <div class="djxxTable">
+    <div class="tableBox">
+      <div class="title">
+        {{ title }}
+        <div class="checkbox">
+          <el-checkbox-group v-model="checkList" @change="checkChange">
+            <el-checkbox
+              v-for="item in qsztList"
+              :key="item.value"
+              :label="item.value"
+              >{{ item.label }}</el-checkbox
+            >
+          </el-checkbox-group>
+        </div>
+      </div>
+      <div class="xxTableBox">
+        <table class="xxTable">
+          <tr v-for="(item, colindex) in columns" :key="colindex">
+            <td>
+              {{ item.label }}
+            </td>
+            <td
+              v-for="(row, index) in tableData"
+              :key="index"
+              :class="[
+                row.qszt == '2' ? 'lishi' : '',
+                row.qszt == '0' ? 'linshi' : '',
+                item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
+              ]"
+            >
+              <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
+                正在办理
+              </div>
+              <span v-if="item.prop == 'qszt'">
+                {{ getQsztName(row[item.prop]) }}
+              </span>
+
+              <span v-else> {{ row[item.prop] }}</span>
+            </td>
+            <td v-for="count in emptycolNum" :key="~count"></td>
+          </tr>
+        </table>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getJsydsyqList } from "@/api/zhcx.js";
+import { datas } from "./qlxxFormData.js";
+export default {
+  data() {
+   return {
+      title: "预告登记信息",
+      qsztList: datas.columns().qsztList,
+      checkList: datas.columns().checkList,
+      //传递参数
+      propsParam: this.$attrs,
+      //列表数据
+      tableData: [],
+      //空列值个数
+      emptycolNum: 0,
+      //列名称对象
+      columns: datas.columns().YGDJ,
+    };
+  },
+  created() {
+    this.loadData();
+  },
+  methods: {
+    loadData() {  
+      getJsydsyqList({
+        bdcdyid: this.propsParam.bdcdyid,
+        qllx: this.propsParam.qllx,
+        qszt: this.checkList,
+      }).then((res) => {
+        if (res.code === 200) {
+          this.tableData = res.result;
+          this.emptycolNum = 3 - this.tableData.length;
+        }
+      });
+    },
+    checkChange() {
+      this.loadData();
+    },
+    getQsztName(code) {
+      let name = "";
+      for (let item of this.qsztList) {
+        if (item.value == code) {
+          name = item.label;
+          break;
+        }
+      }
+      return name;
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+@import "./qlxxCommon.scss";
+</style>

+<template>
+  <div class="djxxTable">
+    <div class="tableBox">
+      <div class="title">
+        {{ title }}
+        <div class="checkbox">
+          <el-checkbox-group v-model="checkList" @change="checkChange">
+            <el-checkbox
+              v-for="item in qsztList"
+              :key="item.value"
+              :label="item.value"
+              >{{ item.label }}</el-checkbox
+            >
+          </el-checkbox-group>
+        </div>
+      </div>
+      <div class="xxTableBox">
+        <table class="xxTable">
+          <tr v-for="(item, colindex) in columns" :key="colindex">
+            <td>
+              {{ item.label }}
+            </td>
+            <td
+              v-for="(row, index) in tableData"
+              :key="index"
+              :class="[
+                row.qszt == '2' ? 'lishi' : '',
+                row.qszt == '0' ? 'linshi' : '',
+                item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
+              ]"
+            >
+              <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
+                正在办理
+              </div>
+              <span v-if="item.prop == 'qszt'">
+                {{ getQsztName(row[item.prop]) }}
+              </span>
+
+              <span v-else> {{ row[item.prop] }}</span>
+            </td>
+            <td v-for="count in emptycolNum" :key="~count"></td>
+          </tr>
+        </table>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getJsydsyqList } from "@/api/zhcx.js";
+import { datas } from "./qlxxFormData.js";
+export default {
+  data() {
+    return {
+      title: "异议登记信息",
+      qsztList: datas.columns().qsztList,
+      checkList: datas.columns().checkList,
+      //传递参数
+      propsParam: this.$attrs,
+      //列表数据
+      tableData: [],
+      //空列值个数
+      emptycolNum: 0,
+      //列名称对象
+      columns: datas.columns().YYDJ,
+    };
+  },
+  created() {
+    this.loadData();
+  },
+  methods: {
+    loadData() {  
+      getJsydsyqList({
+        bdcdyid: this.propsParam.bdcdyid,
+        qllx: this.propsParam.qllx,
+        qszt: this.checkList,
+      }).then((res) => {
+        if (res.code === 200) {
+          this.tableData = res.result;
+          this.emptycolNum = 3 - this.tableData.length;
+        }
+      });
+    },
+    checkChange() {
+      this.loadData();
+    },
+    getQsztName(code) {
+      let name = "";
+      for (let item of this.qsztList) {
+        if (item.value == code) {
+          name = item.label;
+          break;
+        }
+      }
+      return name;
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+@import "./qlxxCommon.scss";
+</style>

+<template>
+  <div class="zdxx">
+    <div class="tablebox">
+      <table cellpadding="0" cellspacing="0" class="zdxxTable">
+        <col width="80" />
+        <col width="60" />
+        <col width="90" />
+        <col width="235" />
+        <col width="150" />
+        <tr>
+          <td colspan="6" class="title">宗地基本信息</td>
+        </tr>
+        <tr>
+          <td colspan="6" class="unit" v-if="zdjbxx.mjdw == '1'">
+            单位：■平方米 □公顷（□亩）、万元
+          </td>
+          <td colspan="6" class="unit" v-else>
+            单位：□平方米 ■公顷（■亩）、万元
+          </td>
+        </tr>
+        <tr>
+          <td colspan="2">不动产类型</td>
+          <td colspan="4">■土地 ■房屋建筑 □构筑物 □森林、林地 □其他</td>
+        </tr>
+        <tr>
+          <td colspan="2">坐落</td>
+          <td colspan="4">{{ zdjbxx.zl }}</td>
+        </tr>
+        <tr>
+          <td rowspan="8" class="title2">土地状况</td>
+        </tr>
+        <tr>
+          <td colspan="2">宗地面积</td>
+          <td>{{ zdjbxx.zdmj }}</td>
+          <td>用途</td>
+          <td>{{ zdjbxx.ghytmc }}</td>
+        </tr>
+        <tr>
+          <td colspan="2">等级</td>
+          <td>{{ zdjbxx.dj }}</td>
+          <td>价格</td>
+          <td>{{ zdjbxx.jg }}</td>
+        </tr>
+        <tr>
+          <td colspan="2">权利类型</td>
+          <td>{{ zdjbxx.qllx }}</td>
+          <td>权利性质</td>
+          <td>{{ zdjbxx.qlxz }}</td>
+        </tr>
+        <tr>
+          <td colspan="2">权利设定方式</td>
+          <td>{{ zdjbxx.qlsdfs }}</td>
+          <td>容积率</td>
+          <td>{{ zdjbxx.rjl }}</td>
+        </tr>
+        <tr>
+          <td colspan="2">建筑密度</td>
+          <td>{{ zdjbxx.jzmd }}</td>
+          <td>建筑限高</td>
+          <td>{{ zdjbxx.jzxg }}</td>
+        </tr>
+        <tr>
+          <td colspan="2">图幅号</td>
+          <td>{{ zdjbxx.tfh }}</td>
+          <td>地籍号</td>
+          <td>{{ zdjbxx.djh }}</td>
+        </tr>
+        <tr>
+          <td colspan="2">档案号</td>
+          <td>{{ zdjbxx.dah }}</td>
+          <td>地块代码</td>
+          <td>{{ zdjbxx.dkdm }}</td>
+        </tr>
+        <tr>
+          <td colspan="2">宗地四至-东</td>
+          <td colspan="4">{{ zdjbxx.zdszd }}</td>
+        </tr>
+        <tr>
+          <td colspan="2">宗地四至-南</td>
+          <td colspan="4">{{ zdjbxx.zdszn }}</td>
+        </tr>
+        <tr>
+          <td colspan="2">宗地四至-西</td>
+          <td colspan="4">{{ zdjbxx.zdszx }}</td>
+        </tr>
+        <tr>
+          <td colspan="2">宗地四至-北</td>
+          <td colspan="4">{{ zdjbxx.zdszb }}</td>
+        </tr>
+        <tr>
+          <td class="title2" height="96">备注</td>
+          <td colspan="5">{{ zdjbxx.bz }}</td>
+        </tr>
+        <tr>
+          <td class="title2" height="96">附记</td>
+          <td colspan="5">{{ zdjbxx.fj }}</td>
+        </tr>
+        <tr>
+          <td colspan="2">状态</td>
+          <td colspan="2">{{ zdjbxx.zt }}</td>
+          <td>区县代码</td>
+          <td>{{ zdjbxx.qxdm }}</td>
+        </tr>
+        <tr v-show="showGroup">
+          <td class="title2">变化情况</td>
+          <td colspan="5" class="bhqk">
+            <div class="box">
+              <table cellspacing="0" cellpadding="0" :width="bhqkTableWidth">
+                <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>
+          </td>
+        </tr>
+      </table>
+    </div>
+  </div>
+</template>
+
+<script>
+import { mapGetters } from "vuex";
+import { getZdjjxxBybdcdyid } from "@/api/zhcx.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,
+    };
+  },
+  // computed: {
+  //   ...mapGetters(["djbxx"]),
+  // },
+  created () {
+    //this.propsParam = this.$attrs;
+    // this.$nextTick(() => {
+
+    // });
+    this.loadData();
+    //this.$alert(this.param.bdcdyh);
+    // 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;
+  },
+  methods: {
+    loadData () {
+      getZdjjxxBybdcdyid({bdcdyid:this.propsParam.bdcdyid}).then((res) => {
+        if (res.code === 200) {
+          this.zdjbxx = res.result.zdjbxx;
+          this.zdbhqks = res.result.zdbhqkList;
+          //this.$alert(this.zdjbxx);
+          if (this.zdbhqks != null && this.zdbhqks.length > 0) {
+            this.showGroup = true;
+          }
+        }
+      });
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.zdxx {
+  width: 100%;
+  height: calc(100% - 42px);
+  background-color: #f5f5f5;
+  padding: 5px;
+
+ 
+}
+ .tablebox {
+    overflow-x: auto;
+    width: 100%;
+    height: 100%;
+    background: #fff;
+    border: 1px solid rgb(228, 228, 228);
+    text-align: center;
+    padding: 4px;
+    overflow-y: scroll;
+
+    .zdxxTable {
+      width: 100%;
+      min-width: 900px;
+      color: #333;
+
+      td {
+        border: 1px solid rgb(228, 228, 228);
+        line-height: 30px;
+        padding: 0 4px;
+      }
+
+      .title {
+        line-height: 68px;
+        font-size: 20px;
+      }
+
+      .unit {
+        text-align: right;
+      }
+
+      .title2 {
+        writing-mode: vertical-lr;
+        letter-spacing: 6px;
+      }
+
+      .bhqk {
+        padding: 0;
+
+        .box {
+          width: 745px;
+          overflow: auto;
+        }
+
+        .test {}
+
+        table {
+          .bhqkTh {
+            width: 110px;
+            line-height: 40px;
+            background-color: #f5f5f5;
+            border: 1px solid rgb(228, 228, 228);
+            font-weight: bold;
+          }
+
+          td {
+            width: 180px;
+          }
+        }
+      }
+    }
+  }
+</style>

@@ -59,7 +59,6 @@ import table from "@/utils/mixin/table";
 import { datas, sendThis } from "./dydjbdata";
 import { datas, sendThis } from "./dydjbdata";
 export default {
 export default {
   name: "dydjb",
   name: "dydjb",
-  components: {},
   mixins: [table],
   mixins: [table],
   mounted () {
   mounted () {
     sendThis(this);
     sendThis(this);

@@ -6,6 +6,9 @@
   border: 1px solid #ebeef5;
   border: 1px solid #ebeef5;
   z-index: 100;
   z-index: 100;
   @include flex;
   @include flex;
+  /deep/.el-tabs__header {
+    margin-bottom: 0 !important;
+  }
 }
 }
 
 
 .leftmenu {
 .leftmenu {
@@ -62,9 +65,7 @@
   padding-left: 5px !important;
   padding-left: 5px !important;
 }
 }
 
 
-/deep/.el-tabs__header {
-  margin-bottom: 0 !important;
-}
+
 
 
 /deep/.el-menu-item.is-active {
 /deep/.el-menu-item.is-active {
   background-color: #e7f4fe;
   background-color: #e7f4fe;
@@ -101,6 +102,7 @@
 .iconName {
 .iconName {
   line-height: 24px;
   line-height: 24px;
   font-size: 12px;
   font-size: 12px;
+  white-space: nowrap;
 }
 }
 
 
 .container {
 .container {

@@ -56,6 +56,7 @@
         </div>
         </div>
       </div>
       </div>
     </div>
     </div>
+    <fqsqDialog v-model="isDialog" :djywbm="$route.query.sqywbm" :isJump="true" />
   </div>
   </div>
 </template>
 </template>
 
 
@@ -63,7 +64,6 @@
 @import "~@/styles/mixin.scss";
 @import "~@/styles/mixin.scss";
 @import "./workFrame.scss";
 @import "./workFrame.scss";
 </style>
 </style>
-
 <script>
 <script>
 import {
 import {
   leftMenu,
   leftMenu,
@@ -74,9 +74,15 @@ import {
 } from "@/api/fqsq.js"
 } from "@/api/fqsq.js"
 import { getWorkFlowImage } from "@/api/jsydsyqFlow.js"
 import { getWorkFlowImage } from "@/api/jsydsyqFlow.js"
 import { getForm } from "./flowform.js"
 import { getForm } from "./flowform.js"
+import fqsqDialog from "@/views/ywbl/ywsq/slectBdc.vue"
+import { queueDjywmc } from '@/views/ywbl/ywsq/slectBdcdata.js';
 export default {
 export default {
+  components: {
+    fqsqDialog
+  },
   data () {
   data () {
     return {
     return {
+      isDialog: false,
       // 流程图
       // 流程图
       imgSrc: '',
       imgSrc: '',
       // 折叠
       // 折叠
@@ -149,6 +155,10 @@ export default {
       //操作按钮 登簿：record  转件：transfer  退回：back  退出：signout
       //操作按钮 登簿：record  转件：transfer  退回：back  退出：signout
       let that = this;
       let that = this;
       switch (item.value) {
       switch (item.value) {
+        case "B0":
+          // let type = queueDjywmc(this.$route.query.sqywbm)
+          this.isDialog = true
+          break;
         case "B1":
         case "B1":
           getWorkFlowImage(this.bsmSlsq).then(res => {
           getWorkFlowImage(this.bsmSlsq).then(res => {
             this.imgSrc = URL.createObjectURL(res)
             this.imgSrc = URL.createObjectURL(res)

@@ -76,10 +76,7 @@
           </el-col>
           </el-col>
           <el-col :span="8">
           <el-col :span="8">
             <el-form-item :class="flag ? 'marginBot0' : ''" label="权利设定方式：" prop="qlsdfs"> 
             <el-form-item :class="flag ? 'marginBot0' : ''" label="权利设定方式：" prop="qlsdfs"> 
-              <el-select disabled 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>
+              <el-input disabled v-model="ruleForm.qlsdfsmc"></el-input>            
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
         </el-row>
         </el-row>
@@ -189,8 +186,6 @@ export default {
   data () {
   data () {
     return {
     return {
       disabled: true,
       disabled: true,
-      tdytOption: [],
-      qlsdfsOption: [],
       czrOptions: [],
       czrOptions: [],
       ruleForm: {
       ruleForm: {
         ywh: "",
         ywh: "",

@@ -32,7 +32,7 @@
           </el-col>
           </el-col>
           <el-col :span="2" class="btnCol">
           <el-col :span="2" class="btnCol">
             <el-form-item>
             <el-form-item>
-              <el-button type="primary" @click="queryClick()">查询</el-button>
+              <el-button type="primary" @click="fetchData">查询</el-button>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
         </el-row>
         </el-row>
@@ -53,17 +53,18 @@
 </template>
 </template>
 <script>
 <script>
 //查封登记
 //查封登记
+import Cookies from 'js-cookie'
 import { datas, sendThis } from "../javascript/bdcql.js";
 import { datas, sendThis } from "../javascript/bdcql.js";
 import { defaultParameters } from "../javascript/publicDefaultPar.js";
 import { defaultParameters } from "../javascript/publicDefaultPar.js";
 import table from "@/utils/mixin/table";
 import table from "@/utils/mixin/table";
 import jump from "../components/mixin/jump";
 import jump from "../components/mixin/jump";
 import { selectQlxx, startBusinessFlow } from "@/api/ywbl.js";
 import { selectQlxx, startBusinessFlow } from "@/api/ywbl.js";
 export default {
 export default {
+  mixins: [table, jump],
   props: {
   props: {
-    bsmSqyw: { type: String, default: '' },
-    djywbm: { type: String, default: "" }
+    isJump: { type: Boolean, default: false },
+    djywbm: { type: String, default: '' }
   },
   },
-  mixins: [table, jump],
   data () {
   data () {
     return {
     return {
       queryForm: defaultParameters.defaultParameters(),
       queryForm: defaultParameters.defaultParameters(),
@@ -77,30 +78,24 @@ export default {
       saveloding: false
       saveloding: false
     };
     };
   },
   },
-  watch: {
-    bsmSqyw (val) {
-      this.fetchData()
-    },
-  },
   mounted () {
   mounted () {
-    sendThis(this);
+    sendThis(this)
   },
   },
   methods: {
   methods: {
     closeDialog () {
     closeDialog () {
       this.$emit("closeDialog")
       this.$emit("closeDialog")
     },
     },
     fetchData () {
     fetchData () {
-      if (this.bsmSqyw) {
-        this.queryForm.sqywbm=this.djywbm;
+      this.queryForm.sqywbm = this.djywbm;
       selectQlxx({ ...this.queryForm, ...this.pageData })
       selectQlxx({ ...this.queryForm, ...this.pageData })
         .then((res) => {
         .then((res) => {
+          console.log(res);
           if (res.code === 200) {
           if (res.code === 200) {
             let { total, records } = res.result;
             let { total, records } = res.result;
             this.tableData.total = total;
             this.tableData.total = total;
             this.tableData.data = records;
             this.tableData.data = records;
           }
           }
         })
         })
-      }
     },
     },
     submitForm () {
     submitForm () {
       if (this.bdcdysz.length == 0) {
       if (this.bdcdysz.length == 0) {
@@ -109,12 +104,23 @@ export default {
       }
       }
       this.saveloding = true;
       this.saveloding = true;
       startBusinessFlow({
       startBusinessFlow({
-        bsmSqyw: this.bsmSqyw,
+        bsmSqyw: Cookies.get("bsmSqyw"),
         bdcdysz: this.bdcdysz,
         bdcdysz: this.bdcdysz,
+        djqxbm: Cookies.get("djqxObj") ? JSON.parse(Cookies.get("djqxObj"))?.djqxbm : '',
+        djqxmc: Cookies.get("djqxObj") ? JSON.parse(Cookies.get("djqxObj"))?.djqxmc : '',
       }).then((res) => {
       }).then((res) => {
         this.saveloding = false;
         this.saveloding = false;
         if (res.code == 200) {
         if (res.code == 200) {
-          this.jump(res.result)
+          this.$message({
+            showClose: true,
+            message: '发起申请成功',
+            type: 'success'
+          })
+          if (!this.isJump) {
+            this.jump(res.result, this.djywbm)
+          } else {
+            this.$emit('updateDialog', true)
+          }
         } else {
         } else {
           this.$message.error(res.message);
           this.$message.error(res.message);
         }
         }

@@ -33,7 +33,7 @@
           </el-col>
           </el-col>
           <el-col :span="2" class="btnCol">
           <el-col :span="2" class="btnCol">
             <el-form-item>
             <el-form-item>
-              <el-button type="primary" @click="queryClick()">查询</el-button>
+              <el-button type="primary" @click="fetchData()">查询</el-button>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
         </el-row>
         </el-row>
@@ -53,17 +53,18 @@
   </div>
   </div>
 </template>
 </template>
 <script>
 <script>
+import Cookies from 'js-cookie'
 import { datas, sendThis } from "../javascript/bdcqlMain.js";
 import { datas, sendThis } from "../javascript/bdcqlMain.js";
 import { defaultParameters } from "../javascript/publicDefaultPar.js";
 import { defaultParameters } from "../javascript/publicDefaultPar.js";
 import table from "@/utils/mixin/table";
 import table from "@/utils/mixin/table";
 import jump from "../components/mixin/jump";
 import jump from "../components/mixin/jump";
 import { selectQlxx, startBusinessFlow } from "@/api/ywbl.js";
 import { selectQlxx, startBusinessFlow } from "@/api/ywbl.js";
 export default {
 export default {
+  mixins: [table, jump],
   props: {
   props: {
-    bsmSqyw: { type: String, default: '' },
-    djywbm: { type: String, default: "" }
+    isJump: { type: Boolean, default: false },
+    djywbm: { type: String, default: '' }
   },
   },
-  mixins: [table, jump],
   data () {
   data () {
     return {
     return {
       queryForm: defaultParameters.defaultParameters(),
       queryForm: defaultParameters.defaultParameters(),
@@ -77,21 +78,15 @@ export default {
       saveloding: false
       saveloding: false
     };
     };
   },
   },
-  watch: {
-    bsmSqyw (val) {
-      this.fetchData()
-    },
-  },
   mounted () {
   mounted () {
-    sendThis(this);
+    sendThis(this)
   },
   },
   methods: {
   methods: {
     closeDialog () {
     closeDialog () {
       this.$emit("closeDialog")
       this.$emit("closeDialog")
     },
     },
     fetchData () {
     fetchData () {
-      if (this.bsmSqyw) {
-        this.queryForm.sqywbm=this.djywbm;
+      this.queryForm.sqywbm = this.djywbm;
       selectQlxx({ ...this.queryForm, ...this.pageData })
       selectQlxx({ ...this.queryForm, ...this.pageData })
         .then((res) => {
         .then((res) => {
           if (res.code === 200) {
           if (res.code === 200) {
@@ -100,7 +95,6 @@ export default {
             this.tableData.data = records;
             this.tableData.data = records;
           }
           }
         })
         })
-      }
     },
     },
     submitForm () {
     submitForm () {
       if (this.bdcdysz.length == 0) {
       if (this.bdcdysz.length == 0) {
@@ -109,8 +103,10 @@ export default {
       }
       }
       this.saveloding = true;
       this.saveloding = true;
       startBusinessFlow({
       startBusinessFlow({
-        bsmSqyw: this.bsmSqyw,
+        bsmSqyw: Cookies.get("bsmSqyw"),
         bdcdysz: this.bdcdysz,
         bdcdysz: this.bdcdysz,
+        djqxbm: Cookies.get("djqxObj") ? JSON.parse(Cookies.get("djqxObj"))?.djqxbm : '',
+        djqxmc: Cookies.get("djqxObj") ? JSON.parse(Cookies.get("djqxObj"))?.djqxmc : '',
       }).then((res) => {
       }).then((res) => {
         this.saveloding = false;
         this.saveloding = false;
         if (res.code == 200) {
         if (res.code == 200) {

@@ -32,7 +32,7 @@
           </el-col>
           </el-col>
           <el-col :span="2" class="btnCol">
           <el-col :span="2" class="btnCol">
             <el-form-item>
             <el-form-item>
-              <el-button type="primary" @click="queryClick()">查询</el-button>
+              <el-button type="primary" @click="fetchData()">查询</el-button>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
         </el-row>
         </el-row>
@@ -53,6 +53,7 @@
 </template>
 </template>
 <script>
 <script>
 //查封登记
 //查封登记
+import Cookies from 'js-cookie'
 import { datas, sendThis } from "../javascript/cfdj.js";
 import { datas, sendThis } from "../javascript/cfdj.js";
 import { defaultParameters } from "../javascript/publicDefaultPar.js";
 import { defaultParameters } from "../javascript/publicDefaultPar.js";
 import table from "@/utils/mixin/table";
 import table from "@/utils/mixin/table";
@@ -60,8 +61,8 @@ import jump from "../components/mixin/jump";
 import { selectCfdj, startBusinessFlow } from "@/api/ywbl.js";
 import { selectCfdj, startBusinessFlow } from "@/api/ywbl.js";
 export default {
 export default {
   props: {
   props: {
-    bsmSqyw: { type: String, default: '' },
-    djywbm: { type: String, default: "" }
+    isJump: { type: Boolean, default: false },
+    djywbm: { type: String, default: '' }
   },
   },
   mixins: [table, jump],
   mixins: [table, jump],
   data () {
   data () {
@@ -77,11 +78,6 @@ export default {
       saveloding: false
       saveloding: false
     };
     };
   },
   },
-  watch: {
-    bsmSqyw (val) {
-      this.fetchData()
-    },
-  },
   mounted () {
   mounted () {
     sendThis(this);
     sendThis(this);
   },
   },
@@ -90,8 +86,7 @@ export default {
       this.$emit("closeDialog")
       this.$emit("closeDialog")
     },
     },
     fetchData () {
     fetchData () {
-      if (this.bsmSqyw) {
-        this.queryForm.sqywbm=this.djywbm;
+      this.queryForm.sqywbm = this.djywbm;
       selectCfdj({ ...this.queryForm, ...this.pageData })
       selectCfdj({ ...this.queryForm, ...this.pageData })
         .then((res) => {
         .then((res) => {
           if (res.code === 200) {
           if (res.code === 200) {
@@ -100,7 +95,6 @@ export default {
             this.tableData.data = records;
             this.tableData.data = records;
           }
           }
         })
         })
-      }
     },
     },
     submitForm () {
     submitForm () {
       if (this.bdcdysz.length == 0) {
       if (this.bdcdysz.length == 0) {
@@ -109,12 +103,23 @@ export default {
       }
       }
       this.saveloding = true;
       this.saveloding = true;
       startBusinessFlow({
       startBusinessFlow({
-        bsmSqyw: this.bsmSqyw,
+        bsmSqyw: Cookies.get("bsmSqyw"),
         bdcdysz: this.bdcdysz,
         bdcdysz: this.bdcdysz,
+        djqxbm: Cookies.get("djqxObj") ? JSON.parse(Cookies.get("djqxObj"))?.djqxbm : '',
+        djqxmc: Cookies.get("djqxObj") ? JSON.parse(Cookies.get("djqxObj"))?.djqxmc : '',
       }).then((res) => {
       }).then((res) => {
         this.saveloding = false;
         this.saveloding = false;
         if (res.code == 200) {
         if (res.code == 200) {
-          this.jump(res.result)
+          this.$message({
+            showClose: true,
+            message: '发起申请成功',
+            type: 'success'
+          })
+          if (!this.isJump) {
+            this.jump(res.result, this.djywbm)
+          } else {
+            this.$emit('updateDialog', true)
+          }
         } else {
         } else {
           this.$message.error(res.message);
           this.$message.error(res.message);
         }
         }

@@ -55,18 +55,18 @@
 </template>
 </template>
 <script>
 <script>
 //抵押权首次登记
 //抵押权首次登记
+import Cookies from 'js-cookie'
 import { datas, sendThis } from "../javascript/diyaq.js";
 import { datas, sendThis } from "../javascript/diyaq.js";
 import { defaultParameters } from "../javascript/publicDefaultPar.js";
 import { defaultParameters } from "../javascript/publicDefaultPar.js";
 import table from "@/utils/mixin/table";
 import table from "@/utils/mixin/table";
 import jump from "../components/mixin/jump";
 import jump from "../components/mixin/jump";
 import { selectDiyaq, startBusinessFlow } from "@/api/ywbl.js";
 import { selectDiyaq, startBusinessFlow } from "@/api/ywbl.js";
 export default {
 export default {
+  mixins: [table, jump],
   props: {
   props: {
-    bsmSqyw: { type: String, default: "" },
-    djqxObj: { type: Object, default: "" },
-    djywbm: { type: String, default: "" }
+    isJump: { type: Boolean, default: false },
+    djywbm: { type: String, default: '' }
   },
   },
-  mixins: [table, jump],
   data () {
   data () {
     return {
     return {
       queryForm: defaultParameters.defaultParameters(),
       queryForm: defaultParameters.defaultParameters(),
@@ -80,11 +80,6 @@ export default {
       saveloding: false,
       saveloding: false,
     };
     };
   },
   },
-  watch: {
-    bsmSqyw (val) {
-      this.fetchData();
-    },
-  },
   mounted () {
   mounted () {
     sendThis(this);
     sendThis(this);
   },
   },
@@ -93,8 +88,7 @@ export default {
       this.$emit("closeDialog");
       this.$emit("closeDialog");
     },
     },
     fetchData () {
     fetchData () {
-      if (this.bsmSqyw) {
-        this.queryForm.sqywbm=this.djywbm;
+      this.queryForm.sqywbm = this.djywbm;
       selectDiyaq({ ...this.queryForm, ...this.pageData }).then((res) => {
       selectDiyaq({ ...this.queryForm, ...this.pageData }).then((res) => {
         if (res.code === 200) {
         if (res.code === 200) {
           let { total, records } = res.result;
           let { total, records } = res.result;
@@ -102,7 +96,6 @@ export default {
           this.tableData.data = records;
           this.tableData.data = records;
         }
         }
       });
       });
-      }
     },
     },
     submitForm () {
     submitForm () {
       if (this.bdcdysz.length == 0) {
       if (this.bdcdysz.length == 0) {
@@ -111,14 +104,23 @@ export default {
       }
       }
       this.saveloding = true;
       this.saveloding = true;
       startBusinessFlow({
       startBusinessFlow({
-        bsmSqyw: this.bsmSqyw,
+        bsmSqyw: Cookies.get("bsmSqyw"),
         bdcdysz: this.bdcdysz,
         bdcdysz: this.bdcdysz,
-        djqxbm: this.djqxObj.djqxbm,
-        djqxmc: this.djqxObj.djqxmc,
+        djqxbm: Cookies.get("djqxObj") ? JSON.parse(Cookies.get("djqxObj"))?.djqxbm : '',
+        djqxmc: Cookies.get("djqxObj") ? JSON.parse(Cookies.get("djqxObj"))?.djqxmc : '',
       }).then((res) => {
       }).then((res) => {
         this.saveloding = false;
         this.saveloding = false;
         if (res.code == 200) {
         if (res.code == 200) {
-          this.jump(res.result)
+          this.$message({
+            showClose: true,
+            message: '发起申请成功',
+            type: 'success'
+          })
+          if (!this.isJump) {
+            this.jump(res.result, this.djywbm)
+          } else {
+            this.$emit('updateDialog', true)
+          }
         } else {
         } else {
           this.$message.error(res.message);
           this.$message.error(res.message);
         }
         }

 <template>
 <template>
   <div class="from-clues">
   <div class="from-clues">
-    <!-- 表单部分 -->
     <div class="from-clues-header">
     <div class="from-clues-header">
-      <el-tabs v-model="activeName">
-        <el-tab-pane label="自然幢" name="first"></el-tab-pane>
-        <el-tab-pane label="户" name="second"></el-tab-pane>
+      <el-tabs v-model="activeName" @tab-click="handleTabClick">
+        <el-tab-pane label="自然幢" name="zrz"></el-tab-pane>
+        <el-tab-pane label="户" name="h"></el-tab-pane>
       </el-tabs>
       </el-tabs>
-      <el-form :model="queryForm" ref="queryForm" label-width="100px">
+      <el-form :model="queryForm" ref="queryForm" label-width="110px">
         <el-row>
         <el-row>
-          <el-col :span="5">
-            <el-form-item label="权利类型" label-width="70px">
-              <el-select v-model="queryForm.qllx" filterable class="width100" clearable placeholder="请选择权利类型">
-                <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode">
-                </el-option>
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="5">
+          <el-col :span="6">
             <el-form-item label="不动产单元号">
             <el-form-item label="不动产单元号">
               <el-input placeholder="不动产单元号" v-model="queryForm.bdcdyh" clearable>
               <el-input placeholder="不动产单元号" v-model="queryForm.bdcdyh" clearable>
               </el-input>
               </el-input>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
-          <el-col :span="5">
-            <el-form-item label="业务号" label-width="70px">
-              <el-input placeholder="业务号" v-model="queryForm.ywh" clearable>
-              </el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="5">
-            <el-form-item label="不动产权证号">
-              <el-input placeholder="不动产权证号" v-model="queryForm.bdcqzh" clearable>
+          <el-col :span="6">
+            <el-form-item label="坐落">
+              <el-input placeholder="请输入坐落" v-model="queryForm.zl" clearable>
               </el-input>
               </el-input>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
-          <el-col :span="4" class="btnCol">
+          <el-col :span="12" class="btnCol">
             <el-form-item>
             <el-form-item>
-              <el-button type="primary" @click="queryClick()">查询</el-button>
+              <el-button type="primary" @click="fetchData()">查询</el-button>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
         </el-row>
         </el-row>
       </el-form>
       </el-form>
     </div>
     </div>
-    <!-- 表格 -->
     <div class="from-clues-content">
     <div class="from-clues-content">
       <lb-table border :page-size="pageData.pageSize" :heightNum="400" :current-page.sync="pageData.currentPage"
       <lb-table border :page-size="pageData.pageSize" :heightNum="400" :current-page.sync="pageData.currentPage"
         :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
         :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
@@ -51,27 +35,26 @@
     </div>
     </div>
     <div class="submit_button">
     <div class="submit_button">
       <el-button @click="closeDialog">取消</el-button>
       <el-button @click="closeDialog">取消</el-button>
-      <el-button type="primary" plain @click="submitForm" :loading="saveloding">发起申请</el-button>
+      <el-button type="primary" plain @click="submitForm">发起申请</el-button>
     </div>
     </div>
   </div>
   </div>
 </template>
 </template>
 <script>
 <script>
 //国有建设用地使用权/房屋使用权
 //国有建设用地使用权/房屋使用权
-import { mapGetters } from 'vuex'
-import { datas, sendThis } from "../javascript/houseOwnership.js";
+import Cookies from 'js-cookie'
+import { datas, sendThis } from "../javascript/fwsyq.js";
 import table from "@/utils/mixin/table";
 import table from "@/utils/mixin/table";
-import jump from "../components/mixin/jump";
-import { selectScBdcdy, startBusinessFlow } from "@/api/ywbl.js";
+import jump from "@/views/ywbl/ywsq/components/mixin/jump";
+import { selectFwsyq, startBusinessFlow } from "@/api/ywbl.js";
 export default {
 export default {
+  mixins: [table, jump],
   props: {
   props: {
-    bsmSqyw: { type: String, default: "" },
-    djqxObj: { type: Object, default: "" },
-    djywbm: { type: String, default: "" }
+    isJump: { type: Boolean, default: false },
+    djywbm: { type: String, default: '' }
   },
   },
-  mixins: [table, jump],
   data () {
   data () {
     return {
     return {
-      activeName: 'first',
+      activeName: 'zrz',
       queryForm: {
       queryForm: {
         qllx: '',
         qllx: '',
         bdcdyh: '',
         bdcdyh: '',
@@ -84,63 +67,62 @@ export default {
         columns: datas.columns(),
         columns: datas.columns(),
         data: [],
         data: [],
       },
       },
-      bdcdysz: [],
-      saveloding: false,
+      bdcdysz: []
     };
     };
   },
   },
-  watch: {
-    bsmSqyw (val) {
-      this.fetchData();
-    },
-  },
   mounted () {
   mounted () {
-    sendThis(this);
-  },
-  computed: {
-    ...mapGetters(['dictData']),
+    sendThis(this)
   },
   },
   methods: {
   methods: {
     closeDialog () {
     closeDialog () {
       this.$emit("closeDialog");
       this.$emit("closeDialog");
     },
     },
     fetchData () {
     fetchData () {
-      if (this.bsmSqyw) {
       this.queryForm.sqywbm = this.djywbm;
       this.queryForm.sqywbm = this.djywbm;
-        console.log(this.queryForm, this.bsmSqyw);
-        selectScBdcdy({ ...this.queryForm, ...this.pageData }).then((res) => {
+      selectFwsyq({ ...this.queryForm, ...this.pageData, fwfl: this.activeName }).then((res) => {
         if (res.code === 200) {
         if (res.code === 200) {
           let { total, records } = res.result;
           let { total, records } = res.result;
           this.tableData.total = total;
           this.tableData.total = total;
           this.tableData.data = records;
           this.tableData.data = records;
         }
         }
-        });
-      }
+      })
+    },
+    handleTabClick () {
+      this.pageData.currentPage = 1
+      this.fetchData()
     },
     },
     submitForm () {
     submitForm () {
       if (this.bdcdysz.length == 0) {
       if (this.bdcdysz.length == 0) {
         this.$message.error("请至少选择一条数据");
         this.$message.error("请至少选择一条数据");
         return;
         return;
       }
       }
-      this.saveloding = true;
       startBusinessFlow({
       startBusinessFlow({
-        bsmSqyw: this.bsmSqyw,
+        bsmSqyw: Cookies.get("bsmSqyw"),
         bdcdysz: this.bdcdysz,
         bdcdysz: this.bdcdysz,
-        djqxbm: this.djqxObj.djqxbm,
-        djqxmc: this.djqxObj.djqxmc,
+        djqxbm: Cookies.get("djqxObj") ? JSON.parse(Cookies.get("djqxObj"))?.djqxbm : '',
+        djqxmc: Cookies.get("djqxObj") ? JSON.parse(Cookies.get("djqxObj"))?.djqxmc : '',
       }).then((res) => {
       }).then((res) => {
-        this.saveloding = false;
         if (res.code == 200) {
         if (res.code == 200) {
-          this.jump(res.result)
+          this.$message({
+            showClose: true,
+            message: '发起申请成功',
+            type: 'success'
+          })
+          if (!this.isJump) {
+            this.jump(res.result, this.djywbm)
+          } else {
+            this.$emit('updateDialog', true)
+          }
         } else {
         } else {
           this.$message.error(res.message);
           this.$message.error(res.message);
         }
         }
-      });
+      })
     },
     },
     handleSelectionChange (val) {
     handleSelectionChange (val) {
-      this.bdcdysz = val;
+      this.bdcdysz = val
     }
     }
-  },
-};
+  }
+}
 </script>
 </script>
 <style scoped lang="scss">
 <style scoped lang="scss">
 @import "~@/styles/mixin.scss";
 @import "~@/styles/mixin.scss";

@@ -18,7 +18,7 @@
           </el-col>
           </el-col>
           <el-col :span="4" class="btnCol">
           <el-col :span="4" class="btnCol">
             <el-form-item>
             <el-form-item>
-              <el-button type="primary" @click="queryClick()">查询</el-button>
+              <el-button type="primary" @click="fetchData">查询</el-button>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
         </el-row>
         </el-row>
@@ -39,18 +39,18 @@
 </template>
 </template>
 <script>
 <script>
 //首次登记
 //首次登记
+import Cookies from 'js-cookie'
 import { datas, sendThis } from "../javascript/jsydsyq100.js";
 import { datas, sendThis } from "../javascript/jsydsyq100.js";
 import { defaultParameters } from "../javascript/publicDefaultPar.js";
 import { defaultParameters } from "../javascript/publicDefaultPar.js";
 import table from "@/utils/mixin/table";
 import table from "@/utils/mixin/table";
 import jump from "../components/mixin/jump";
 import jump from "../components/mixin/jump";
 import { selectScBdcdy, startBusinessFlow } from "@/api/ywbl.js";
 import { selectScBdcdy, startBusinessFlow } from "@/api/ywbl.js";
 export default {
 export default {
+  mixins: [table, jump],
   props: {
   props: {
-    bsmSqyw: { type: String, default: "" },
-    djqxObj: { type: Object, default: "" },
-    djywbm: { type: String, default: "" }
+    isJump: { type: Boolean, default: false },
+    djywbm: { type: String, default: '' }
   },
   },
-  mixins: [table, jump],
   data () {
   data () {
     return {
     return {
       queryForm: defaultParameters.defaultParameters(),
       queryForm: defaultParameters.defaultParameters(),
@@ -65,11 +65,6 @@ export default {
       saveloding: false,
       saveloding: false,
     };
     };
   },
   },
-  watch: {
-    bsmSqyw (val) {
-      this.fetchData();
-    },
-  },
   mounted () {
   mounted () {
     sendThis(this);
     sendThis(this);
   },
   },
@@ -78,7 +73,6 @@ export default {
       this.$emit("closeDialog");
       this.$emit("closeDialog");
     },
     },
     fetchData () {
     fetchData () {
-      if (this.bsmSqyw) {
       this.queryForm.sqywbm = this.djywbm;
       this.queryForm.sqywbm = this.djywbm;
 
 
       selectScBdcdy({ ...this.queryForm, ...this.pageData }).then((res) => {
       selectScBdcdy({ ...this.queryForm, ...this.pageData }).then((res) => {
@@ -88,7 +82,6 @@ export default {
           this.tableData.data = records;
           this.tableData.data = records;
         }
         }
       });
       });
-      }
     },
     },
     submitForm () {
     submitForm () {
       if (this.bdcdysz.length == 0) {
       if (this.bdcdysz.length == 0) {
@@ -97,14 +90,23 @@ export default {
       }
       }
       this.saveloding = true;
       this.saveloding = true;
       startBusinessFlow({
       startBusinessFlow({
-        bsmSqyw: this.bsmSqyw,
+        bsmSqyw: Cookies.get("bsmSqyw"),
         bdcdysz: this.bdcdysz,
         bdcdysz: this.bdcdysz,
-        djqxbm: this.djqxObj.djqxbm,
-        djqxmc: this.djqxObj.djqxmc,
+        djqxbm: Cookies.get("djqxObj") ? JSON.parse(Cookies.get("djqxObj"))?.djqxbm : '',
+        djqxmc: Cookies.get("djqxObj") ? JSON.parse(Cookies.get("djqxObj"))?.djqxmc : '',
       }).then((res) => {
       }).then((res) => {
         this.saveloding = false;
         this.saveloding = false;
         if (res.code == 200) {
         if (res.code == 200) {
-          this.jump(res.result)
+          this.$message({
+            showClose: true,
+            message: '发起申请成功',
+            type: 'success'
+          })
+          if (!this.isJump) {
+            this.jump(res.result, this.djywbm)
+          } else {
+            this.$emit('updateDialog', true)
+          }
         } else {
         } else {
           this.$message.error(res.message);
           this.$message.error(res.message);
         }
         }

@@ -34,7 +34,7 @@
           </el-col>
           </el-col>
           <el-col :span="2" class="btnCol">
           <el-col :span="2" class="btnCol">
             <el-form-item>
             <el-form-item>
-              <el-button type="primary" @click="queryClick()">查询</el-button>
+              <el-button type="primary" @click="fetchData">查询</el-button>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
         </el-row>
         </el-row>
@@ -55,18 +55,18 @@
 </template>
 </template>
 <script>
 <script>
 //首次登记
 //首次登记
+import Cookies from 'js-cookie'
 import { datas, sendThis } from "../javascript/jsydsyq200.js";
 import { datas, sendThis } from "../javascript/jsydsyq200.js";
 import { defaultParameters } from "../javascript/publicDefaultPar.js";
 import { defaultParameters } from "../javascript/publicDefaultPar.js";
 import table from "@/utils/mixin/table";
 import table from "@/utils/mixin/table";
 import jump from "../components/mixin/jump";
 import jump from "../components/mixin/jump";
 import { selectQlxx, startBusinessFlow } from "@/api/ywbl.js";
 import { selectQlxx, startBusinessFlow } from "@/api/ywbl.js";
 export default {
 export default {
+  mixins: [table, jump],
   props: {
   props: {
-    bsmSqyw: { type: String, default: "" },
-    djqxObj: { type: Object, default: "" },
-    djywbm: { type: String, default: "" }
+    isJump: { type: Boolean, default: false },
+    djywbm: { type: String, default: '' }
   },
   },
-  mixins: [table, jump],
   data () {
   data () {
     return {
     return {
       queryForm: defaultParameters.defaultParameters(),
       queryForm: defaultParameters.defaultParameters(),
@@ -80,11 +80,6 @@ export default {
       saveloding: false,
       saveloding: false,
     };
     };
   },
   },
-  watch: {
-    bsmSqyw (val) {
-      this.fetchData();
-    },
-  },
   mounted () {
   mounted () {
     sendThis(this);
     sendThis(this);
   },
   },
@@ -93,7 +88,6 @@ export default {
       this.$emit("closeDialog");
       this.$emit("closeDialog");
     },
     },
     fetchData () {
     fetchData () {
-      if (this.bsmSqyw) {
       this.queryForm.sqywbm = this.djywbm;
       this.queryForm.sqywbm = this.djywbm;
 
 
       selectQlxx({ ...this.queryForm, ...this.pageData }).then((res) => {
       selectQlxx({ ...this.queryForm, ...this.pageData }).then((res) => {
@@ -103,7 +97,6 @@ export default {
           this.tableData.data = records;
           this.tableData.data = records;
         }
         }
       });
       });
-      }
     },
     },
     submitForm () {
     submitForm () {
       if (this.bdcdysz.length == 0) {
       if (this.bdcdysz.length == 0) {
@@ -112,14 +105,23 @@ export default {
       }
       }
       this.saveloding = true;
       this.saveloding = true;
       startBusinessFlow({
       startBusinessFlow({
-        bsmSqyw: this.bsmSqyw,
+        bsmSqyw: Cookies.get("bsmSqyw"),
         bdcdysz: this.bdcdysz,
         bdcdysz: this.bdcdysz,
-        djqxbm: this.djqxObj.djqxbm,
-        djqxmc: this.djqxObj.djqxmc,
+        djqxbm: Cookies.get("djqxObj") ? JSON.parse(Cookies.get("djqxObj"))?.djqxbm : '',
+        djqxmc: Cookies.get("djqxObj") ? JSON.parse(Cookies.get("djqxObj"))?.djqxmc : '',
       }).then((res) => {
       }).then((res) => {
         this.saveloding = false;
         this.saveloding = false;
         if (res.code == 200) {
         if (res.code == 200) {
-          this.jump(res.result)
+          this.$message({
+            showClose: true,
+            message: '发起申请成功',
+            type: 'success'
+          })
+          if (!this.isJump) {
+            this.jump(res.result, this.djywbm)
+          } else {
+            this.$emit('updateDialog', true)
+          }
         } else {
         } else {
           this.$message.error(res.message);
           this.$message.error(res.message);
         }
         }

 export default {
 export default {
   methods: {
   methods: {
-    jump (data) {
+    jump (data, type) {
       this.$emit("closeDialog");
       this.$emit("closeDialog");
       const { href } = this.$router.resolve(
       const { href } = this.$router.resolve(
         "/workFrame?bsmSlsq=" +
         "/workFrame?bsmSlsq=" +
         data.bsmSlsq +
         data.bsmSlsq +
         "&bestepid=" +
         "&bestepid=" +
-        data.bestepid + '&bsmBusiness='
+        data.bestepid + '&bsmBusiness=' + '&sqywbm=' + type
       );
       );
       window.open(href, "_blank");
       window.open(href, "_blank");
     },
     },

@@ -51,11 +51,11 @@ class data extends filter {
         label: "宗地面积",
         label: "宗地面积",
       },
       },
       {
       {
-        prop: "qlsdfsmc",
+        prop: "qlsdfs",
         label: "权利设定方式",
         label: "权利设定方式",
       },
       },
       {
       {
-        prop: "showFwyt",
+        prop: "jzwjbyt",
         label: "房屋用途",
         label: "房屋用途",
       },
       },
       {
       {

 <template>
 <template>
-  <dialogBox title="查询权利信息" width="85%" :isButton="false" @closeDialog="closeDialog" v-model="myValue">
-    <component :is="editItem" @closeDialog="closeDialog" :bsmSqyw="bsmSqyw" :djqxObj='djqxObj' :djywbm="djywbm" />
+  <dialogBox title="查询权利信息" width="85%" :isButton="false" :isMain="true" @closeDialog="closeDialog" v-model="myValue">
+    <component :is="editItem" @closeDialog="closeDialog" :isJump="isJump" @updateDialog="updateDialog" :djywbm="djywbm"
+      :key="key" />
   </dialogBox>
   </dialogBox>
 </template>
 </template>
 <script>
 <script>
-import { queueDjywmc } from './slectBdcdata.js';
+import { queueDjywmc } from './slectBdcdata.js'
 export default {
 export default {
   props: {
   props: {
+    isJump: { type: Boolean, default: false },
     value: { type: Boolean, default: true },
     value: { type: Boolean, default: true },
-    bsmSqyw: { type: String, default: '' },
-    djywbm: { type: String, default: '' },
-    djqxObj: { type: Object, default: '' }
+    djywbm: { type: String, default: '' }
   },
   },
   data () {
   data () {
     return {
     return {
+      key: 0,
       editItem: '',
       editItem: '',
       myValue: this.value,
       myValue: this.value,
-    };
+    }
   },
   },
   watch: {
   watch: {
     value (val) {
     value (val) {
       this.myValue = val
       this.myValue = val
+      this.key++
+      if (this.$route.query.sqywbm) {
+        let dd = queueDjywmc(this.$route.query.sqywbm)
+        this.editItem = this.loadView(dd)
+      }
     },
     },
-    djywbm (val) {
-      console.log(val);
-      let dd = queueDjywmc(val);
-      this.editItem = this.loadView(dd);
-    },
+    'djywbm' (val) {
+      let dd = queueDjywmc(val)
+      this.editItem = this.loadView(dd)
+    }
   },
   },
   methods: {
   methods: {
     loadView (view) {
     loadView (view) {
-      console.log(view);
       return r => require.ensure([], () => r(require(`./components/${view}.vue`)))
       return r => require.ensure([], () => r(require(`./components/${view}.vue`)))
     },
     },
     closeDialog () {
     closeDialog () {
-      this.$emit("input", false);
+      this.$emit("input", false)
+    },
+    updateDialog () {
+      this.$emit("input", false)
+      this.key++
     }
     }
   }
   }
-};
+}
 </script>
 </script>
 <style scoped lang="scss">
 <style scoped lang="scss">
 @import "~@/styles/mixin.scss";
 @import "~@/styles/mixin.scss";

@@ -11,8 +11,8 @@ export function queueDjywmc (djywbm) {
         case "A03400":
         case "A03400":
             vm = "jsydsyq200";
             vm = "jsydsyq200";
             break;
             break;
-        case "A04100":
-            vm = "houseOwnership";
+        case "A04100"://国有建设用地使用权/房屋所有权(首次登记)
+            vm = "fwsyq";
             break;
             break;
         case "A05200":
         case "A05200":
         case "A05300":
         case "A05300":

@@ -65,12 +65,13 @@
         <el-button type="primary" :disabled="btnDisabled" @click="bthSelectClick">选择不动产</el-button>
         <el-button type="primary" :disabled="btnDisabled" @click="bthSelectClick">选择不动产</el-button>
       </div>
       </div>
     </div>
     </div>
-    <fqsqDialog v-model="isDialog" :bsmSqyw="bsmSqyw" :djywbm="djywbm" :djqxObj='djqxObj' />
+    <fqsqDialog v-model="isDialog" :djywbm="djywbm" />
   </div>
   </div>
 </template>
 </template>
 <script>
 <script>
-import { getCollectBiz, getleftMenu, getNextNode, addCollectBiz, deleteCollectBiz } from "@/api/ywbl"
+import Cookies from 'js-cookie'
 import fqsqDialog from "./slectBdc.vue"
 import fqsqDialog from "./slectBdc.vue"
+import { getCollectBiz, getleftMenu, getNextNode, addCollectBiz, deleteCollectBiz } from "@/api/ywbl"
 export default {
 export default {
   data () {
   data () {
     return {
     return {
@@ -83,14 +84,9 @@ export default {
       djlxList: [],
       djlxList: [],
       ywList: [],
       ywList: [],
       djqxList: [],
       djqxList: [],
-      bsmSqyw: '',
       isDialog: false,
       isDialog: false,
       btnDisabled: true,
       btnDisabled: true,
-      djywbm: '',
-      djqxObj: {
-        djqxbm: "",
-        djqxmc: "",
-      }
+      djywbm: ''
     }
     }
   },
   },
   components: {
   components: {
@@ -122,16 +118,16 @@ export default {
     // 业务-登记情形选择
     // 业务-登记情形选择
     handleSelectYw (item, list) {
     handleSelectYw (item, list) {
       list.forEach(item => {
       list.forEach(item => {
-        item.cselect = false
+        this.$set(item, 'cselect', false)
       })
       })
-      item.cselect = !item.cselect
-      this.djqxObj = {
+      item.cselect = true
+      Cookies.set("djqxObj", JSON.stringify({
         'djqxbm': item.nodecode,
         'djqxbm': item.nodecode,
-        'djqxmc': item.nodename,
-      }
+        'djqxmc': item.nodename
+      }))
       if (item.sffqlc == '1') {
       if (item.sffqlc == '1') {
         this.btnDisabled = false
         this.btnDisabled = false
-        this.bsmSqyw = item.parentid
+        Cookies.set("bsmSqyw", item.parentid)
         this.djywbm = item.djywbm
         this.djywbm = item.djywbm
       }
       }
     },
     },
@@ -147,18 +143,18 @@ export default {
       this.djlxList = []
       this.djlxList = []
     },
     },
     // 获取下个节点类型
     // 获取下个节点类型
-    getNextNode (bsmSqyw) {
+    getNextNode (bsmSqyw, type) {
       getNextNode(bsmSqyw).then(res => {
       getNextNode(bsmSqyw).then(res => {
         if (res.result.djqx) this.djqxList = res.result.djqx
         if (res.result.djqx) this.djqxList = res.result.djqx
         if (res.result.djlx) this.djlxList = res.result.djlx
         if (res.result.djlx) this.djlxList = res.result.djlx
+        if (type) {
           this.djqxList.forEach(item => {
           this.djqxList.forEach(item => {
             this.$set(item, 'cselect', false)
             this.$set(item, 'cselect', false)
-          this.$set(item, 'select', false)
           })
           })
           this.djlxList.forEach(item => {
           this.djlxList.forEach(item => {
             this.$set(item, 'cselect', false)
             this.$set(item, 'cselect', false)
-          this.$set(item, 'select', false)
           })
           })
+        }
       })
       })
     },
     },
     handleCollection (item) {
     handleCollection (item) {
@@ -171,6 +167,7 @@ export default {
               message: '收藏成功！',
               message: '收藏成功！',
               type: 'success'
               type: 'success'
             })
             })
+            that.getDataList()
           }
           }
         })
         })
       } else {
       } else {
@@ -181,6 +178,7 @@ export default {
               message: '取消收藏成功！',
               message: '取消收藏成功！',
               type: 'success'
               type: 'success'
             })
             })
+            that.getDataList()
           }
           }
         })
         })
       }
       }
@@ -200,10 +198,10 @@ export default {
       this.$set(item, 'cselect', true)
       this.$set(item, 'cselect', true)
       if (item.sffqlc == '1') {
       if (item.sffqlc == '1') {
         this.btnDisabled = false
         this.btnDisabled = false
-        this.bsmSqyw = item.bsmSqyw
+        Cookies.set("bsmSqyw", item.bsmSqyw)
         this.djywbm = item.djywbm
         this.djywbm = item.djywbm
       } else {
       } else {
-        this.getNextNode(item.bsmSqyw)
+        this.getNextNode(item.bsmSqyw, false)
       }
       }
       this.djqxList = []
       this.djqxList = []
     },
     },

@@ -123,43 +123,58 @@ export default {
     // 高级查询
     // 高级查询
     moreQueryClick () { },
     moreQueryClick () { },
     openDialog (scroll) {     
     openDialog (scroll) {     
-      //debugger;
-      let _this = this;
-      let bsm = scroll.bsmQlxx;
-      axios
-        .all([
-          getDjbfm(bsm),
-          getDjml(bsm),
-          getZdjbxx(bsm),
-          getQlname(bsm),
-          getDetail(bsm),
-        ])
-        .then(([djbfm, djml, zdjbxx, qlname, detail]) => {
-          let obj = {
-            djbfm: djbfm.result,
-            djml: djml.result,
-            zdjbxx: zdjbxx.result,
-            qlname: qlname.result,
-            detail: detail.result,
-          };
-          this.$store.dispatch("djbxx/setDjbxx", obj);
-          _this.isDialog = true;
-
-          // 弹窗打开,自动切换到对应的登记类型
-          if (scroll.qllxmc == "国有建设用地使用权") {
-            this.$refs.djbxxDialog.showType = "JSYDSYQ";
-          } else if (scroll.qllxmc == "抵押权") {
-            this.$refs.djbxxDialog.showType = "DYAQ";
-          } else if (scroll.qllxmc == "地役权") {
-            this.$refs.djbxxDialog.showType = "DYIQ";
-          } else if (scroll.qllxmc == "预告登记") {
-            this.$refs.djbxxDialog.showType = "YGDJ";
-          } else if (scroll.qllxmc == "异议登记") {
-            this.$refs.djbxxDialog.showType = "YYDJ";
-          } else if (scroll.qllxmc == "查封登记") {
-            this.$refs.djbxxDialog.showType = "CFDJ";
+      this.$popup({
+         titleStyle:"left",
+          title: '提示', // 弹窗标题
+          editItem: 'registerBook/djbFrame', // 弹窗内容   
+          formData: scroll,    
+          width:"1220px",
+          height:"800px",
+          // cancelText: '取消摆烂', // 右边按钮文本 
+          // confirmText: '确定点击', //左边按钮文本
+          cancel: () => {
+            console.log('取消回调')
+          },
+          confirm: () => {
+            console.log('确认回调')
           }        
           }        
-        });
+        })
+      // let _this = this;
+      // let bsm = scroll.bsmQlxx;
+      // axios
+      //   .all([
+      //     getDjbfm(bsm),
+      //     getDjml(bsm),
+      //     getZdjbxx(bsm),
+      //     getQlname(bsm),
+      //     getDetail(bsm),
+      //   ])
+      //   .then(([djbfm, djml, zdjbxx, qlname, detail]) => {
+      //     let obj = {
+      //       djbfm: djbfm.result,
+      //       djml: djml.result,
+      //       zdjbxx: zdjbxx.result,
+      //       qlname: qlname.result,
+      //       detail: detail.result,
+      //     };
+      //     this.$store.dispatch("djbxx/setDjbxx", obj);
+      //     _this.isDialog = true;
+
+      //     // 弹窗打开,自动切换到对应的登记类型
+      //     if (scroll.qllxmc == "国有建设用地使用权") {
+      //       this.$refs.djbxxDialog.showType = "JSYDSYQ";
+      //     } else if (scroll.qllxmc == "抵押权") {
+      //       this.$refs.djbxxDialog.showType = "DYAQ";
+      //     } else if (scroll.qllxmc == "地役权") {
+      //       this.$refs.djbxxDialog.showType = "DYIQ";
+      //     } else if (scroll.qllxmc == "预告登记") {
+      //       this.$refs.djbxxDialog.showType = "YGDJ";
+      //     } else if (scroll.qllxmc == "异议登记") {
+      //       this.$refs.djbxxDialog.showType = "YYDJ";
+      //     } else if (scroll.qllxmc == "查封登记") {
+      //       this.$refs.djbxxDialog.showType = "CFDJ";
+      //     }
+      //   });
     },
     },
   },
   },
 };
 };