Merge branch 'dev'

@@ -26,6 +26,7 @@
     "qrcode": "^1.5.3",
     "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-print-nb": "^1.7.5",
     "vue-quill-editor": "^3.0.6",
     "vue-quill-editor": "^3.0.6",
     "vue-router": "3.0.2",
     "vue-router": "3.0.2",
     "vue-seamless-scroll": "^1.1.23",
     "vue-seamless-scroll": "^1.1.23",

+/*
+ * @Description: 信息备案
+ * @Autor:
+ * @LastEditTime: 2023-07-19 14:52:03
+ */
+
+import request from '@/utils/request'
+let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl'))
+
+/**
+ * @description: 添加银行
+ * @param {*} data
+ * @author:
+ */
+export function addYh (data) {
+  return request({
+    url: SERVER.SERVERAPI + '/rest/sys/company/addYh',
+    method: 'post',
+    data
+  })
+}
+/**
+ * @description: 添加企业
+ * @param {*} data
+ * @author:
+ */
+export function addQy (data) {
+  return request({
+    url: SERVER.SERVERAPI + '/rest/sys/company/addQy',
+    method: 'post',
+    data
+  })
+}
+
+/**
+ * @description: 查询企业列表
+ * @author:
+ * @param data
+ */
+export function queryQyByPage (data) {
+  return request({
+    url: SERVER.SERVERAPI + '/rest/sys/company/queryQyByPage',
+    method: 'post',
+    data
+  })
+}
+
+/**
+ * @description: 查询银行列表
+ * @author:
+ * @param data
+ */
+export function queryYhByPage (data) {
+  return request({
+    url: SERVER.SERVERAPI + '/rest/sys/company/queryYhByPage',
+    method: 'post',
+    data
+  })
+}
+

@@ -15,6 +15,8 @@ import mixin from '@/utils/mixin/theme.js'
 import Loading from '@/components/Loading/index.js';
 import Loading from '@/components/Loading/index.js';
 import '@riophae/vue-treeselect/dist/vue-treeselect.css'
 import '@riophae/vue-treeselect/dist/vue-treeselect.css'
 import { startLoadingAddCount, endLoadingSubCount } from './utils/requestLoading'
 import { startLoadingAddCount, endLoadingSubCount } from './utils/requestLoading'
+import Print from 'vue-print-nb'
+Vue.use(Print);
 Vue.mixin(mixin);
 Vue.mixin(mixin);
 Vue.use(Loading.directive);
 Vue.use(Loading.directive);
 
 

@@ -66,14 +66,6 @@ export const constantRoutes = [
     hidden: true,
     hidden: true,
     meta: { title: '发起申请' }
     meta: { title: '发起申请' }
   },
   },
-   // 打印登记簿
-   {
-    path: '/printdjb',
-    component: () => import('@/views/printdjb/printdjb.vue'),
-    name: 'printdjb',
-    hidden: true,
-    meta: { title: '打印登记簿' }
-  },
   {
   {
     path: '/',
     path: '/',
     component: Layout,
     component: Layout,

@@ -5,8 +5,8 @@
 -->
 -->
 <template>
 <template>
   <div class="bdcqljqtsx">
   <div class="bdcqljqtsx">
-    <div class="content" v-if="qlxxList.ztqlmc">
-    <el-button class="print" @click="print">打印</el-button>
+    <el-button class="print" v-print="printObj">打印</el-button>
+    <div class="content" v-if="qlxxList.ztqlmc" id="box">
       <div class="title">不动产权利及其他事项<br />登记信息</div>
       <div class="title">不动产权利及其他事项<br />登记信息</div>
       <div>
       <div>
         不动产单元号:
         不动产单元号:
@@ -60,6 +60,10 @@
     name: "bdcqljqtsx",
     name: "bdcqljqtsx",
     data () {
     data () {
       return {
       return {
+          printObj: {
+        id: "box",
+        //其他配置项，
+      },
         //传递参数
         //传递参数
         propsParam: this.$attrs,
         propsParam: this.$attrs,
         qlxxList: "",
         qlxxList: "",
@@ -75,15 +79,6 @@
         }
         }
       });
       });
     },
     },
-     methods: {
-         print() {
-      console.log("this.propsParam.bdcdyid ", this.propsParam);
-      window.open(
-        `'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=bdcqljqtsx`,
-        `bdcqljqtsx`
-      );
-    },
-     }
   };
   };
 </script>
 </script>
 
 
@@ -100,6 +95,8 @@
     left: 11px;
     left: 11px;
     top: 5px;
     top: 5px;
   }
   }
+
+  }
     .content {
     .content {
       width: 50%;
       width: 50%;
       height: 100%;
       height: 100%;
@@ -126,5 +123,4 @@
         display: inline-block;
         display: inline-block;
       }
       }
     }
     }
-  }
 </style>
 </style>

 <!--
 <!--
  * @Description:
  * @Description:
  * @Autor: renchao
  * @Autor: renchao
- * @LastEditTime: 2023-08-25 17:06:44
+ * @LastEditTime: 2023-08-23 15:54:12
 -->
 -->
 <template>
 <template>
   <div class="djxxTable">
   <div class="djxxTable">
+    <div v-show="false">
+       <printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/>
+    </div>
     <div class="tableBox">
     <div class="tableBox">
       <div class="title">
       <div class="title">
         {{ title }}
         {{ title }}
-        <el-button class="print" @click="print">打印</el-button>
+        <el-button class="print" v-show="shows" v-print="printObj">打印</el-button>
         <div class="checkbox">
         <div class="checkbox">
           <el-checkbox-group v-model="checkList" @change="checkChange">
           <el-checkbox-group v-model="checkList" @change="checkChange">
             <el-checkbox
             <el-checkbox
@@ -96,12 +99,21 @@
 </template>
 </template>
 
 
 <script>
 <script>
+import printTemplate from "./components/printTemplate.vue";
 import { datas } from "./qlxxFormData.js";
 import { datas } from "./qlxxFormData.js";
 import { getSjlx } from "@/utils/dictionary.js";
 import { getSjlx } from "@/utils/dictionary.js";
 import { getCfdjList } from "@/api/djbDetail.js";
 import { getCfdjList } from "@/api/djbDetail.js";
 export default {
 export default {
+  components: {
+    printTemplate,
+  },
   data() {
   data() {
     return {
     return {
+      printObj: {
+        id: "box",
+        //其他配置项，
+      },
+      shows:false,
       title: "查封登记信息",
       title: "查封登记信息",
       qsztList: datas.columns().qsztList,
       qsztList: datas.columns().qsztList,
       checkList: datas.columns().checkList,
       checkList: datas.columns().checkList,
@@ -134,6 +146,7 @@ export default {
       }).then((res) => {
       }).then((res) => {
         if (res.code === 200) {
         if (res.code === 200) {
           this.tableData = res.result;
           this.tableData = res.result;
+          this.shows=this.tableData.length>0
           this.tableData.forEach((item) => {
           this.tableData.forEach((item) => {
             item.sjlx = getSjlx(item.sjlx);
             item.sjlx = getSjlx(item.sjlx);
           });
           });
@@ -207,13 +220,6 @@ export default {
           });
           });
         });
         });
     },
     },
-    print() {
-      console.log("this.propsParam.bdcdyid ", this.propsParam);
-      window.open(
-        `'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=cfdj`,
-        `cfdj`
-      );
-    },
   },
   },
 };
 };
 </script>
 </script>

+<!--
+ * @Description:
+ * @Autor: renchao
+ * @LastEditTime: 2023-08-24 16:15:01
+-->
+<template>
+  <div id="box">
+    <div class="tbalede"  v-for="(el, indexx) in datass" :key="indexx" style="page-break-after: always">
+      <div class="title">{{ title }}</div>
+      <table class="xxTable">
+        <tr v-for="(item) in columns" :key="item.name">
+          <td>
+            {{ item.despriction }}
+          </td>
+          <td v-for="(row, index) in el" :key="index+'2'">
+            {{ row[item.name] }}
+          </td>
+
+          <td  v-show="el.emptycolNum" v-for="count in emptycolNum" :key="count"></td>
+        </tr>
+      </table>
+    </div>
+  </div>
+</template>
+
+<script>
+import { datas } from "./qlxxFormData.js";
+import { getSjlx } from "@/utils/dictionary.js";
+import { getFieldListByQlxx } from "@/api/SysDjbFieldDO.js";
+
+export default {
+  data() {
+    return {
+      title: this.$parent.title,
+      checkList: datas.columns().checkList,
+      //列表数据
+      //空列值个数
+      emptycolNum:3,
+      //列名称对象
+      columns: [],
+      datass:[],
+    };
+  },
+  props: {
+    propsParam: {
+      type: Object,
+      default: () => {},
+    },
+     tableData: {
+      type: Array,
+      default: () => [],
+    },
+  },
+  created() {
+  },
+  watch: {
+      tableData: {
+        handler (newValue, oldValue) {
+      this.tableData=newValue
+      this.loadData()
+        },
+      }
+  },
+  methods: {
+    /**
+     * @description: loadData
+     * @author: renchao
+     */
+    loadData() {
+      getFieldListByQlxx({
+        qllx: this.propsParam.qllx
+      }).then((res) => {
+        if (res.code === 200) {
+          this.columns = res.result;
+
+        }
+      });
+
+      this.tableData.forEach((item) => {
+            item.sjlx = getSjlx(item.sjlx);
+          })
+         for (let i = 0; i < this.tableData.length; i+=3) {
+            this.datass.push(this.tableData.slice(i,i+3))
+         }
+             let num=this.datass[this.datass.length-1].length
+           if (num < 3) {
+            this.emptycolNum =
+              3 - num;
+              this.datass[this.datass.length-1].emptycolNum=true
+          } else {
+            this.emptycolNum = 0;
+          }
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.tbalede {
+  width: 794px;
+  // height: 1123px;
+  margin: auto;
+  .title {
+    width: 100%;
+    font-weight: 700;
+    font-size: 16px;
+    text-align: center;
+    height: 62px;
+    line-height: 62px;
+    position: relative;
+    margin: 0 3px;
+  }
+  .xxTable {
+    width: 100%;
+    border-collapse: collapse;
+
+    tr td {
+      border: 2px solid rgb(227, 226, 226);
+      text-align: center;
+      height: 40px;
+      font-size: 13px;
+      min-width: 80px;
+      z-index: 1;
+      min-width: 80px;
+      padding: 5px;
+    }
+  }
+}
+</style>

@@ -5,10 +5,13 @@
 -->
 -->
 <template>
 <template>
   <div class="djxxTable">
   <div class="djxxTable">
+    <div v-show="false">
+       <printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/>
+    </div>
     <div class="tableBox">
     <div class="tableBox">
       <div class="title">
       <div class="title">
         {{ title }}
         {{ title }}
-        <el-button class="print" @click="print">打印</el-button>
+        <el-button class="print" v-show="shows" v-print="printObj">打印</el-button>
         <div class="checkbox">
         <div class="checkbox">
           <el-checkbox-group v-model="checkList" @change="checkChange">
           <el-checkbox-group v-model="checkList" @change="checkChange">
             <el-checkbox
             <el-checkbox
@@ -101,9 +104,18 @@
 import { datas } from "./qlxxFormData.js";
 import { datas } from "./qlxxFormData.js";
 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
 import { getDiyaqList } from "@/api/djbDetail.js";
 import { getDiyaqList } from "@/api/djbDetail.js";
+import printTemplate from "./components/printTemplate.vue";
 export default {
 export default {
+    components: {
+    printTemplate,
+  },
   data() {
   data() {
     return {
     return {
+      printObj: {
+        id: "box",
+        //其他配置项，
+      },
+      shows:false,
       title: "抵押权登记信息",
       title: "抵押权登记信息",
       qsztList: datas.columns().qsztList,
       qsztList: datas.columns().qsztList,
       checkList: datas.columns().checkList,
       checkList: datas.columns().checkList,
@@ -136,6 +148,7 @@ export default {
       }).then((res) => {
       }).then((res) => {
         if (res.code === 200) {
         if (res.code === 200) {
           this.tableData = res.result;
           this.tableData = res.result;
+          this.shows=this.tableData.length>0
           this.tableData.forEach((item) => {
           this.tableData.forEach((item) => {
             item.sjlx = getSjlx(item.sjlx);
             item.sjlx = getSjlx(item.sjlx);
             item.dybdclx = getDictLeabel(item.dybdclx, "A27");
             item.dybdclx = getDictLeabel(item.dybdclx, "A27");
@@ -203,13 +216,6 @@ export default {
           });
           });
         });
         });
     },
     },
-    print() {
-      console.log("this.propsParam.bdcdyid ", this.propsParam);
-      window.open(
-        `'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=diyaq`,
-        `diyaq`
-      );
-    },
   },
   },
 };
 };
 </script>
 </script>

 <!--
 <!--
  * @Description:
  * @Description:
  * @Autor: renchao
  * @Autor: renchao
- * @LastEditTime: 2023-08-25 17:12:43
+ * @LastEditTime: 2023-08-23 15:54:12
 -->
 -->
 <template>
 <template>
   <div class="djxxTable">
   <div class="djxxTable">
+    <div v-show="false">
+       <printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/>
+    </div>
     <div class="tableBox">
     <div class="tableBox">
       <div class="title">
       <div class="title">
         {{ title }}
         {{ title }}
-        <el-button class="print" @click="print">打印</el-button>
+        <el-button class="print" v-show="shows" v-print="printObj">打印</el-button>
         <div class="checkbox">
         <div class="checkbox">
           <el-checkbox-group v-model="checkList" @change="checkChange">
           <el-checkbox-group v-model="checkList" @change="checkChange">
             <el-checkbox
             <el-checkbox
@@ -101,9 +104,18 @@
 import { datas } from "./qlxxFormData.js";
 import { datas } from "./qlxxFormData.js";
 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
 import { getDiyiqList } from "@/api/djbDetail.js";
 import { getDiyiqList } from "@/api/djbDetail.js";
+import printTemplate from "./components/printTemplate.vue";
 export default {
 export default {
+    components: {
+    printTemplate,
+  },
   data() {
   data() {
     return {
     return {
+      printObj: {
+        id: "box",
+        //其他配置项，
+      },
+      shows:false,
       title: "地役权登记信息",
       title: "地役权登记信息",
       qsztList: datas.columns().qsztList,
       qsztList: datas.columns().qsztList,
       checkList: datas.columns().checkList,
       checkList: datas.columns().checkList,
@@ -136,6 +148,7 @@ export default {
       }).then((res) => {
       }).then((res) => {
         if (res.code === 200) {
         if (res.code === 200) {
           this.tableData = res.result;
           this.tableData = res.result;
+          this.shows=this.tableData.length>0
           this.tableData.forEach((item) => {
           this.tableData.forEach((item) => {
             item.sjlx = getSjlx(item.sjlx);
             item.sjlx = getSjlx(item.sjlx);
             item.dybdclx = getDictLeabel(item.dybdclx, "A27");
             item.dybdclx = getDictLeabel(item.dybdclx, "A27");
@@ -204,13 +217,6 @@ export default {
           });
           });
         });
         });
     },
     },
-    print() {
-      console.log("this.propsParam.bdcdyid ", this.propsParam);
-      window.open(
-        `'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=diyiq`,
-        `diyiq`
-      );
-    },
   },
   },
 };
 };
 </script>
 </script>

@@ -16,7 +16,7 @@
         node-key="id"
         node-key="id"
         :default-checked-keys="[showTab]">
         :default-checked-keys="[showTab]">
       </el-tree>
       </el-tree>
-      <el-collapse v-model="activeName" accordion @change="handleChange">
+      <el-collapse v-model="activeName" accordion>
         <el-collapse-item
         <el-collapse-item
           class="sfqqq"
           class="sfqqq"
           ref="sfq"
           ref="sfq"

@@ -5,10 +5,10 @@
 -->
 -->
 <template>
 <template>
   <div class="djbfm">
   <div class="djbfm">
-    <br /><br />
-    <el-button class="print" @click="print">打印</el-button>
+     <el-button class="print" v-print="printObj">打印</el-button>
+   <div class="fm" id="box">
     <p>
     <p>
-      <font>{{ info.sheng }}</font>
+      <font style="">{{ info.sheng }}</font>
       省 (区、市)
       省 (区、市)
       <font>{{ info.shi }}</font>
       <font>{{ info.shi }}</font>
       市 (区)
       市 (区)
@@ -24,7 +24,6 @@
       组
       组
     </p>
     </p>
     <div class="title">不动产登记簿</div>
     <div class="title">不动产登记簿</div>
-    <br />
     <p>
     <p>
       宗地/宗海号:
       宗地/宗海号:
       <font>{{ info.zddm }}</font>
       <font>{{ info.zddm }}</font>
@@ -36,6 +35,8 @@
       </p>
       </p>
     </div>
     </div>
   </div>
   </div>
+</div>
+
 </template>
 </template>
 
 
 <script>
 <script>
@@ -44,6 +45,10 @@
   export default {
   export default {
     data () {
     data () {
       return {
       return {
+              printObj: {
+        id: "box",
+        //其他配置项，
+      },
         //传递参数
         //传递参数
         propsParam: this.$attrs,
         propsParam: this.$attrs,
         info: {},
         info: {},
@@ -64,10 +69,6 @@
           }
           }
         });
         });
       },
       },
-       print(){
-         console.log("this.propsParam.bdcdyid ",this.propsParam);
-          window.open(`'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=djbfm`, `djbfm`);
-      }
     },
     },
   };
   };
 </script>
 </script>
@@ -76,12 +77,6 @@
   .djbfm {
   .djbfm {
     width: 100%;
     width: 100%;
     height: 100%;
     height: 100%;
-    background: #fff;
-    border-right: 1px solid #ccc;
-    line-height: 45px;
-    text-align: center;
-    font-size: 18px;
-    font-family: serif;
     position: relative;
     position: relative;
     .print{
     .print{
         // background-color: #0079fe;
         // background-color: #0079fe;
@@ -92,6 +87,17 @@
 
 
 
 
       }
       }
+
+  }
+   .fm{
+   width: 100%;
+    height: 100%;
+    background: #fff;
+    line-height: 45px;
+    text-align: center;
+    font-size: 18px;
+    font-family: serif;
+      }
     font {
     font {
       border-bottom: 1px solid #000;
       border-bottom: 1px solid #000;
       display: inline-block;
       display: inline-block;
@@ -126,5 +132,4 @@
         line-height: 24px;
         line-height: 24px;
       }
       }
     }
     }
-  }
 </style>
 </style>

+<!--
+ * @Description:
+ * @Autor: renchao
+ * @LastEditTime: 2023-08-23 15:54:12
+-->
 <template>
 <template>
   <div class="djxxTable">
   <div class="djxxTable">
+    <div v-show="false">
+       <printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/>
+    </div>
     <div class="tableBox">
     <div class="tableBox">
       <div class="title">
       <div class="title">
         {{ title }}
         {{ title }}
-        <el-button class="print" @click="print">打印</el-button>
+        <el-button class="print" v-show="shows" v-print="printObj">打印</el-button>
         <div class="checkbox">
         <div class="checkbox">
           <el-checkbox-group v-model="checkList" @change="checkChange">
           <el-checkbox-group v-model="checkList" @change="checkChange">
             <el-checkbox
             <el-checkbox
@@ -113,12 +121,22 @@
 </template>
 </template>
 
 
 <script>
 <script>
+
 import { datas } from "./qlxxFormData.js";
 import { datas } from "./qlxxFormData.js";
 import { getSjlx } from "@/utils/dictionary.js";
 import { getSjlx } from "@/utils/dictionary.js";
 import { getFdcq1List } from "@/api/djbDetail.js";
 import { getFdcq1List } from "@/api/djbDetail.js";
+import printTemplate from "./components/printTemplate.vue";
 export default {
 export default {
+  components: {
+    printTemplate,
+  },
   data() {
   data() {
     return {
     return {
+      printObj: {
+        id: "box",
+        //其他配置项，
+      },
+      shows:false,
       title: "房地产权登记信息（多幢）",
       title: "房地产权登记信息（多幢）",
       qsztList: datas.columns().qsztList,
       qsztList: datas.columns().qsztList,
       checkList: datas.columns().checkList,
       checkList: datas.columns().checkList,
@@ -142,10 +160,7 @@ export default {
      */
      */
     loadData() {
     loadData() {
          if (this.$parent.addRepairRecord) {
          if (this.$parent.addRepairRecord) {
-        this.columns.unshift({
-          prop: "cz",
-          label: "操作",
-        });
+        this.columns.unshift({ prop: "cz", label: "操作" });
       }
       }
       getFdcq1List({
       getFdcq1List({
         bdcdyid: this.propsParam.bdcdyid,
         bdcdyid: this.propsParam.bdcdyid,
@@ -154,6 +169,7 @@ export default {
       }).then((res) => {
       }).then((res) => {
         if (res.code === 200) {
         if (res.code === 200) {
           this.tableData = res.result;
           this.tableData = res.result;
+          this.shows=this.tableData.length>0
           this.tableData.forEach((item) => {
           this.tableData.forEach((item) => {
             item.sjlx = getSjlx(item.sjlx);
             item.sjlx = getSjlx(item.sjlx);
           });
           });
@@ -237,13 +253,6 @@ export default {
           });
           });
         });
         });
     },
     },
-    print() {
-      console.log("this.propsParam.bdcdyid ", this.propsParam);
-      window.open(
-        `'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=fdcq1`,
-        `fdcq1`
-      );
-    },
   },
   },
 };
 };
 </script>
 </script>

 <!--
 <!--
  * @Description:
  * @Description:
  * @Autor: renchao
  * @Autor: renchao
- * @LastEditTime: 2023-08-25 17:17:06
+ * @LastEditTime: 2023-08-23 15:54:12
 -->
 -->
 <template>
 <template>
   <div class="djxxTable">
   <div class="djxxTable">
+    <div v-show="false">
+       <printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/>
+    </div>
     <div class="tableBox">
     <div class="tableBox">
       <div class="title">
       <div class="title">
         {{ title }}
         {{ title }}
-        <el-button class="print" @click="print">打印</el-button>
+        <el-button class="print" v-show="shows" v-print="printObj">打印</el-button>
         <div class="checkbox">
         <div class="checkbox">
           <el-checkbox-group v-model="checkList" @change="checkChange">
           <el-checkbox-group v-model="checkList" @change="checkChange">
             <el-checkbox
             <el-checkbox
@@ -98,12 +101,21 @@
 </template>
 </template>
 
 
 <script>
 <script>
+import printTemplate from "./components/printTemplate.vue";
 import { datas } from "./qlxxFormData.js";
 import { datas } from "./qlxxFormData.js";
 import { getSjlx } from "@/utils/dictionary.js";
 import { getSjlx } from "@/utils/dictionary.js";
 import { getFdcq2List } from "@/api/djbDetail.js";
 import { getFdcq2List } from "@/api/djbDetail.js";
 export default {
 export default {
+    components: {
+    printTemplate,
+  },
   data() {
   data() {
     return {
     return {
+      printObj: {
+        id: "box",
+        //其他配置项，
+      },
+      shows:false,
       title: "房地产权登记信息（独幢、层、套、间房屋）",
       title: "房地产权登记信息（独幢、层、套、间房屋）",
       qsztList: datas.columns().qsztList,
       qsztList: datas.columns().qsztList,
       checkList: datas.columns().checkList,
       checkList: datas.columns().checkList,
@@ -136,6 +148,8 @@ export default {
       }).then((res) => {
       }).then((res) => {
         if (res.code === 200) {
         if (res.code === 200) {
           this.tableData = res.result;
           this.tableData = res.result;
+          this.shows=this.tableData.length>0
+          console.log("this.tableData111",this.tableData);
           this.tableData.forEach((item) => {
           this.tableData.forEach((item) => {
             item.sjlx = getSjlx(item.sjlx);
             item.sjlx = getSjlx(item.sjlx);
           });
           });
@@ -198,13 +212,6 @@ export default {
           });
           });
         });
         });
     },
     },
-    print() {
-      console.log("this.propsParam.bdcdyid ", this.propsParam);
-      window.open(
-        `'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=fdcq2`,
-        `fdcq2`
-      );
-    },
   },
   },
 };
 };
 </script>
 </script>

 <!--
 <!--
  * @Description:
  * @Description:
  * @Autor: renchao
  * @Autor: renchao
- * @LastEditTime: 2023-08-24 16:15:01
+ * @LastEditTime: 2023-08-23 15:54:12
 -->
 -->
 <template>
 <template>
   <div class="djxxTable">
   <div class="djxxTable">
+    <div v-show="false">
+       <printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/>
+    </div>
     <div class="tableBox">
     <div class="tableBox">
       <div class="title">
       <div class="title">
         {{ title }}
         {{ title }}
-        <el-button class="print" @click="print">打印</el-button>
+        <el-button class="print" v-show="shows" v-print="printObj">打印</el-button>
         <div class="checkbox">
         <div class="checkbox">
           <el-checkbox-group v-model="checkList" @change="checkChange">
           <el-checkbox-group v-model="checkList" @change="checkChange">
             <el-checkbox
             <el-checkbox
@@ -98,12 +101,21 @@
 </template>
 </template>
 
 
 <script>
 <script>
+import printTemplate from "./components/printTemplate.vue";
 import { datas } from "./qlxxFormData.js";
 import { datas } from "./qlxxFormData.js";
 import { getSjlx } from "@/utils/dictionary.js";
 import { getSjlx } from "@/utils/dictionary.js";
 import { getJsydsyqList } from "@/api/djbDetail.js";
 import { getJsydsyqList } from "@/api/djbDetail.js";
 export default {
 export default {
+  components: {
+    printTemplate,
+  },
   data() {
   data() {
     return {
     return {
+      printObj: {
+        id: "box",
+        //其他配置项，
+      },
+      shows:false,
       title: "建设用地使用权、宅基地使用权登记信息",
       title: "建设用地使用权、宅基地使用权登记信息",
       qsztList: datas.columns().qsztList,
       qsztList: datas.columns().qsztList,
       checkList: datas.columns().checkList,
       checkList: datas.columns().checkList,
@@ -126,12 +138,7 @@ export default {
      * @author: renchao
      * @author: renchao
      */
      */
     loadData() {
     loadData() {
-      if (this.$parent.addRepairRecord) {
-        this.columns.unshift({
-          prop: "cz",
-          label: "操作",
-        });
-      }
+
       getJsydsyqList({
       getJsydsyqList({
         bdcdyid: this.propsParam.bdcdyid,
         bdcdyid: this.propsParam.bdcdyid,
         qllx: this.propsParam.qllx,
         qllx: this.propsParam.qllx,
@@ -139,6 +146,7 @@ export default {
       }).then((res) => {
       }).then((res) => {
         if (res.code === 200) {
         if (res.code === 200) {
           this.tableData = res.result;
           this.tableData = res.result;
+          this.shows=this.tableData.length>0
           this.tableData.forEach((item) => {
           this.tableData.forEach((item) => {
             item.sjlx = getSjlx(item.sjlx);
             item.sjlx = getSjlx(item.sjlx);
           });
           });
@@ -206,20 +214,13 @@ export default {
           });
           });
         });
         });
     },
     },
-    print() {
-      console.log("this.propsParam.bdcdyid ", this.propsParam);
-      window.open(
-        `'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=jsydsyq`,
-        `jsydsyq`
-      );
-    },
   },
   },
 };
 };
 </script>
 </script>
 
 
 <style lang="scss" scoped>
 <style lang="scss" scoped>
 @import "./qlxxCommon.scss";
 @import "./qlxxCommon.scss";
-.title {
+  .title {
     position: relative;
     position: relative;
     .print {
     .print {
       // background-color: #0079fe;
       // background-color: #0079fe;

 <!--
 <!--
  * @Description:
  * @Description:
  * @Autor: renchao
  * @Autor: renchao
- * @LastEditTime: 2023-08-25 17:16:32
+ * @LastEditTime: 2023-08-23 15:54:12
 -->
 -->
 <template>
 <template>
   <div class="djxxTable">
   <div class="djxxTable">
+    <div v-show="false">
+       <printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/>
+    </div>
     <div class="tableBox">
     <div class="tableBox">
       <div class="title">
       <div class="title">
         {{ title }}
         {{ title }}
-        <el-button class="print" @click="print">打印</el-button>
+        <el-button class="print" v-show="shows" v-print="printObj">打印</el-button>
         <div class="checkbox">
         <div class="checkbox">
           <el-checkbox-group v-model="checkList" @change="checkChange">
           <el-checkbox-group v-model="checkList" @change="checkChange">
             <el-checkbox
             <el-checkbox
@@ -99,9 +102,18 @@
 import { datas } from "./qlxxFormData.js";
 import { datas } from "./qlxxFormData.js";
 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
 import { getLqList } from "@/api/djbDetail.js";
 import { getLqList } from "@/api/djbDetail.js";
+import printTemplate from "./components/printTemplate.vue";
 export default {
 export default {
+  components: {
+    printTemplate,
+  },
   data() {
   data() {
     return {
     return {
+      printObj: {
+        id: "box",
+        //其他配置项，
+      },
+      shows:false,
       title: "林权登记信息",
       title: "林权登记信息",
       qsztList: datas.columns().qsztList,
       qsztList: datas.columns().qsztList,
       checkList: datas.columns().checkList,
       checkList: datas.columns().checkList,
@@ -137,6 +149,7 @@ export default {
       }).then((res) => {
       }).then((res) => {
         if (res.code === 200) {
         if (res.code === 200) {
           this.tableData = res.result;
           this.tableData = res.result;
+          this.shows=this.tableData.length>0
           this.tableData.forEach((item) => {
           this.tableData.forEach((item) => {
             item.sjlx = getSjlx(item.sjlx);
             item.sjlx = getSjlx(item.sjlx);
             item.ldsyqxz = getDictLeabel(item.ldsyqxz, "A45");
             item.ldsyqxz = getDictLeabel(item.ldsyqxz, "A45");
@@ -207,13 +220,6 @@ export default {
           });
           });
         });
         });
     },
     },
-    print() {
-      console.log("this.propsParam.bdcdyid ", this.propsParam);
-      window.open(
-        `'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=ldsyq`,
-        `ldsyq`
-      );
-    },
   },
   },
 };
 };
 </script>
 </script>

 <!--
 <!--
  * @Description:
  * @Description:
  * @Autor: renchao
  * @Autor: renchao
- * @LastEditTime: 2023-08-25 17:19:17
+ * @LastEditTime: 2023-08-23 15:54:12
 -->
 -->
 <template>
 <template>
   <div class="djxxTable">
   <div class="djxxTable">
+    <div v-show="false">
+       <printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/>
+    </div>
     <div class="tableBox">
     <div class="tableBox">
       <div class="title">
       <div class="title">
         {{ title }}
         {{ title }}
-        <el-button class="print" @click="print">打印</el-button>
+        <el-button class="print" v-show="shows" v-print="printObj">打印</el-button>
         <div class="checkbox">
         <div class="checkbox">
           <el-checkbox-group v-model="checkList" @change="checkChange">
           <el-checkbox-group v-model="checkList" @change="checkChange">
             <el-checkbox
             <el-checkbox
@@ -150,8 +153,16 @@ import { datas } from "./qlxxFormData.js";
 import { getSjlx } from "@/utils/dictionary.js";
 import { getSjlx } from "@/utils/dictionary.js";
 import { getNydsyqList } from "@/api/djbDetail.js";
 import { getNydsyqList } from "@/api/djbDetail.js";
 export default {
 export default {
+  components: {
+    printTemplate,
+  },
   data() {
   data() {
     return {
     return {
+      printObj: {
+        id: "box",
+        //其他配置项，
+      },
+      shows:false,
       title: "农用地使用权登记信息",
       title: "农用地使用权登记信息",
       qsztList: datas.columns().qsztList,
       qsztList: datas.columns().qsztList,
       checkList: datas.columns().checkList,
       checkList: datas.columns().checkList,
@@ -193,6 +204,7 @@ export default {
       }).then((res) => {
       }).then((res) => {
         if (res.code === 200) {
         if (res.code === 200) {
           this.tableData = res.result;
           this.tableData = res.result;
+          this.shows=this.tableData.length>0
           this.tableData.forEach((item) => {
           this.tableData.forEach((item) => {
             item.sjlx = getSjlx(item.sjlx);
             item.sjlx = getSjlx(item.sjlx);
           });
           });
@@ -259,13 +271,6 @@ export default {
           });
           });
         });
         });
     },
     },
-    print() {
-      console.log("this.propsParam.bdcdyid ", this.propsParam);
-      window.open(
-        `'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=nydsyq`,
-        `nydsyq`
-      );
-    },
   },
   },
 };
 };
 </script>
 </script>

@@ -15,10 +15,13 @@
 -->
 -->
 <template>
 <template>
   <div class="djxxTable">
   <div class="djxxTable">
+    <div v-show="false">
+       <printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/>
+    </div>
     <div class="tableBox">
     <div class="tableBox">
       <div class="title">
       <div class="title">
         {{ title }}
         {{ title }}
-         <el-button class="print" @click="print">打印</el-button>
+        <el-button class="print" v-show="shows" v-print="printObj">打印</el-button>
         <div class="checkbox">
         <div class="checkbox">
           <el-checkbox-group v-model="checkList" @change="checkChange">
           <el-checkbox-group v-model="checkList" @change="checkChange">
             <el-checkbox
             <el-checkbox
@@ -84,9 +87,18 @@
   import { datas } from "./qlxxFormData.js";
   import { datas } from "./qlxxFormData.js";
   import { getSjlx } from "@/utils/dictionary.js";
   import { getSjlx } from "@/utils/dictionary.js";
   import { getLqList } from "@/api/djbDetail.js";
   import { getLqList } from "@/api/djbDetail.js";
-  export default {
-    data () {
+import printTemplate from "./components/printTemplate.vue";
+export default {
+  components: {
+    printTemplate,
+  },
+  data() {
     return {
     return {
+      printObj: {
+        id: "box",
+        //其他配置项，
+      },
+      shows:false,
         title: "林权登记信息",
         title: "林权登记信息",
         qsztList: datas.columns().qsztList,
         qsztList: datas.columns().qsztList,
         checkList: datas.columns().checkList,
         checkList: datas.columns().checkList,
@@ -122,6 +134,7 @@
         }).then((res) => {
         }).then((res) => {
           if (res.code === 200) {
           if (res.code === 200) {
             this.tableData = res.result;
             this.tableData = res.result;
+          this.shows=this.tableData.length>0
             this.tableData.forEach((item) => {
             this.tableData.forEach((item) => {
               item.sjlx = getSjlx(item.sjlx);
               item.sjlx = getSjlx(item.sjlx);
             });
             });
@@ -189,13 +202,6 @@
             });
             });
           });
           });
       },
       },
-    print() {
-      console.log("this.propsParam.bdcdyid ", this.propsParam);
-      window.open(
-        `'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=sllmsyq`,
-        `sllmsyq`
-      );
-    },
     },
     },
   };
   };
 </script>
 </script>

 <!--
 <!--
  * @Description:
  * @Description:
  * @Autor: renchao
  * @Autor: renchao
- * @LastEditTime: 2023-08-24 16:15:38
+ * @LastEditTime: 2023-08-23 15:54:12
 -->
 -->
 <template>
 <template>
   <div class="djxxTable">
   <div class="djxxTable">
+    <div v-show="false">
+       <printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/>
+    </div>
     <div class="tableBox">
     <div class="tableBox">
       <div class="title">
       <div class="title">
         {{ title }}
         {{ title }}
-         <el-button class="print" @click="print">打印</el-button>
+        <el-button class="print" v-show="shows" v-print="printObj">打印</el-button>
         <div class="checkbox">
         <div class="checkbox">
           <el-checkbox-group v-model="checkList" @change="checkChange">
           <el-checkbox-group v-model="checkList" @change="checkChange">
             <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
             <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
@@ -74,9 +77,18 @@
   import { datas } from "./qlxxFormData.js";
   import { datas } from "./qlxxFormData.js";
   import { getSjlx } from "@/utils/dictionary.js";
   import { getSjlx } from "@/utils/dictionary.js";
   import { getTdsyqList } from "@/api/djbDetail.js";
   import { getTdsyqList } from "@/api/djbDetail.js";
-  export default {
-    data () {
+import printTemplate from "./components/printTemplate.vue";
+export default {
+  components: {
+    printTemplate,
+  },
+  data() {
     return {
     return {
+      printObj: {
+        id: "box",
+        //其他配置项，
+      },
+      shows:false,
         title: "土地所有权信息",
         title: "土地所有权信息",
         qsztList: datas.columns().qsztList,
         qsztList: datas.columns().qsztList,
         checkList: datas.columns().checkList,
         checkList: datas.columns().checkList,
@@ -113,6 +125,7 @@
         }).then((res) => {
         }).then((res) => {
           if (res.code === 200) {
           if (res.code === 200) {
             this.tableData = res.result;
             this.tableData = res.result;
+          this.shows=this.tableData.length>0
             this.tableData.forEach(item => {
             this.tableData.forEach(item => {
               item.sjlx = getSjlx(item.sjlx)
               item.sjlx = getSjlx(item.sjlx)
             })
             })
@@ -179,13 +192,6 @@
         });
         });
 
 
       },
       },
-    print() {
-      console.log("this.propsParam.bdcdyid ", this.propsParam);
-      window.open(
-        `'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=tdsyq`,
-        `tdsyq`
-      );
-    },
     },
     },
   };
   };
 </script>
 </script>

 <!--
 <!--
  * @Description:
  * @Description:
  * @Autor: renchao
  * @Autor: renchao
- * @LastEditTime: 2023-08-25 17:14:29
+ * @LastEditTime: 2023-08-23 15:54:12
 -->
 -->
 <template>
 <template>
   <div class="djxxTable">
   <div class="djxxTable">
+    <div v-show="false">
+       <printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/>
+    </div>
     <div class="tableBox">
     <div class="tableBox">
       <div class="title">
       <div class="title">
         {{ title }}
         {{ title }}
-         <el-button class="print" @click="print">打印</el-button>
+        <el-button class="print" v-show="shows" v-print="printObj">打印</el-button>
         <div class="checkbox">
         <div class="checkbox">
           <el-checkbox-group v-model="checkList" @change="checkChange">
           <el-checkbox-group v-model="checkList" @change="checkChange">
-            <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
+            <el-checkbox
+              v-for="item in qsztList"
+              :key="item.value"
+              :label="item.value"
+              >{{ item.label }}</el-checkbox
+            >
           </el-checkbox-group>
           </el-checkbox-group>
         </div>
         </div>
       </div>
       </div>
@@ -21,7 +29,10 @@
             <td>
             <td>
               {{ item.label }}
               {{ item.label }}
             </td>
             </td>
-            <td v-for="(row, index) in tableData" :key="index" :class="[
+            <td
+              v-for="(row, index) in tableData"
+              :key="index"
+              :class="[
                 row.qszt == '2' ? 'lishi' : '',
                 row.qszt == '2' ? 'lishi' : '',
                 row.qszt == '0' ? 'linshi' : '',
                 row.qszt == '0' ? 'linshi' : '',
                 row.qlzt == '4' ? 'linshi' : '',
                 row.qlzt == '4' ? 'linshi' : '',
@@ -29,13 +40,24 @@
                 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
                 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
                 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
                 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
                 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
                 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
-              item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : ''
-            ]">
+                item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
+              ]"
+            >
               <div class="setbut" v-if="item.prop == 'cz'">
               <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>
+                <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.qlzt == '1'">
+              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'">
                 有效
                 有效
               </div>
               </div>
               <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
               <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
@@ -48,14 +70,20 @@
                 正在注销
                 正在注销
               </div>
               </div>
 
 
-              <p v-if="!['djyy','fj'].includes(item.prop)">
+              <p v-if="!['djyy', 'fj'].includes(item.prop)">
                 <span v-if="item.prop == 'qszt'">
                 <span v-if="item.prop == 'qszt'">
                   {{ getQsztName(row[item.prop]) }}
                   {{ getQsztName(row[item.prop]) }}
                 </span>
                 </span>
                 <span v-else>{{ row[item.prop] }}</span>
                 <span v-else>{{ row[item.prop] }}</span>
               </p>
               </p>
 
 
-              <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width">
+              <el-tooltip
+                v-else
+                effect="dark"
+                :content="row[item.prop]"
+                placement="top"
+                popper-class="tooltip-width"
+              >
                 <span class="ellipsis-line">
                 <span class="ellipsis-line">
                   {{ row[item.prop] }}
                   {{ row[item.prop] }}
                 </span>
                 </span>
@@ -70,12 +98,21 @@
 </template>
 </template>
 
 
 <script>
 <script>
-  import { datas } from "./qlxxFormData.js";
-  import { getYgdjList } from "@/api/djbDetail.js";
-  import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
-  export default {
-    data () {
+import printTemplate from "./components/printTemplate.vue";
+import { datas } from "./qlxxFormData.js";
+import { getYgdjList } from "@/api/djbDetail.js";
+import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
+export default {
+  components: {
+    printTemplate,
+  },
+  data() {
     return {
     return {
+      printObj: {
+        id: "box",
+        //其他配置项，
+      },
+      shows:false,
       title: "预告登记信息",
       title: "预告登记信息",
       qsztList: datas.columns().qsztList,
       qsztList: datas.columns().qsztList,
       checkList: datas.columns().checkList,
       checkList: datas.columns().checkList,
@@ -89,7 +126,7 @@
       columns: datas.columns().YGDJ,
       columns: datas.columns().YGDJ,
     };
     };
   },
   },
-    created () {
+  created() {
     this.loadData();
     this.loadData();
   },
   },
   methods: {
   methods: {
@@ -97,13 +134,13 @@
      * @description: loadData
      * @description: loadData
      * @author: renchao
      * @author: renchao
      */
      */
-      loadData () {
+    loadData() {
       // 判断是否在登记簿补录调的子页面
       // 判断是否在登记簿补录调的子页面
       if (this.$parent.addRepairRecord) {
       if (this.$parent.addRepairRecord) {
         this.columns.unshift({
         this.columns.unshift({
           prop: "cz",
           prop: "cz",
-            label: "操作"
-          })
+          label: "操作",
+        });
       }
       }
       getYgdjList({
       getYgdjList({
         bdcdyid: this.propsParam.bdcdyid,
         bdcdyid: this.propsParam.bdcdyid,
@@ -112,9 +149,10 @@
       }).then((res) => {
       }).then((res) => {
         if (res.code === 200) {
         if (res.code === 200) {
           this.tableData = res.result;
           this.tableData = res.result;
+          this.shows=this.tableData.length>0
           this.tableData.forEach((item) => {
           this.tableData.forEach((item) => {
             item.sjlx = getSjlx(item.sjlx);
             item.sjlx = getSjlx(item.sjlx);
-              item.dybdclx = getDictLeabel(item.dybdclx, 'A27')
+            item.dybdclx = getDictLeabel(item.dybdclx, "A27");
           });
           });
           if (this.tableData.length < datas.columns().emptycolNum) {
           if (this.tableData.length < datas.columns().emptycolNum) {
             this.emptycolNum =
             this.emptycolNum =
@@ -129,7 +167,7 @@
      * @description: checkChange
      * @description: checkChange
      * @author: renchao
      * @author: renchao
      */
      */
-      checkChange () {
+    checkChange() {
       if (this.checkList.length === 0) {
       if (this.checkList.length === 0) {
         this.tableData = [];
         this.tableData = [];
         this.emptycolNum = datas.columns().emptycolNum;
         this.emptycolNum = datas.columns().emptycolNum;
@@ -142,7 +180,7 @@
      * @param {*} code
      * @param {*} code
      * @author: renchao
      * @author: renchao
      */
      */
-      getQsztName (code) {
+    getQsztName(code) {
       let name = "";
       let name = "";
       for (let item of this.qsztList) {
       for (let item of this.qsztList) {
         if (item.value == code) {
         if (item.value == code) {
@@ -159,40 +197,34 @@
      * @param {*} del
      * @param {*} del
      * @author: renchao
      * @author: renchao
      */
      */
-      editDialog (row, del) {
-        this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
-          confirmButtonText: '确定',
-          cancelButtonText: '取消',
-          type: 'warning'
-        }).then(() => {
-          this.$parent.addRepairRecord(row, del)
+    editDialog(row, del) {
+      this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          this.$parent.addRepairRecord(row, del);
 
 
           this.$message({
           this.$message({
-            type: 'success',
-            message: '补录成功!'
+            type: "success",
+            message: "补录成功!",
           });
           });
-        }).catch(() => {
+        })
+        .catch(() => {
           this.$message({
           this.$message({
-            type: 'info',
-            message: '取消编辑'
+            type: "info",
+            message: "取消编辑",
           });
           });
         });
         });
-
     },
     },
-    print() {
-      console.log("this.propsParam.bdcdyid ", this.propsParam);
-      window.open(
-        `'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=ygdj`,
-        `ygdj`
-      );
   },
   },
-    },
-  };
+};
 </script>
 </script>
 
 
 <style lang="scss" scoped>
 <style lang="scss" scoped>
-  @import "./qlxxCommon.scss";
-  .title {
+@import "./qlxxCommon.scss";
+.title {
   position: relative;
   position: relative;
   .print {
   .print {
     // background-color: #0079fe;
     // background-color: #0079fe;

 <!--
 <!--
  * @Description:
  * @Description:
  * @Autor: renchao
  * @Autor: renchao
- * @LastEditTime: 2023-08-24 16:15:45
+ * @LastEditTime: 2023-08-23 15:54:12
 -->
 -->
 <template>
 <template>
   <div class="djxxTable">
   <div class="djxxTable">
+    <div v-show="false">
+       <printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/>
+    </div>
     <div class="tableBox">
     <div class="tableBox">
       <div class="title">
       <div class="title">
         {{ title }}
         {{ title }}
-         <el-button class="print" @click="print">打印</el-button>
+        <el-button class="print" v-show="shows" v-print="printObj">打印</el-button>
         <div class="checkbox">
         <div class="checkbox">
           <el-checkbox-group v-model="checkList" @change="checkChange">
           <el-checkbox-group v-model="checkList" @change="checkChange">
             <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
             <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
@@ -73,9 +76,18 @@
   import { datas } from "./qlxxFormData.js";
   import { datas } from "./qlxxFormData.js";
   import { getYydjList } from "@/api/djbDetail.js";
   import { getYydjList } from "@/api/djbDetail.js";
   import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
   import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
-  export default {
-    data () {
+import printTemplate from "./components/printTemplate.vue";
+export default {
+  components: {
+    printTemplate,
+  },
+  data() {
     return {
     return {
+      printObj: {
+        id: "box",
+        //其他配置项，
+      },
+      shows:false,
         title: "异议登记信息",
         title: "异议登记信息",
         qsztList: datas.columns().qsztList,
         qsztList: datas.columns().qsztList,
         checkList: datas.columns().checkList,
         checkList: datas.columns().checkList,
@@ -111,6 +123,7 @@
         }).then((res) => {
         }).then((res) => {
           if (res.code === 200) {
           if (res.code === 200) {
             this.tableData = res.result;
             this.tableData = res.result;
+          this.shows=this.tableData.length>0
             this.tableData.forEach((item) => {
             this.tableData.forEach((item) => {
               item.sjlx = getSjlx(item.sjlx);
               item.sjlx = getSjlx(item.sjlx);
               item.dybdclx = getDictLeabel(item.dybdclx, 'A27')
               item.dybdclx = getDictLeabel(item.dybdclx, 'A27')
@@ -178,13 +191,6 @@
         });
         });
 
 
       },
       },
-    print() {
-      console.log("this.propsParam.bdcdyid ", this.propsParam);
-      window.open(
-        `'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=yydj`,
-        `yydj`
-      );
-    },
     },
     },
   };
   };
 </script>
 </script>

@@ -5,8 +5,8 @@
 -->
 -->
 <template>
 <template>
   <div class="tableDivCss">
   <div class="tableDivCss">
-    <table cellpadding="0" cellspacing="0" class="tableCss">
-      <el-button class="print" @click="print">打印</el-button>
+     <el-button class="print" v-print="printObj">打印</el-button>
+    <table cellpadding="0" cellspacing="0" id="box" class="tableCss">
       <tr>
       <tr>
         <th colspan="5" class="title">宗地基本信息</th>
         <th colspan="5" class="title">宗地基本信息</th>
       </tr>
       </tr>
@@ -118,6 +118,10 @@ import { getZdjjxxBybdcdyid } from "@/api/djbDetail.js";
 export default {
 export default {
   data() {
   data() {
     return {
     return {
+          printObj: {
+        id: "box",
+        //其他配置项，
+      },
       bhqkColumns: [
       bhqkColumns: [
         {
         {
           prop: "ssywh",
           prop: "ssywh",
@@ -212,26 +216,21 @@ export default {
         }
         }
       });
       });
     },
     },
-    print() {
-      console.log("this.propsParam.bdcdyid ", this.propsParam);
-      window.open(
-        `'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=zdjbxx`,
-        `zdjbxx`
-      );
-    },
+
   },
   },
 };
 };
 </script>
 </script>
 <style lang="scss" scoped>
 <style lang="scss" scoped>
 @import "~@/styles/tablecss.scss";
 @import "~@/styles/tablecss.scss";
-.tableCss {
+.tableDivCss {
   position: relative;
   position: relative;
   .print {
   .print {
+    display: inline;
     // background-color: #0079fe;
     // background-color: #0079fe;
     z-index: 10;
     z-index: 10;
     position: absolute;
     position: absolute;
     left: 11px;
     left: 11px;
-    top: 5px;
+    top: 11px;
   }
   }
 }
 }
 </style>
 </style>

@@ -123,13 +123,7 @@ export default {
                 });
                 });
               });
               });
                this.datalist=this.list
                this.datalist=this.list
-              //   this.list.forEach((item,index) => {
-              //   this.value.push({
-              //   key: index,
-              //   name:item.name,
-              //   despriction: item.despriction,
-              // });
-              // });
+               this.loading=false
             }
             }
           });
           });
         }
         }

 <!--
 <!--
  * @Description:
  * @Description:
  * @Autor: renchao
  * @Autor: renchao
- * @LastEditTime: 2023-09-05 16:40:43
+ * @LastEditTime: 2023-09-06 15:32:50
 -->
 -->
 <template>
 <template>
   <div>
   <div>
@@ -211,7 +211,7 @@
         const image = new Image();
         const image = new Image();
         image.onload = () => {
         image.onload = () => {
           context.drawImage(image, 0, 0);
           context.drawImage(image, 0, 0);
-          context.font = '16px 楷体';
+          context.font = '18px 楷体';
           context.fillStyle = '#000000';
           context.fillStyle = '#000000';
           context.fillText(this.bdcqz.sjjc ? this.bdcqz.sjjc : '', 60, 56);
           context.fillText(this.bdcqz.sjjc ? this.bdcqz.sjjc : '', 60, 56);
           context.fillText(this.bdcqz.djnd ? this.bdcqz.djnd : '', 113, 56);
           context.fillText(this.bdcqz.djnd ? this.bdcqz.djnd : '', 113, 56);
@@ -440,7 +440,7 @@
         const image = new Image();
         const image = new Image();
         image.onload = () => {
         image.onload = () => {
           context.drawImage(image, 0, 0);
           context.drawImage(image, 0, 0);
-          context.font = '16px 楷体';
+          context.font = '18px 楷体';
           context.fillStyle = '#000000';
           context.fillStyle = '#000000';
           // ysxlh
           // ysxlh
           context.fillText(this.bdcqz.ysxlh ? this.bdcqz.ysxlh : '', 280, 712);
           context.fillText(this.bdcqz.ysxlh ? this.bdcqz.ysxlh : '', 280, 712);

 <!--
 <!--
  * @Description:
  * @Description:
  * @Autor: renchao
  * @Autor: renchao
- * @LastEditTime: 2023-08-31 09:48:52
+ * @LastEditTime: 2023-09-06 16:15:09
 -->
 -->
 <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;">
@@ -143,7 +143,7 @@
         const image = new Image();
         const image = new Image();
         image.onload = () => {
         image.onload = () => {
           context.drawImage(image, 0, 0);
           context.drawImage(image, 0, 0);
-          context.font = '16px 楷体';
+          context.font = '18px 楷体';
           context.fillStyle = '#000000';
           context.fillStyle = '#000000';
           context.fillText(this.bdcqz.sjjc ? this.bdcqz.sjjc : '', 60, 56);
           context.fillText(this.bdcqz.sjjc ? this.bdcqz.sjjc : '', 60, 56);
           context.fillText(this.bdcqz.djnd ? this.bdcqz.djnd : '', 113, 56);
           context.fillText(this.bdcqz.djnd ? this.bdcqz.djnd : '', 113, 56);
@@ -206,17 +206,16 @@
           }
           }
           // context.fillText(this.bdcqz.syqx ? this.bdcqz.syqx : '', 129, 429);
           // context.fillText(this.bdcqz.syqx ? this.bdcqz.syqx : '', 129, 429);
           // 权利其他状态
           // 权利其他状态
-          const maxWidth = 332; // 最大宽度限制
           let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : [];
           let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : [];
           for (let i = 0; i < lines.length; i++) {
           for (let i = 0; i < lines.length; i++) {
-            let num = Math.ceil(getByteLen(lines[i]) / 41)
-            if (getByteLen(lines[i]) > 41) {
+            let num = Math.ceil(getByteLen(lines[i]) / 38)
+            if (getByteLen(lines[i]) > 38) {
               let currentLine = '';
               let currentLine = '';
               let arr = [];
               let arr = [];
               for (let word of lines[i]) {
               for (let word of lines[i]) {
                 const testLine = currentLine + word;
                 const testLine = currentLine + word;
                 const lineWidth = context.measureText(testLine).width;
                 const lineWidth = context.measureText(testLine).width;
-                if (lineWidth <= maxWidth) {
+                if (lineWidth <= 323) {
                   currentLine = testLine;
                   currentLine = testLine;
                 } else {
                 } else {
                   arr.push(currentLine);
                   arr.push(currentLine);
@@ -226,11 +225,11 @@
               arr.push(currentLine);
               arr.push(currentLine);
               if (i > 0) {
               if (i > 0) {
                 arr.forEach((line, index) => {
                 arr.forEach((line, index) => {
-                  context.fillText(line, 129, 480 + (26 * (i - 1)) + 5 * num + (index * 13)); // 调整行高
+                  context.fillText(line, 129, 480 + (26 * (i - 1)) + 4 * num + (index * 14)); // 调整行高
                 })
                 })
               } else {
               } else {
                 arr.forEach((line, index) => {
                 arr.forEach((line, index) => {
-                  context.fillText(line, 129, 480 + (26 * (i - 1)) + (index * 13)); // 调整行高
+                  context.fillText(line, 129, 490 + (26 * (i - 1)) + (index * 14)); // 调整行高
                 })
                 })
               }
               }
             } else {
             } else {
@@ -374,7 +373,7 @@
         const image = new Image();
         const image = new Image();
         image.onload = () => {
         image.onload = () => {
           context.drawImage(image, 0, 0);
           context.drawImage(image, 0, 0);
-          context.font = '16px 楷体';
+          context.font = '18px 楷体';
           context.fillStyle = '#000000';
           context.fillStyle = '#000000';
           // ysxlh
           // ysxlh
           context.fillText(this.bdcqz.ysxlh ? this.bdcqz.ysxlh : '', 280, 712);
           context.fillText(this.bdcqz.ysxlh ? this.bdcqz.ysxlh : '', 280, 712);
@@ -447,8 +446,8 @@
           const maxWidth = 295; // 最大宽度限制
           const maxWidth = 295; // 最大宽度限制
           let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : [];
           let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : [];
           for (let i = 0; i < lines.length; i++) {
           for (let i = 0; i < lines.length; i++) {
-            let num = Math.ceil(getByteLen(lines[i]) / 41)
-            if (getByteLen(lines[i]) > 41) {
+            let num = Math.ceil(getByteLen(lines[i]) / 37)
+            if (getByteLen(lines[i]) > 37) {
               let currentLine = '';
               let currentLine = '';
               let arr = [];
               let arr = [];
               for (let word of lines[i]) {
               for (let word of lines[i]) {
@@ -464,27 +463,26 @@
               arr.push(currentLine);
               arr.push(currentLine);
               if (i > 0) {
               if (i > 0) {
                 arr.forEach((line, index) => {
                 arr.forEach((line, index) => {
-                  context.fillText(line, 770, 428 + (23 * (i - 1)) + 5 * num + (index * 14)); // 调整行高
+                  context.fillText(line, 770, 428 + (25 * (i - 1)) + 5 * num + (index * 15)); // 调整行高
                 })
                 })
               } else {
               } else {
                 arr.forEach((line, index) => {
                 arr.forEach((line, index) => {
-                  context.fillText(line, 770, 435 + (23 * (i - 1)) + (index * 14)); // 调整行高
+                  context.fillText(line, 770, 435 + (25 * (i - 1)) + (index * 14)); // 调整行高
                 })
                 })
               }
               }
             } else {
             } else {
-              context.fillText(lines[i] ? lines[i] : '', 770, 440 + 4 * num + (22 * (i - 1)));
-              // if (i > 0) {
-              //   context.fillText(lines[i] ? lines[i] : '', 770, 440 + 5 * num + (23 * (i - 1)));
-              // } else {
-              //   context.fillText(lines[i] ? lines[i] : '', 770, 440 + (23 * (i - 1)));
-              // }
+              if (i > 0) {
+                context.fillText(lines[i] ? lines[i] : '', 770, 440 + 5 * num + (24 * (i - 1)));
+              } else {
+                context.fillText(lines[i] ? lines[i] : '', 770, 440 + (24 * (i - 1)));
+              }
             }
             }
           }
           }
           // fj
           // fj
           let lines1 = this.bdcqz.fj ? this.bdcqz.fj.split('\n') : [];
           let lines1 = this.bdcqz.fj ? this.bdcqz.fj.split('\n') : [];
           for (let i = 0; i < lines1.length; i++) {
           for (let i = 0; i < lines1.length; i++) {
-            let num = Math.ceil(getByteLen(lines1[i]) / 41)
-            if (getByteLen(lines1[i]) > 41) {
+            let num = Math.ceil(getByteLen(lines1[i]) / 37)
+            if (getByteLen(lines1[i]) > 37) {
               let currentLine = '';
               let currentLine = '';
               let arr = [];
               let arr = [];
               for (let word of lines1[i]) {
               for (let word of lines1[i]) {

+<!--
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-09-06 15:20:16
+-->
 <template>
 <template>
-  <div>
-    <div>自来水信息</div>
-    <div>天然气信息</div>
-    <div>电力信息</div>
+  <div class="slxx sdqxx">
+    <el-form
+      :model="ruleForm"
+      ref="ruleForm"
+      v-Loading="loading"
+      :label-position="flag ? 'top' : ''"
+      :inline="flag"
+      label-width="130px">
+      <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
+        <div class="slxx_title title-block">
+          电力信息
+          <div class="triangle"></div>
+        </div>
+        <el-row :gutter="10">
+          <el-col :span="8">
+            <el-form-item label="服务代码：">
+              <el-input v-model="ruleForm.serviceCode"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="行政区划区县代码：">
+              <el-input v-model="ruleForm.AREACODE"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="登记系统业务号：">
+              <el-input v-model="ruleForm.YWH"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="10">
+          <el-col :span="8">
+            <el-form-item label="推送日期：">
+              <el-input v-model="ruleForm.SENDTIME"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="原户主姓名：">
+              <el-input v-model="ruleForm.MC_OLD"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="原户主身份证号码：">
+              <el-input v-model="ruleForm.ZJHM_OLD"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="10">
+          <el-col :span="8">
+            <el-form-item label="原户主联系电话：">
+              <el-input v-model="ruleForm.LXDH_OLD"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="新户主姓名：">
+              <el-input v-model="ruleForm.MC_NEW"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="新户主身份证号码：">
+              <el-input v-model="ruleForm.ZJHM_NEW"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="10">
+          <el-col :span="8">
+            <el-form-item label="新户主联系电话：">
+              <el-input v-model="ruleForm.LXDH_NEW"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="房产证编号：">
+              <el-input v-model="ruleForm.FCZBH"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="是否过户：">
+              <el-switch
+                v-model="ruleForm.SFGH"
+                :active-value='1'
+                active-text="是"
+                :inactive-value="0"
+                inactive-text="否">
+              </el-switch>
+            </el-form-item>
+          </el-col>
+
+        </el-row>
+        <el-row :gutter="10">
+          <el-col :span="24">
+            <el-form-item label="房屋坐落（地址）：">
+              <el-input v-model="ruleForm.FWZL" type="textarea"
+                :rows="2"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </div>
+    </el-form>
   </div>
   </div>
 </template>
 </template>
+<script>
+  import { mapGetters } from "vuex";
+  export default {
+    computed: {
+      ...mapGetters(["dictData", "flag"]),
+    },
+    mounted () {
+      // this.loading = true
+      this.viewEdit = this.$parent.currentSelectTab.ableOperation;
+      this.propsParam = this.$attrs;
+      var formdata = new FormData();
+      formdata.append("bsmSldy", this.propsParam.bsmSldy);
+      formdata.append("djlx", this.propsParam.djlx);
+      formdata.append("isEdit", this.viewEdit);
+      // Init(formdata).then((res) => {
+      //   if (res.code === 200 && res.result) {
+      //   }
+      // });
+    },
+    data () {
+      return {
+        loading: false,
+        //表单是否可操作
+        viewEdit: false,
+        ruleForm: {
+          SFGH: 1
+        }
+      }
+    },
+    methods: {
+    }
+  }
+</script>
+<style scoped lang="scss">
+  @import "~@/styles/public.scss";
+  @import "~@/styles/slxx/slxx.scss";
+</style>

 <!--
 <!--
  * @Description: 
  * @Description: 
  * @Autor: renchao
  * @Autor: renchao
- * @LastEditTime: 2023-09-05 16:52:14
+ * @LastEditTime: 2023-09-06 09:09:45
 -->
 -->
 <template>
 <template>
-  <div class="sfxx">
-
+  <div class='sfxx'>
+    <div class="sfxx-left">
+      <div class="slxx_title title-block">
+        基本信息
+        <div class="triangle"></div>
+      </div>
+      <ul>
+        <li>
+          <p>业务号</p>
+          <p>{{detail.ywh}}</p>
+        </li>
+        <li>
+          <p>申请登记类型</p>
+          <p>{{detail.sqdjlx}}</p>
+        </li>
+        <li>
+          <p>联系人</p>
+          <p>{{detail.lxr}}</p>
+        </li>
+        <li>
+          <p>联系人电话</p>
+          <p>{{detail.lxdh}}</p>
+        </li>
+        <li>
+          <p>缴费人</p>
+          <p><el-input v-model="detail.jfr"></el-input></p>
+        </li>
+        <li>
+          <p>缴费单号</p>
+          <p><el-input v-model="detail.jfdh"></el-input></p>
+        </li>
+        <li>
+          <p>应收金额</p>
+          <p style="color:red">{{detail.ysje}}元</p>
+        </li>
+        <li>
+          <p>实收金额</p>
+          <p><el-input v-model="detail.ssje"></el-input></p>
+        </li>
+        <li>
+          <p>备注</p>
+          <p><el-input v-model="detail.bz"></el-input></p>
+        </li>
+      </ul>
+    </div>
+    <div class="sfxx-right">
+      <div class="slxx_title title-block">
+        收费明细
+        <div class="triangle"></div>
+      </div>
+      <el-table :data="tableData.data" border :height="355">
+        <el-table-column v-for="item in tableData.columns" :key="item.index" :prop="item.prop" :label="item.label" align="center">
+        </el-table-column>
+        <el-table-column label="操作" width="50">
+          <template slot-scope="scope">
+            <el-button type="text">使用</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
   </div>
   </div>
 </template>
 </template>
+<script>
+
+  export default {
+    components: {},
+    data () {
+      return {
+        detail: {
+          ywh: '',
+          sqdjlx: '',
+          lxr: '',
+          lxdh: '',
+          jfr: '',
+          jfdh: '',
+          ysje: '',
+          ssje: '',
+          bz: ''
+        },
+        tableData: {
+          columns: [
+            {
+              prop: "sfxmmc",
+              label: "收费项目名称",
+            },
+            {
+              prop: "sl",
+              label: "数县",
+            },
+            {
+              prop: "je",
+              label: "金额(元)",
+            },
+            {
+              label: '操作',
+              align: 'center',
+              render: (h, scope) => {
+                return (
+                  <div>
+                    <el-button type="text" icon="el-icon-edit-outline" onClick={() => { }}></el-button>
+                  </div>
+                )
+              }
+            }
+          ],
+          data: []
+        }
+      }
+    }
+  }
+</script>
+<style scoped lang='scss'>
+  @import "~@/styles/public.scss";
+  .sfxx {
+    display: flex;
+    padding: 10px;
+    height: 100%;
+    box-sizing: border-box;
+    &-left {
+      width: 50%;
+      margin-right: 10px;
+      ul {
+        border-radius: 3px;
+      }
+      li:last-child {
+        border-bottom: 1px solid #e8e5e5;
+      }
+      li {
+        display: flex;
+        border: 1px solid #e8e5e5;
+        border-bottom: none;
+
+        p:nth-child(1) {
+          width: 35%;
+          text-align: center;
+          background-color: #fafafa;
+          border-right: 1px solid #e8e5e5;
+          padding: 10px 0;
+        }
+        p:nth-child(2) {
+          width: 65%;
+          display: flex;
+          align-items: center;
+          box-sizing: border-box;
+          margin: 0 10px;
+        }
+      }
+    }
+    &-right {
+      width: 50%;
+      margin-left: 10px;
+    }
+  }
+</style>
\ No newline at end of file

+<template>
+  <el-form ref="ruleForm" :model="ruleForm" label-width="100px" :rules="rules">
+    <el-row>
+      <el-col :span="12">
+        <el-form-item label="企业名称:" prop="qymc">
+          <el-input v-model="ruleForm.qymc"></el-input>
+        </el-form-item>
+      </el-col>
+      <el-col :span="12">
+        <el-form-item label="电话:" prop="dh">
+          <el-input v-model="ruleForm.dh"></el-input>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="12">
+        <el-form-item label="证件种类:">
+          <el-input v-model="ruleForm.zjzl"></el-input>
+        </el-form-item>
+      </el-col>
+      <el-col :span="12">
+        <el-form-item label="证件号:" prop="zjh">
+          <el-input v-model="ruleForm.zjh"></el-input>
+        </el-form-item>
+      </el-col>
+    </el-row>
+
+    <el-row>
+      <el-col :span="12">
+        <el-form-item label="法人名称:" prop="frmc">
+          <el-input v-model="ruleForm.frmc"></el-input>
+        </el-form-item>
+      </el-col>
+      <el-col :span="12">
+        <el-form-item label="法人电话:" prop="frdh">
+          <el-input v-model="ruleForm.frdh"></el-input>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="12">
+        <el-form-item label="单位地址:">
+          <el-input v-model="ruleForm.dwdz"></el-input>
+        </el-form-item>
+      </el-col>
+      <el-col :span="12">
+        <el-form-item label="邮编:" prop="yb">
+          <el-input v-model="ruleForm.yb"></el-input>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-form-item style="text-align:center">
+      <el-button @click="closeDialog">取消</el-button>
+      <el-button type="primary" @click="submitForm">保存</el-button>
+    </el-form-item>
+  </el-form>
+</template>
+
+<script>
+  import store from '@/store/index.js'
+  import { addQy } from "@/api/xxba.js"
+  export default {
+    props: {
+      formData: {
+        type: Object,
+        default: () => { },
+      },
+    },
+    data () {
+      return {
+        DJJGLIST: store.getters.dictData['ywly'],
+        readOnly: false,
+        //表单提交数据
+        ruleForm: {
+          batchno: '',
+          djjg: '',
+          operator: '超级管理员',
+          operationtime: '',
+          bz: '',
+          zsstarno: '',
+          zsendno: '',
+          zsnum: '',
+          zmstarno: '',
+          zmendno: '',
+          zmnum: ''
+        },
+        //表格数据
+        tableForm: [
+          {
+            name: '不动产权证书',
+            ksysxlh: '',
+            jsysxlh: '',
+            bs: 0,
+            zslx: 1
+          },
+          {
+            name: '不动产登记证明',
+            ksysxlh: '',
+            jsysxlh: '',
+            bs: 0,
+            zslx: 2
+          }
+        ],
+        //证书入库业务号参数
+        ywhQueryForm: {
+          serialtype: 'zsrkbh',
+          serialname: '证书入库编号',
+          serialcode: 'zsrk',
+          digit: '5'
+        },
+        rules: {
+          batchNo: [
+            { required: true, message: '入库编号不能为空', trigger: 'blur' }
+          ],
+          djjg: [
+            { required: true, message: '请选择登记机构', trigger: 'change' }
+          ],
+          rksj: [
+            { required: true, message: '请选择入库时间', trigger: 'change' }
+          ],
+        },
+      }
+    },
+    mounted () {
+      if (this.formData.bsmBatch) {
+        this.tableForm[0].bs = null;
+        this.tableForm[1].bs = null;
+        this.getDetailInfo(this.formData.bsmBatch);
+      } else { }
+    },
+    methods: {
+      /**
+       * @description: 表单提交
+       * @author: renchao
+       */
+      submitForm () {
+        this.tableForm.forEach((item, index) => {
+          if (item.bs < 0) {
+            return;
+          }
+        })
+        addQy(this.ruleForm).then(res => {
+          if (res.code == 200) {
+            this.$message.success('保存成功')
+            this.$emit("input", false);
+            this.$refs['ruleForm'].resetFields();
+            this.resetTableFields();
+            this.closeDialog();
+            //刷新列表
+            store.dispatch('user/reWorkFresh', true)
+          } else {
+            this.$message.error(res.message);
+          }
+        })
+      },
+      /**
+       * @description: 获取详情信息
+       * @param {*} bsmBatch
+       * @author: renchao
+       */
+      getDetailInfo (bsmBatch) {
+        getZsglInfo({ "bsmBatch": bsmBatch }).then(res => {
+          if (res.code == 200) {
+            this.ruleForm = res.result;
+            this.readOnly = false;
+            this.tableForm[0].ksysxlh = res.result.zsstarno;
+            this.tableForm[0].jsysxlh = res.result.zsendno;
+            this.tableForm[0].bs = res.result.zsnum;
+            this.tableForm[1].ksysxlh = res.result.zmstarno;
+            this.tableForm[1].jsysxlh = res.result.zmendno;
+            this.tableForm[1].bs = res.result.zmnum;
+          }
+        })
+      },
+      /**
+       * @description: 印刷序列号处理
+       * @param {*} item
+       * @author: renchao
+       */
+      ysxlhDeal (item) {
+        if (item.ksysxlh && item.jsysxlh) {
+          if (item.ksysxlh.length == item.jsysxlh.length) {
+            if (item.ksysxlh.length != 11) {
+              item.bs = -1;
+              return;
+            }
+            if (item.ksysxlh > item.jsysxlh) {
+              item.bs = -1;
+              return;
+            }
+            item.bs = item.jsysxlh - item.ksysxlh + 1;
+            if (item.zslx == 1) {
+              this.ruleForm.zsstarno = item.ksysxlh;
+              this.ruleForm.zsendno = item.jsysxlh;
+              this.ruleForm.zsnum = item.bs
+            } else if (item.zslx == 2) {
+              this.ruleForm.zmstarno = item.ksysxlh;
+              this.ruleForm.zmendno = item.jsysxlh;
+              this.ruleForm.zmnum = item.bs
+            }
+          } else {
+            item.bs = -1;
+          }
+        } else {
+          item.bs = 0;
+          if (item.zslx == 1) {
+            this.ruleForm.zsstarno = '';
+            this.ruleForm.zsendno = '';
+            this.ruleForm.zsnum = item.bs
+          } else if (item.zslx == 2) {
+            this.ruleForm.zmstarno = '';
+            this.ruleForm.zmendno = '';
+            this.ruleForm.zmnum = item.bs
+          }
+        }
+      },
+      /**
+       * @description: resetTableFields
+       * @author: renchao
+       */
+      resetTableFields () {
+        this.tableForm = [
+          {
+            name: '不动产权证书',
+            ksysxlh: '',
+            jsysxlh: '',
+            bs: 0,
+            zslx: 1
+          },
+          {
+            name: '不动产权登记证明',
+            ksysxlh: '',
+            jsysxlh: '',
+            bs: 0,
+            zslx: 2
+          }
+        ]
+      },
+      /**
+       * @description: closeDialog
+       * @author: renchao
+       */
+      closeDialog () {
+        this.$popupCacel()
+        this.$refs['ruleForm'].resetFields();
+        this.resetTableFields();
+      }
+    }
+  }
+</script>
+<style scoped lang="scss">
+  @import "~@/styles/mixin.scss";
+  @import "~@/styles/dialogBoxheader.scss";
+
+  .font-red {
+    color: red;
+  }
+
+  .middle-margin-bottom {
+    margin-top: 20px;
+  }
+</style>

 /*
 /*
  * @Description:
  * @Description:
  * @Autor: renchao
  * @Autor: renchao
- * @LastEditTime: 2023-09-01 10:17:27
+ * @LastEditTime: 2023-09-06 16:10:25
  */
  */
 import filter from '@/utils/filter.js'
 import filter from '@/utils/filter.js'
 let vm = null
 let vm = null
@@ -28,33 +28,15 @@ class data extends filter {
         }
         }
       },
       },
       {
       {
-        prop: "sqrmc",
-        label: "姓名/名称",
+        prop: "qymc",
+        label: "名称",
       },
       },
       {
       {
         prop: "zjzl",
         prop: "zjzl",
         label: "证件种类",
         label: "证件种类",
         render: (h, scope) => {
         render: (h, scope) => {
-          return (
-            <el-select
-              class="width100"
-              clearable
-              value={scope.row[scope.column.property]}
-              onChange={(val) => {
-                scope.row[scope.column.property] = val;
-              }}
-            >
-              {vm.dictData["A30"].map((option) => {
-                return (
-                  <el-option
-                    label={option.dname}
-                    value={option.dcode}
-                  ></el-option>
-                );
-              })}
-            </el-select>
-          );
-        },
+          return <span>{this.dicStatus(scope.row.zjzl, "A30")}</span>
+        }
       },
       },
       {
       {
         prop: "zjh",
         prop: "zjh",
@@ -65,7 +47,7 @@ class data extends filter {
         label: "法人名称",
         label: "法人名称",
       },
       },
       {
       {
-        prop: "txdz",
+        prop: "dwdz",
         label: "地址",
         label: "地址",
       },
       },
       {
       {
@@ -79,7 +61,7 @@ class data extends filter {
         render: (h, scope) => {
         render: (h, scope) => {
           return (
           return (
             <div>
             <div>
-              <el-button type="text" onClick={() => { this.handleDelete(scope.row) }}>删除</el-button>
+              <el-button type="text" onClick={() => { vm.handleDelete(scope.row) }}>删除</el-button>
             </div>
             </div>
           )
           )
         }
         }

 <!--
 <!--
  * @Description:
  * @Description:
  * @Autor: renchao
  * @Autor: renchao
- * @LastEditTime: 2023-09-01 10:17:48
+ * @LastEditTime: 2023-09-06 16:08:08
 -->
 -->
 <template>
 <template>
   <div class="from-clues">
   <div class="from-clues">
@@ -11,7 +11,7 @@
         <el-row>
         <el-row>
           <el-col :span="5">
           <el-col :span="5">
             <el-form-item label="姓名/名称">
             <el-form-item label="姓名/名称">
-              <el-input placeholder="姓名/名称" v-model="queryForm.sqrmc" clearable class="width100">
+              <el-input placeholder="姓名/名称" v-model="queryForm.qymc" clearable class="width100">
               </el-input>
               </el-input>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
@@ -24,12 +24,13 @@
           <el-col :span="14" class="btnColRight">
           <el-col :span="14" class="btnColRight">
             <el-form-item>
             <el-form-item>
               <el-button type="primary" native-type="submit" @click="handleSearch">查询</el-button>
               <el-button type="primary" native-type="submit" @click="handleSearch">查询</el-button>
+              <el-button type="primary" native-type="submit" @click="handleAdd">添加</el-button>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
         </el-row>
         </el-row>
       </el-form>
       </el-form>
     </div>
     </div>
-    <div class="from-clues-content">
+    <div class="from-clues-content loadingtext">
       <lb-table :page-size="pageData.size" border :current-page.sync="pageData.currentPage" :heightNum="280"
       <lb-table :page-size="pageData.size" border :current-page.sync="pageData.currentPage" :heightNum="280"
         :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
         :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
         :column="tableData.columns" :data="tableData.data">
         :column="tableData.columns" :data="tableData.data">
@@ -38,8 +39,10 @@
   </div>
   </div>
 </template>
 </template>
 <script>
 <script>
+  import { mapGetters } from 'vuex'
   import table from "@/utils/mixin/table"
   import table from "@/utils/mixin/table"
   import { datas, sendThis } from "./data"
   import { datas, sendThis } from "./data"
+  import { queryQyByPage, addQy } from "@/api/xxba.js";
   export default {
   export default {
     name: "cwrz",
     name: "cwrz",
     components: {},
     components: {},
@@ -47,18 +50,26 @@
     mounted () {
     mounted () {
       sendThis(this);
       sendThis(this);
     },
     },
+    activated () {
+      this.queryClick()
+    },
     computed: {
     computed: {
+      ...mapGetters(['workFresh'])
+    },
+    watch: {
+      workFresh: {
+        handler (newVal, oldVal) {
+          console.log(newVal, 'newVal');
+          if (newVal) this.queryClick()
+        }
+      }
     },
     },
     data () {
     data () {
       return {
       return {
         queryForm: {
         queryForm: {
-          sqrmc: "",
+          qymc: "",
           zjh: "",
           zjh: "",
         },
         },
-        pageData: {
-          current: 1,
-          size: 10,
-        },
         tableData: {
         tableData: {
           total: 0,
           total: 0,
           columns: datas.columns(),
           columns: datas.columns(),
@@ -69,12 +80,42 @@
     methods: {
     methods: {
       /**
       /**
        * @description: queryClick
        * @description: queryClick
-       * @author: renchao
        */
        */
       queryClick () {
       queryClick () {
+        this.$startLoading();
+        let data = { ...this.queryForm, ...this.pageData }
+        queryQyByPage(data).then((res) => {
+          this.$endLoading();
+          if (res.code === 200) {
+            let { total, records } = res.result;
+            this.tableData.total = total;
+            this.tableData.data = records;
+          }
+        })
+      },
+      handleSearch () {
+        this.queryClick();
       },
       },
-      handleSearch () { },
-      handleDelete () { }
+      handleAdd () {
+        this.$popupDialog("添加企业", "xxba/qyxxba/components/addDialog", {}, "50%")
+      },
+      handleDelete () {
+        this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }).then(() => {
+          this.$message({
+            type: 'success',
+            message: '删除成功!'
+          });
+        }).catch(() => {
+          this.$message({
+            type: 'info',
+            message: '已取消删除'
+          });
+        });
+      }
     }
     }
   }
   }
 </script>
 </script>

+<template>
+  <el-form ref="ruleForm" :model="ruleForm" label-width="100px" :rules="rules">
+    <el-row>
+      <el-col :span="12">
+        <el-form-item label="企业名称:" prop="qymc">
+          <el-input v-model="ruleForm.qymc"></el-input>
+        </el-form-item>
+      </el-col>
+      <el-col :span="12">
+        <el-form-item label="电话:" prop="dh">
+          <el-input v-model="ruleForm.dh"></el-input>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="12">
+        <el-form-item label="证件种类:">
+          <el-input v-model="ruleForm.zjzl"></el-input>
+        </el-form-item>
+      </el-col>
+      <el-col :span="12">
+        <el-form-item label="证件号:" prop="zjh">
+          <el-input v-model="ruleForm.zjh"></el-input>
+        </el-form-item>
+      </el-col>
+    </el-row>
+
+    <el-row>
+      <el-col :span="12">
+        <el-form-item label="法人名称:" prop="frmc">
+          <el-input v-model="ruleForm.frmc"></el-input>
+        </el-form-item>
+      </el-col>
+      <el-col :span="12">
+        <el-form-item label="法人电话:" prop="frdh">
+          <el-input v-model="ruleForm.frdh"></el-input>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="12">
+        <el-form-item label="单位地址:">
+          <el-input v-model="ruleForm.dwdz"></el-input>
+        </el-form-item>
+      </el-col>
+      <el-col :span="12">
+        <el-form-item label="邮编:" prop="yb">
+          <el-input v-model="ruleForm.yb"></el-input>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-form-item style="text-align:center">
+      <el-button type="primary" @click="submitForm">保存</el-button>
+      <el-button @click="closeDialog">取消</el-button>
+    </el-form-item>
+  </el-form>
+</template>
+
+<script>
+  import store from '@/store/index.js'
+  import { addYh } from "@/api/xxba.js"
+  export default {
+    props: {
+      formData: {
+        type: Object,
+        default: () => { },
+      },
+    },
+    data () {
+      return {
+        DJJGLIST: store.getters.dictData['ywly'],
+        readOnly: false,
+        //表单提交数据
+        ruleForm: {
+          batchno: '',
+          djjg: '',
+          operator: '超级管理员',
+          operationtime: '',
+          bz: '',
+          zsstarno: '',
+          zsendno: '',
+          zsnum: '',
+          zmstarno: '',
+          zmendno: '',
+          zmnum: ''
+        },
+        //表格数据
+        tableForm: [
+          {
+            name: '不动产权证书',
+            ksysxlh: '',
+            jsysxlh: '',
+            bs: 0,
+            zslx: 1
+          },
+          {
+            name: '不动产登记证明',
+            ksysxlh: '',
+            jsysxlh: '',
+            bs: 0,
+            zslx: 2
+          }
+        ],
+        //证书入库业务号参数
+        ywhQueryForm: {
+          serialtype: 'zsrkbh',
+          serialname: '证书入库编号',
+          serialcode: 'zsrk',
+          digit: '5'
+        },
+        rules: {
+          batchNo: [
+            { required: true, message: '入库编号不能为空', trigger: 'blur' }
+          ],
+          djjg: [
+            { required: true, message: '请选择登记机构', trigger: 'change' }
+          ],
+          rksj: [
+            { required: true, message: '请选择入库时间', trigger: 'change' }
+          ],
+        },
+      }
+    },
+    mounted () {
+      if (this.formData.bsmBatch) {
+        this.tableForm[0].bs = null;
+        this.tableForm[1].bs = null;
+        this.getDetailInfo(this.formData.bsmBatch);
+      }
+    },
+    methods: {
+      /**
+       * @description: 表单提交
+       * @author: renchao
+       */
+      submitForm () {
+        this.tableForm.forEach((item, index) => {
+          if (item.bs < 0) {
+            return;
+          }
+        })
+        addYh(this.ruleForm).then(res => {
+          if (res.code == 200) {
+            this.$message.success('保存成功')
+            this.$emit("input", false);
+            this.$refs['ruleForm'].resetFields();
+            this.resetTableFields();
+            this.closeDialog();
+            //刷新列表
+            store.dispatch('user/reWorkFresh', true)
+          } else {
+            this.$message.error(res.message);
+          }
+        })
+      },
+      /**
+       * @description: 获取详情信息
+       * @param {*} bsmBatch
+       * @author: renchao
+       */
+      getDetailInfo (bsmBatch) {
+        getZsglInfo({ "bsmBatch": bsmBatch }).then(res => {
+          if (res.code == 200) {
+            this.ruleForm = res.result;
+            this.readOnly = false;
+            this.tableForm[0].ksysxlh = res.result.zsstarno;
+            this.tableForm[0].jsysxlh = res.result.zsendno;
+            this.tableForm[0].bs = res.result.zsnum;
+            this.tableForm[1].ksysxlh = res.result.zmstarno;
+            this.tableForm[1].jsysxlh = res.result.zmendno;
+            this.tableForm[1].bs = res.result.zmnum;
+          }
+        })
+      },
+      /**
+       * @description: 印刷序列号处理
+       * @param {*} item
+       * @author: renchao
+       */
+      ysxlhDeal (item) {
+        if (item.ksysxlh && item.jsysxlh) {
+          if (item.ksysxlh.length == item.jsysxlh.length) {
+            if (item.ksysxlh.length != 11) {
+              item.bs = -1;
+              return;
+            }
+            if (item.ksysxlh > item.jsysxlh) {
+              item.bs = -1;
+              return;
+            }
+            item.bs = item.jsysxlh - item.ksysxlh + 1;
+            if (item.zslx == 1) {
+              this.ruleForm.zsstarno = item.ksysxlh;
+              this.ruleForm.zsendno = item.jsysxlh;
+              this.ruleForm.zsnum = item.bs
+            } else if (item.zslx == 2) {
+              this.ruleForm.zmstarno = item.ksysxlh;
+              this.ruleForm.zmendno = item.jsysxlh;
+              this.ruleForm.zmnum = item.bs
+            }
+          } else {
+            item.bs = -1;
+          }
+        } else {
+          item.bs = 0;
+          if (item.zslx == 1) {
+            this.ruleForm.zsstarno = '';
+            this.ruleForm.zsendno = '';
+            this.ruleForm.zsnum = item.bs
+          } else if (item.zslx == 2) {
+            this.ruleForm.zmstarno = '';
+            this.ruleForm.zmendno = '';
+            this.ruleForm.zmnum = item.bs
+          }
+        }
+      },
+      /**
+       * @description: resetTableFields
+       * @author: renchao
+       */
+      resetTableFields () {
+        this.tableForm = [
+          {
+            name: '不动产权证书',
+            ksysxlh: '',
+            jsysxlh: '',
+            bs: 0,
+            zslx: 1
+          },
+          {
+            name: '不动产权登记证明',
+            ksysxlh: '',
+            jsysxlh: '',
+            bs: 0,
+            zslx: 2
+          }
+        ]
+      },
+      /**
+       * @description: closeDialog
+       * @author: renchao
+       */
+      closeDialog () {
+        this.$popupCacel()
+        this.$refs['ruleForm'].resetFields();
+        this.resetTableFields();
+      }
+    }
+  }
+</script>
+<style scoped lang="scss">
+  @import "~@/styles/mixin.scss";
+  @import "~@/styles/dialogBoxheader.scss";
+
+  .font-red {
+    color: red;
+  }
+
+  .middle-margin-bottom {
+    margin-top: 20px;
+  }
+</style>

 /*
 /*
  * @Description:
  * @Description:
  * @Autor: renchao
  * @Autor: renchao
- * @LastEditTime: 2023-09-01 10:17:27
+ * @LastEditTime: 2023-09-06 16:12:16
  */
  */
 import filter from '@/utils/filter.js'
 import filter from '@/utils/filter.js'
 let vm = null
 let vm = null
@@ -28,33 +28,15 @@ class data extends filter {
         }
         }
       },
       },
       {
       {
-        prop: "sqrmc",
-        label: "姓名/名称",
+        prop: "qymc",
+        label: "名称",
       },
       },
       {
       {
         prop: "zjzl",
         prop: "zjzl",
         label: "证件种类",
         label: "证件种类",
         render: (h, scope) => {
         render: (h, scope) => {
-          return (
-            <el-select
-              class="width100"
-              clearable
-              value={scope.row[scope.column.property]}
-              onChange={(val) => {
-                scope.row[scope.column.property] = val;
-              }}
-            >
-              {vm.dictData["A30"].map((option) => {
-                return (
-                  <el-option
-                    label={option.dname}
-                    value={option.dcode}
-                  ></el-option>
-                );
-              })}
-            </el-select>
-          );
-        },
+          return <span>{this.dicStatus(scope.row.zjzl, "A30")}</span>
+        }
       },
       },
       {
       {
         prop: "zjh",
         prop: "zjh",
@@ -65,7 +47,7 @@ class data extends filter {
         label: "法人名称",
         label: "法人名称",
       },
       },
       {
       {
-        prop: "txdz",
+        prop: "dwdz",
         label: "地址",
         label: "地址",
       },
       },
       {
       {
@@ -79,7 +61,7 @@ class data extends filter {
         render: (h, scope) => {
         render: (h, scope) => {
           return (
           return (
             <div>
             <div>
-              <el-button type="text" onClick={() => { this.handleDelete(scope.row) }}>删除</el-button>
+              <el-button type="text" onClick={() => { vm.handleDelete(scope.row) }}>删除</el-button>
             </div>
             </div>
           )
           )
         }
         }

 <!--
 <!--
  * @Description:
  * @Description:
  * @Autor: renchao
  * @Autor: renchao
- * @LastEditTime: 2023-09-04 16:59:15
+ * @LastEditTime: 2023-09-06 16:08:32
 -->
 -->
 <template>
 <template>
   <div class="from-clues">
   <div class="from-clues">
@@ -11,7 +11,7 @@
         <el-row>
         <el-row>
           <el-col :span="5">
           <el-col :span="5">
             <el-form-item label="姓名/名称">
             <el-form-item label="姓名/名称">
-              <el-input placeholder="姓名/名称" v-model="queryForm.sqrmc" clearable class="width100">
+              <el-input placeholder="姓名/名称" v-model="queryForm.qymc" clearable class="width100">
               </el-input>
               </el-input>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
@@ -24,12 +24,13 @@
           <el-col :span="14" class="btnColRight">
           <el-col :span="14" class="btnColRight">
             <el-form-item>
             <el-form-item>
               <el-button type="primary" native-type="submit" @click="handleSearch">查询</el-button>
               <el-button type="primary" native-type="submit" @click="handleSearch">查询</el-button>
+              <el-button type="primary" native-type="submit" @click="handleAdd">添加</el-button>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
         </el-row>
         </el-row>
       </el-form>
       </el-form>
     </div>
     </div>
-    <div class="from-clues-content">
+    <div class="from-clues-content loadingtext">
       <lb-table :page-size="pageData.size" border :current-page.sync="pageData.currentPage" :heightNum="280"
       <lb-table :page-size="pageData.size" border :current-page.sync="pageData.currentPage" :heightNum="280"
         :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
         :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
         :column="tableData.columns" :data="tableData.data">
         :column="tableData.columns" :data="tableData.data">
@@ -38,8 +39,10 @@
   </div>
   </div>
 </template>
 </template>
 <script>
 <script>
+  import { mapGetters } from 'vuex'
   import table from "@/utils/mixin/table"
   import table from "@/utils/mixin/table"
   import { datas, sendThis } from "./data"
   import { datas, sendThis } from "./data"
+  import { queryYhByPage, addYh } from "@/api/xxba.js";
   export default {
   export default {
     name: "cwrz",
     name: "cwrz",
     components: {},
     components: {},
@@ -47,18 +50,26 @@
     mounted () {
     mounted () {
       sendThis(this);
       sendThis(this);
     },
     },
+    activated () {
+      this.queryClick()
+    },
     computed: {
     computed: {
+      ...mapGetters(['workFresh'])
+    },
+    watch: {
+      workFresh: {
+        handler (newVal, oldVal) {
+          console.log(newVal, 'newVal');
+          if (newVal) this.queryClick()
+        }
+      }
     },
     },
     data () {
     data () {
       return {
       return {
         queryForm: {
         queryForm: {
-          sqrmc: "",
+          qymc: "",
           zjh: "",
           zjh: "",
         },
         },
-        pageData: {
-          current: 1,
-          size: 10,
-        },
         tableData: {
         tableData: {
           total: 0,
           total: 0,
           columns: datas.columns(),
           columns: datas.columns(),
@@ -69,12 +80,42 @@
     methods: {
     methods: {
       /**
       /**
        * @description: queryClick
        * @description: queryClick
-       * @author: renchao
        */
        */
       queryClick () {
       queryClick () {
+        this.$startLoading();
+        let data = { ...this.queryForm, ...this.pageData }
+        queryYhByPage(data).then((res) => {
+          this.$endLoading();
+          if (res.code === 200) {
+            let { total, records } = res.result;
+            this.tableData.total = total;
+            this.tableData.data = records;
+          }
+        });
+      },
+      handleSearch () {
+        this.queryClick();
       },
       },
-      handleSearch () { },
-      handleDelete () { }
+      handleAdd () {
+        this.$popupDialog("添加企业", "xxba/yhjgba/components/addDialog", {}, "50%")
+      },
+      handleDelete () {
+        this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }).then(() => {
+          this.$message({
+            type: 'success',
+            message: '删除成功!'
+          });
+        }).catch(() => {
+          this.$message({
+            type: 'info',
+            message: '已取消删除'
+          });
+        });
+      }
     }
     }
   }
   }
 </script>
 </script>

+<!--
+ * @Author: yangwei
+ * @Date: 2023-09-06 09:20:11
+ * @LastEditors: yangwei
+ * @LastEditTime: 2023-09-06 09:20:44
+ * @FilePath: \bdcdj-web\src\views\ywbl\ycsl\ycsl.vue
+ * @Description: 
+ * 
+ * Copyright (c) 2023 by yangwei, All Rights Reserved. 
+-->
+<template>
+  <div></div>
+</template>
+
+<script>
+export default {
+  name: "BdcdjWebYcsl",
+
+  data() {
+    return {};
+  },
+
+  mounted() {},
+
+  methods: {},
+};
+</script>
+
+<style lang="scss" scoped></style>

+<!--
+ * @Author: yangwei
+ * @Date: 2023-09-06 09:19:56
+ * @LastEditors: yangwei
+ * @LastEditTime: 2023-09-06 09:20:51
+ * @FilePath: \bdcdj-web\src\views\ywbl\ydsq\ydsq.vue
+ * @Description: 
+ * 
+ * Copyright (c) 2023 by yangwei, All Rights Reserved. 
+-->
+<template>
+  <div></div>
+</template>
+
+<script>
+export default {
+  name: "BdcdjWebYcsl",
+
+  data() {
+    return {};
+  },
+
+  mounted() {},
+
+  methods: {},
+};
+</script>
+
+<style lang="scss" scoped></style>

@@ -59,7 +59,7 @@
   import { datas, sendThis } from "../javascript/selectFwsyq.js";
   import { datas, sendThis } from "../javascript/selectFwsyq.js";
   import { defaultParameters } from "../javascript/publicDefaultPar.js";
   import { defaultParameters } from "../javascript/publicDefaultPar.js";
   import { selectFwsyq } from "@/api/ywsq.js";
   import { selectFwsyq } from "@/api/ywsq.js";
-  import { startBusinessFlow } from "@/api/workFlow.js";
+  import { startBusinessFlow,startTogetherFlow  } from "@/api/workFlow.js";
   export default {
   export default {
     mixins: [table, jump],
     mixins: [table, jump],
     props: {
     props: {
@@ -107,7 +107,8 @@
           this.$message.error("请至少选择一条数据");
           this.$message.error("请至少选择一条数据");
           return;
           return;
         }
         }
-        this.loading = true
+        this.loading = true;
+         if(this.sqywInfo.sqfl=='1'){
           startBusinessFlow({
           startBusinessFlow({
                     bsmSqyw: this.sqywInfo.bsmSqyw,
                     bsmSqyw: this.sqywInfo.bsmSqyw,
                     bdcdysz: this.bdcdysz,
                     bdcdysz: this.bdcdysz,
@@ -135,6 +136,36 @@
                   }).catch(() => {
                   }).catch(() => {
                     this.loading = false
                     this.loading = false
                   })
                   })
+         }else{
+            startTogetherFlow({
+          bsmSqyw: this.sqywInfo.bsmSqyw,
+          bdcdysz: this.bdcdysz,
+        }).then((res) => {
+          this.loading = false
+          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 {
+            if (res.result && res.result.length > 0) {
+              ywPopupDialog("申请错误明细", "components/ywdialog", { result: res.result }, '36%', true)
+            } else {
+              ywPopupDialog("申请错误明细", "components/ywdialog", { message: res.message }, '36%', true)
+            }
+          }
+        }).catch(() => {
+          this.loading = false
+        })
+         }
+        
       },
       },
       /**
       /**
        * @description: handleSelectionChange
        * @description: handleSelectionChange

@@ -68,6 +68,7 @@
     },
     },
     data () {
     data () {
       return {
       return {
+        loading: false,
         queryForm: defaultParameters.defaultParameters(),
         queryForm: defaultParameters.defaultParameters(),
         tableData: {
         tableData: {
           total: 0,
           total: 0,
@@ -106,10 +107,12 @@
           this.$message.error("请至少选择一条数据");
           this.$message.error("请至少选择一条数据");
           return;
           return;
         }
         }
+        this.loading = true
         startTogetherFlow({
         startTogetherFlow({
           bsmSqyw: this.sqywInfo.bsmSqyw,
           bsmSqyw: this.sqywInfo.bsmSqyw,
           bdcdysz: this.bdcdysz,
           bdcdysz: this.bdcdysz,
         }).then((res) => {
         }).then((res) => {
+          this.loading = false
           if (res.code == 200) {
           if (res.code == 200) {
             this.$message({
             this.$message({
               showClose: true,
               showClose: true,

@@ -32,7 +32,7 @@
       <div v-if="selectType == 'together'" class="right-situation el-card">
       <div v-if="selectType == 'together'" class="right-situation el-card">
         <div class="right-title">一并申请</div>
         <div class="right-title">一并申请</div>
         <ul>
         <ul>
-          <li :class="item.selected ? 'cactive' : ''" v-for="(item, index) in djqxList" :key="index"
+          <li :class="item.selected ? 'cactive' : ''" v-for="(item, index) in djqxList" :tag="item.selected" :key="index"
             @dblclick="dblclick(djqxList, index, item)" @click="selectSqywClick(djqxList, index)">
             @dblclick="dblclick(djqxList, index, item)" @click="selectSqywClick(djqxList, index)">
             <dt>{{ item.nodename }}</dt>
             <dt>{{ item.nodename }}</dt>
             <p :class="item.userCollect == 1 ? 'active' : ''" @click.stop="handleCollection(item)">
             <p :class="item.userCollect == 1 ? 'active' : ''" @click.stop="handleCollection(item)">
@@ -189,7 +189,7 @@
        */
        */
       selectSqywClick (data, index) {
       selectSqywClick (data, index) {
         data.forEach(item => {
         data.forEach(item => {
-          item.selected = false;
+          this.$set(item, "selected", false)
         });
         });
         data[index].selected = true;
         data[index].selected = true;
         if (data[index].sffqlc == "1") {
         if (data[index].sffqlc == "1") {

+/*
+ * @Description:
+ * @Autor: renchao
+ * @LastEditTime: 2023-09-07 09:50:26
+ */
+import filter from '@/utils/filter.js'
+let vm = null
+
+const sendThis = (_this) => {
+  vm = _this
+}
+class data extends filter {
+  constructor() {
+    super()
+  }
+  columns () {
+    return [
+      {
+        label: '序号',
+        type: 'index',
+        width: '50',
+        render: (h, scope) => {
+          return (
+            <div>
+              {(vm.pageData.currentPage - 1) * vm.pageData.pageSize + scope.$index + 1}
+            </div>
+          )
+        }
+      },
+      {
+        prop: "status",
+        label: "状态",
+        minWidth: '120',
+        render: (h, scope) => {
+          return (
+            <div>
+              <a style='color:#3498db;' v-show={scope.row.djblzt == 1}>{this.yWstatus(scope.row)}</a>
+              <span v-show={scope.row.djblzt != 1}>{this.yWstatus(scope.row)}</span>
+            </div>
+          )
+        }
+      },
+      {
+        label: "不动产证明号",
+        width: '150',
+        render: (h, scope) => {
+          return (
+            <el-tooltip effect="dark" content={scope.row.bdcqzh} placement="top" popper-class="tooltip-width">
+              <span class="ellipsis-table"> {scope.row.bdcqzh}</span>
+            </el-tooltip>
+          )
+        }
+      },
+      {
+        prop: "bdcdyh",
+        label: "不动产单元号",
+        minWidth: '150'
+      },
+      {
+        prop: "dyfs",
+        label: "抵押方式",
+        render: (h, scope) => {
+          switch (scope.row.dyfs) {
+            case '1':
+              return <span>一般抵押</span>
+            case '2':
+              return <span>最高额抵押</span>
+          }
+        }
+      },
+      {
+        label: "抵押权人",
+        minWidth: '130',
+        render: (h, scope) => {
+          return (
+            <el-tooltip effect="dark" content={scope.row.qlrmc} placement="top" popper-class="tooltip-width ">
+              <span class="ellipsis-table"> {scope.row.qlrmc}</span>
+            </el-tooltip>
+          )
+        }
+      },
+      {
+        label: "抵押权人证件号",
+        minWidth: '130',
+        render: (h, scope) => {
+          return (
+            <el-tooltip effect="dark" content={scope.row.qlrzjhm} placement="top" popper-class="tooltip-width ">
+              <span class="ellipsis-table"> {scope.row.qlrzjhm}</span>
+            </el-tooltip>
+          )
+        }
+      },
+      {
+        prop: "ywrmc",
+        label: "抵押人",
+      },
+      {
+        label: "抵押人证件号",
+        minWidth: '130',
+        render: (h, scope) => {
+          return (
+            <el-tooltip effect="dark" content={scope.row.ywrzjhm} placement="top" popper-class="tooltip-width ">
+              <span class="ellipsis-table"> {scope.row.ywrzjhm}</span>
+            </el-tooltip>
+          )
+        }
+      },
+      {
+        prop: "dyje",
+        label: "抵押金额(万元)",
+      },
+      {
+        prop: "dymj",
+        label: "抵押面积",
+      },
+      {
+        prop: "dyqx",
+        label: "债务履行期限",
+      },
+      {
+        label: "坐落",
+        minWidth: '130',
+        render: (h, scope) => {
+          return (
+            <el-tooltip effect="dark" content={scope.row.zl} placement="top" popper-class="tooltip-width ">
+              <span class="ellipsis-table"> {scope.row.zl}</span>
+            </el-tooltip>
+          )
+        }
+      },
+      {
+        label: '操作',
+        width: '100',
+        render: (h, scope) => {
+          return (
+            <div>
+              <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openDialog(scope.row) }}>登记薄</el-button>
+            </div>
+          )
+        }
+      }
+    ]
+  }
+}
+let datas = new data()
+export {
+  datas,
+  sendThis
+}

 /*
 /*
  * @Description:
  * @Description:
  * @Autor: renchao
  * @Autor: renchao
- * @LastEditTime: 2023-08-29 13:09:45
+ * @LastEditTime: 2023-09-06 17:03:59
  */
  */
 import filter from '@/utils/filter.js'
 import filter from '@/utils/filter.js'
 let vm = null
 let vm = null
@@ -130,21 +130,12 @@ class datatwo extends filter {
       },
       },
       {
       {
         label: "状态",
         label: "状态",
+        width: '130',
         render: (h, scope) => {
         render: (h, scope) => {
           return (
           return (
             <div>
             <div>
-              {/* <a v-on:click="doSomething"></a> */}
-              <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>
+              <a style='color:#3498db;' v-show={scope.row.djblzt == 1}>{this.yWstatus(scope.row)}</a>
+              <span v-show={scope.row.djblzt != 1}>{this.yWstatus(scope.row)}</span>
             </div>
             </div>
           )
           )
         }
         }

 /*
 /*
  * @Description:
  * @Description:
  * @Autor: renchao
  * @Autor: renchao
- * @LastEditTime: 2023-07-14 17:00:15
+ * @LastEditTime: 2023-09-07 10:04:33
  */
  */
 import filter from '@/utils/filter.js'
 import filter from '@/utils/filter.js'
 let vm = null
 let vm = null

@@ -92,13 +92,17 @@ export function queueDjywmc (djywbm, djqxbm) {
         case "C40100": //一并申请首次
         case "C40100": //一并申请首次
             vm = "selectYbsc";
             vm = "selectYbsc";
             break;
             break;
-        // case "C40300": //一并申请变更
-        // case "C40400": //一并申请注销
+        case "C40300": //一并申请变更
+        case "C40400": //一并申请注销
             // vm = "selectYbbg";
             // vm = "selectYbbg";
-        //     break;
-        //case "C04372": //一并国有房屋变更
+            vm = "selectYbbgSplitMerge"
+            break;
         case "C04371": //一并国有房屋转移
         case "C04371": //一并国有房屋转移
-            vm = "selectYbgybg";
+            vm = "selectFwsyq";
+            break;
+        case "C04372": //一并国有房屋变更
+            // vm = "selectYbgybg";
+            vm = "selectFwbjDybgSplitMerge"
             break;
             break;
         case "A11100"://林地使用权首次
         case "A11100"://林地使用权首次
             vm = "selectLqsc";
             vm = "selectLqsc";