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

@@ -23,6 +23,7 @@
     "node-sass": "^4.14.1",
     "node-sass": "^4.14.1",
     "normalize.css": "7.0.0",
     "normalize.css": "7.0.0",
     "nprogress": "0.2.0",
     "nprogress": "0.2.0",
+    "qrcode": "^1.5.3",
     "vue": "2.6.10",
     "vue": "2.6.10",
     "vue-json-editor": "^1.4.3",
     "vue-json-editor": "^1.4.3",
     "vue-quill-editor": "^3.0.6",
     "vue-quill-editor": "^3.0.6",

@@ -2,4 +2,4 @@
   "TITLE": "不动产登记系统",
   "TITLE": "不动产登记系统",
   "SERVERAPI": "/bdcdj",
   "SERVERAPI": "/bdcdj",
   "IDCARDURL": "http://127.0.0.1:33088/function=get_idcard&readnew=0"
   "IDCARDURL": "http://127.0.0.1:33088/function=get_idcard&readnew=0"
-}
\ No newline at end of file
+}

@@ -4,6 +4,7 @@
  * @LastEditTime: 2023-05-16 14:05:25
  * @LastEditTime: 2023-05-16 14:05:25
  */
  */
 import request from '@/utils/request'
 import request from '@/utils/request'
+import { log } from 'bpmn-js-token-simulation'
 let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl'))
 let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl'))
 /**
 /**
  * @description: 添加补录记录
  * @description: 添加补录记录
@@ -24,9 +25,8 @@ export function addRepairRecord (data) {
  */
  */
 export function deleteFlow (params) {
 export function deleteFlow (params) {
   return request({
   return request({
-    url: SERVER.SERVERAPI + '/rest/djbRepair/deleteFlow',
+    url: SERVER.SERVERAPI + '/rest/djbRepair/deleteFlow?bsmSlsq='+params,
     method: 'get',
     method: 'get',
-    params:params
   })
   })
 }
 }
 
 
@@ -49,7 +49,7 @@ export function deleteRepairRecord (params) {
  */
  */
 export function init (params) {
 export function init (params) {
   return request({
   return request({
-    url: SERVER.SERVERAPI + '/rest/djbRepair/init?bsmRepair='+params,
+    url: SERVER.SERVERAPI + '/rest/djbRepair/init?bsmRepair='+params.bsmRepair+'&isEdit='+params.isEdit,
     method: 'get',
     method: 'get',
   })
   })
 }
 }

@@ -50,9 +50,6 @@ export function Init (data) {
  */
  */
 export function saveData (data, djlx) {
 export function saveData (data, djlx) {
     let apiUrl = "/rest/ywbl/dyaq/saveData";
     let apiUrl = "/rest/ywbl/dyaq/saveData";
-    if (djlx == "400") {
-        apiUrl = "/rest/ywbl/dyaq/saveLogoutData";
-    }
     return request({
     return request({
         url: SERVER.SERVERAPI + apiUrl,
         url: SERVER.SERVERAPI + apiUrl,
         method: 'post',
         method: 'post',

@@ -8,28 +8,36 @@ let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('Ap
 
 
 // 初始化内容
 // 初始化内容
 export function Init (data) {
 export function Init (data) {
+    return request({
+        url: SERVER.SERVERAPI + "/rest/ywbl/zjgcdy/init",
+        method: 'post',
+        data
+    })
+}
+// 批量初始化内容
+export function bacthInit (data) {
     let apiUrl = "";
     let apiUrl = "";
     switch (data.get("djlx")) {
     switch (data.get("djlx")) {
         case "100":
         case "100":
-            apiUrl = "/rest/ywbl/zjgcdy/fristInit";
+            apiUrl = "/rest/ywbl/zjgcdy/fristBatchInit";
             break;
             break;
         case "200":
         case "200":
-            apiUrl = "/rest/ywbl/zjgcdy/transferInit";
+            apiUrl = "/rest/ywbl/zjgcdy/transferBatchInit";
             break;
             break;
         case "300":
         case "300":
-            apiUrl = "/rest/ywbl/zjgcdy/changeInit";
+            apiUrl = "/rest/ywbl/zjgcdy/changeBatchInit";
             break;
             break;
         case "400":
         case "400":
-            apiUrl = "/rest/ywbl/zjgcdy/logoutInit";
+            apiUrl = "/rest/ywbl/zjgcdy/logoutBatchInit";
             break;
             break;
         case "500":
         case "500":
-            apiUrl = "/rest/ywbl/zjgcdy/riviseInit";
+            apiUrl = "/rest/ywbl/zjgcdy/riviseBatchInit";
             break;
             break;
         case "901":
         case "901":
-            apiUrl = "/rest/ywbl/zjgcdy/renewalInit";
+            apiUrl = "/rest/ywbl/zjgcdy/renewaBatchlInit";
             break;
             break;
         case "902":
         case "902":
-            apiUrl = "/rest/ywbl/zjgcdy/replaceInit";
+            apiUrl = "/rest/ywbl/zjgcdy/replaceBatchInit";
             break;
             break;
     }
     }
     return request({
     return request({
@@ -51,6 +59,15 @@ export function saveData (data, djlx) {
     })
     })
 }
 }
 
 
+// 受理信息保存
+export function saveBatchData (data, djlx) {
+    return request({
+        url: SERVER.SERVERAPI + "/rest/ywbl/zjgcdy/saveBatchData",
+        method: 'post',
+        data
+    })
+}
+
 // 流程图
 // 流程图
 export function getWorkFlowImage (bsmSlsq, bestepid) {
 export function getWorkFlowImage (bsmSlsq, bestepid) {
     return request({
     return request({

@@ -340,6 +340,18 @@ export function selectH (data) {
     })
     })
 }
 }
 
 
+/**
+ * @description: 业务办理-选择单元-查询土地所有权信息
+ * @param {*} data
+ * @author: renchao
+ */
+export function selectTdsyqQlxx (data) {
+  return request({
+    url: SERVER.SERVERAPI + '/rest/ywbl/ywsq/selectTdsyqQlxx',
+    method: 'post',
+    data
+  })
+}
 
 
 /**
 /**
  * @description: 业务办理-选择单元-查询建设用地、宅基地信息
  * @description: 业务办理-选择单元-查询建设用地、宅基地信息

+<!--
+ * @Descripttion: 表格选择器组件
+ * @version: 1.3
+ * @Author: sakuya
+ * @Date: 2021年6月10日10:04:07
+ * @LastEditors: Please set LastEditors
+ * @LastEditTime: 2023-06-29 11:14:11
+-->
+
+<template>
+  <el-select ref="select" v-model="defaultValue" :size="size" :clearable="clearable" :multiple="multiple" :collapse-tags="collapseTags"
+    :collapse-tags-tooltip="collapseTagsTooltip" :filterable="filterable" :placeholder="placeholder" :disabled="disabled" :filter-method="filterMethod"
+    @remove-tag="removeTag" @visible-change="visibleChange" @clear="clear">
+    <template #empty>
+      <div class="sc-table-select__table" :style="{width: tableWidth+'px'}" v-loading="loading">
+        <div class="sc-table-select__header">
+          <slot name="header" :form="formData" :submit="formSubmit"></slot>
+        </div>
+        <el-table ref="table" :data="tableData" :height="245" :highlight-current-row="!multiple" @row-click="click" @select="select" @select-all="selectAll">
+          <el-table-column v-if="multiple" type="selection" width="45"></el-table-column>
+          <el-table-column v-else type="index" width="45">
+            <template #default="scope"><span>{{scope.$index+(currentPage - 1) * pageSize + 1}}</span></template>
+          </el-table-column>
+          <slot></slot>
+        </el-table>
+        <div class="sc-table-select__page">
+          <el-pagination small background layout="prev, pager, next" :total="total" :page-size="pageSize" v-model:currentPage="currentPage"
+            @current-change="reload"></el-pagination>
+        </div>
+      </div>
+    </template>
+  </el-select>
+</template>
+
+<script>
+  import config from "./tableSelect";
+  export default {
+    props: {
+      modelValue: null,
+      apiObj: { type: Object, default: () => { } },
+      placeholder: { type: String, default: "请选择" },
+      size: { type: String, default: "small" },
+      clearable: { type: Boolean, default: false },
+      multiple: { type: Boolean, default: false },
+      filterable: { type: Boolean, default: false },
+      collapseTags: { type: Boolean, default: false },
+      collapseTagsTooltip: { type: Boolean, default: false },
+      disabled: { type: Boolean, default: false },
+      tableWidth: { type: Number, default: 400 },
+      mode: { type: String, default: "popover" },
+      props: { type: Object, default: () => { } }
+    },
+    data () {
+      return {
+        loading: false,
+        keyword: null,
+        defaultValue: [],
+        tableData: [],
+        pageSize: config.pageSize,
+        total: 0,
+        currentPage: 1,
+        defaultProps: {
+          label: config.props.label,
+          value: config.props.value,
+          page: config.request.page,
+          pageSize: config.request.pageSize,
+          keyword: config.request.keyword
+        },
+        formData: {}
+      }
+    },
+    computed: {
+
+    },
+    watch: {
+      modelValue: {
+        handler () {
+          this.defaultValue = this.modelValue
+          this.autoCurrentLabel()
+        },
+        deep: true
+      }
+    },
+    mounted () {
+      this.defaultProps = Object.assign(this.defaultProps, this.props);
+      this.defaultValue = this.modelValue
+      this.autoCurrentLabel()
+    },
+    methods: {
+      //表格显示隐藏回调
+      visibleChange (visible) {
+        if (visible) {
+          this.currentPage = 1
+          this.keyword = null
+          this.formData = {}
+          this.getData()
+        } else {
+          this.autoCurrentLabel()
+        }
+      },
+      //获取表格数据
+      async getData () {
+        this.loading = true;
+        var reqData = {
+          [this.defaultProps.page]: this.currentPage,
+          [this.defaultProps.pageSize]: this.pageSize,
+          [this.defaultProps.keyword]: this.keyword
+        }
+        Object.assign(reqData, this.formData)
+        // var res = await this.apiObj.get(reqData);
+        let res = {
+          code: 200,
+          data: {
+            total: 2, rows: [
+              {
+                user: 11111111111,
+                id: 111111111111
+              },
+              {
+                user: 2222222222222,
+                id: 22222222222
+              }
+            ]
+          },
+          message: ""
+        }
+        var parseData = config.parseData(res)
+        this.tableData = parseData.rows;
+        this.total = parseData.total;
+        this.loading = false;
+        //表格默认赋值
+        this.$nextTick(() => {
+          if (this.multiple) {
+            this.defaultValue.forEach(row => {
+              var setrow = this.tableData.filter(item => item[this.defaultProps.value] === row[this.defaultProps.value])
+              if (setrow.length > 0) {
+                this.$refs.table.toggleRowSelection(setrow[0], true);
+              }
+            })
+          } else {
+            var setrow = this.tableData.filter(item => item[this.defaultProps.value] === this.defaultValue[this.defaultProps.value])
+            this.$refs.table.setCurrentRow(setrow[0]);
+          }
+          this.$refs.table.setScrollTop(0)
+        })
+      },
+      //插糟表单提交
+      formSubmit () {
+        this.currentPage = 1
+        this.keyword = null
+        this.getData()
+      },
+      //分页刷新表格
+      reload () {
+        this.getData()
+      },
+      //自动模拟options赋值
+      autoCurrentLabel () {
+        this.$nextTick(() => {
+          if (this.multiple) {
+            this.$refs.select.selected.forEach(item => {
+              item.currentLabel = item.value[this.defaultProps.label]
+            })
+          } else {
+            this.$refs.select.selectedLabel = this.defaultValue[this.defaultProps.label]
+          }
+        })
+      },
+      //表格勾选事件
+      select (rows, row) {
+        var isSelect = rows.length && rows.indexOf(row) !== -1
+        if (isSelect) {
+          this.defaultValue.push(row)
+        } else {
+          this.defaultValue.splice(this.defaultValue.findIndex(item => item[this.defaultProps.value] == row[this.defaultProps.value]), 1)
+        }
+        this.autoCurrentLabel()
+        this.$emit('update:modelValue', this.defaultValue);
+        this.$emit('change', this.defaultValue);
+      },
+      //表格全选事件
+      selectAll (rows) {
+        var isAllSelect = rows.length > 0
+        if (isAllSelect) {
+          rows.forEach(row => {
+            var isHas = this.defaultValue.find(item => item[this.defaultProps.value] == row[this.defaultProps.value])
+            if (!isHas) {
+              this.defaultValue.push(row)
+            }
+          })
+        } else {
+          this.tableData.forEach(row => {
+            var isHas = this.defaultValue.find(item => item[this.defaultProps.value] == row[this.defaultProps.value])
+            if (isHas) {
+              this.defaultValue.splice(this.defaultValue.findIndex(item => item[this.defaultProps.value] == row[this.defaultProps.value]), 1)
+            }
+          })
+        }
+        this.autoCurrentLabel()
+        this.$emit('update:modelValue', this.defaultValue);
+        this.$emit('change', this.defaultValue);
+      },
+      click (row) {
+        if (this.multiple) {
+          //处理多选点击行
+        } else {
+          this.defaultValue = row
+          this.$refs.select.blur()
+          this.autoCurrentLabel()
+          this.$emit('update:modelValue', this.defaultValue);
+          this.$emit('change', this.defaultValue);
+        }
+      },
+      //tags删除后回调
+      removeTag (tag) {
+        var row = this.findRowByKey(tag[this.defaultProps.value])
+        this.$refs.table.toggleRowSelection(row, false);
+        this.$emit('update:modelValue', this.defaultValue);
+      },
+      //清空后的回调
+      clear () {
+        this.$emit('update:modelValue', this.defaultValue);
+      },
+      // 关键值查询表格数据行
+      findRowByKey (value) {
+        return this.tableData.find(item => item[this.defaultProps.value] === value)
+      },
+      filterMethod (keyword) {
+        if (!keyword) {
+          this.keyword = null;
+          return false;
+        }
+        this.keyword = keyword;
+        this.getData()
+      },
+      // 触发select隐藏
+      blur () {
+        this.$refs.select.blur();
+      },
+      // 触发select显示
+      focus () {
+        this.$refs.select.focus();
+      }
+    }
+  }
+</script>
+
+<style scoped>
+  .sc-table-select__table {
+    padding: 12px;
+  }
+  .sc-table-select__page {
+    padding-top: 12px;
+  }
+</style>

+/*
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-06-29 11:05:49
+ */
+//表格选择器配置
+
+export default {
+  pageSize: 10,						//表格每一页条数
+  parseData: function (res) {
+    return {
+      data: res.data,
+      rows: res.data.rows,		//分析行数据字段结构
+      total: res.data.total,		//分析总数字段结构
+      msg: res.message,			//分析描述字段结构
+      code: res.code				//分析状态字段结构
+    }
+  },
+  request: {
+    page: 'page',					//规定当前分页字段
+    pageSize: 'pageSize',			//规定一页条数字段
+    keyword: 'keyword'				//规定搜索字段
+  },
+  props: {
+    label: 'label',					//映射label显示字段
+    value: 'value',					//映射value值字段
+  }
+}

@@ -56,7 +56,7 @@ router.beforeEach(async (to, from, next) => {
       await store.dispatch('user/getUserInfo')
       await store.dispatch('user/getUserInfo')
       router.addRoutes([...accessRoutes, { path: '*', redirect: '/404', hidden: true }])
       router.addRoutes([...accessRoutes, { path: '*', redirect: '/404', hidden: true }])
       const routeTo = Cookies.get('routerTo')
       const routeTo = Cookies.get('routerTo')
-      if (routeTo && routeTo !== '/') {
+      if (to.fullPath||routeTo && routeTo !== '/') {
         next({ ...to, replace: true })
         next({ ...to, replace: true })
       } else {
       } else {
         next('/home')
         next('/home')

@@ -34,7 +34,7 @@ export const constantRoutes = [
     hidden: true,
     hidden: true,
     meta: { title: '发起申请' }
     meta: { title: '发起申请' }
   },
   },
-    // 业务流程框架
+    // 登记簿补录
     {
     {
       path: '/djbworkFrame',
       path: '/djbworkFrame',
       component: () => import('@/views/djbworkflow/workFrame.vue'),
       component: () => import('@/views/djbworkflow/workFrame.vue'),
@@ -42,6 +42,14 @@ export const constantRoutes = [
       hidden: true,
       hidden: true,
       meta: { title: '登记簿补录' }
       meta: { title: '登记簿补录' }
     },
     },
+        // 登记簿补录只读框架
+        {
+          path: '/djbworkFrameView',
+          component: () => import('@/views/djbworkflow/workFrameView.vue'),
+          name: 'djbworkFrameView',
+          hidden: true,
+          meta: { title: '登记簿补录' }
+        },
   //登记簿详情
   //登记簿详情
   {
   {
     path: '/djbFrameall',
     path: '/djbFrameall',

@@ -147,9 +147,11 @@ div:focus {
 .pl-5 {
 .pl-5 {
   padding-left: 5px;
   padding-left: 5px;
 }
 }
+
 .pt-10 {
 .pt-10 {
   padding-top: 10px;
   padding-top: 10px;
 }
 }
+
 .block {
 .block {
   display: block;
   display: block;
 }
 }
@@ -383,7 +385,65 @@ aside {
   transition: 0.5s;
   transition: 0.5s;
   margin-left: -1px;
   margin-left: -1px;
   border-top: 0;
   border-top: 0;
+
   .el-checkbox__label {
   .el-checkbox__label {
     font-size: 16px;
     font-size: 16px;
   }
   }
 }
 }
+
+
+.linshiIcon {
+  position: relative;
+
+  .icon {
+    position: absolute;
+    top: 12px;
+    right: -5px;
+    transform: rotate(45deg);
+    color: #fff;
+    font-size: 12px;
+    z-index: 10;
+  }
+}
+
+.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);
+}
+
+.xianshiIcon {
+  position: relative;
+
+  .icon {
+    position: absolute;
+    top: 9px;
+    right: 5px;
+    transform: rotate(45deg);
+    color: #fff;
+    font-size: 12px;
+    z-index: 10;
+  }
+}
+
+.xianshiIcon::after {
+  content: "";
+  display: block;
+  width: 0;
+  height: 0;
+  border-width: 0px 0px 55px 55px;
+  border-style: none solid solid;
+  border-color: transparent transparent #67C23A;
+  position: absolute;
+  top: 0;
+  right: 0;
+  transform: rotate(-90deg);
+}
\ No newline at end of file

+/*
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-07-03 08:59:06
+ */
+import store from '@/store'
 export function getSjlx (level) {
 export function getSjlx (level) {
   const resultMap = {
   const resultMap = {
     1: '系统数据',
     1: '系统数据',
@@ -5,4 +11,16 @@ export function getSjlx (level) {
     3: '补录数据',
     3: '补录数据',
   }
   }
   return resultMap[level] || resultMap.default;
   return resultMap[level] || resultMap.default;
+}
+
+export function getDictLeabel (level, code) {
+  const resultMap = store.getters.dictData[code]
+  const desiredObject = resultMap.find(obj => obj.dcode === level);
+
+  if (desiredObject) {
+    const desiredName = desiredObject.dname;
+    return desiredName
+  } else {
+    return ''
+  }
 }
 }
\ No newline at end of file

 import cookies from './util.cookies'
 import cookies from './util.cookies'
-export function getUrlParam(paraName) {
+export function getUrlParam (paraName) {
     let url = document.location.toString();
     let url = document.location.toString();
     let arrObj = url.split('?');
     let arrObj = url.split('?');
 
 
@@ -12,7 +12,7 @@ export function getUrlParam(paraName) {
 
 
             if (arr != null && arr[0] === paraName) {
             if (arr != null && arr[0] === paraName) {
                 // 截取#之前的内容
                 // 截取#之前的内容
-                let result = arr[1].endsWith('#/') ?  arr[1].substr(0, arr[1].indexOf('#')) : arr[1];
+                let result = arr[1].endsWith('#/') ? arr[1].substr(0, arr[1].indexOf('#')) : arr[1];
                 return result;
                 return result;
             }
             }
         }
         }
@@ -22,26 +22,42 @@ export function getUrlParam(paraName) {
     }
     }
 }
 }
 
 
-export function setToken(token) {
+export function setToken (token) {
     if (token === undefined) {
     if (token === undefined) {
         if (process.env.NODE_ENV === 'development') {
         if (process.env.NODE_ENV === 'development') {
             sessionStorage.removeItem('token')
             sessionStorage.removeItem('token')
         } else {
         } else {
-          cookies.remove('ACCESS_TOKEN')
+            cookies.remove('ACCESS_TOKEN')
         }
         }
     } else {
     } else {
         if (process.env.NODE_ENV === 'development') {
         if (process.env.NODE_ENV === 'development') {
             sessionStorage.setItem('token', token);
             sessionStorage.setItem('token', token);
         } else {
         } else {
-          cookies.set('ACCESS_TOKEN', token)
+            cookies.set('ACCESS_TOKEN', token)
         }
         }
     }
     }
 }
 }
 
 
-export function getToken() {
+export function getToken () {
     if (process.env.NODE_ENV === 'development') {
     if (process.env.NODE_ENV === 'development') {
         return sessionStorage.getItem('token')
         return sessionStorage.getItem('token')
     }
     }
     return cookies.get('ACCESS_TOKEN')
     return cookies.get('ACCESS_TOKEN')
 }
 }
 
 
+// 获取当前时间
+
+export function getNewDate (type = 1) {
+    const now = new Date();
+    const year = now.getFullYear();
+    const month = String(now.getMonth() + 1).padStart(2, '0');
+    const day = String(now.getDate()).padStart(2, '0');
+    const hours = String(now.getHours()).padStart(2, '0');
+    const minutes = String(now.getMinutes()).padStart(2, '0');
+    const seconds = String(now.getSeconds()).padStart(2, '0');
+    if (type == 1) {
+        return `${year}年${month}月${day}日`
+    } else {
+        return `${year}年${month}月${day}日 ${hours}时${minutes}分${seconds}秒`
+    }
+}
\ No newline at end of file

@@ -9,7 +9,7 @@
     <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px">
     <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px">
       <el-row>
       <el-row>
         <el-col :span="8">
         <el-col :span="8">
-          <el-form-item label="权利人类型" prop="sqrlx">
+          <el-form-item label="权利人类型1" prop="sqrlx">
             <el-select clearable v-model="ruleForm.sqrlx" class="width100" placeholder="请选择">
             <el-select clearable v-model="ruleForm.sqrlx" class="width100" placeholder="请选择">
               <el-option v-for="item in dictData['A36']" :key="item.dcode" :label="item.dname" :value="item.dcode">
               <el-option v-for="item in dictData['A36']" :key="item.dcode" :label="item.dname" :value="item.dcode">
               </el-option>
               </el-option>

+<!--
+ * @Description:
+ * @Autor: renchao
+ * @LastEditTime: 2023-05-17 10:39:47
+-->
+<template>
+  <dialogBox title="申请人信息" width="60%" isMain v-model="myValue" :isFullscreen="false" @submitForm="submitForm"
+    @closeDialog="closeDialog" :isButton="showButton">
+    <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px">
+      <el-row>
+        <el-col :span="8">
+          <el-form-item label="义务人类型1" prop="sqrlx">
+            <el-select clearable v-model="ruleForm.sqrlx" class="width100" placeholder="请选择">
+              <el-option v-for="item in dictData['A36']" :key="item.dcode" :label="item.dname" :value="item.dcode">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="姓名/名称" prop="sqrmc">
+            <el-input v-model="ruleForm.sqrmc" maxlegth="15"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="证件种类" prop="zjzl">
+            <el-select clearable v-model="ruleForm.zjzl" class="width100" placeholder="请选择">
+              <el-option v-for="item in dictData['A30']" :key="item.dcode" :label="item.dname" :value="item.dcode">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="8">
+          <el-form-item label="证件号" prop="zjh">
+            <el-input v-model="ruleForm.zjh" maxlength="15" oninput="value=value.replace(/[^\X0-9]/g,'')"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="联系电话" prop="dh">
+            <el-input v-model="ruleForm.dh" maxlength="11" oninput="value=value.replace(/[^\d]/g,'')"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="性别">
+            <el-select clearable v-model="ruleForm.xb" class="width100" placeholder="请选择">
+              <el-option v-for="item in dictData['A43']" :key="item.dcode" :label="item.dname" :value="item.dcode">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="8">
+          <el-form-item label="法人名称">
+            <el-input v-model="ruleForm.frmc"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="国家/地区">
+            <el-input v-model="ruleForm.gjdq"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="户籍所在省市">
+            <el-input v-model="ruleForm.szss"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="16">
+          <el-form-item label="地址">
+            <el-input v-model="ruleForm.txdz"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="邮编">
+            <el-input v-model="ruleForm.yb"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item label="发证机关">
+            <el-input v-model="ruleForm.fzjg"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="电子邮件">
+            <el-input v-model="ruleForm.dzyj"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="权利比例">
+            <el-input v-model="ruleForm.qlbl"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item label="工作单位">
+            <el-input v-model="ruleForm.gzdw"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="16">
+          <el-form-item label="代理机构">
+            <el-input v-model="ruleForm.dljg"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item label="联系电话">
+            <el-input v-model="ruleForm.lxdh" maxlength="11" oninput="value=value.replace(/[^\d]/g,'')"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="代理人姓名">
+            <el-input v-model="ruleForm.dlrxm"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="代理人证件类型">
+            <el-select clearable v-model="ruleForm.dlrzjlx" class="width100" placeholder="请选择">
+              <el-option v-for="item in dictData['A30']" :key="item.dcode" :label="item.dname" :value="item.dcode">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="8">
+          <el-form-item label="代理人证件号">
+            <el-input v-model="ruleForm.dlrzjh" maxlength="20"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+  </dialogBox>
+</template>
+<script>
+  import { mapGetters } from "vuex";
+  export default {
+    props: {
+      value: { type: Boolean, default: false },
+      details: { type: Object, default: {} },
+      showButton: { type: Boolean, default: false }
+    },
+    computed: {
+      ...mapGetters(["dictData"]),
+    },
+    data () {
+      return {
+        myValue: this.value,
+        ruleForm: {
+          sqrlx: "",
+          sqrmc: "",
+          zjzl: "",
+          zjh: "",
+          dh: "",
+          xb: "",
+          frmc: "",
+          gjdq: "",
+          szss: "",
+          txdz: "",
+          yb: "",
+          fzjg: "",
+          dzyj: "",
+          qlbl: "",
+          gzdw: "",
+          dljg: "",
+          dlrxm: "",
+          dlrzjlx: "",
+          dlrzjh: "",
+        },
+        rules: {
+          sqrlx: [{ required: true, message: "义务人类型", trigger: "change" }],
+          sqrmc: [{ required: true, message: "姓名/名称", trigger: "blur" }],
+          zjzl: [{ required: true, message: "证件种类", trigger: "change" }],
+          zjh: [{ required: true, message: "证件号", trigger: "blur" }],
+        },
+      };
+    },
+    watch: {
+      value (val) {
+        this.myValue = _.cloneDeep(val);
+      },
+      details: {
+        handler: function (val, oldVal) {
+          this.ruleForm = val;
+        },
+        deep: true,
+      },
+    },
+    methods: {
+      closeDialog () {
+        this.$emit("input", false);
+        this.$refs["ruleForm"].resetFields();
+      },
+      submitForm () {
+        this.$refs.ruleForm.validate((valid) => {
+          if (valid) {
+            this.$emit("input", false);
+            this.$emit("updateDetail", _.cloneDeep(this.ruleForm));
+          } else {
+            return false;
+          }
+        });
+      },
+    },
+  };
+</script>
+<style scoped lang="scss">
+  @import "~@/styles/dialogBoxheader.scss";
+  .submit-button {
+    text-align: center;
+    height: 52px;
+    padding-top: 10px;
+    background-color: #fff;
+  }
+</style>

@@ -4,7 +4,7 @@ import { log } from "bpmn-js-token-simulation";
 var qlxxPage = [
 var qlxxPage = [
     { qllx: "A01", id: "jsydsyq", form: "jsydsyq.vue", label: "集体土地所有权" },
     { qllx: "A01", id: "jsydsyq", form: "jsydsyq.vue", label: "集体土地所有权" },
     { qllx: "A02", id: "jsydsyq", form: "jsydsyq.vue", label: "国家土地所有权" },
     { qllx: "A02", id: "jsydsyq", form: "jsydsyq.vue", label: "国家土地所有权" },
-    { qllx: "A03", id: "fdcq2", form: "jsydsyq.vue", label: "国有建设用地使用权" },
+    { qllx: "A03", id: "jsydsyq", form: "jsydsyq.vue", label: "国有建设用地使用权" },
     { qllx: "A04", id: "", form: "", label: "国有建设用地使用权/房屋所有权" },
     { qllx: "A04", id: "", form: "", label: "国有建设用地使用权/房屋所有权" },
     { qllx: "A05", id: "jsydsyq", form: "jsydsyq.vue", label: "宅基地使用权" },
     { qllx: "A05", id: "jsydsyq", form: "jsydsyq.vue", label: "宅基地使用权" },
     { qllx: "A06", id: "", form: "", label: "宅基地使用权/房屋所有权" },
     { qllx: "A06", id: "", form: "", label: "宅基地使用权/房屋所有权" },
@@ -75,12 +75,12 @@ export function getNode(qllx, qlxx, bdcdylx) {
                 if (bdcdylx == "4") {
                 if (bdcdylx == "4") {
                     node = { id: "fdcq1", form: "fdcq1.vue", label: qlxxPage[i].label};
                     node = { id: "fdcq1", form: "fdcq1.vue", label: qlxxPage[i].label};
                 } else {
                 } else {
+
                     node = { id: "fdcq2", form: "fdcq2.vue", label: qlxxPage[i].label};
                     node = { id: "fdcq2", form: "fdcq2.vue", label: qlxxPage[i].label};
                 }
                 }
             } else {
             } else {
               console.log("jin1111");
               console.log("jin1111");
                 node = { id: qlxxPage[i].id, form: qlxxPage[i].form, label: qlxxPage[i].label};
                 node = { id: qlxxPage[i].id, form: qlxxPage[i].form, label: qlxxPage[i].label};
-                console.log("nodenodenodenode",node);
             }
             }
             break;
             break;
         }
         }

 <!--
 <!--
- * @Description: 
+ * @Description:
  * @Autor: renchao
  * @Autor: renchao
- * @LastEditTime: 2023-05-17 10:41:35
+ * @LastEditTime: 2023-05-17 10:41:20
 -->
 -->
 <template>
 <template>
-  <lb-table :column="column" :maxHeight="300" heightNumSetting :pagination="false" :key="key" :data="tableData">
-  </lb-table>
+  <div>
+    <lb-table :column="column" :pagination="false" :key="key" :heightNumSetting="true" :minHeight="150"
+      :data="tableDataList">
+    </lb-table>
+    <addYwr v-model="dialog" :details="details" :showButton="showButton" @updateDetail="handleupdateDetail" />
+  </div>
 </template>
 </template>
 <script>
 <script>
-  import addQlr from './dialog/addQlr.vue'
+  import addYwr from './dialog/addYwr.vue'
   import { mapGetters } from 'vuex'
   import { mapGetters } from 'vuex'
   export default {
   export default {
     components: {
     components: {
-      addQlr
+      addYwr
     },
     },
     computed: {
     computed: {
       ...mapGetters(["dictData"]),
       ...mapGetters(["dictData"]),
@@ -34,14 +38,16 @@
         key: 0,
         key: 0,
         dataIndex: 0,
         dataIndex: 0,
         dialog: false,
         dialog: false,
+        isaddupdate: false,
+        showButton: this.$route.query.viewtype ? false : true,
         details: {},
         details: {},
         tableDataList: [],
         tableDataList: [],
-        qlrCommonTable: [
+        InformationTable: [
           {
           {
             width: '50',
             width: '50',
             renderHeader: (h, scope) => {
             renderHeader: (h, scope) => {
               return <div> {
               return <div> {
-                this.$route.query.viewtype == 1 ? '序号' : <i class="el-icon-plus pointer" onClick={() => { this.handleAdd() }}></i>
+                this.$route.query.viewtype == 1 ? '序号' : <i class="el-icon-plus pointer" onClick={() => { this.addClick() }}></i>
               }
               }
               </div>
               </div>
             },
             },
@@ -50,19 +56,33 @@
                 <div>
                 <div>
                   {
                   {
                     this.$route.query.viewtype == 1 ? <span>{scope.$index + 1}</span> :
                     this.$route.query.viewtype == 1 ? <span>{scope.$index + 1}</span> :
-                      <i class="el-icon-minus pointer" onClick={() => { this.handleMinus(scope.$index, scope.row) }}></i>
+                      <i class="el-icon-minus pointer" onClick={() => { this.deleClick(scope.$index, scope.row) }}></i>
                   }
                   }
                 </div>
                 </div>
               )
               )
             }
             }
           },
           },
           {
           {
+            label: '身份证读卡器',
+            align: 'center',
+            render: (h, scope) => {
+              return <el-button type="text" icon="el-icon-tickets" onClick={() => { this.readClick(scope) }}>读取</el-button>
+            }
+          },
+          {
             prop: "sqrmc",
             prop: "sqrmc",
             label: "姓名/名称"
             label: "姓名/名称"
           },
           },
           {
           {
             prop: "zjzl",
             prop: "zjzl",
-            label: "证件种类"
+            label: "证件种类",
+            render: (h, scope) => {
+              return this.dictData['A30'] && this.dictData['A30'].map(option => {
+                if (option.dcode == scope.row.zjzl) {
+                  return <span>{option.dname}</span>
+                }
+              })
+            }
           },
           },
           {
           {
             prop: "zjh",
             prop: "zjh",
@@ -73,49 +93,55 @@
             label: "联系电话"
             label: "联系电话"
           },
           },
           {
           {
-            prop: "frmc",
-            label: "法人"
-          },
-          {
             label: '操作',
             label: '操作',
             render: (h, scope) => {
             render: (h, scope) => {
               return (
               return (
                 <div>
                 <div>
                   {
                   {
-                    <el-button icon="el-icon-view" type="text" onClick={() => { this.handleView(scope.$index, scope.row) }}>查看</el-button>
+                    this.$route.query.viewtype ? <el-button
+                      icon="el-icon-view"
+                      type="text"
+                      onClick={() => { this.queryViewClick(scope.$index, scope.row) }}>查看</el-button> : <el-button
+                        icon="el-icon-edit-outline"
+                        type="text"
+                        onClick={() => { this.editClick(scope.$index, scope.row) }}>编辑</el-button>
                   }
                   }
                 </div>
                 </div>
               )
               )
             }
             }
           }
           }
         ],
         ],
-        column: this.qlrCommonTable
+        column: []
       }
       }
     },
     },
     watch: {
     watch: {
       tableData: {
       tableData: {
         handler: function (val, oldVal) {
         handler: function (val, oldVal) {
           let that = this
           let that = this
-          if (val.length == 0 || !val) {
-            that.tableDataList = _.cloneDeep([{
-              sqrmc: '',
-              dlrzjlx: '',
-              dlrzjh: '',
-              fr: ''
-            }])
-          } else {
-            that.tableDataList = _.cloneDeep(val)
-          }
+          this.$nextTick(() => {
+            if (val.length == 0 || !val) {
+              that.tableDataList = _.cloneDeep([{
+                sqrmc: '',
+                dlrzjlx: '',
+                dlrzjh: '',
+                fr: ''
+              }])
+            } else {
+              that.tableDataList = _.cloneDeep(val)
+            }
+          })
         },
         },
         immediate: true,
         immediate: true,
         deep: true
         deep: true
       },
       },
       gyfs: {
       gyfs: {
         handler (newVal, oldValue) {
         handler (newVal, oldValue) {
-          let dataList = _.cloneDeep(this.qlrCommonTable)
-          if (newVal == '1') {
-            this.column = _.cloneDeep(dataList).slice(1, dataList.length)
-          } else if ((newVal == '2')) {
+          let dataList = _.cloneDeep(this.InformationTable)
+          if (newVal == 0) {
+            // this.column = _.cloneDeep(dataList).slice(1, dataList.length)
+            this.column = _.cloneDeep(dataList)
+
+          } else if ((newVal == '1' || newVal == '3')) {
             this.column = dataList
             this.column = dataList
           } else {
           } else {
             this.column = _.cloneDeep(dataList)
             this.column = _.cloneDeep(dataList)
@@ -130,33 +156,66 @@
       }
       }
     },
     },
     methods: {
     methods: {
-      updateDetail (value) {
-        this.tableDataList[this.dataIndex] = value
+      handleupdateDetail (value) {
+        if (this.isaddupdate) {
+          if (!_.isEqual(value, this.tableData)) {
+            this.tableDataList[this.tableDataList.length] = _.cloneDeep(value);
+            this.$emit('upDateQlrxxList', this.tableDataList)
+          }
+        } else {
+          if (!_.isEqual(value, this.tableData)) {
+            this.tableDataList[this.dataIndex] = _.cloneDeep(value);
+            this.$emit('upDateQlrxxList', this.tableDataList)
+          }
+        }
         this.key++
         this.key++
-        this.$emit('upDateQlrxxList', this.tableDataList)
       },
       },
-      // 添加
-      handleAdd () {
-        this.dialog = true
+      // 新增
+      addClick () {
+        if (this.gyfs == '0' && this.tableDataList.length > 0) {
+          this.$message.warning("当前共有方式为单独所有，无法添加多个权利人")
+        } else {
+          this.dialog = true
+          this.isaddupdate = true
+        }
       },
       },
-      // 减
-      handleMinus (index, row) {
-        this.tableData.splice(index, 1)
+
+      // 删除
+      deleClick (index, row) {
+        this.$confirm('确定要删除吗, 是否继续?', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }).then(() => {
+          this.tableData.splice(index, 1)
+        }).catch(() => {
+        });
       },
       },
+
       // 身份证读取
       // 身份证读取
       readClick () { },
       readClick () { },
+
       // 修改
       // 修改
-      handleEdit (index, row) {
-        console.log(row, 'rowrowrowrowrow');
+      editClick (index, row) {
+        //   popupDialog("申请人信息", "workflow/components/addYwr", {
+        //     showButton: this.$route.query.viewtype ? false : true,
+        //   dataIndex :index,
+        //  details :row,
+        //  isaddupdate :false
+        // });
         this.dataIndex = index
         this.dataIndex = index
         this.dialog = true
         this.dialog = true
         this.details = row
         this.details = row
+        this.isaddupdate = false
       },
       },
-      handleView () {
+      queryViewClick (index, row) {
+        //   popupDialog("申请人信息", "workflow/components/addYwr", {
+        //     showButton: this.$route.query.viewtype ? false : true,
+        //   details: row,
+        // });
         this.dialog = true
         this.dialog = true
+        this.details = row
       }
       }
     }
     }
   }
   }
 </script>
 </script>
-<style scoped lang='scss'>
-</style>
\ No newline at end of file

@@ -338,7 +338,7 @@
 <script>
 <script>
 import { mapGetters } from "vuex";
 import { mapGetters } from "vuex";
 import { init, save } from "@/api/djbbl.js";
 import { init, save } from "@/api/djbbl.js";
-import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
+import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
 import tdytTable from "@/views/workflow/components/tdytTable";
 import tdytTable from "@/views/workflow/components/tdytTable";
 // import the component
 // import the component
 // import Treeselect from '@riophae/vue-treeselect'
 // import Treeselect from '@riophae/vue-treeselect'
@@ -392,7 +392,9 @@ export default {
   mounted() {},
   mounted() {},
   methods: {
   methods: {
     loadData() {
     loadData() {
-      init(this.propsParam.bsmRepair).then((res) => {
+      console.log("房屋", this.propsParam);
+      this.propsParam.isEdit=this.$parent.isEdit
+      init(this.propsParam).then((res) => {
         if (res.code == 200) {
         if (res.code == 200) {
           this.ruleForm = res.result;
           this.ruleForm = res.result;
          if( this.ruleForm.tdytqxList.length>0){
          if( this.ruleForm.tdytqxList.length>0){

@@ -107,64 +107,6 @@
                 }
                 }
             }
             }
 
 
-            .linshiIcon {
-                position: relative;
-
-                .icon {
-                    position: absolute;
-                    top: 12px;
-                    right: -5px;
-                    transform: rotate(45deg);
-                    color: #fff;
-                    font-size: 12px;
-                    z-index: 10;
-                }
-            }
-
-            .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);
-            }
-
-            .xianshiIcon {
-                position: relative;
-
-                .icon {
-                    position: absolute;
-                    top: 9px;
-                    right: 5px;
-                    transform: rotate(45deg);
-                    color: #fff;
-                    font-size: 12px;
-                    z-index: 10;
-                }
-            }
-
-            .xianshiIcon::after {
-                content: "";
-                display: block;
-                width: 0;
-                height: 0;
-                border-width: 0px 0px 55px 55px;
-                border-style: none solid solid;
-                border-color: transparent transparent #67C23A;
-                position: absolute;
-                top: 0;
-                right: 0;
-                transform: rotate(-90deg);
-            }
-
-
-
             tr {
             tr {
                 display: flex;
                 display: flex;
             }
             }
@@ -209,4 +151,4 @@
             margin-left: 2px;
             margin-left: 2px;
         }
         }
     }
     }
-}
+}
\ No newline at end of file

@@ -4,7 +4,7 @@ class data extends filter {
   constructor() {
   constructor() {
     super()
     super()
   }
   }
-  columns() {
+  columns () {
     return {
     return {
       //空列值个数
       //空列值个数
       emptycolNum: 3,
       emptycolNum: 3,
@@ -26,9 +26,10 @@ class data extends filter {
       ],
       ],
       JSYDSYQ: [
       JSYDSYQ: [
 
 
-        {  prop:"cz",
-           label:"操作",
-           render: (h, scope) => {
+        {
+          prop: "cz",
+          label: "操作",
+          render: (h, scope) => {
             return (
             return (
               <div>
               <div>
                 <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openDialog(scope.row) }}>登记薄</el-button>
                 <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openDialog(scope.row) }}>登记薄</el-button>
@@ -144,8 +145,9 @@ class data extends filter {
       ],
       ],
       FDCQ2: [
       FDCQ2: [
 
 
-        {  prop:"cz",
-           label:"操作"
+        {
+          prop: "cz",
+          label: "操作"
         },
         },
         {
         {
           prop: "qszt",
           prop: "qszt",
@@ -283,8 +285,9 @@ class data extends filter {
       ],
       ],
       NYDSYQ: [
       NYDSYQ: [
 
 
-        {  prop:"cz",
-           label:"操作"
+        {
+          prop: "cz",
+          label: "操作"
         },
         },
         {
         {
           prop: "qszt",
           prop: "qszt",
@@ -412,9 +415,9 @@ class data extends filter {
         },
         },
       ],
       ],
       DYAQ: [
       DYAQ: [
-
-        {  prop:"cz",
-           label:"操作"
+        {
+          prop: "cz",
+          label: "操作"
         },
         },
         {
         {
           prop: "qszt",
           prop: "qszt",
@@ -423,6 +426,19 @@ class data extends filter {
         {
         {
           prop: "dybdclx",
           prop: "dybdclx",
           label: "抵押不动产类型",
           label: "抵押不动产类型",
+          render: (h, scope) => {
+            return (
+              <div>
+                <span v-show={scope.row.dybdclx == '1'}>土地</span>
+                <span v-show={scope.row.dybdclx == '2'}>土地和房屋</span>
+                <span v-show={scope.row.dybdclx == '3'}>林地和林木</span>
+                <span v-show={scope.row.dybdclx == '4'}>土地和在建建筑物</span>
+                <span v-show={scope.row.dybdclx == '5'}>海域</span>
+                <span v-show={scope.row.dybdclx == '6'}>海域和构筑物</span>
+                <span v-show={scope.row.dybdclx == '7'}>其它</span>
+              </div>
+            )
+          }
         },
         },
         {
         {
           prop: "djlxmc",
           prop: "djlxmc",
@@ -572,8 +588,9 @@ class data extends filter {
       ],
       ],
       DYIQ: [
       DYIQ: [
 
 
-        {  prop:"cz",
-           label:"操作"
+        {
+          prop: "cz",
+          label: "操作"
         },
         },
         {
         {
           prop: "qszt",
           prop: "qszt",
@@ -666,8 +683,9 @@ class data extends filter {
       ],
       ],
       YGDJ: [
       YGDJ: [
 
 
-        {  prop:"cz",
-           label:"操作"
+        {
+          prop: "cz",
+          label: "操作"
         },
         },
         {
         {
           prop: "qszt",
           prop: "qszt",
@@ -792,8 +810,9 @@ class data extends filter {
       ],
       ],
       CFDJ: [
       CFDJ: [
 
 
-        {  prop:"cz",
-           label:"操作"
+        {
+          prop: "cz",
+          label: "操作"
         },
         },
         {
         {
           prop: "qszt",
           prop: "qszt",
@@ -903,8 +922,9 @@ class data extends filter {
       ],
       ],
       YYDJ: [
       YYDJ: [
 
 
-        {  prop:"cz",
-           label:"操作"
+        {
+          prop: "cz",
+          label: "操作"
         },
         },
         {
         {
           prop: "qszt",
           prop: "qszt",

@@ -7,7 +7,6 @@
 export function getForm(tabName) {
 export function getForm(tabName) {
   let form;
   let form;
   switch (tabName) {
   switch (tabName) {
-
     case "zdjbxx":
     case "zdjbxx":
       form = require("@/views/registerBook/zdjbxx.vue");
       form = require("@/views/registerBook/zdjbxx.vue");
       break;
       break;

@@ -7,7 +7,7 @@ import { getWorkFlowImage } from "@/api/workflow/jsydsyqFlow.js";
 import { getPrintTemplateByCode } from "@/api/system";
 import { getPrintTemplateByCode } from "@/api/system";
 import { getPrintApplicationInfo } from "@/api/fqsq";
 import { getPrintApplicationInfo } from "@/api/fqsq";
 import { uploadUndo } from "@/api/clxx";
 import { uploadUndo } from "@/api/clxx";
-import { deleteFlow } from "@/api/ywbl";
+import { deleteFlow } from "@/api/djbbl";
 import { getLodop } from "@/utils/LodopFuncs"
 import { getLodop } from "@/utils/LodopFuncs"
 import {
 import {
   stepExpandInfo,
   stepExpandInfo,
@@ -43,8 +43,12 @@ export default {
     //加载流程初始参数
     //加载流程初始参数
     flowInitParam () {
     flowInitParam () {
       var formdata = new FormData();
       var formdata = new FormData();
+
       formdata.append("bsmSlsq", this.bsmSlsq);
       formdata.append("bsmSlsq", this.bsmSlsq);
       formdata.append("bestepid", this.bestepid);
       formdata.append("bestepid", this.bestepid);
+      if (this.type) {
+        formdata.append("type", "READ_ONLY");
+      }
       stepExpandInfo(formdata).then((res) => {
       stepExpandInfo(formdata).then((res) => {
         if (res.code === 200) {
         if (res.code === 200) {
             this.leftButtonList = res.result.button;
             this.leftButtonList = res.result.button;
@@ -242,19 +246,18 @@ export default {
         type: "warning",
         type: "warning",
       })
       })
         .then(() => {
         .then(() => {
-          console.log('删除流程');
-          // deleteFlow(formdata).then((res) => {
-          //   if (res.code === 200) {
-          //     this.$message({
-          //       type: "success",
-          //       message: "删除成功!",
-          //     });
-          //     window.close();
-          //     window.opener.getBpageList();
-          //   } else {
-          //     this.$message.error(res.message);
-          //   }
-          // });
+          deleteFlow(this.bsmSlsq).then((res) => {
+            if (res.code === 200) {
+              this.$message({
+                type: "success",
+                message: "删除成功!",
+              });
+              window.close();
+              window.opener.getBpageList();
+            } else {
+              this.$message.error(res.message);
+            }
+          });
         })
         })
         .catch(() => {
         .catch(() => {
           this.$message({
           this.$message({

@@ -109,6 +109,7 @@ export default {
       qllx: this.$route.query.qllx,
       qllx: this.$route.query.qllx,
       //设置那个表单选中
       //设置那个表单选中
       tabName: "",
       tabName: "",
+      isEdit:true,
       // 弹框显示
       // 弹框显示
       dialogVisible: true,
       dialogVisible: true,
       //表单集合
       //表单集合
@@ -214,7 +215,7 @@ export default {
     },
     },
     //切换选项卡内容组件
     //切换选项卡内容组件
     getFromRouter(tabname) {
     getFromRouter(tabname) {
-      console.log("tabname", tabname);
+      console.log("切换选项卡内容组件", tabname,this.tabList);
       this.componentTag = getForm(tabname);
       this.componentTag = getForm(tabname);
     },
     },
     closefp() {
     closefp() {

+<!--
+ * @Description:
+ * @Autor: renchao
+ * @LastEditTime: 2023-05-24 15:31:00
+-->
+<template>
+  <div class="container">
+    <!-- 顶部内容框 -->
+    <div class="topButton">
+      <!-- 左侧业务功能按钮 -->
+      <ul>
+        <li
+          @click="operation(item)"
+          v-for="(item, index) in leftButtonList"
+          :key="index"
+        >
+          <svg-icon class="icon" :icon-class="item.icon" />
+          <span class="iconName">{{ item.name }}</span>
+        </li>
+      </ul>
+      <ul>
+        <li
+          @click="operation(item)"
+          v-for="(item, index) in rightButtonList"
+          :key="index"
+        >
+          <svg-icon class="icon" :icon-class="item.icon" />
+          <span class="iconName">{{ item.name }}</span>
+        </li>
+      </ul>
+      <!-- <NoticeBar
+        class="NoticeBar"
+        :noticeList="noticeList"
+        v-if="noticeList.length > 0"
+      /> -->
+    </div>
+    <!-- 内容框架 -->
+    <div class="containerFrame">
+      <!-- 左侧菜单栏 区分业务-->
+      <ordinaryMenu ref="Menu" @getCurrentSelectProps="getCurrentSelectProps" />
+      <div class="leftCon">
+        <!-- 分屏左侧预览 -->
+        <div v-if="splitScreen" class="splitScreen-con">
+          <component :is="clxxForm" v-bind="currentSelectProps" :key="fresh" />
+        </div>
+        <!-- 表单内容区域 -->
+        <div class="rightContainer">
+          <el-tabs v-model="tabName" :before-leave="beforeLeave">
+            <el-tab-pane
+              :label="item.name"
+              :name="item.value"
+              v-for="item in tabList"
+              :key="item.value"
+            >
+            </el-tab-pane>
+          </el-tabs>
+          <component
+            :key="fresh"
+            :is="componentTag"
+            v-bind="currentSelectProps"
+          />
+        </div>
+      </div>
+    </div>
+    <!-- 新增补录信息勾选权利类型 -->
+    <qllxDailog ref="qllxlist" />
+  </div>
+</template>
+<style scoped lang="scss">
+@import "~@/styles/mixin.scss";
+@import "./workFrame.scss";
+</style>
+<script>
+import WorkFlow from "./mixin/index";
+import { getForm } from "./flowform";
+import { getStepFormInfo } from "@/api/fqsq.js";
+import NoticeBar from "@/components/NoticeBar/index";
+import ProcessViewer from "./components/processViewer.vue";
+// 引入左侧菜单
+import { leftMenubl } from "@/api/djbbl.js";
+import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue";
+import qllxDailog from "./djbBook/components/qllxDailog";
+import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue";
+import { loadTreeData, getNode } from "./components/leftmenu/djbFrameData.js";
+// 登记簿数据信息
+import { addRepairRecord } from "@/api/djbbl.js";
+// 获取权利类型数组
+import { getQllxByBdcdyid } from "@/api/djbbl.js";
+
+import { getBdcqljqtsx } from "@/api/registerBook.js";
+export default {
+  components: {
+    selectBdc,
+    NoticeBar,
+    ProcessViewer,
+    ordinaryMenu,
+    qllxDailog,
+  },
+  mixins: [WorkFlow],
+  data() {
+    return {
+      bsmSlsq: this.$route.query.bsmSlsq,
+      //当前流程所在环节
+      bestepid: this.$route.query.bestepid,
+      //受理申请标识码
+      bdcdyid: this.$route.query.bdcdyid,
+      //当前流程所在环节
+      bdcdyh: this.$route.query.bdcdyh,
+      qllx: this.$route.query.qllx,
+      //设置那个表单选中
+      tabName: "",
+      // 弹框显示
+      dialogVisible: true,
+      isEdit:false,
+      //表单集合
+      tabList: [],
+      type: "READ_ONLY",
+      //选择加载哪一个组件
+      componentTag: "",
+      //设置表单传递数据
+      currentSelectProps: {},
+      // 首次拿到的业务信息
+      oneSelectProps: {},
+      //材料信息选择卡索引
+      oneget: true,
+      //页面监听时间
+      _beforeUnload_time: "",
+      treedata: {},
+      tabdata: [],
+      defaultNode: {},
+    };
+  },
+  mounted() {
+    // this.getleftMenubl()
+  },
+
+  methods: {
+    stepForm(qllx) {
+      this.oneSelectProps.qllx = qllx;
+      if (this.$refs.Menu.supplementarylist.length) {
+        this.oneSelectProps.type = this.type
+        getStepFormInfo(this.oneSelectProps).then((res) => {
+          this.$nextTick(function () {
+            this.tabList = res.result;
+            this.tabName = this.tabList[0].value;
+            this.getFromRouter(this.tabName);
+          });
+        });
+      }
+    },
+    // 获取右侧菜单
+    // getleftMenubl() {
+    //    leftMenubl(this.bsmSlsq).then((res) => {
+    //     this.supplementarylist = res.result;
+    //    })
+    // },
+    getQllxByBdcdyid() {
+      if (this.currentSelectProps.bdcdyid) {
+        getQllxByBdcdyid({ bdcdyid: this.currentSelectProps.bdcdyid }).then(
+          (res) => {
+            if (res.code === 200) {
+              this.$refs.qllxlist.qllxlistdata = res.result;
+              this.$refs.qllxlist.dialogVisible = true;
+            }
+          }
+        );
+      }
+    },
+    // 获取右侧选项卡
+    getCurrentSelectProps(val) {
+      if (val.bdcdyid) {
+        this.oneSelectProps = val;
+      }
+      this.currentSelectProps = val;
+      if (this.currentSelectProps.bsmRepair) {
+        this.stepForm(this.currentSelectProps.qllx);
+      } else if (!this.oneget) {
+        this.getdjblist();
+      }
+      if (this.oneget) {
+        this.oneget = false;
+        this.stepForm(this.currentSelectProps.qllx);
+      }
+    },
+    // 获取渲染登记簿列表
+    getdjblist() {
+      getBdcqljqtsx({
+        bdcdyid: this.currentSelectProps.bdcdyid,
+        bdcdyh: this.currentSelectProps.bdcdyh,
+      }).then((res) => {
+        if (res.code === 200) {
+          this.treedata = loadTreeData(res.result, this.bdcdyh);
+          this.$nextTick(function () {
+            this.defaultNode = getNode(this.currentSelectProps.qllx, {
+              linShi: 0,
+              xianShi: 0,
+              liShi: 0,
+            });
+            this.tabName = this.defaultNode.id; //data[0].id为默认选中的节点
+          });
+          let settree = JSON.parse(JSON.stringify(this.treedata));
+          this.tabdata = [
+            ...settree,
+            ...settree[1].children[0].children[0].children,
+          ];
+          this.tabdata.forEach((item, index, arr) => {
+            arr[index].name = item.label;
+            arr[index].value = item.id;
+          });
+          this.tabList = this.tabdata;
+        }
+      });
+    },
+    //右侧表单选项卡事件
+    beforeLeave(activeName) {
+      if (activeName && activeName != 0) this.getFromRouter(activeName);
+    },
+    //切换选项卡内容组件
+    getFromRouter(tabname) {
+      this.componentTag = getForm(tabname);
+    },
+    closefp() {
+      this.splitScreen = this.splitScreen ? false : true;
+      this.$store.dispatch("app/set1tScreen", this.splitScreen);
+      this.getFromRouter(this.tabList[0].value);
+      this.clxxForm = getForm(this.tabList[1].value);
+    },
+    // 增加补录记录
+    addRepairRecord(row, del) {
+      let from = {
+        bsmQlxx: "",
+        bsmSlsq: this.bsmSlsq,
+        bsmSldy: this.currentSelectProps.bsmSldy,
+        operate: "C",
+        qllx: "",
+      };
+      if (row) {
+        from.bsmQlxx = row.bsmQlxx;
+        if (del) {
+          from.operate = del;
+        } else {
+          from.operate = row.bsmQlxx ? "U" : "C";
+        }
+        from.qllx = row.qllx;
+      }
+      addRepairRecord(from)
+        .then((res) => {
+          if (res.code == "200") {
+            this.$refs.qllxlist.dialogVisible = false;
+            this.$nextTick(() => {
+              this.$refs.Menu.getleftMenubl(res.result);
+              this.$message({
+                type: "success",
+                message: "补录成功!",
+              });
+            });
+          } else {
+            this.$alert(res.message, "提示", {
+              confirmButtonText: "确定",
+              type: "warning",
+            });
+          }
+        })
+        .catch((res) => {
+          console.log("错", res);
+        });
+    },
+  },
+};
+</script>
+<style scoped lang="scss"></style>

@@ -22,13 +22,19 @@
               :class="[
               :class="[
               row.qszt == '2' ? 'lishi' : '',
               row.qszt == '2' ? 'lishi' : '',
               row.qszt == '0' ? 'linshi' : '',
               row.qszt == '0' ? 'linshi' : '',
-              item.prop == 'qszt' && (row.qszt == '0' ||(row.qszt == '1' &&row.qlblzt == '1'&&row.zxywh != null))? 'linshiIcon' : '',
+              item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
+              item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '',
             ]">
             ]">
-               <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
-                   <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
-                   <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
+              <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
+                <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
+                <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
+              </div>
+              <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
+                正在办理
+              </div>
+              <div class="icon" v-if="item.prop == 'qszt' &&  row.qszt == '1'">
+                有效
               </div>
               </div>
-              <div class="icon" v-if="item.prop == 'qszt' && (row.qszt == '0' ||(row.qszt == '1' &&row.qlblzt == '1'&&row.zxywh != null))">正在办理</div>
               <span v-if="item.prop == 'qszt'">{{ getQsztName(row[item.prop]) }}</span>
               <span v-if="item.prop == 'qszt'">{{ getQsztName(row[item.prop]) }}</span>
 
 
               <span v-else>{{ row[item.prop] }}</span>
               <span v-else>{{ row[item.prop] }}</span>
@@ -66,9 +72,9 @@
     },
     },
     methods: {
     methods: {
       loadData () {
       loadData () {
-          if (this.$parent.addRepairRecord) {
-        this.columns.unshift({ prop: "cz", label: "操作" });
-      }
+        if (this.$parent.addRepairRecord) {
+          this.columns.unshift({ prop: "cz", label: "操作" });
+        }
         getCfdjList({
         getCfdjList({
           bdcdyid: this.propsParam.bdcdyid,
           bdcdyid: this.propsParam.bdcdyid,
           qllx: this.propsParam.qllx,
           qllx: this.propsParam.qllx,
@@ -113,28 +119,28 @@
         }
         }
         return name;
         return name;
       },
       },
-       // 新增一条补录信息
-    editDialog(row, del) {
-      this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning",
-      })
-        .then(() => {
-          this.$parent.addRepairRecord(row, del);
-
-          this.$message({
-            type: "success",
-            message: "补录成功!",
-          });
+      // 新增一条补录信息
+      editDialog (row, del) {
+        this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning",
         })
         })
-        .catch(() => {
-          this.$message({
-            type: "info",
-            message: "取消编辑",
+          .then(() => {
+            this.$parent.addRepairRecord(row, del);
+
+            this.$message({
+              type: "success",
+              message: "补录成功!",
+            });
+          })
+          .catch(() => {
+            this.$message({
+              type: "info",
+              message: "取消编辑",
+            });
           });
           });
-        });
-    },
+      },
     },
     },
   };
   };
 </script>
 </script>

@@ -8,9 +8,7 @@
             <el-checkbox
             <el-checkbox
               v-for="item in qsztList"
               v-for="item in qsztList"
               :key="item.value"
               :key="item.value"
-              :label="item.value"
-              >{{ item.label }}</el-checkbox
-            >
+              :label="item.value">{{ item.label }}</el-checkbox>
           </el-checkbox-group>
           </el-checkbox-group>
         </div>
         </div>
       </div>
       </div>
@@ -27,25 +25,24 @@
                 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' : '',
-              ]"
-            >
+                item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '',
+              ]">
               <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
               <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
                 <el-button
                 <el-button
                   type="text"
                   type="text"
                   icon="el-icon-edit-outline"
                   icon="el-icon-edit-outline"
-                  @click="editDialog(row)"
-                  >编辑</el-button
-                >
+                  @click="editDialog(row)">编辑</el-button>
                 <el-button
                 <el-button
                   type="text"
                   type="text"
                   icon="el-icon-edit-outline"
                   icon="el-icon-edit-outline"
-                  @click="editDialog(row, 'D')"
-                  >删除</el-button
-                >
+                  @click="editDialog(row, 'D')">删除</el-button>
               </div>
               </div>
               <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
               <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
                 正在办理
                 正在办理
               </div>
               </div>
+              <div class="icon" v-if="item.prop == 'qszt' &&  row.qszt == '1'">
+                有效
+              </div>
               <span v-if="item.prop == 'qszt'">
               <span v-if="item.prop == 'qszt'">
                 {{ getQsztName(row[item.prop]) }}
                 {{ getQsztName(row[item.prop]) }}
               </span>
               </span>
@@ -61,96 +58,96 @@
 </template>
 </template>
 
 
 <script>
 <script>
-import { datas } from "./qlxxFormData.js";
-import { getSjlx } from "@/utils/dictionary.js";
-import { getDiyaqList } from "@/api/registerBook.js";
-export default {
-  data() {
-    return {
-      title: "抵押权登记信息",
-      qsztList: datas.columns().qsztList,
-      checkList: datas.columns().checkList,
-      //传递参数
-      propsParam: this.$attrs,
-      //列表数据
-      tableData: [],
-      //空列值个数
-      emptycolNum: datas.columns().emptycolNum,
-      //列名称对象
-      columns: datas.columns().DYAQ,
-    };
-  },
-  created() {
-    this.loadData();
-  },
-  methods: {
-    loadData() {
-      if (this.$parent.addRepairRecord) {
-        this.columns.unshift({ prop: "cz", label: "操作" });
-      }
-      getDiyaqList({
-        bdcdyid: this.propsParam.bdcdyid,
-        qllx: this.propsParam.qllx,
-        qszt: this.checkList,
-      }).then((res) => {
-        if (res.code === 200) {
-          this.tableData = res.result;
-          this.tableData.forEach((item) => {
-            item.sjlx = getSjlx(item.sjlx);
-          });
-          if (this.tableData.length < datas.columns().emptycolNum) {
-            this.emptycolNum =
-              datas.columns().emptycolNum - this.tableData.length;
-          } else {
-            this.emptycolNum = 0;
-          }
-        }
-      });
+  import { datas } from "./qlxxFormData.js";
+  import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
+  import { getDiyaqList } from "@/api/registerBook.js";
+  export default {
+    data () {
+      return {
+        title: "抵押权登记信息",
+        qsztList: datas.columns().qsztList,
+        checkList: datas.columns().checkList,
+        //传递参数
+        propsParam: this.$attrs,
+        //列表数据
+        tableData: [],
+        //空列值个数
+        emptycolNum: datas.columns().emptycolNum,
+        //列名称对象
+        columns: datas.columns().DYAQ,
+      };
     },
     },
-    checkChange() {
-      if (this.checkList.length === 0) {
-        this.tableData = [];
-        this.emptycolNum = datas.columns().emptycolNum;
-      } else {
-        this.loadData();
-      }
+    created () {
+      this.loadData();
     },
     },
-    getQsztName(code) {
-      let name = "";
-      for (let item of this.qsztList) {
-        if (item.value == code) {
-          name = item.label;
-          break;
+    methods: {
+      loadData () {
+        if (this.$parent.addRepairRecord) {
+          this.columns.unshift({ prop: "cz", label: "操作" });
         }
         }
-      }
-      return name;
-    },
-    // 新增一条补录信息
-    editDialog(row, del) {
-      this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning",
-      })
-        .then(() => {
-          this.$parent.addRepairRecord(row, del);
-
-          this.$message({
-            type: "success",
-            message: "补录成功!",
-          });
+        getDiyaqList({
+          bdcdyid: this.propsParam.bdcdyid,
+          qllx: this.propsParam.qllx,
+          qszt: this.checkList,
+        }).then((res) => {
+          if (res.code === 200) {
+            this.tableData = res.result;
+            this.tableData.forEach((item) => {
+              item.sjlx = getSjlx(item.sjlx);
+              item.dybdclx = getDictLeabel(item.dybdclx, 'A27')
+            });
+            if (this.tableData.length < datas.columns().emptycolNum) {
+              this.emptycolNum =
+                datas.columns().emptycolNum - this.tableData.length;
+            } else {
+              this.emptycolNum = 0;
+            }
+          }
+        });
+      },
+      checkChange () {
+        if (this.checkList.length === 0) {
+          this.tableData = [];
+          this.emptycolNum = datas.columns().emptycolNum;
+        } else {
+          this.loadData();
+        }
+      },
+      getQsztName (code) {
+        let name = "";
+        for (let item of this.qsztList) {
+          if (item.value == code) {
+            name = item.label;
+            break;
+          }
+        }
+        return name;
+      },
+      // 新增一条补录信息
+      editDialog (row, del) {
+        this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning",
         })
         })
-        .catch(() => {
-          this.$message({
-            type: "info",
-            message: "取消编辑",
+          .then(() => {
+            this.$parent.addRepairRecord(row, del);
+            this.$message({
+              type: "success",
+              message: "补录成功!",
+            });
+          })
+          .catch(() => {
+            this.$message({
+              type: "info",
+              message: "取消编辑",
+            });
           });
           });
-        });
+      },
     },
     },
-  },
-};
+  };
 </script>
 </script>
 
 
 <style lang="scss" scoped>
 <style lang="scss" scoped>
-@import "./qlxxCommon.scss";
+  @import "./qlxxCommon.scss";
 </style>
 </style>

@@ -8,9 +8,7 @@
             <el-checkbox
             <el-checkbox
               v-for="item in qsztList"
               v-for="item in qsztList"
               :key="item.value"
               :key="item.value"
-              :label="item.value"
-              >{{ item.label }}</el-checkbox
-            >
+              :label="item.value">{{ item.label }}</el-checkbox>
           </el-checkbox-group>
           </el-checkbox-group>
         </div>
         </div>
       </div>
       </div>
@@ -27,15 +25,18 @@
                 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' : '',
-              ]"
-            >
+                item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '',
+              ]">
               <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
               <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
-                   <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
-                   <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
+                <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
+                <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
               </div>
               </div>
               <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
               <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
                 正在办理
                 正在办理
               </div>
               </div>
+              <div class="icon" v-if="item.prop == 'qszt' &&  row.qszt == '1'">
+                有效
+              </div>
               <span v-if="item.prop == 'qszt'">
               <span v-if="item.prop == 'qszt'">
                 {{ getQsztName(row[item.prop]) }}
                 {{ getQsztName(row[item.prop]) }}
               </span>
               </span>
@@ -51,96 +52,97 @@
 </template>
 </template>
 
 
 <script>
 <script>
-import { datas } from "./qlxxFormData.js";
-import { getSjlx } from "@/utils/dictionary.js";
-import { getDiyiqList } from "@/api/registerBook.js";
-export default {
-  data() {
-    return {
-      title: "地役权登记信息",
-      qsztList: datas.columns().qsztList,
-      checkList: datas.columns().checkList,
-      //传递参数
-      propsParam: this.$attrs,
-      //列表数据
-      tableData: [],
-      //空列值个数
-      emptycolNum: datas.columns().emptycolNum,
-      //列名称对象
-      columns: datas.columns().DYIQ,
-    };
-  },
-  created() {
-    this.loadData();
-  },
-  methods: {
-    loadData() {
-      if (this.$parent.addRepairRecord) {
-        this.columns.unshift({ prop: "cz", label: "操作" });
-      }
-      getDiyiqList({
-        bdcdyid: this.propsParam.bdcdyid,
-        qllx: this.propsParam.qllx,
-        qszt: this.checkList,
-      }).then((res) => {
-        if (res.code === 200) {
-          this.tableData = res.result;
-          this.tableData.forEach((item) => {
-            item.sjlx = getSjlx(item.sjlx);
-          });
-          if (this.tableData.length < datas.columns().emptycolNum) {
-            this.emptycolNum =
-              datas.columns().emptycolNum - this.tableData.length;
-          } else {
-            this.emptycolNum = 0;
-          }
-        }
-      });
+  import { datas } from "./qlxxFormData.js";
+  import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
+  import { getDiyiqList } from "@/api/registerBook.js";
+  export default {
+    data () {
+      return {
+        title: "地役权登记信息",
+        qsztList: datas.columns().qsztList,
+        checkList: datas.columns().checkList,
+        //传递参数
+        propsParam: this.$attrs,
+        //列表数据
+        tableData: [],
+        //空列值个数
+        emptycolNum: datas.columns().emptycolNum,
+        //列名称对象
+        columns: datas.columns().DYIQ,
+      };
     },
     },
-    checkChange() {
-      if (this.checkList.length === 0) {
-        this.tableData = [];
-        this.emptycolNum = datas.columns().emptycolNum;
-      } else {
-        this.loadData();
-      }
+    created () {
+      this.loadData();
     },
     },
-    getQsztName(code) {
-      let name = "";
-      for (let item of this.qsztList) {
-        if (item.value == code) {
-          name = item.label;
-          break;
+    methods: {
+      loadData () {
+        if (this.$parent.addRepairRecord) {
+          this.columns.unshift({ prop: "cz", label: "操作" });
         }
         }
-      }
-      return name;
-    },
-     // 新增一条补录信息
-    editDialog(row, del) {
-      this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning",
-      })
-        .then(() => {
-          this.$parent.addRepairRecord(row, del);
-
-          this.$message({
-            type: "success",
-            message: "补录成功!",
-          });
+        getDiyiqList({
+          bdcdyid: this.propsParam.bdcdyid,
+          qllx: this.propsParam.qllx,
+          qszt: this.checkList,
+        }).then((res) => {
+          if (res.code === 200) {
+            this.tableData = res.result;
+            this.tableData.forEach((item) => {
+              item.sjlx = getSjlx(item.sjlx);
+              item.dybdclx = getDictLeabel(item.dybdclx, 'A27')
+            });
+            if (this.tableData.length < datas.columns().emptycolNum) {
+              this.emptycolNum =
+                datas.columns().emptycolNum - this.tableData.length;
+            } else {
+              this.emptycolNum = 0;
+            }
+          }
+        });
+      },
+      checkChange () {
+        if (this.checkList.length === 0) {
+          this.tableData = [];
+          this.emptycolNum = datas.columns().emptycolNum;
+        } else {
+          this.loadData();
+        }
+      },
+      getQsztName (code) {
+        let name = "";
+        for (let item of this.qsztList) {
+          if (item.value == code) {
+            name = item.label;
+            break;
+          }
+        }
+        return name;
+      },
+      // 新增一条补录信息
+      editDialog (row, del) {
+        this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning",
         })
         })
-        .catch(() => {
-          this.$message({
-            type: "info",
-            message: "取消编辑",
+          .then(() => {
+            this.$parent.addRepairRecord(row, del);
+
+            this.$message({
+              type: "success",
+              message: "补录成功!",
+            });
+          })
+          .catch(() => {
+            this.$message({
+              type: "info",
+              message: "取消编辑",
+            });
           });
           });
-        });
+      },
     },
     },
-  },
-};
+  };
 </script>
 </script>
 
 
 <style lang="scss" scoped>
 <style lang="scss" scoped>
-@import "./qlxxCommon.scss";
+  @import "./qlxxCommon.scss";
 </style>
 </style>

@@ -11,117 +11,118 @@
   </div>
   </div>
 </template>
 </template>
 <script>
 <script>
-import { getBdcqljqtsx } from "@/api/registerBook.js";
-import { loadTreeData, getNode } from "./djbFrameData.js";
-export default {
-  data () {
-    return {
-      //接收参数
-      // propsParam: this.$attrs,
-      //左侧目录
-      catalog: {},
-      //选择加载哪一个组件
-      componentTag: "",
-      //子组件接收参数
-      currentSelectProps: {},
-      //左侧树形结构数据
-      treedata: [],
-      defaultNode: "",
-      defaultProps: {
-        value: "id",
-        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.treedata = loadTreeData(res.result, this.formData.bdcdyh);
-          this.$nextTick(function () {
-            this.defaultNode = getNode(this.formData.qllx, { linShi: 0, xianShi: 0, liShi: 0 }, "");
-            this.$refs.tree.setCurrentKey(this.defaultNode.id); //data[0].id为默认选中的节点
-            this.loadComponent(this.defaultNode.form);
-          });
-        }
-      });
-      this.currentSelectProps = {
-        bdcdyid: this.formData.bdcdyid,
-        bdcdyh: this.formData.bdcdyh,
-        qllx: this.formData.qllx,
-        bsmQlxx: this.formData.bsmQlxx,
+  import { getBdcqljqtsx } from "@/api/registerBook.js";
+  import { loadTreeData, getNode } from "./djbFrameData.js";
+  export default {
+    data () {
+      return {
+        //接收参数
+        // propsParam: this.$attrs,
+        //左侧目录
+        catalog: {},
+        //选择加载哪一个组件
+        componentTag: "",
+        //子组件接收参数
+        currentSelectProps: {},
+        //左侧树形结构数据
+        treedata: [],
+        defaultNode: "",
+        defaultProps: {
+          value: "id",
+          children: "children",
+          label: "label",
+        },
+        showTab: "bdcqldjml", // 选中状态,根据表格中权利类型判断
       };
       };
     },
     },
-    handleNodeClick (data, node, elem) {
-      this.loadComponent(data.form);
+    props: ["formData"],
+    mounted () {
+      this.loadData();
     },
     },
-    loadComponent (form) {
-      this.componentTag = (r) =>
-        require.ensure([], () => r(require("@/views/registerBook/" + form)));
+    methods: {
+      loadData () {
+        getBdcqljqtsx({
+          bdcdyid: this.formData.bdcdyid,
+          bdcdyh: this.formData.bdcdyh,
+        }).then((res) => {
+          if (res.code === 200) {
+            this.treedata = loadTreeData(res.result, this.formData.bdcdyh);
+            this.$nextTick(function () {
+              this.defaultNode = getNode(this.formData.qllx, { linShi: 0, xianShi: 0, liShi: 0 }, "");
+              this.$refs.tree.setCurrentKey(this.defaultNode.id); //data[0].id为默认选中的节点
+              this.loadComponent(this.defaultNode.form);
+            });
+          }
+        });
+        this.currentSelectProps = {
+          bdcdyid: this.formData.bdcdyid,
+          bdcdyh: this.formData.bdcdyh,
+          qllx: this.formData.qllx,
+          bsmQlxx: this.formData.bsmQlxx,
+        };
+      },
+      handleNodeClick (data, node, elem) {
+        this.loadComponent(data.form);
+      },
+      loadComponent (form) {
+        console.log(form, 'formformformform');
+        this.componentTag = (r) =>
+          require.ensure([], () => r(require("@/views/registerBook/" + form)));
+      },
     },
     },
-  },
-};
+  };
 </script>
 </script>
 <style scoped lang="scss">
 <style scoped lang="scss">
-/deep/.rollTable {
-  height: calc(100vh - 240px) !important;
-}
+  /deep/.rollTable {
+    height: calc(100vh - 240px) !important;
+  }
 
 
-.content {
-  width: 100%;
-  height: 100%;
-  display: flex;
+  .content {
+    width: 100%;
+    height: 100%;
+    display: flex;
 
 
-  .left {
-    width: 256px;
-    height: 704px;
-    background-color: #f5f5f5;
-    color: #333;
-    border: 1px solid rgb(228, 228, 228);
-  }
+    .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);
+    .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/ .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__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:focus > .el-tree-node__content {
+    background-color: #f5f5f5;
+    color: #0079fe;
+    border-right: 4px solid #0079fe;
+  }
 
 
-/deep/.el-tree-node {
-  white-space: pre-wrap;
-}
+  /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;
-}
+  /deep/ .is-current > .el-tree-node__content {
+    background-color: #f5f5f5;
+    color: #0079fe;
+    border-right: 4px solid #0079fe;
+  }
 </style>
 </style>

@@ -8,9 +8,7 @@
             <el-checkbox
             <el-checkbox
               v-for="item in qsztList"
               v-for="item in qsztList"
               :key="item.value"
               :key="item.value"
-              :label="item.value"
-              >{{ item.label }}</el-checkbox
-            >
+              :label="item.value">{{ item.label }}</el-checkbox>
           </el-checkbox-group>
           </el-checkbox-group>
         </div>
         </div>
       </div>
       </div>
@@ -27,25 +25,24 @@
                 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="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
+                item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '',
+              ]">
+              <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
                 <el-button
                 <el-button
                   type="text"
                   type="text"
                   icon="el-icon-edit-outline"
                   icon="el-icon-edit-outline"
-                  @click="editDialog(row)"
-                  >编辑</el-button
-                >
+                  @click="editDialog(row)">编辑</el-button>
                 <el-button
                 <el-button
                   type="text"
                   type="text"
                   icon="el-icon-edit-outline"
                   icon="el-icon-edit-outline"
-                  @click="editDialog(row, 'D')"
-                  >删除</el-button
-                >
+                  @click="editDialog(row, 'D')">删除</el-button>
               </div>
               </div>
               <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
               <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
                 正在办理
                 正在办理
               </div>
               </div>
+              <div class="icon" v-if="item.prop == 'qszt' &&  row.qszt == '1'">
+                有效
+              </div>
               <span v-if="item.prop == 'qszt'">
               <span v-if="item.prop == 'qszt'">
                 {{ getQsztName(row[item.prop]) }}
                 {{ getQsztName(row[item.prop]) }}
               </span>
               </span>
@@ -61,91 +58,91 @@
 </template>
 </template>
 
 
 <script>
 <script>
-import { datas } from "./qlxxFormData.js";
-import { getSjlx } from "@/utils/dictionary.js";
-import { getFdcq2List } from "@/api/registerBook.js";
-export default {
-  data() {
-    return {
-      title: "房地产权登记信息（独幢、层、套、间房屋）",
-      qsztList: datas.columns().qsztList,
-      checkList: datas.columns().checkList,
-      //传递参数
-      propsParam: this.$attrs,
-      //列表数据
-      tableData: [],
-      //空列值个数
-      emptycolNum: datas.columns().emptycolNum,
-      //列名称对象
-      columns: datas.columns().FDCQ2,
-    };
-  },
-  created() {
-    this.loadData();
-  },
-  methods: {
-    loadData() {
-      if (this.$parent.addRepairRecord) {
-        this.columns.unshift({ prop: "cz", label: "操作" });
-      }
-      getFdcq2List({
-        bdcdyid: this.propsParam.bdcdyid,
-        qllx: this.propsParam.qllx,
-        qszt: this.checkList,
-      }).then((res) => {
-        if (res.code === 200) {
-          this.tableData = res.result;
-          this.tableData.forEach((item) => {
-            item.sjlx = getSjlx(item.sjlx);
-          });
-          if (this.tableData.length < datas.columns().emptycolNum) {
-            this.emptycolNum =
-              datas.columns().emptycolNum - this.tableData.length;
-          } else {
-            this.emptycolNum = 0;
-          }
-        }
-      });
+  import { datas } from "./qlxxFormData.js";
+  import { getSjlx } from "@/utils/dictionary.js";
+  import { getFdcq2List } from "@/api/registerBook.js";
+  export default {
+    data () {
+      return {
+        title: "房地产权登记信息（独幢、层、套、间房屋）",
+        qsztList: datas.columns().qsztList,
+        checkList: datas.columns().checkList,
+        //传递参数
+        propsParam: this.$attrs,
+        //列表数据
+        tableData: [],
+        //空列值个数
+        emptycolNum: datas.columns().emptycolNum,
+        //列名称对象
+        columns: datas.columns().FDCQ2,
+      };
     },
     },
-    checkChange() {
-      if (this.checkList.length === 0) {
-        this.tableData = [];
-        this.emptycolNum = datas.columns().emptycolNum;
-      } else {
-        this.loadData();
-      }
+    created () {
+      this.loadData();
     },
     },
-    getQsztName(code) {
-      let name = "";
-      for (let item of this.qsztList) {
-        if (item.value == code) {
-          name = item.label;
-          break;
+    methods: {
+      loadData () {
+        if (this.$parent.addRepairRecord) {
+          this.columns.unshift({ prop: "cz", label: "操作" });
         }
         }
-      }
-      return name;
-    },
-    // 新增一条补录信息
-    editDialog(row, del) {
-      this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning",
-      })
-        .then(() => {
-          this.$parent.addRepairRecord(row, del);
+        getFdcq2List({
+          bdcdyid: this.propsParam.bdcdyid,
+          qllx: this.propsParam.qllx,
+          qszt: this.checkList,
+        }).then((res) => {
+          if (res.code === 200) {
+            this.tableData = res.result;
+            this.tableData.forEach((item) => {
+              item.sjlx = getSjlx(item.sjlx);
+            });
+            if (this.tableData.length < datas.columns().emptycolNum) {
+              this.emptycolNum =
+                datas.columns().emptycolNum - this.tableData.length;
+            } else {
+              this.emptycolNum = 0;
+            }
+          }
+        });
+      },
+      checkChange () {
+        if (this.checkList.length === 0) {
+          this.tableData = [];
+          this.emptycolNum = datas.columns().emptycolNum;
+        } else {
+          this.loadData();
+        }
+      },
+      getQsztName (code) {
+        let name = "";
+        for (let item of this.qsztList) {
+          if (item.value == code) {
+            name = item.label;
+            break;
+          }
+        }
+        return name;
+      },
+      // 新增一条补录信息
+      editDialog (row, del) {
+        this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning",
         })
         })
-        .catch(() => {
-          this.$message({
-            type: "info",
-            message: "取消",
+          .then(() => {
+            this.$parent.addRepairRecord(row, del);
+          })
+          .catch(() => {
+            this.$message({
+              type: "info",
+              message: "取消",
+            });
           });
           });
-        });
+      },
     },
     },
-  },
-};
+  };
 </script>
 </script>
 
 
 <style lang="scss" scoped>
 <style lang="scss" scoped>
-@import "./qlxxCommon.scss";
+  @import "./qlxxCommon.scss";
 </style>
 </style>

@@ -23,8 +23,8 @@
                item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '',
                item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '',
             ]">
             ]">
               <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
               <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
-                   <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
-                   <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
+                <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
+                <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
               </div>
               </div>
               <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
               <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
                 正在办理
                 正在办理
@@ -51,10 +51,14 @@
               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' : '',
+              item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '',
             ]">
             ]">
               <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
               <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
                 正在办理
                 正在办理
               </div>
               </div>
+              <div class="icon" v-if="item.prop == 'qszt' &&  row.qszt == '1'">
+                有效
+              </div>
               <span v-if="item.prop == 'qszt'">
               <span v-if="item.prop == 'qszt'">
                 {{ getQsztName(row[item.prop]) }}
                 {{ getQsztName(row[item.prop]) }}
               </span>
               </span>
@@ -100,11 +104,12 @@
     },
     },
     methods: {
     methods: {
       loadData () {
       loadData () {
-      if(this.$parent.addRepairRecord){
-        this.columns.unshift({prop:"cz",
-           label:"操作"
-        })
-      }
+        if (this.$parent.addRepairRecord) {
+          this.columns.unshift({
+            prop: "cz",
+            label: "操作"
+          })
+        }
         getNydsyqList({
         getNydsyqList({
           bdcdyid: this.propsParam.bdcdyid,
           bdcdyid: this.propsParam.bdcdyid,
           qllx: this.propsParam.qllx,
           qllx: this.propsParam.qllx,
@@ -142,14 +147,14 @@
         }
         }
         return name;
         return name;
       },
       },
-       // 新增一条补录信息
-        editDialog(row,del){
-            this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
+      // 新增一条补录信息
+      editDialog (row, del) {
+        this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
           confirmButtonText: '确定',
           confirmButtonText: '确定',
           cancelButtonText: '取消',
           cancelButtonText: '取消',
           type: 'warning'
           type: 'warning'
         }).then(() => {
         }).then(() => {
-          this.$parent.addRepairRecord(row,del)
+          this.$parent.addRepairRecord(row, del)
 
 
           this.$message({
           this.$message({
             type: 'success',
             type: 'success',

@@ -415,6 +415,19 @@ class data extends filter {
         {
         {
           prop: "dybdclx",
           prop: "dybdclx",
           label: "抵押不动产类型",
           label: "抵押不动产类型",
+          render: (h, scope) => {
+            return (
+              <div>
+              <span v-show={scope.row.dybdclx == '1'}>土地</span>
+              <span v-show={scope.row.dybdclx == '2'}>土地和房屋</span>
+              <span v-show={scope.row.dybdclx == '3'}>林地和林木</span>
+              <span v-show={scope.row.dybdclx == '4'}>土地和在建建筑物</span>
+              <span v-show={scope.row.dybdclx == '5'}>海域</span>
+              <span v-show={scope.row.dybdclx == '6'}>海域和构筑物</span>
+              <span v-show={scope.row.dybdclx == '7'}>其它</span>
+              </div>
+            )
+          }
         },
         },
         {
         {
           prop: "djlxmc",
           prop: "djlxmc",
@@ -441,16 +454,8 @@ class data extends filter {
           label: "在建建筑物坐落",
           label: "在建建筑物坐落",
         },
         },
         {
         {
-          prop: "dyfs",
-          label: "抵押方式",
-          render: (h, scope) => {
-            return (
-              <div>
-                <span v-show={scope.row.dyfs == '1'}>一般抵押权</span>
-                <span v-show={scope.row.dyfs == '2'}>最高额抵押权</span>
-              </div>
-            )
-          }
+          prop: "dyfsmc",
+          label: "抵押方式",         
         },
         },
         {
         {
           prop: "qlrmc",
           prop: "qlrmc",

@@ -19,14 +19,18 @@
               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' : '',
+              item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '',
             ]">
             ]">
-            <div class="setbut" v-if="item.prop == 'cz'">
-                   <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
-                   <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
+              <div class="setbut" v-if="item.prop == 'cz'">
+                <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
+                <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
               </div>
               </div>
               <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
               <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
                 正在办理
                 正在办理
               </div>
               </div>
+              <div class="icon" v-if="item.prop == 'qszt' &&  row.qszt == '1'">
+                有效
+              </div>
               <span v-if="item.prop == 'qszt'">
               <span v-if="item.prop == 'qszt'">
                 {{ getQsztName(row[item.prop]) }}
                 {{ getQsztName(row[item.prop]) }}
               </span>
               </span>
@@ -42,77 +46,83 @@
 </template>
 </template>
 
 
 <script>
 <script>
-import { getYgdjList } from "@/api/registerBook.js";
-import { datas } from "./qlxxFormData.js";
-export default {
-  data () {
-    return {
-      title: "预告登记信息",
-      qsztList: datas.columns().qsztList,
-      checkList: datas.columns().checkList,
-      //传递参数
-      propsParam: this.$attrs,
-      //列表数据
-      tableData: [],
-      //空列值个数
-      emptycolNum: datas.columns().emptycolNum,
-      //列名称对象
-      columns: datas.columns().YGDJ,
-    };
-  },
-  created () {
-    this.loadData();
-  },
-  methods: {
-    loadData () {
-      // 判断是否在登记簿补录调的子页面
-          if(this.$parent.addRepairRecord){
-        this.columns.unshift({prop:"cz",
-           label:"操作"
-        })
-      }
-      getYgdjList({
-        bdcdyid: this.propsParam.bdcdyid,
-        qllx: this.propsParam.qllx,
-        qszt: this.checkList,
-      }).then((res) => {
-        if (res.code === 200) {
-          this.tableData = res.result;
-          if (this.tableData.length < datas.columns().emptycolNum) {
-            this.emptycolNum =
-              datas.columns().emptycolNum - this.tableData.length;
-          } else {
-            this.emptycolNum = 0;
-          }
-        }
-      });
+  import { datas } from "./qlxxFormData.js";
+  import { getYgdjList } from "@/api/registerBook.js";
+  import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
+  export default {
+    data () {
+      return {
+        title: "预告登记信息",
+        qsztList: datas.columns().qsztList,
+        checkList: datas.columns().checkList,
+        //传递参数
+        propsParam: this.$attrs,
+        //列表数据
+        tableData: [],
+        //空列值个数
+        emptycolNum: datas.columns().emptycolNum,
+        //列名称对象
+        columns: datas.columns().YGDJ,
+      };
     },
     },
-    checkChange () {
-      if (this.checkList.length === 0) {
-        this.tableData = [];
-        this.emptycolNum = datas.columns().emptycolNum;
-      } else {
-        this.loadData();
-      }
+    created () {
+      this.loadData();
     },
     },
-    getQsztName (code) {
-      let name = "";
-      for (let item of this.qsztList) {
-        if (item.value == code) {
-          name = item.label;
-          break;
+    methods: {
+      loadData () {
+        // 判断是否在登记簿补录调的子页面
+        if (this.$parent.addRepairRecord) {
+          this.columns.unshift({
+            prop: "cz",
+            label: "操作"
+          })
         }
         }
-      }
-      return name;
-    },
-         // 新增一条补录信息
-        editDialog(row,del){
-            this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
+        getYgdjList({
+          bdcdyid: this.propsParam.bdcdyid,
+          qllx: this.propsParam.qllx,
+          qszt: this.checkList,
+        }).then((res) => {
+          if (res.code === 200) {
+            this.tableData = res.result;
+            this.tableData.forEach((item) => {
+              item.sjlx = getSjlx(item.sjlx);
+              item.dybdclx = getDictLeabel(item.dybdclx, 'A27')
+            });
+            if (this.tableData.length < datas.columns().emptycolNum) {
+              this.emptycolNum =
+                datas.columns().emptycolNum - this.tableData.length;
+            } else {
+              this.emptycolNum = 0;
+            }
+          }
+        });
+      },
+      checkChange () {
+        if (this.checkList.length === 0) {
+          this.tableData = [];
+          this.emptycolNum = datas.columns().emptycolNum;
+        } else {
+          this.loadData();
+        }
+      },
+      getQsztName (code) {
+        let name = "";
+        for (let item of this.qsztList) {
+          if (item.value == code) {
+            name = item.label;
+            break;
+          }
+        }
+        return name;
+      },
+      // 新增一条补录信息
+      editDialog (row, del) {
+        this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
           confirmButtonText: '确定',
           confirmButtonText: '确定',
           cancelButtonText: '取消',
           cancelButtonText: '取消',
           type: 'warning'
           type: 'warning'
         }).then(() => {
         }).then(() => {
-          this.$parent.addRepairRecord(row,del)
+          this.$parent.addRepairRecord(row, del)
 
 
           this.$message({
           this.$message({
             type: 'success',
             type: 'success',
@@ -126,10 +136,10 @@ export default {
         });
         });
 
 
       },
       },
-  },
-};
+    },
+  };
 </script>
 </script>
 
 
 <style lang="scss" scoped>
 <style lang="scss" scoped>
-@import "./qlxxCommon.scss";
+  @import "./qlxxCommon.scss";
 </style>
 </style>

@@ -19,14 +19,18 @@
               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' : '',
+              item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '',
             ]">
             ]">
-             <div class="setbut" v-if="item.prop == 'cz'">
-                   <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
-                   <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
+              <div class="setbut" v-if="item.prop == 'cz'">
+                <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
+                <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
               </div>
               </div>
               <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
               <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
                 正在办理
                 正在办理
               </div>
               </div>
+              <div class="icon" v-if="item.prop == 'qszt' &&  row.qszt == '1'">
+                有效
+              </div>
               <span v-if="item.prop == 'qszt'">
               <span v-if="item.prop == 'qszt'">
                 {{ getQsztName(row[item.prop]) }}
                 {{ getQsztName(row[item.prop]) }}
               </span>
               </span>
@@ -42,76 +46,82 @@
 </template>
 </template>
 
 
 <script>
 <script>
-import { getYydjList } from "@/api/registerBook.js";
-import { datas } from "./qlxxFormData.js";
-export default {
-  data () {
-    return {
-      title: "异议登记信息",
-      qsztList: datas.columns().qsztList,
-      checkList: datas.columns().checkList,
-      //传递参数
-      propsParam: this.$attrs,
-      //列表数据
-      tableData: [],
-      //空列值个数
-      emptycolNum: datas.columns().emptycolNum,
-      //列名称对象
-      columns: datas.columns().YYDJ,
-    };
-  },
-  created () {
-    this.loadData();
-  },
-  methods: {
-    loadData () {
-        if(this.$parent.addRepairRecord){
-        this.columns.unshift({prop:"cz",
-           label:"操作"
-        })
-      }
-      getYydjList({
-        bdcdyid: this.propsParam.bdcdyid,
-        qllx: this.propsParam.qllx,
-        qszt: this.checkList,
-      }).then((res) => {
-        if (res.code === 200) {
-          this.tableData = res.result;
-          if (this.tableData.length < datas.columns().emptycolNum) {
-            this.emptycolNum =
-              datas.columns().emptycolNum - this.tableData.length;
-          } else {
-            this.emptycolNum = 0;
-          }
-        }
-      });
+  import { datas } from "./qlxxFormData.js";
+  import { getYydjList } from "@/api/registerBook.js";
+  import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
+  export default {
+    data () {
+      return {
+        title: "异议登记信息",
+        qsztList: datas.columns().qsztList,
+        checkList: datas.columns().checkList,
+        //传递参数
+        propsParam: this.$attrs,
+        //列表数据
+        tableData: [],
+        //空列值个数
+        emptycolNum: datas.columns().emptycolNum,
+        //列名称对象
+        columns: datas.columns().YYDJ,
+      };
     },
     },
-    checkChange () {
-      if (this.checkList.length === 0) {
-        this.tableData = [];
-        this.emptycolNum = datas.columns().emptycolNum;
-      } else {
-        this.loadData();
-      }
+    created () {
+      this.loadData();
     },
     },
-    getQsztName (code) {
-      let name = "";
-      for (let item of this.qsztList) {
-        if (item.value == code) {
-          name = item.label;
-          break;
+    methods: {
+      loadData () {
+        if (this.$parent.addRepairRecord) {
+          this.columns.unshift({
+            prop: "cz",
+            label: "操作"
+          })
         }
         }
-      }
-      return name;
-    },
-          // 新增一条补录信息
-        editDialog(row,del){
-            this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
+        getYydjList({
+          bdcdyid: this.propsParam.bdcdyid,
+          qllx: this.propsParam.qllx,
+          qszt: this.checkList,
+        }).then((res) => {
+          if (res.code === 200) {
+            this.tableData = res.result;
+            this.tableData.forEach((item) => {
+              item.sjlx = getSjlx(item.sjlx);
+              item.dybdclx = getDictLeabel(item.dybdclx, 'A27')
+            });
+            if (this.tableData.length < datas.columns().emptycolNum) {
+              this.emptycolNum =
+                datas.columns().emptycolNum - this.tableData.length;
+            } else {
+              this.emptycolNum = 0;
+            }
+          }
+        });
+      },
+      checkChange () {
+        if (this.checkList.length === 0) {
+          this.tableData = [];
+          this.emptycolNum = datas.columns().emptycolNum;
+        } else {
+          this.loadData();
+        }
+      },
+      getQsztName (code) {
+        let name = "";
+        for (let item of this.qsztList) {
+          if (item.value == code) {
+            name = item.label;
+            break;
+          }
+        }
+        return name;
+      },
+      // 新增一条补录信息
+      editDialog (row, del) {
+        this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
           confirmButtonText: '确定',
           confirmButtonText: '确定',
           cancelButtonText: '取消',
           cancelButtonText: '取消',
           type: 'warning'
           type: 'warning'
         }).then(() => {
         }).then(() => {
-          this.$parent.addRepairRecord(row,del)
+          this.$parent.addRepairRecord(row, del)
 
 
           this.$message({
           this.$message({
             type: 'success',
             type: 'success',
@@ -125,10 +135,10 @@ export default {
         });
         });
 
 
       },
       },
-  },
-};
+    },
+  };
 </script>
 </script>
 
 
 <style lang="scss" scoped>
 <style lang="scss" scoped>
-@import "./qlxxCommon.scss";
+  @import "./qlxxCommon.scss";
 </style>
 </style>

@@ -107,25 +107,29 @@
       <el-button @click="closeDialog">关闭</el-button>
       <el-button @click="closeDialog">关闭</el-button>
     </div>
     </div>
     <!-- 打印模板需要此模块 -->
     <!-- 打印模板需要此模块 -->
-    <object id="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" v-show="false">
-      <embed id="LODOP_EM" type="application/x-print-lodop" width=820 height=450 pluginspage="install_lodop32.exe" />
-    </object>
+    <!-- <object id="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" v-show="false">
+      <embed id="LODOP_EM" type="application/x-print-lodop" width=700 height=500 pluginspage="install_lodop32.exe" />
+    </object> -->
+    <printView ref="printContent" :form="form" v-show="false" />
   </div>
   </div>
 </template>
 </template>
 <script>
 <script>
   import store from '@/store/index.js'
   import store from '@/store/index.js'
   import { datas } from "./addjtfcdata";
   import { datas } from "./addjtfcdata";
   import { getLodop } from "@/utils/LodopFuncs"
   import { getLodop } from "@/utils/LodopFuncs"
+  import printView from "./printView.vue";
   import { getIdCardInfo } from '@/utils/operation.js'
   import { getIdCardInfo } from '@/utils/operation.js'
   import { getPrintTemplateByCode } from "@/api/system";
   import { getPrintTemplateByCode } from "@/api/system";
   import { addJtfcCxjgXx, getJtfcInfo, printJtcfInfo } from "@/api/sqcx";
   import { addJtfcCxjgXx, getJtfcInfo, printJtcfInfo } from "@/api/sqcx";
-  import { log } from 'bpmn-js-token-simulation';
   export default {
   export default {
+    components: {
+      printView
+    },
     props: {
     props: {
       formData: {
       formData: {
         type: Object,
         type: Object,
-        default: () => { },
-      },
+        default: () => { }
+      }
     },
     },
     data () {
     data () {
       return {
       return {
@@ -340,6 +344,7 @@
           this.$endLoading();
           this.$endLoading();
           if (res.code == 200) {
           if (res.code == 200) {
             this.form = res.result;
             this.form = res.result;
+            console.log(this.form, 'form');
             this.isSearch = true;
             this.isSearch = true;
           }
           }
         });
         });
@@ -428,16 +433,15 @@
       },
       },
       //打开打印预览
       //打开打印预览
       openPrintPrew () {
       openPrintPrew () {
-        //根据编号获取对应信息
-        getPrintTemplateByCode({ tmpno: 'jtfcdys' }).then(res => {
-          if (res.code == 200) {
-            let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM'));
-            LODOP.ADD_PRINT_DATA("ProgramData", res.result.tmpcontent); //装载模板
-            LODOP.PREVIEW();
-          }
-        })
+        let lodop = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM'));
+        // 获取页面的HTML内容
+        const pageHtml = this.$refs.printContent.$el.innerHTML;
+        lodop.ADD_PRINT_HTM(20, 20, "100%", "100%", pageHtml);
+        lodop.SET_PRINT_MODE("FULL_WIDTH_FOR_OVERFLOW", true); // 打印页面宽度自适应
+        lodop.SET_PRINT_MODE("PRINT_PAGE_PERCENT", "100%"); // 打印页面缩放比例
+        lodop.PREVIEW();
       }
       }
-    },
+    }
   };
   };
 </script>
 </script>
 <style scoped lang="scss">
 <style scoped lang="scss">

+<!--
+ * @Description: 不动产查询证明打印模板
+ * @Autor: renchao
+ * @LastEditTime: 2023-07-03 10:44:15
+-->
+<template>
+  <div class="printView" style="width:100%;padding:20px">
+    <h1 style="color: red;
+      text-align: center;
+      font-size: 38px;">城固县不动产登记交易服务中心</h1>
+    <p style="width:100%;border-bottom: 1px solid red;margin-top: 20px;
+      margin-bottom: 10px;"></p>
+    <h2 style="font-size: 36px;
+      text-align: center;">不动产登记信息查询证明</h2>
+    <h5 style=" text-align: center;
+      margin-top: 20px;
+      font-size: 18px;">查询证明编号: {{form.djSqcxDO.cxbh}}</h5>
+    <p v-if="form.cxjgList.length>0" style="text-indent: 2em;
+      margin-top: 15px;
+      line-height: 24px;
+      font-size: 18px;">根据《不动产登记暂行条例》和《不动产登记资料查询暂行办法》
+      有关规定，经线上查询不动产登记信息系统，权利人： {{form.cxjgList[0].qlrmc}}
+      ，证件号：{{form.cxjgList[0].zjhm}}，截止{{newDatez}}
+      ，名下不动产登记信息查询结果如下：</p>
+    <table style=" border-collapse: collapse;
+      width: 100%;
+      margin-top: 20px;margin-left:20px">
+      <thead>
+        <tr>
+          <th style="background-color: #f2f2f2;
+      text-align: center;height:36px">权利人</th>
+          <th style="background-color: #f2f2f2;
+      text-align: center;height:36px">证号</th>
+          <th style="background-color: #f2f2f2;
+      text-align: center;height:36px">坐落</th>
+          <th style="background-color: #f2f2f2;
+      text-align: center;height:36px">面积</th>
+          <th style="background-color: #f2f2f2;
+      text-align: center;height:36px">共有人</th>
+          <th style="background-color: #f2f2f2;
+      text-align: center;height:36px">状态</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr v-for="(item,index) in form.cxjgList" :key="index">
+          <td style="border: 1px solid #ccc;
+            text-align: center;
+            padding: 8px;
+            text-align: left;">{{ item.qlrmc }}</td>
+          <td style="border: 1px solid #ccc;
+            text-align: center;
+            padding: 8px;
+            text-align: left;">{{ item.zjhm }}</td>
+          <td style="border: 1px solid #ccc;
+            text-align: center;
+            padding: 8px;
+            text-align: left;">{{ item.fdzl }}</td>
+          <td style="border: 1px solid #ccc;
+            text-align: center;
+            padding: 8px;
+            text-align: left;">{{ item.fwmj }}</td>
+          <td style="border: 1px solid #ccc;
+            text-align: center;
+            padding: 8px;
+            text-align: left;">{{ item.gyr }}</td>
+          <td style="border: 1px solid #ccc;
+            text-align: center;
+            padding: 8px;
+            text-align: left;" v-if="item.dyzt != '0' && item.cfzt != '0'">抵押、查封</td>
+          <td style="border: 1px solid #ccc;
+            text-align: center;
+            padding: 8px;
+            text-align: left;" v-if="item.dyzt != '0'">抵押</td>
+          <td style="border: 1px solid #ccc;
+            text-align: center;
+            padding: 8px;
+            text-align: left;" v-if="item.cfzt != '0'">查封</td>
+        </tr>
+      </tbody>
+    </table>
+    <h6 style="font-size: 28px;
+      margin-top: 20px;
+      font-weight: 100;">特此证明。</h6>
+    <div>
+      <img :src="qrcodeImage" alt="QR Code">
+    </div>
+    <ul style="text-align: right;
+      line-height: 36px;
+      font-size: 18px;">
+      <li style="list-style: none;">城固县不动产登记交易服务中心</li>
+      <li style="list-style: none;">{{newDate}}</li>
+    </ul>
+    <ol style="margin-left: 20px;
+      line-height: 36px;">
+      <p>说明：</p>
+      <li>该查询结果仅显示权利人在当前查询时间点不动产（房产）登记有关情况（“/”表示未查询到不动产登记信息）；</li>
+      <li>该查询结果包含权利人不动产预告登记信息。查询范围为本市中心城区及开发区内的不动产登记信息；</li>
+      <li>本次查询由系统终端自动检索，因数据采集处理误差而造成查询结果于实际登记信息不相符的，以我中心登记簿记载信息为准；</li>
+      <li>查询人应当妥善保管不动产登记查询结果，因操作不当，导致查询结果泄露，有关责任概由查询人承担。</li>
+    </ol>
+  </div>
+</template>
+<script>
+  import QRCode from 'qrcode';
+  import { getNewDate } from '@/utils/util'
+  export default {
+    props: {
+      form: {
+        type: Object,
+        default: () => ({})
+      }
+    },
+    data () {
+      return {
+        qrcodeImage: '',
+        newDate: getNewDate(),
+        newDatez: getNewDate(2)
+      }
+    },
+    watch: {
+      "form.djSqcxDO.cxbh": {
+        handler: function (val) {
+          if (val) {
+            QRCode.toDataURL(val)
+              .then(url => {
+                this.qrcodeImage = url
+              })
+              .catch(error => {
+                console.error(error);
+              })
+          }
+        },
+        immediate: true
+      }
+    }
+  }
+</script>
\ No newline at end of file

+<!--
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-06-28 14:45:20
+-->
 <template>
 <template>
   <div class="from-clues">
   <div class="from-clues">
     <!-- 家庭房产 -->
     <!-- 家庭房产 -->
@@ -41,59 +46,59 @@
   </div>
   </div>
 </template>
 </template>
 <script>
 <script>
-import table from "@/utils/mixin/table";
-import { datas, sendThis } from "./jtfcdata";
-import { getSqcxPage } from "@/api/sqcx";
-export default {
-  name: "jtfc",
-  mixins: [table],
-  mounted () {
-    sendThis(this);
-    this.queryClick();
-  },
-  data () {
-    return {
-      sqcxBsm: "",
-      queryForm: {
-        cxbh: "",
-        sqr: "",
-        cxlx: '1'
-      },
-      tableData: {
-        columns: datas.columns(),
-        data: [],
-      },
-    };
-  },
-  methods: {
-    // 初始化数据
-    queryClick () {
-      this.$startLoading();
-      getSqcxPage({ ...this.queryForm, ...this.pageData }).then((res) => {
-        this.$endLoading();
-        if (res.code === 200) {
-          let { records, total } = res.result;
-          this.tableData.data = records;
-          this.tableData.total = total;
-        }
-      });
-    },
-    handleSort (name, sort) {
-      console.log(name, sort);
+  import table from "@/utils/mixin/table";
+  import { datas, sendThis } from "./jtfcdata";
+  import { getSqcxPage } from "@/api/sqcx";
+  export default {
+    name: "jtfc",
+    mixins: [table],
+    mounted () {
+      sendThis(this);
+      this.queryClick();
     },
     },
-    handleAdd () {
-      this.$popupDialog("家庭房产查询", "sqcx/jtfc/components/addjtfc", {
-        sqcxBsm: ''
-      })
+    data () {
+      return {
+        sqcxBsm: "",
+        queryForm: {
+          cxbh: "",
+          sqr: "",
+          cxlx: '1'
+        },
+        tableData: {
+          columns: datas.columns(),
+          data: [],
+        },
+      };
     },
     },
-    handleViewClick (row) {
-      this.$popupDialog("家庭房产查询", "sqcx/jtfc/components/addjtfc", {
-        sqcxBsm: row.bsmSqcx
-      })
+    methods: {
+      // 初始化数据
+      queryClick () {
+        this.$startLoading();
+        getSqcxPage({ ...this.queryForm, ...this.pageData }).then((res) => {
+          this.$endLoading();
+          if (res.code === 200) {
+            let { records, total } = res.result;
+            this.tableData.data = records;
+            this.tableData.total = total;
+          }
+        });
+      },
+      handleSort (name, sort) {
+        console.log(name, sort);
+      },
+      handleAdd () {
+        this.$popupDialog("家庭房产查询", "sqcx/jtfc/components/addjtfc", {
+          sqcxBsm: ''
+        })
+      },
+      handleViewClick (row) {
+        this.$popupDialog("家庭房产查询", "sqcx/jtfc/components/addjtfc", {
+          sqcxBsm: row.bsmSqcx
+        })
+      }
     }
     }
   }
   }
-}
 </script>
 </script>
 <style scoped lang="scss">
 <style scoped lang="scss">
-@import "~@/styles/public.scss";
+  @import "~@/styles/public.scss";
 </style>
 </style>

-<!--
- * @Description:
- * @Autor: renchao
- * @LastEditTime: 2023-04-26 16:05:28
--->
-<template>
-  <div class='batchDel'>
-    <lb-table :column="columns" :data="formData.dataList" :maxHeight="460" :heightNumSetting="true" :pagination="false"
-      @selection-change="handleSelectionChange">
-    </lb-table>
-    <div class="text-center">
-      <el-button @click="$popupCacel">取消</el-button>
-      <el-button type="primary" @click="submitdelclick" plain>确定</el-button>
-    </div>
-  </div>
-</template>
-<script>
-  import { deleteFlow } from "@/api/ywbl.js"
-  import store from '@/store/index.js'
-  export default {
-    components: {},
-    props: {
-      formData: {
-        type: Object,
-        default: {}
-      }
-    },
-    data () {
-      return {
-        columns: [
-          {
-            type: 'selection',
-            label: '全选'
-          },
-          {
-            label: '序号',
-            type: 'index',
-            width: '50',
-          },
-          {
-            prop: "bdcdyh",
-            label: "不动产单元号",
-          },
-          {
-            prop: "zl",
-            label: "坐落",
-          },
-        ],
-        dataList: [],
-        selectBdcdy: [],
-      }
-    },
-    methods: {
-      // 批量删除确定按钮
-      submitdelclick () {
-        var formdata = new FormData();
-        formdata.append("bsmSldyList", this.selectBdcdy);
-        formdata.append("bsmSlsq", this.formData.bsmSlsq);
-        deleteFlow(formdata).then(res => {
-          if (res.code == 200) {
-            this.$popupCacel();
-            store.dispatch('user/refreshPage', true);
-            this.$message.success("删除成功");
-          } else {
-            this.$message.error(res.message)
-          }
-        })
-      },
-      // 批量删除勾选事件
-      handleSelectionChange (e) {
-        this.selectBdcdy = [];
-        e.forEach((item, index) => {
-          this.selectBdcdy.push(item.bsmSldy)
-        })
-      }
-    }
-  }
-</script>
-<style scoped lang='scss'>
-</style>

 <!--
 <!--
  * @Description: 
  * @Description: 
  * @Autor: renchao
  * @Autor: renchao
- * @LastEditTime: 2023-06-25 10:33:16
+ * @LastEditTime: 2023-06-30 14:32:40
 -->
 -->
 <template>
 <template>
   <div class="from-clues loadingtext" v-Loading="loading" element-loading-text="拼命加载中..." style="height:720px;text-align: center;">
   <div class="from-clues loadingtext" v-Loading="loading" element-loading-text="拼命加载中..." style="height:720px;text-align: center;">
     <!-- 表单部分 -->
     <!-- 表单部分 -->
     <el-tabs v-model="activeName" @tab-click="handleClick" v-if="headTabBdcqz.length >1">
     <el-tabs v-model="activeName" @tab-click="handleClick" v-if="headTabBdcqz.length >1">
-      <el-tab-pane :label="item.qlr + '(' + item.bdcqzh + ')'" :name="item.bdcqzlx"
-        v-for="(item, index) in headTabBdcqz" :key="index"></el-tab-pane>
+      <el-tab-pane :label="item.qlr + (item.bdcqzh !== null ? '(' + item.bdcqzh + ')' : '')" :name="item.bsmBdcqz"
+        v-for="(item, index) in headTabBdcqz" :key="index">
+      </el-tab-pane>
     </el-tabs>
     </el-tabs>
     <div class="no-data" v-if="headTabBdcqz.length == 0">暂无数据</div>
     <div class="no-data" v-if="headTabBdcqz.length == 0">暂无数据</div>
-    <canvas ref="zs" width="1000" v-show="activeName=='1'" height="700"></canvas>
-    <canvas ref="zm" width="1180" v-show="activeName!='1'" height="780"></canvas>
+    <canvas ref="zs" width="1000" v-show="headTabBdcqz[0]&&headTabBdcqz[0].bdcqzlx==1" height="700"></canvas>
+    <canvas ref="zm" width="1180" v-show="headTabBdcqz[0]&&headTabBdcqz[0].bdcqzlx!=1" height="780"></canvas>
   </div>
   </div>
 </template>
 </template>
 
 
@@ -49,13 +50,14 @@
         ruleForm: {
         ruleForm: {
           bsmBdcqz: '',
           bsmBdcqz: '',
           szmc: '不动产权证书',
           szmc: '不动产权证书',
-          bdcqzlx: '',
+          bsmBdcqz: '',
           szzh: '',
           szzh: '',
           ysxlh: '',
           ysxlh: '',
         },
         },
       }
       }
     },
     },
     mounted () {
     mounted () {
+      debugger
       this.columns = datas.columns();
       this.columns = datas.columns();
       if (this.formData.bdcqz) {
       if (this.formData.bdcqz) {
         //从缮证进入
         //从缮证进入
@@ -77,10 +79,10 @@
         getSlsqBdcqzList({ bsmSlsq: this.formData.bsmSlsq }).then(res => {
         getSlsqBdcqzList({ bsmSlsq: this.formData.bsmSlsq }).then(res => {
           if (res.code == 200) {
           if (res.code == 200) {
             if (res.result && res.result.length > 0) {
             if (res.result && res.result.length > 0) {
-              this.activeName = res.result[0].bdcqzlx
+              this.activeName = res.result[0].bsmBdcqz
               this.bdcqz = res.result[0]
               this.bdcqz = res.result[0]
               this.headTabBdcqz = res.result
               this.headTabBdcqz = res.result
-              if (this.activeName == 1) {
+              if (res.result[0].bdcqzlx == 1) {
                 this.drawTextOnImage()
                 this.drawTextOnImage()
               } else {
               } else {
                 this.drawTextzmImage()
                 this.drawTextzmImage()
@@ -93,7 +95,7 @@
       //tab表头切换方法
       //tab表头切换方法
       handleClick (e) {
       handleClick (e) {
         this.bdcqz = this.headTabBdcqz[e.index - 0]
         this.bdcqz = this.headTabBdcqz[e.index - 0]
-        this.activeName = this.headTabBdcqz.bdcqzlx
+        this.activeName = this.headTabBdcqz.bsmBdcqz
         if (this.activeName == '1') {
         if (this.activeName == '1') {
           this.drawTextOnImage()
           this.drawTextOnImage()
         } else {
         } else {
@@ -157,6 +159,15 @@
           context.drawImage(image, 0, 0);
           context.drawImage(image, 0, 0);
           context.font = '18px 楷体';
           context.font = '18px 楷体';
           context.fillStyle = '#000000';
           context.fillStyle = '#000000';
+          // ysxlh
+          context.fillText(this.bdcqz.ysxlh ? this.bdcqz.ysxlh : '', 280, 712);
+          // djsj
+          if (this.bdcqz.djsj) {
+            let djsjList = this.bdcqz.djsj.split(' ')[0].split('/')
+            context.fillText(djsjList[0] ? djsjList[0] : '', 327, 580);
+            context.fillText(djsjList[1] ? djsjList[1] : '', 393, 580);
+            context.fillText(djsjList[2] ? djsjList[2] : '', 443, 580);
+          }
           context.fillText(this.bdcqz.sjjc ? this.bdcqz.sjjc : '', 620, 125);
           context.fillText(this.bdcqz.sjjc ? this.bdcqz.sjjc : '', 620, 125);
           context.fillText(this.bdcqz.djnd ? this.bdcqz.djnd : '', 665, 125);
           context.fillText(this.bdcqz.djnd ? this.bdcqz.djnd : '', 665, 125);
           context.fillText(this.bdcqz.sxqc ? this.bdcqz.sxqc : '', 750, 125);
           context.fillText(this.bdcqz.sxqc ? this.bdcqz.sxqc : '', 750, 125);
@@ -191,7 +202,7 @@
             });
             });
           });
           });
           // fj
           // fj
-          context.fillText(this.bdcqz.fj ? this.bdcqz.fj : '', 775, 650);
+          context.fillText(this.bdcqz.fj ? this.bdcqz.fj : '', 775, 600);
         };
         };
 
 
         image.src = this.bdczmSrc;
         image.src = this.bdczmSrc;

@@ -107,18 +107,20 @@ export default {
         switch (qllx) {
         switch (qllx) {
           case 'A04':
           case 'A04':
             this.showBatch = true;
             this.showBatch = true;
-            this.batchButtonName = '批量单元信息';
+            this.batchButtonName = '房屋批量操作';
             break;
             break;
           case 'B39':
           case 'B39':
             this.showBatch = true;
             this.showBatch = true;
-            this.batchButtonName = '批量查封清单信息';
+            this.batchButtonName = '查封批量操作';
             break;
             break;
           case 'A37':
           case 'A37':
             this.showBatch = true;
             this.showBatch = true;
-            this.batchButtonName = '批量抵押';
+            this.batchButtonName = '抵押批量操作';
+            break;
+          case 'B37':
+            this.showBatch = true;
+            this.batchButtonName = '在建工程抵押批量操作';
             break;
             break;
-          default:
-            this.batchButtonName = '批量操作';
         }
         }
       }
       }
     },
     },

@@ -59,16 +59,17 @@
         <el-table-column label="序号" header-align="center" align="center" type="index" width="55px" />
         <el-table-column label="序号" header-align="center" align="center" type="index" width="55px" />
         <el-table-column label="流程状态" header-align="center" align="center">
         <el-table-column label="流程状态" header-align="center" align="center">
           <template slot-scope="scope">
           <template slot-scope="scope">
-            <div v-if="scope.row.finishTime == null">正在办理</div>
-            <div v-else>已完结</div>
+            <div v-if="scope.row.endTime">已完结</div>
+            <div v-else>正在办理</div>
           </template>
           </template>
         </el-table-column>
         </el-table-column>
         <el-table-column label="环节名称" prop="name" minWidth="100" align="center" />
         <el-table-column label="环节名称" prop="name" minWidth="100" align="center" />
         <el-table-column label="办理人" prop="agent" minWidth="120" align="center" />
         <el-table-column label="办理人" prop="agent" minWidth="120" align="center" />
-        <el-table-column label="处理时间" prop="createTime" width="160" align="center" />
-        <el-table-column label="办结时间" prop="finishTime" width="160" align="center" />
-        <el-table-column label="操作方式" align="center">
-        </el-table-column>
+        <el-table-column label="转入时间" prop="createTime" :formatter="formatDate" width="160" align="center" />
+        <el-table-column label="认领时间" prop="claimTime" :formatter="formatDate" width="160" align="center" />
+        <el-table-column label="转出时间" prop="endTime" :formatter="formatDate" width="160" align="center" />
+        <el-table-column label="操作方式" prop="controls" align="center"/>
+        <el-table-column label="意见" prop="idea" align="center"/>
       </el-table>
       </el-table>
     </div>
     </div>
   </div>
   </div>
@@ -118,6 +119,14 @@
       this.clearViewer()
       this.clearViewer()
     },
     },
     methods: {
     methods: {
+      formatDate(row, column) {
+          let data = row[column.property]
+          if(data == null) {
+              return null
+          }
+          let dt = new Date(data)
+           return dt.getFullYear() + '-' + (dt.getMonth() + 1) + '-' + dt.getDate() + ' ' + dt.getHours() + ':' + dt.getMinutes() + ':' + dt.getSeconds()
+        },
       processReZoom () {
       processReZoom () {
         this.defaultZoom = 1
         this.defaultZoom = 1
         this.bpmnViewer.get('canvas').zoom('fit-viewport', 'auto')
         this.bpmnViewer.get('canvas').zoom('fit-viewport', 'auto')
@@ -237,13 +246,32 @@
        // 获取流程记录
        // 获取流程记录
       getCommentList() {
       getCommentList() {
         this.formData.allCommentList.forEach(async (item,index) => {
         this.formData.allCommentList.forEach(async (item,index) => {
-                this.formData.allCommentList[index].agent=item.assignee.name
+          item.comments.forEach(element => {
+            if(element.type=="COMPLETE"){
+              this.formData.allCommentList[index].idea=element.message
+               this.formData.allCommentList[index].controls="完成"
+            }
+          });
+            this.formData.allCommentList[index].agent=item.assignee.name
+        })
+        this.formData.handlinglist.forEach(async (item,index) => {
+          if(item.assignee.name){
+            this.formData.handlinglist[index].agent=item.assignee.name
+          }else{
+            let str=""
+            item.countersign.forEach((item) => {
+               str+=item.name+","
+            })
+            str=str.slice(0, -1);
+            this.formData.allCommentList[index].agent=str
+          }
+
         })
         })
-        setTimeout(() => {
-           this.taskList =this.formData.allCommentList;
+           this.taskList =[...this.formData.allCommentList,...this.formData.handlinglist];
+          //  this.taskList =this.formData.allCommentList;
           //  处理数据之后赋值
           //  处理数据之后赋值
             this.taskCommentList=this.taskList
             this.taskCommentList=this.taskList
-        }, 100)
+
       },
       },
 
 
       // 设置流程图元素状态
       // 设置流程图元素状态

 <!--
 <!--
- * @Description: 权利人列表
- * @Autor: miaofang
- * @LastEditTime: 2023-06-14 10:40:48
+ * @Description:
+ * @Autor: renchao
+ * @LastEditTime: 2023-05-17 10:40:48
 -->
 -->
 <template>
 <template>
   <lb-table :column="column" :maxHeight="200" :heightNumSetting="true" :pagination="false" :key="key" :data="tableData">
   <lb-table :column="column" :maxHeight="200" :heightNumSetting="true" :pagination="false" :key="key" :data="tableData">
@@ -49,30 +49,34 @@
               )
               )
             }
             }
           },
           },
+          //  {
+          //   prop: "bdcdyh",
+          //   label: "不动产单元号"
+          // },
+           {
+            prop: "zl",
+            label: "坐落"
+           },
           {
           {
-            prop: "qllxmc",
-            label: "权利类型"
-          },
-          {
-            prop: "bdcqzh",
-            label: "不动产权证号"
-          },
-          {
-            prop: "qlrmc",
-            label: "权利人"
-          },
-          {
-            prop: "ytmc",
-            label: "用途"
+            prop: "shbw",
+            label: "室号部位"
+          },     
+           {
+            prop: "fwxzmc",
+            label: "房屋性质"
           },
           },
-          {
-            prop: "mj",
-            label: "面积"
+            {
+            prop: "jzmj",
+            label: "建筑面积"
           },
           },
           {
           {
-            prop: "zl",
-            label: "坐落"
-          },
+            prop: "showfwyt",
+            label: "房屋用途"
+          }, 
+           {
+            prop: "showfwjg",
+            label: "房屋结构"
+          },      
         ],
         ],
         column: this.qlrCommonTable
         column: this.qlrCommonTable
       }
       }
@@ -80,14 +84,8 @@
     watch: {
     watch: {
       tableData: {
       tableData: {
         handler: function (val, oldVal) {
         handler: function (val, oldVal) {
-          let that = this
+          let that = this;
           if (val.length == 0 || !val) {
           if (val.length == 0 || !val) {
-            that.tableDataList = _.cloneDeep([{
-              sqrmc: '',
-              dlrzjlx: '',
-              dlrzjh: '',
-              fr: ''
-            }])
           } else {
           } else {
             that.tableDataList = _.cloneDeep(val)
             that.tableDataList = _.cloneDeep(val)
           }
           }

@@ -4,7 +4,7 @@
  * @LastEditTime: 2023-06-19 13:16:53
  * @LastEditTime: 2023-06-19 13:16:53
  */
  */
 //流程环节操作按钮
 //流程环节操作按钮
-export function getForm (tabName, djywbm) {
+export function getForm(tabName, djywbm) {
   let form;
   let form;
   switch (tabName) {
   switch (tabName) {
     case "tdsyqslxx":
     case "tdsyqslxx":
@@ -31,7 +31,6 @@ export function getForm (tabName, djywbm) {
     case "nydsyqslxx100":
     case "nydsyqslxx100":
       form = require("@/views/ywbl/slsqxx/nydsyq/slxx.vue");
       form = require("@/views/ywbl/slsqxx/nydsyq/slxx.vue");
       break;
       break;
-
     case "nydsyqslxx200":
     case "nydsyqslxx200":
       form = require("@/views/ywbl/slsqxx/nydsyq/slxx200.vue");
       form = require("@/views/ywbl/slsqxx/nydsyq/slxx200.vue");
       break;
       break;
@@ -66,13 +65,16 @@ export function getForm (tabName, djywbm) {
     case "zjgcdyqSlxx":
     case "zjgcdyqSlxx":
       form = require("@/views/ywbl/slsqxx/zjgcdy/slxx.vue");
       form = require("@/views/ywbl/slsqxx/zjgcdy/slxx.vue");
       break;
       break;
+    case "batchZjgcdyq":
+      form = require("@/views/ywbl/slsqxx/zjgcdy/batchSlxx.vue");
+      break;
     case "cfdjxx":
     case "cfdjxx":
       form = require("@/views/registerBook/cfdj.vue");
       form = require("@/views/registerBook/cfdj.vue");
       break;
       break;
     case "tdsyqQlxx":
     case "tdsyqQlxx":
       form = require("@/views/registerBook/tdsyq.vue");
       form = require("@/views/registerBook/tdsyq.vue");
       break;
       break;
-      case "jsydsyqQlxx":
+    case "jsydsyqQlxx":
       form = require("@/views/registerBook/jsydsyq.vue");
       form = require("@/views/registerBook/jsydsyq.vue");
       break;
       break;
     case "nydsyqQlxx":
     case "nydsyqQlxx":

@@ -76,6 +76,7 @@ export default {
                 rejectedTaskSet: {},
                 rejectedTaskSet: {},
                 finishedSequenceFlowSet: result.finishedSequenceFlowIds
                 finishedSequenceFlowSet: result.finishedSequenceFlowIds
               },
               },
+              handlinglist:result.runningTasks,
               allCommentList: result.finishedTasks
               allCommentList: result.finishedTasks
             }, '80%', true)
             }, '80%', true)
           })
           })

@@ -86,64 +86,64 @@
         <el-row :gutter="10">
         <el-row :gutter="10">
           <el-col :span="8">
           <el-col :span="8">
             <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型：">
             <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型：">
-              <el-input disabled v-model="ruleForm.ssQlxx.qllxmc"></el-input>
+              <el-input disabled v-model="ruleForm.ztQlxx.qllxmc"></el-input>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
 
 
           <el-col :span="8">
           <el-col :span="8">
             <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产权证号：" prop="qlxx.bdcqzh">
             <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产权证号：" prop="qlxx.bdcqzh">
-              <el-input disabled v-model="ruleForm.ssQlxx.bdcqzh"></el-input>
+              <el-input disabled v-model="ruleForm.ztQlxx.bdcqzh"></el-input>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
           <el-col :span="8">
           <el-col :span="8">
             <el-form-item :class="flag ? 'marginBot0' : ''" label="共有情况：">
             <el-form-item :class="flag ? 'marginBot0' : ''" label="共有情况：">
-              <el-input disabled v-model="ruleForm.ssQlxx.gyqk"></el-input>
+              <el-input disabled v-model="ruleForm.ztQlxx.gyqk"></el-input>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
         </el-row>
         </el-row>
         <el-row :gutter="10">
         <el-row :gutter="10">
           <el-col :span="8">
           <el-col :span="8">
             <el-form-item :class="flag ? 'marginBot0' : ''" label="被执行人：" prop="qlxx.qlrmc">
             <el-form-item :class="flag ? 'marginBot0' : ''" label="被执行人：" prop="qlxx.qlrmc">
-              <el-input disabled v-model="ruleForm.ssQlxx.qlrmc"></el-input>
+              <el-input disabled v-model="ruleForm.ztQlxx.qlrmc"></el-input>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
           <el-col :span="8">
           <el-col :span="8">
             <el-form-item :class="flag ? 'marginBot0' : ''" label="证件种类：">
             <el-form-item :class="flag ? 'marginBot0' : ''" label="证件种类：">
-              <el-input disabled v-model="ruleForm.ssQlxx.qlrzjzl"></el-input>
+              <el-input disabled v-model="ruleForm.ztQlxx.qlrzjzl"></el-input>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
           <el-col :span="8">
           <el-col :span="8">
             <el-form-item :class="flag ? 'marginBot0' : ''" label="证件号：">
             <el-form-item :class="flag ? 'marginBot0' : ''" label="证件号：">
-              <el-input disabled v-model="ruleForm.ssQlxx.qlrzjhm"></el-input>
+              <el-input disabled v-model="ruleForm.ztQlxx.qlrzjhm"></el-input>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
         </el-row>
         </el-row>
         <el-row :gutter="10">
         <el-row :gutter="10">
           <el-col :span="8">
           <el-col :span="8">
             <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产单元号：" prop="qlxx.bdcdyh">
             <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产单元号：" prop="qlxx.bdcdyh">
-              <el-input disabled v-model="ruleForm.ssQlxx.bdcdyh"></el-input>
+              <el-input disabled v-model="ruleForm.ztQlxx.bdcdyh"></el-input>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
           <el-col :span="16">
           <el-col :span="16">
             <el-form-item :class="flag ? 'marginBot0' : ''" label="坐落：">
             <el-form-item :class="flag ? 'marginBot0' : ''" label="坐落：">
-              <el-input disabled v-model="ruleForm.ssQlxx.zl"></el-input>
+              <el-input disabled v-model="ruleForm.ztQlxx.zl"></el-input>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
         </el-row>
         </el-row>
         <el-row :gutter="10">
         <el-row :gutter="10">
           <el-col :span="8">
           <el-col :span="8">
             <el-form-item :class="flag ? 'marginBot0' : ''" label="权利性质：">
             <el-form-item :class="flag ? 'marginBot0' : ''" label="权利性质：">
-              <el-input disabled v-model="ruleForm.ssQlxx.qlxzmc"></el-input>
+              <el-input disabled v-model="ruleForm.ztQlxx.qlxzmc"></el-input>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
           <el-col :span="8">
           <el-col :span="8">
             <el-form-item :class="flag ? 'marginBot0' : ''" label="用途：">
             <el-form-item :class="flag ? 'marginBot0' : ''" label="用途：">
-              <el-input disabled v-model="ruleForm.ssQlxx.ytmc"></el-input>
+              <el-input disabled v-model="ruleForm.ztQlxx.ytmc"></el-input>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
           <el-col :span="8">
           <el-col :span="8">
             <el-form-item :class="flag ? 'marginBot0' : ''" label="面积：">
             <el-form-item :class="flag ? 'marginBot0' : ''" label="面积：">
-              <el-input disabled v-model="ruleForm.ssQlxx.mjmc"></el-input>
+              <el-input disabled v-model="ruleForm.ztQlxx.mjmc"></el-input>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
         </el-row>
         </el-row>

@@ -55,51 +55,51 @@
         <el-row :gutter="10">
         <el-row :gutter="10">
           <el-col :span="8">
           <el-col :span="8">
             <el-form-item label="权利人：">
             <el-form-item label="权利人：">
-              <el-input disabled v-model="ruleForm.ssQlxx.qlrmc"></el-input>
+              <el-input disabled v-model="ruleForm.ztQlxx.qlrmc"></el-input>
             </el-form-item>
             </el-form-item>
-          </el-col>
+          </el-col>         
           <el-col :span="8">
           <el-col :span="8">
-            <el-form-item label="证件号：">
-              <el-input disabled v-model="ruleForm.ssQlxx.qlrzjhm"></el-input>
+            <el-form-item label="证件种类：">
+              <el-input disabled v-model="ruleForm.ztQlxx.qlrzjzl"></el-input>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
-          <el-col :span="8">
-            <el-form-item label="证件种类：">
-              <el-input disabled v-model="ruleForm.ssQlxx.qlrzjzl"></el-input>
+           <el-col :span="8">
+            <el-form-item label="证件号：">
+              <el-input disabled v-model="ruleForm.ztQlxx.qlrzjhm"></el-input>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
         </el-row>
         </el-row>
         <el-row :gutter="10">
         <el-row :gutter="10">
           <el-col :span="8">
           <el-col :span="8">
             <el-form-item label="权利类型：">
             <el-form-item label="权利类型：">
-              <el-input disabled v-model="ruleForm.ssQlxx.qllxmc"></el-input>
+              <el-input disabled v-model="ruleForm.ztQlxx.qllxmc"></el-input>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
           <el-col :span="8">
           <el-col :span="8">
             <el-form-item label="不动产权证号：">
             <el-form-item label="不动产权证号：">
-              <el-input disabled v-model="ruleForm.ssQlxx.bdcqzh"></el-input>
+              <el-input disabled v-model="ruleForm.ztQlxx.bdcqzh"></el-input>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
           <el-col :span="8">
           <el-col :span="8">
             <el-form-item label="坐落：">
             <el-form-item label="坐落：">
-              <el-input disabled v-model="ruleForm.ssQlxx.zl"></el-input>
+              <el-input disabled v-model="ruleForm.ztQlxx.zl"></el-input>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
         </el-row>
         </el-row>
         <el-row :gutter="10">
         <el-row :gutter="10">
           <el-col :span="8">
           <el-col :span="8">
             <el-form-item label="不动产单元号：">
             <el-form-item label="不动产单元号：">
-              <el-input disabled v-model="ruleForm.ssQlxx.bdcdyh"></el-input>
+              <el-input disabled v-model="ruleForm.ztQlxx.bdcdyh"></el-input>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
           <el-col :span="8">
           <el-col :span="8">
             <el-form-item label="面积：">
             <el-form-item label="面积：">
-              <el-input disabled v-model="ruleForm.ssQlxx.mj"></el-input>
+              <el-input disabled v-model="ruleForm.ztQlxx.mj"></el-input>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
           <el-col :span="8">
           <el-col :span="8">
             <el-form-item label="用途：">
             <el-form-item label="用途：">
-              <el-input disabled v-model="ruleForm.ssQlxx.ytmc"></el-input>
+              <el-input disabled v-model="ruleForm.ztQlxx.ytmc"></el-input>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
         </el-row>
         </el-row>
@@ -110,6 +110,12 @@
         </div>
         </div>
 
 
         <el-row :gutter="10">
         <el-row :gutter="10">
+           <el-col :span="8" v-if="ruleForm.sldy.djlx != '100'">
+            <el-form-item label="原不动产登记证明号：">
+              <el-input v-if="ruleForm.sldy.djlx == '400'" disabled v-model="ruleForm.qlxx.bdcqzh"></el-input>
+              <el-input v-else disabled v-model="ruleForm.ssQlxx.bdcqzh"></el-input>
+            </el-form-item>
+          </el-col>
           <el-col :span="8">
           <el-col :span="8">
             <el-form-item label="抵押方式：">
             <el-form-item label="抵押方式：">
               <el-radio-group disabled v-model="ruleForm.diyaq.dyfs">
               <el-radio-group disabled v-model="ruleForm.diyaq.dyfs">
@@ -118,7 +124,7 @@
               </el-radio-group>
               </el-radio-group>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
-          <el-col :span="16">
+          <el-col :span="8">
             <el-form-item label="是否存在禁止或者限制转让抵押不动产的约定：" label-width="350px">
             <el-form-item label="是否存在禁止或者限制转让抵押不动产的约定：" label-width="350px">
               <el-radio-group v-model="ruleForm.diyaq.sfczjzhxz">
               <el-radio-group v-model="ruleForm.diyaq.sfczjzhxz">
                 <el-radio label="1">启用</el-radio>
                 <el-radio label="1">启用</el-radio>
@@ -164,7 +170,7 @@
           <el-col :span="24">
           <el-col :span="24">
             <el-form-item label="担保范围：">
             <el-form-item label="担保范围：">
               <el-input v-model="ruleForm.diyaq.dbfw"
               <el-input v-model="ruleForm.diyaq.dbfw"
-                :disabled="$route.query.viewtype == 1 || ruleForm.slsq.djlx == '300'"></el-input>
+                :disabled="$route.query.viewtype == 1 || ruleForm.sldy.djlx == '300'"></el-input>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
         </el-row>
         </el-row>
@@ -230,7 +236,7 @@
         </div>
         </div>
         <el-row :gutter="10">
         <el-row :gutter="10">
           <el-col>
           <el-col>
-            <el-form-item v-if="ruleForm.slsq.djlx == '400'" label="注销抵押原因：" prop="djyy">
+            <el-form-item v-if="ruleForm.sldy.djlx == '400'" label="注销抵押原因：" prop="djyy">
               <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1"
               <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1"
                 v-model="ruleForm.diyaq.zxdyyy">
                 v-model="ruleForm.diyaq.zxdyyy">
               </el-input>
               </el-input>

 <!--
 <!--
  * @Description: 
  * @Description: 
  * @Autor: renchao
  * @Autor: renchao
- * @LastEditTime: 2023-05-17 10:43:41
+ * @LastEditTime: 2023-06-30 17:09:35
 -->
 -->
 <template>
 <template>
   <div class="djxxTable" :style="{'max-height': this.timeLineHeight + 'px' }"
   <div class="djxxTable" :style="{'max-height': this.timeLineHeight + 'px' }"
@@ -28,10 +28,14 @@
                 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' : '',
+                item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '',
               ]">
               ]">
               <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
               <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
                 正在办理
                 正在办理
               </div>
               </div>
+              <div class="icon" v-if="item.prop == 'qszt' &&  row.qszt == '1'">
+                有效
+              </div>
               <span v-if="item.prop == 'qszt'">
               <span v-if="item.prop == 'qszt'">
                 {{ getQsztName(row[item.prop]) }}
                 {{ getQsztName(row[item.prop]) }}
               </span>
               </span>

@@ -32,12 +32,12 @@
         <el-row :gutter="10" v-if="ruleForm.slsq">
         <el-row :gutter="10" v-if="ruleForm.slsq">
           <el-col :span="8">
           <el-col :span="8">
             <el-form-item label="权利类型：">
             <el-form-item label="权利类型：">
-              <el-input disabled v-model="ruleForm.sldy.qllxmc"></el-input>
+              <el-input disabled v-model="ruleForm.sldyList[0].qllxmc"></el-input>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
           <el-col :span="8">
           <el-col :span="8">
             <el-form-item label="登记类型：">
             <el-form-item label="登记类型：">
-              <el-input disabled v-model="ruleForm.sldy.djlxmc"></el-input>
+              <el-input disabled v-model="ruleForm.sldyList[0].djlxmc"></el-input>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
           <el-col :span="8">
           <el-col :span="8">
@@ -102,7 +102,7 @@
           <el-col :span="14">
           <el-col :span="14">
             <el-form-item label="共有方式：">
             <el-form-item label="共有方式：">
               <el-radio-group :disabled="$route.query.viewtype == 1" @change="showCZInfo"
               <el-radio-group :disabled="$route.query.viewtype == 1" @change="showCZInfo"
-                              v-model="ruleForm.sldy.gyfs">
+                              v-model="ruleForm.sldyList[0].gyfs">
                 <el-radio label="0">单独所有</el-radio>
                 <el-radio label="0">单独所有</el-radio>
                 <el-radio label="1">共同共有</el-radio>
                 <el-radio label="1">共同共有</el-radio>
                 <el-radio label="2">按份所有</el-radio>
                 <el-radio label="2">按份所有</el-radio>
@@ -114,13 +114,13 @@
 
 
           <el-col :span="5" v-show=" ruleForm.slsq.gyfs == '2'">
           <el-col :span="5" v-show=" ruleForm.slsq.gyfs == '2'">
             <el-form-item label="是否分别持证：">
             <el-form-item label="是否分别持证：">
-              <el-radio-group v-model="ruleForm.sldy.sqfbcz">
+              <el-radio-group v-model="ruleForm.sldyList[0].sqfbcz">
                 <el-radio label="1">是</el-radio>
                 <el-radio label="1">是</el-radio>
                 <el-radio label="0">否</el-radio>
                 <el-radio label="0">否</el-radio>
               </el-radio-group>
               </el-radio-group>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
-          <el-col :span="5" v-show="ruleForm.sldy.gyfs == '2'">
+          <el-col :span="5" v-show="ruleForm.sldyList[0].gyfs == '2'">
             <el-form-item label="持证人：">
             <el-form-item label="持证人：">
               <el-select v-model="ruleForm.slsq.czr" placeholder="持证人">
               <el-select v-model="ruleForm.slsq.czr" placeholder="持证人">
                 <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value">
                 <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value">
@@ -192,6 +192,7 @@ export default {
         ,qlxxList:[]//权利信息集合
         ,qlxxList:[]//权利信息集合
         ,sldyList:[]//受理不动产单元集合
         ,sldyList:[]//受理不动产单元集合
         ,slsq: {}//受理申请流程明细
         ,slsq: {}//受理申请流程明细
+        ,flow: {}//受理申请流程明细
         ,sqrList:[]//申请人
         ,sqrList:[]//申请人
         ,ssQlxxList:[]//上手权利信息
         ,ssQlxxList:[]//上手权利信息
         ,user:{}//用户
         ,user:{}//用户

 <!--
 <!--
  * @Description:
  * @Description:
  * @Autor: renchao
  * @Autor: renchao
- * @LastEditTime: 2023-05-25 08:59:02
+ * @LastEditTime: 2023-06-29 11:13:35
 -->
 -->
 <template>
 <template>
   <!-- 受理信息 -->
   <!-- 受理信息 -->
@@ -88,46 +88,55 @@
         <el-row :gutter="10">
         <el-row :gutter="10">
           <el-col :span="8">
           <el-col :span="8">
             <el-form-item label="农用地面积：">
             <el-form-item label="农用地面积：">
-              <el-input  v-model="ruleForm.tdsyq.nydmj"></el-input>
+              <el-input v-model="ruleForm.tdsyq.nydmj"></el-input>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
           <el-col :span="8">
           <el-col :span="8">
             <el-form-item label="耕地面积：">
             <el-form-item label="耕地面积：">
-              <el-input  v-model="ruleForm.tdsyq.gdmj"></el-input>
+              <el-input v-model="ruleForm.tdsyq.gdmj"></el-input>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
           <el-col :span="8">
           <el-col :span="8">
             <el-form-item label="林地面积：">
             <el-form-item label="林地面积：">
-              <el-input  v-model="ruleForm.tdsyq.ldmj"></el-input>
+              <el-input v-model="ruleForm.tdsyq.ldmj"></el-input>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
         </el-row>
         </el-row>
         <el-row :gutter="10">
         <el-row :gutter="10">
           <el-col :span="8">
           <el-col :span="8">
             <el-form-item label="草地面积：">
             <el-form-item label="草地面积：">
-              <el-input  v-model="ruleForm.tdsyq.cdmj"></el-input>
+              <el-input v-model="ruleForm.tdsyq.cdmj"></el-input>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
           <el-col :span="8">
           <el-col :span="8">
             <el-form-item label="其他农用地面积：">
             <el-form-item label="其他农用地面积：">
-              <el-input  v-model="ruleForm.tdsyq.qtnydmj"></el-input>
+              <el-input v-model="ruleForm.tdsyq.qtnydmj"></el-input>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
           <el-col :span="8">
           <el-col :span="8">
             <el-form-item label="建筑使用面积：">
             <el-form-item label="建筑使用面积：">
-              <el-input  v-model="ruleForm.tdsyq.jsydmj"></el-input>
+              <el-input v-model="ruleForm.tdsyq.jsydmj"></el-input>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
         </el-row>
         </el-row>
         <el-row :gutter="10">
         <el-row :gutter="10">
           <el-col :span="8">
           <el-col :span="8">
             <el-form-item label="未利用地面积：">
             <el-form-item label="未利用地面积：">
-              <el-input  v-model="ruleForm.tdsyq.wlydmj"></el-input>
+              <el-input v-model="ruleForm.tdsyq.wlydmj"></el-input>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
           <el-col :span="8">
           <el-col :span="8">
             <el-form-item label="面积单位：">
             <el-form-item label="面积单位：">
-              <el-input  v-model="ruleForm.tdsyq.mjdw"></el-input>
+              <el-input v-model="ruleForm.tdsyq.mjdw"></el-input>
+            </el-form-item>
+          </el-col>
+
+          <el-col :span="8">
+            <el-form-item label="下拉表格测试：">
+              <select-table v-model="value2" :table-width="600" :props="props" @change="change">
+                <el-table-column prop="id" label="ID" width="180"></el-table-column>
+                <el-table-column prop="user" label="姓名"></el-table-column>
+              </select-table>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
 
 
@@ -203,7 +212,9 @@
   import { mapGetters } from "vuex"
   import { mapGetters } from "vuex"
   import { Init, saveData } from "@/api/workflow/tdsyqFlow.js"
   import { Init, saveData } from "@/api/workflow/tdsyqFlow.js"
   import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"
   import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"
+  import selectTable from '@/components/selectTable/index.vue'
   export default {
   export default {
+    components: { qlrCommonTable, selectTable },
     mounted () {
     mounted () {
       this.ableOperation = this.$parent.currentSelectTab.ableOperation
       this.ableOperation = this.$parent.currentSelectTab.ableOperation
       this.propsParam = this.$attrs;
       this.propsParam = this.$attrs;
@@ -222,12 +233,22 @@
         })
         })
       })
       })
     },
     },
-    components: { qlrCommonTable },
+
     computed: {
     computed: {
       ...mapGetters(["dictData", "flag"])
       ...mapGetters(["dictData", "flag"])
     },
     },
     data () {
     data () {
       return {
       return {
+        value2: {
+          id: "520000198407304275",
+          user: "史平"
+        },
+        props: {
+          label: 'user',
+          value: 'id',
+          keyword: "keyword"
+        },
+
         //表单是否可操作
         //表单是否可操作
         ableOperation: true,
         ableOperation: true,
         key: 0,
         key: 0,
@@ -241,6 +262,7 @@
       }
       }
     },
     },
     methods: {
     methods: {
+      change () { },
       // 更新权利人信息
       // 更新权利人信息
       upDateQlrxxList (val) {
       upDateQlrxxList (val) {
         this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val))
         this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val))

@@ -43,41 +43,40 @@
           </el-col>
           </el-col>
         </el-row>
         </el-row>
         <div class="slxx_title title-block">
         <div class="slxx_title title-block">
-          抵押房屋信息情况
+          抵押户信息情况
           <div class="triangle"></div>
           <div class="triangle"></div>
         </div>
         </div>
-
         <el-row :gutter="10">
         <el-row :gutter="10">
           <el-col :span="8">
           <el-col :span="8">
-            <el-form-item label="权利人：">
-              <el-input disabled v-model="ruleForm.qlxx.qlrmc"></el-input>
+            <el-form-item label="房屋用途：">
+              <el-input disabled v-model="ruleForm.qjh.showfwyt"></el-input>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
           <el-col :span="8">
           <el-col :span="8">
-            <el-form-item label="证件号：">
-              <el-input disabled v-model="ruleForm.qlxx.qlrzjhm"></el-input>
+            <el-form-item label="房屋性质：">
+              <el-input disabled v-model="ruleForm.qjh.fwxzmc"></el-input>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
           <el-col :span="8">
           <el-col :span="8">
-            <el-form-item label="证件种类：">
-              <el-input disabled v-model="ruleForm.qlxx.qlrzjzl"></el-input>
+            <el-form-item label="房屋结构：">
+              <el-input disabled v-model="ruleForm.qjh.showfwjg"></el-input>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
         </el-row>
         </el-row>
         <el-row :gutter="10">
         <el-row :gutter="10">
           <el-col :span="8">
           <el-col :span="8">
-            <el-form-item label="权利类型：">
-              <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input>
+            <el-form-item label="建筑面积：">
+              <el-input disabled v-model="ruleForm.qjh.jzmj"></el-input>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
           <el-col :span="8">
           <el-col :span="8">
-            <el-form-item label="不动产权证号：">
-              <el-input disabled v-model="ruleForm.qlxx.bdcqzh"></el-input>
+            <el-form-item label="套内建筑面积：">
+              <el-input disabled v-model="ruleForm.qjh.tnjzmj"></el-input>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
           <el-col :span="8">
           <el-col :span="8">
-            <el-form-item label="坐落：">
-              <el-input disabled v-model="ruleForm.qlxx.zl"></el-input>
+            <el-form-item label="分摊建筑面积：">
+              <el-input disabled v-model="ruleForm.qjh.ftjzmj"></el-input>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
         </el-row>
         </el-row>
@@ -88,13 +87,13 @@
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
           <el-col :span="8">
           <el-col :span="8">
-            <el-form-item label="面积：">
-              <el-input disabled v-model="ruleForm.qlxx.mj"></el-input>
+            <el-form-item label="室号部位：">
+              <el-input disabled v-model="ruleForm.qjh.shbw"></el-input>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
           <el-col :span="8">
           <el-col :span="8">
-            <el-form-item label="用途：">
-              <el-input disabled v-model="ruleForm.qlxx.ytmc"></el-input>
+            <el-form-item label="坐落：">
+              <el-input disabled v-model="ruleForm.qlxx.zl"></el-input>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
         </el-row>
         </el-row>
@@ -128,12 +127,20 @@
           <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 1">
           <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 1">
             <el-form-item label="被担保主债权数额：">
             <el-form-item label="被担保主债权数额：">
               <el-input v-model="ruleForm.diyaq.bdbzzqse"></el-input>
               <el-input v-model="ruleForm.diyaq.bdbzzqse"></el-input>
+              <el-select v-model="ruleForm.diyaq.jedw" :disabled="$route.query.viewtype == '1'">
+                  <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode">
+                  </el-option>
+                </el-select>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
 
 
           <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 2">
           <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 2">
             <el-form-item label="最高债权额：">
             <el-form-item label="最高债权额：">
               <el-input v-model="ruleForm.diyaq.zgzqse"></el-input>
               <el-input v-model="ruleForm.diyaq.zgzqse"></el-input>
+              <el-select v-model="ruleForm.diyaq.jedw" :disabled="$route.query.viewtype == '1'">
+                  <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode">
+                  </el-option>
+                </el-select>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
 
 
@@ -254,14 +261,13 @@
       var formdata = new FormData();
       var formdata = new FormData();
       this.$startLoading();
       this.$startLoading();
       formdata.append("bsmSldy", this.propsParam.bsmSldy);
       formdata.append("bsmSldy", this.propsParam.bsmSldy);
-      formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
       formdata.append("djlx", this.propsParam.djlx);
       formdata.append("djlx", this.propsParam.djlx);
       formdata.append("isEdit", this.ableOperation);
       formdata.append("isEdit", this.ableOperation);
       Init(formdata).then((res) => {
       Init(formdata).then((res) => {
         if (res.code === 200 && res.result) {
         if (res.code === 200 && res.result) {
           this.ruleForm = res.result;
           this.ruleForm = res.result;
           this.$endLoading();
           this.$endLoading();
-          this.ruleForm.diyaq.sfczjzhxz = "0";
+          //this.ruleForm.diyaq.sfczjzhxz = "0";
         }
         }
       })
       })
     },
     },
@@ -275,12 +281,7 @@
         ableOperation: true,
         ableOperation: true,
         disabled: true,
         disabled: true,
         czrOptions: [],
         czrOptions: [],
-        ruleForm: {
-          slywxx: {},
-          qlxxold: {},
-          diyaq: {},
-          gyfs: "",
-        },
+        ruleForm: {},
         //传递参数
         //传递参数
         propsParam: {},
         propsParam: {},
         rules: {},
         rules: {},

@@ -192,7 +192,19 @@
         this.queryClick();
         this.queryClick();
       },
       },
       ywhClick (item) {
       ywhClick (item) {
-        const { href } = this.$router.resolve(
+         //有任务权限
+               if(item.sjlx=="3"){
+               const { href } = this.$router.resolve(
+                  "/djbworkFrameview?bsmSlsq=" +
+                item.bsmSlsq +
+                "&bestepid=" +
+                item.bestepid+
+                "&isEdit=" +
+                true
+              );
+               window.open(href, `urlname${item.bsmSlsq}`);
+              }else{
+                    const { href } = this.$router.resolve(
           "/workFrameView?bsmSlsq=" +
           "/workFrameView?bsmSlsq=" +
           item.bsmSlsq +
           item.bsmSlsq +
           "&bestepid=" +
           "&bestepid=" +
@@ -201,6 +213,9 @@
           "&viewtype=1"
           "&viewtype=1"
         );
         );
         window.open(href, `urlname${item.bsmSlsq}`);
         window.open(href, `urlname${item.bsmSlsq}`);
+              }
+
+
       },
       },
     },
     },
   };
   };

+<template>
+  <div class="from-clues">
+    <!-- 表单部分 -->
+    <div class="from-clues-header">
+      <el-form :model="queryForm" ref="queryForm" label-width="100px">
+        <el-row>
+          <el-col :span="8">
+            <el-form-item label="不动产单元号">
+              <el-input placeholder="请输入不动产单元号" v-model="queryForm.bdcdyh" clearable maxlength="28" class="width100">
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="10">
+            <el-form-item label="不动产权证号">
+              <el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width100">
+              </el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="8">
+            <el-form-item label="权利人">
+              <el-input placeholder="请输入权利人" v-model="queryForm.qlr" clearable class="width100">
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="10">
+            <el-form-item label="坐落">
+              <el-input placeholder="请输入坐落" v-model.trim="queryForm.zl" clearable class="width100">
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6" class="btnColRight">
+            <el-form-item>
+              <el-button type="primary" @click="resetForm(true)">重置</el-button>
+              <el-button type="primary" @click="handleSearch">查询</el-button>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+    </div>
+    <!-- 表格 -->
+    <div class="from-clues-content loadingtext">
+      <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :calcHeight="300"
+        :current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange" @select="select"
+        @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns"
+        :data="tableData.data">
+      </lb-table>
+    </div>
+    <div class="submit_button">
+      <el-button @click="$popupCacel">取消</el-button>
+      <el-button type="primary" plain @click="submitForm">发起申请</el-button>
+    </div>
+  </div>
+</template>
+<script>
+  //首次登记
+  import store from '@/store/index.js'
+  import { datas, sendThis } from "../javascript/selectTdsyq.js";
+  import { defaultParameters } from "../javascript/publicDefaultPar.js";
+  import table from "@/utils/mixin/table";
+  import jump from "./mixin/jump";
+  import { startBusinessFlow, selectTdsyqQlxx } from "@/api/ywbl.js";
+  export default {
+    mixins: [table, jump],
+    props: {
+      isJump: { type: Boolean, default: false },
+      sqywInfo: { type: Object, default: () => { } },
+    },
+    data () {
+      return {
+        queryForm: defaultParameters.defaultParameters(),
+        tableData: {
+          total: 0,
+          columns: datas.columns(),
+          data: []
+        },
+        bdcdysz: []
+      }
+    },
+    mounted () {
+      sendThis(this);
+    },
+    methods: {
+      queryClick () {
+        this.$startLoading();
+        this.queryForm.sqywbm = this.sqywInfo.djywbm;
+        selectTdsyqQlxx({ ...this.queryForm, ...this.pageData }).then((res) => {
+          this.$endLoading();
+          if (res.code === 200) {
+            let { total, records } = res.result;
+            this.tableData.total = total;
+            this.tableData.data = records;
+          }
+        });
+      },
+      submitForm () {
+        if (this.bdcdysz.length == 0) {
+          this.$message.error("请至少选择一条数据");
+          return;
+        }
+        startBusinessFlow({
+          bsmSqyw: this.sqywInfo.parentid,
+          bdcdysz: this.bdcdysz,
+          djqxbm: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodecode : "",
+          djqxmc: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodename : "",
+        }).then((res) => {
+          if (res.code == 200) {
+            this.$message({
+              showClose: true,
+              message: "发起申请成功",
+              type: "success",
+            });
+            if (!this.isJump) {
+              this.jump(res.result, this.sqywInfo.djywbm);
+            } else {
+              store.dispatch('user/refreshPage', true);
+            }
+            this.$popupCacel()
+          } else {
+            this.$message.error(res.message);
+          }
+        })
+      },
+      handleSelectionChange (val) {
+        this.bdcdysz = val;
+      },
+      openBook (row) {
+        var param = {
+          bdcdyid: row.bdcdyid,
+          qllx: row.qllx,
+          bdcdyh: row.bdcdyh,
+          bsmQlxx: row.bsmQlxx,
+        };
+        this.$popup("登记簿详情", "registerBook/djbFrame", {
+          formData: param
+        })
+      },
+      select (selection, row) {
+        if (this.sqywInfo.sqywdylx == "1") {
+          // 清除 所有勾选项
+          this.$refs.table.clearSelection()
+          // 当表格数据都没有被勾选的时候 就返回
+          // 主要用于将当前勾选的表格状态清除
+          if (selection.length == 0) return
+          this.$refs.table.toggleRowSelection(row, true);
+        }
+      },
+      handleRowClick (row) {
+        // 如果状态是1，那就是单选
+        if (this.sqywInfo.sqywdylx == "1") {
+          const bdcdysz = this.bdcdysz
+          this.$refs.table.clearSelection()
+          if (bdcdysz.length == 1) {
+            bdcdysz.forEach(item => {
+              // 判断 如果当前的一行被勾选, 再次点击的时候就会取消选中
+              if (item == row) {
+                this.$refs.table.toggleRowSelection(row, false);
+              }
+              // 不然就让当前的一行勾选
+              else {
+                this.$refs.table.toggleRowSelection(row, true);
+              }
+            })
+          }
+          else {
+            this.$refs.table.toggleRowSelection(row, true);
+          }
+        } else {
+          this.$refs.table.toggleRowSelection(row);
+        }
+      },
+    }
+  }
+</script>
+<style scoped lang="scss">
+  @import "~@/styles/mixin.scss";
+  @import "~@/styles/public.scss";
+</style>

-/*
+ /*
  * @Description:
  * @Description:
  * @Autor: renchao
  * @Autor: renchao
  * @LastEditTime: 2023-05-17 10:37:24
  * @LastEditTime: 2023-05-17 10:37:24
@@ -88,11 +88,11 @@ class data extends filter {
         prop: "mjmc",
         prop: "mjmc",
         width: '100',
         width: '100',
         label: "使用权面积",
         label: "使用权面积",
-      },     
+      },
       {
       {
         prop: "ytmc",
         prop: "ytmc",
         label: "土地用途",
         label: "土地用途",
-      }, 
+      },
       {
       {
         prop: "qdjgmc",
         prop: "qdjgmc",
         width: '100',
         width: '100',

+ /*
+ * @Description: 土地所有权对象处理
+ * @Autor: ssq
+ * @LastEditTime: 2023年06月28日 11:08:58
+ */
+import filter from '@/utils/filter.js'
+let vm = null
+
+const sendThis = (_this) => {
+  vm = _this
+}
+class data extends filter {
+  constructor() {
+    super()
+  }
+  columns () {
+    return [
+      {
+        type: 'selection',
+        label: '全选',
+        selectable: this.selected
+      },
+      {
+        label: '序号',
+        type: 'index',
+        width: '50',
+        render: (h, scope) => {
+          return (
+            <div>
+              {(vm.pageData.currentPage - 1) * vm.pageData.pageSize + scope.$index + 1}
+            </div>
+          )
+        }
+      },
+      {
+        label: "状态",
+        width: '130',
+        render: (h, scope) => {
+          return (
+            <div>
+              <a style='color:#3498db;' v-show={scope.row.djblzt == 1} >正在办理</a>
+              <span v-show={scope.row.zjgcdyzt == 1}>,在建工程抵押</span>
+              <span v-show={scope.row.ycfzt == 1}>,已预查封</span>
+              <span v-show={scope.row.ycfzt == 1}>,已预查封</span>
+              <span v-show={scope.row.cfzt == 1}>,已查封</span>
+              <span v-show={scope.row.diyizt == 1}>,已地役</span>
+              <span v-show={scope.row.yyzt == 1}>,异议中</span>
+              <span v-show={scope.row.xzzt == 1}>,已限制</span>
+              <span v-show={scope.row.ygmmzt == 1}>,已预告买卖</span>
+              <span v-show={scope.row.ygdyzt == 1}>,已预告抵押</span>
+              <span v-show={scope.row.dyzt == 1}>,已抵押</span>
+            </div>
+          )
+        }
+      },
+      {
+        prop: "qllxmc",
+        label: "权利类型",
+      },
+      {
+        prop: "bdcdyh",
+        label: "不动产单元号",
+        minWidth: '150'
+      },
+      {
+        prop: "bdcqzh",
+        label: "不动产权证号",
+        minWidth: '150'
+      },
+      {
+        prop: "gyqk",
+        label: "共有方式",
+      },
+      {
+        prop: "qlrmc",
+        label: "使用权人",
+      },
+      {
+        prop: "qlrzjhm",
+        label: "证件号",
+      },
+      {
+        prop: "qlxzmc",
+        width: '80',
+        label: "权利性质",
+      },
+      {
+        prop: "mjmc",
+        width: '100',
+        label: "使用权面积",
+      },
+      {
+        prop: "ytmc",
+        label: "土地用途",
+      },
+      {
+        prop: "zl",
+        label: "坐落",
+        minWidth: '150'
+      },
+      {
+        label: '操作',
+        width: '80',
+        align: 'center',
+        fixed: 'right',
+        render: (h, scope) => {
+          return (
+            <div>
+              <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openBook(scope.row) }}>登记薄</el-button>
+            </div>
+          )
+        }
+      },
+    ]
+  }
+
+
+}
+let datas = new data()
+export {
+  datas,
+  sendThis
+}

@@ -15,6 +15,14 @@ export function queueDjywmc(djywbm, djqxbm) {
         case "A07100"://集体建设用地使用权（首次登记）
         case "A07100"://集体建设用地使用权（首次登记）
             vm = "selectQjzdjbxx";
             vm = "selectQjzdjbxx";
             break;
             break;
+        case "A01200":
+        case "A01300":
+        case "A01400":
+        case "A02200":
+        case "A02300":
+        case "A02400":
+            vm = "selectTdsyq";
+            break;
         case "A03200":
         case "A03200":
         case "A03300":
         case "A03300":
         case "A03400":
         case "A03400":
@@ -52,6 +60,9 @@ export function queueDjywmc(djywbm, djqxbm) {
         case "A37200"://抵押权转移
         case "A37200"://抵押权转移
         case "A37300"://抵押权变更
         case "A37300"://抵押权变更
         case "A37400"://抵押权注销
         case "A37400"://抵押权注销
+        case "B37200"://抵押权转移
+        case "B37300"://抵押权变更
+        case "B37400"://抵押权注销
             vm = "diyaq";
             vm = "diyaq";
             break;
             break;
         case "B39300"://续封
         case "B39300"://续封