登记簿打印

@@ -26,6 +26,7 @@
     "qrcode": "^1.5.3",
     "vue": "2.6.10",
     "vue-json-editor": "^1.4.3",
+    "vue-print-nb": "^1.7.5",
     "vue-quill-editor": "^3.0.6",
     "vue-router": "3.0.2",
     "vue-seamless-scroll": "^1.1.23",

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

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

@@ -5,8 +5,8 @@
 -->
 <template>
   <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>
         不动产单元号:
@@ -60,6 +60,10 @@
     name: "bdcqljqtsx",
     data () {
       return {
+          printObj: {
+        id: "box",
+        //其他配置项，
+      },
         //传递参数
         propsParam: this.$attrs,
         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>
 
@@ -100,6 +95,8 @@
     left: 11px;
     top: 5px;
   }
+
+  }
     .content {
       width: 50%;
       height: 100%;
@@ -126,5 +123,4 @@
         display: inline-block;
       }
     }
-  }
 </style>

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-08-25 17:06:44
+ * @LastEditTime: 2023-08-23 15:54:12
 -->
 <template>
   <div class="djxxTable">
+    <div v-show="false">
+       <printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/>
+    </div>
     <div class="tableBox">
       <div class="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">
           <el-checkbox-group v-model="checkList" @change="checkChange">
             <el-checkbox
@@ -96,12 +99,21 @@
 </template>
 
 <script>
+import printTemplate from "./components/printTemplate.vue";
 import { datas } from "./qlxxFormData.js";
 import { getSjlx } from "@/utils/dictionary.js";
 import { getCfdjList } from "@/api/djbDetail.js";
 export default {
+  components: {
+    printTemplate,
+  },
   data() {
     return {
+      printObj: {
+        id: "box",
+        //其他配置项，
+      },
+      shows:false,
       title: "查封登记信息",
       qsztList: datas.columns().qsztList,
       checkList: datas.columns().checkList,
@@ -134,6 +146,7 @@ export default {
       }).then((res) => {
         if (res.code === 200) {
           this.tableData = res.result;
+          this.shows=this.tableData.length>0
           this.tableData.forEach((item) => {
             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>

+<!--
+ * @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>
   <div class="djxxTable">
+    <div v-show="false">
+       <printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/>
+    </div>
     <div class="tableBox">
       <div class="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">
           <el-checkbox-group v-model="checkList" @change="checkChange">
             <el-checkbox
@@ -101,9 +104,18 @@
 import { datas } from "./qlxxFormData.js";
 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
 import { getDiyaqList } from "@/api/djbDetail.js";
+import printTemplate from "./components/printTemplate.vue";
 export default {
+    components: {
+    printTemplate,
+  },
   data() {
     return {
+      printObj: {
+        id: "box",
+        //其他配置项，
+      },
+      shows:false,
       title: "抵押权登记信息",
       qsztList: datas.columns().qsztList,
       checkList: datas.columns().checkList,
@@ -136,6 +148,7 @@ export default {
       }).then((res) => {
         if (res.code === 200) {
           this.tableData = res.result;
+          this.shows=this.tableData.length>0
           this.tableData.forEach((item) => {
             item.sjlx = getSjlx(item.sjlx);
             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>

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-08-25 17:12:43
+ * @LastEditTime: 2023-08-23 15:54:12
 -->
 <template>
   <div class="djxxTable">
+    <div v-show="false">
+       <printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/>
+    </div>
     <div class="tableBox">
       <div class="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">
           <el-checkbox-group v-model="checkList" @change="checkChange">
             <el-checkbox
@@ -101,9 +104,18 @@
 import { datas } from "./qlxxFormData.js";
 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
 import { getDiyiqList } from "@/api/djbDetail.js";
+import printTemplate from "./components/printTemplate.vue";
 export default {
+    components: {
+    printTemplate,
+  },
   data() {
     return {
+      printObj: {
+        id: "box",
+        //其他配置项，
+      },
+      shows:false,
       title: "地役权登记信息",
       qsztList: datas.columns().qsztList,
       checkList: datas.columns().checkList,
@@ -136,6 +148,7 @@ export default {
       }).then((res) => {
         if (res.code === 200) {
           this.tableData = res.result;
+          this.shows=this.tableData.length>0
           this.tableData.forEach((item) => {
             item.sjlx = getSjlx(item.sjlx);
             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>

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

@@ -5,10 +5,10 @@
 -->
 <template>
   <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>
-      <font>{{ info.sheng }}</font>
+      <font style="">{{ info.sheng }}</font>
       省 (区、市)
       <font>{{ info.shi }}</font>
       市 (区)
@@ -24,7 +24,6 @@
       组
     </p>
     <div class="title">不动产登记簿</div>
-    <br />
     <p>
       宗地/宗海号:
       <font>{{ info.zddm }}</font>
@@ -36,6 +35,8 @@
       </p>
     </div>
   </div>
+</div>
+
 </template>
 
 <script>
@@ -44,6 +45,10 @@
   export default {
     data () {
       return {
+              printObj: {
+        id: "box",
+        //其他配置项，
+      },
         //传递参数
         propsParam: this.$attrs,
         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>
@@ -76,12 +77,6 @@
   .djbfm {
     width: 100%;
     height: 100%;
-    background: #fff;
-    border-right: 1px solid #ccc;
-    line-height: 45px;
-    text-align: center;
-    font-size: 18px;
-    font-family: serif;
     position: relative;
     .print{
         // 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 {
       border-bottom: 1px solid #000;
       display: inline-block;
@@ -126,5 +132,4 @@
         line-height: 24px;
       }
     }
-  }
 </style>

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

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

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

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-08-25 17:16:32
+ * @LastEditTime: 2023-08-23 15:54:12
 -->
 <template>
   <div class="djxxTable">
+    <div v-show="false">
+       <printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/>
+    </div>
     <div class="tableBox">
       <div class="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">
           <el-checkbox-group v-model="checkList" @change="checkChange">
             <el-checkbox
@@ -99,9 +102,18 @@
 import { datas } from "./qlxxFormData.js";
 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
 import { getLqList } from "@/api/djbDetail.js";
+import printTemplate from "./components/printTemplate.vue";
 export default {
+  components: {
+    printTemplate,
+  },
   data() {
     return {
+      printObj: {
+        id: "box",
+        //其他配置项，
+      },
+      shows:false,
       title: "林权登记信息",
       qsztList: datas.columns().qsztList,
       checkList: datas.columns().checkList,
@@ -137,6 +149,7 @@ export default {
       }).then((res) => {
         if (res.code === 200) {
           this.tableData = res.result;
+          this.shows=this.tableData.length>0
           this.tableData.forEach((item) => {
             item.sjlx = getSjlx(item.sjlx);
             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>

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-08-25 17:19:17
+ * @LastEditTime: 2023-08-23 15:54:12
 -->
 <template>
   <div class="djxxTable">
+    <div v-show="false">
+       <printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/>
+    </div>
     <div class="tableBox">
       <div class="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">
           <el-checkbox-group v-model="checkList" @change="checkChange">
             <el-checkbox
@@ -150,8 +153,16 @@ import { datas } from "./qlxxFormData.js";
 import { getSjlx } from "@/utils/dictionary.js";
 import { getNydsyqList } from "@/api/djbDetail.js";
 export default {
+  components: {
+    printTemplate,
+  },
   data() {
     return {
+      printObj: {
+        id: "box",
+        //其他配置项，
+      },
+      shows:false,
       title: "农用地使用权登记信息",
       qsztList: datas.columns().qsztList,
       checkList: datas.columns().checkList,
@@ -193,6 +204,7 @@ export default {
       }).then((res) => {
         if (res.code === 200) {
           this.tableData = res.result;
+          this.shows=this.tableData.length>0
           this.tableData.forEach((item) => {
             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>

@@ -15,10 +15,13 @@
 -->
 <template>
   <div class="djxxTable">
+    <div v-show="false">
+       <printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/>
+    </div>
     <div class="tableBox">
       <div class="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">
           <el-checkbox-group v-model="checkList" @change="checkChange">
             <el-checkbox
@@ -84,9 +87,18 @@
   import { datas } from "./qlxxFormData.js";
   import { getSjlx } from "@/utils/dictionary.js";
   import { getLqList } from "@/api/djbDetail.js";
-  export default {
-    data () {
+import printTemplate from "./components/printTemplate.vue";
+export default {
+  components: {
+    printTemplate,
+  },
+  data() {
     return {
+      printObj: {
+        id: "box",
+        //其他配置项，
+      },
+      shows:false,
         title: "林权登记信息",
         qsztList: datas.columns().qsztList,
         checkList: datas.columns().checkList,
@@ -122,6 +134,7 @@
         }).then((res) => {
           if (res.code === 200) {
             this.tableData = res.result;
+          this.shows=this.tableData.length>0
             this.tableData.forEach((item) => {
               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>

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-08-24 16:15:38
+ * @LastEditTime: 2023-08-23 15:54:12
 -->
 <template>
   <div class="djxxTable">
+    <div v-show="false">
+       <printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/>
+    </div>
     <div class="tableBox">
       <div class="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">
           <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>
@@ -74,9 +77,18 @@
   import { datas } from "./qlxxFormData.js";
   import { getSjlx } from "@/utils/dictionary.js";
   import { getTdsyqList } from "@/api/djbDetail.js";
-  export default {
-    data () {
+import printTemplate from "./components/printTemplate.vue";
+export default {
+  components: {
+    printTemplate,
+  },
+  data() {
     return {
+      printObj: {
+        id: "box",
+        //其他配置项，
+      },
+      shows:false,
         title: "土地所有权信息",
         qsztList: datas.columns().qsztList,
         checkList: datas.columns().checkList,
@@ -113,6 +125,7 @@
         }).then((res) => {
           if (res.code === 200) {
             this.tableData = res.result;
+          this.shows=this.tableData.length>0
             this.tableData.forEach(item => {
               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>

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-08-25 17:14:29
+ * @LastEditTime: 2023-08-23 15:54:12
 -->
 <template>
   <div class="djxxTable">
+    <div v-show="false">
+       <printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/>
+    </div>
     <div class="tableBox">
       <div class="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">
           <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>
         </div>
       </div>
@@ -21,7 +29,10 @@
             <td>
               {{ item.label }}
             </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 == '0' ? 'linshi' : '',
                 row.qlzt == '4' ? 'linshi' : '',
@@ -29,13 +40,24 @@
                 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
                 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
                 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'">
-                <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 class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
+              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'">
                 有效
               </div>
               <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
@@ -48,14 +70,20 @@
                 正在注销
               </div>
 
-              <p v-if="!['djyy','fj'].includes(item.prop)">
+              <p v-if="!['djyy', 'fj'].includes(item.prop)">
                 <span v-if="item.prop == 'qszt'">
                   {{ getQsztName(row[item.prop]) }}
                 </span>
                 <span v-else>{{ row[item.prop] }}</span>
               </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">
                   {{ row[item.prop] }}
                 </span>
@@ -70,12 +98,21 @@
 </template>
 
 <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 {
+      printObj: {
+        id: "box",
+        //其他配置项，
+      },
+      shows:false,
       title: "预告登记信息",
       qsztList: datas.columns().qsztList,
       checkList: datas.columns().checkList,
@@ -89,7 +126,7 @@
       columns: datas.columns().YGDJ,
     };
   },
-    created () {
+  created() {
     this.loadData();
   },
   methods: {
@@ -97,13 +134,13 @@
      * @description: loadData
      * @author: renchao
      */
-      loadData () {
+    loadData() {
       // 判断是否在登记簿补录调的子页面
       if (this.$parent.addRepairRecord) {
         this.columns.unshift({
           prop: "cz",
-            label: "操作"
-          })
+          label: "操作",
+        });
       }
       getYgdjList({
         bdcdyid: this.propsParam.bdcdyid,
@@ -112,9 +149,10 @@
       }).then((res) => {
         if (res.code === 200) {
           this.tableData = res.result;
+          this.shows=this.tableData.length>0
           this.tableData.forEach((item) => {
             item.sjlx = getSjlx(item.sjlx);
-              item.dybdclx = getDictLeabel(item.dybdclx, 'A27')
+            item.dybdclx = getDictLeabel(item.dybdclx, "A27");
           });
           if (this.tableData.length < datas.columns().emptycolNum) {
             this.emptycolNum =
@@ -129,7 +167,7 @@
      * @description: checkChange
      * @author: renchao
      */
-      checkChange () {
+    checkChange() {
       if (this.checkList.length === 0) {
         this.tableData = [];
         this.emptycolNum = datas.columns().emptycolNum;
@@ -142,7 +180,7 @@
      * @param {*} code
      * @author: renchao
      */
-      getQsztName (code) {
+    getQsztName(code) {
       let name = "";
       for (let item of this.qsztList) {
         if (item.value == code) {
@@ -159,40 +197,34 @@
      * @param {*} del
      * @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({
-            type: 'success',
-            message: '补录成功!'
+            type: "success",
+            message: "补录成功!",
           });
-        }).catch(() => {
+        })
+        .catch(() => {
           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>
 
 <style lang="scss" scoped>
-  @import "./qlxxCommon.scss";
-  .title {
+@import "./qlxxCommon.scss";
+.title {
   position: relative;
   .print {
     // background-color: #0079fe;

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-08-24 16:15:45
+ * @LastEditTime: 2023-08-23 15:54:12
 -->
 <template>
   <div class="djxxTable">
+    <div v-show="false">
+       <printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/>
+    </div>
     <div class="tableBox">
       <div class="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">
           <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>
@@ -73,9 +76,18 @@
   import { datas } from "./qlxxFormData.js";
   import { getYydjList } from "@/api/djbDetail.js";
   import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
-  export default {
-    data () {
+import printTemplate from "./components/printTemplate.vue";
+export default {
+  components: {
+    printTemplate,
+  },
+  data() {
     return {
+      printObj: {
+        id: "box",
+        //其他配置项，
+      },
+      shows:false,
         title: "异议登记信息",
         qsztList: datas.columns().qsztList,
         checkList: datas.columns().checkList,
@@ -111,6 +123,7 @@
         }).then((res) => {
           if (res.code === 200) {
             this.tableData = res.result;
+          this.shows=this.tableData.length>0
             this.tableData.forEach((item) => {
               item.sjlx = getSjlx(item.sjlx);
               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>

@@ -5,8 +5,8 @@
 -->
 <template>
   <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>
         <th colspan="5" class="title">宗地基本信息</th>
       </tr>
@@ -118,6 +118,10 @@ import { getZdjjxxBybdcdyid } from "@/api/djbDetail.js";
 export default {
   data() {
     return {
+          printObj: {
+        id: "box",
+        //其他配置项，
+      },
       bhqkColumns: [
         {
           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>
 <style lang="scss" scoped>
 @import "~@/styles/tablecss.scss";
-.tableCss {
+.tableDivCss {
   position: relative;
   .print {
+    display: inline;
     // background-color: #0079fe;
     z-index: 10;
     position: absolute;
     left: 11px;
-    top: 5px;
+    top: 11px;
   }
 }
 </style>

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