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

@@ -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>

+import filter from '@/utils/filter.js'
+
+class data extends filter {
+  constructor() {
+    super()
+  }
+  columns() {
+    return {
+      //空列值个数
+      emptycolNum: 3,
+      checkList: ["0", "1", "2"],
+      //权属状态集合
+      qsztList: [
+        {
+          value: "0",
+          label: "临时",
+        },
+        {
+          value: "1",
+          label: "现势",
+        },
+        {
+          value: "2",
+          label: "历史",
+        },
+      ],
+      TDSYQ: [
+        {
+          prop: "qszt",
+          label: "权属状态",
+        },
+        {
+          prop: "sjlx",
+          label: "数据类型",
+        },
+        {
+          prop: "qllxmc",
+          label: "权利类型",
+        },
+        {
+          prop: "djlxmc",
+          label: "登记类型",
+        },
+        {
+          prop: "ssywh",
+          label: "上手业务号",
+        },
+        {
+          prop: "dah",
+          label: "档案号",
+        },
+        {
+          prop: "ywh",
+          label: "业务号",
+        },
+        {
+          prop: "bdcdyh",
+          label: "不动产单元号",
+        },
+        {
+          prop: "zl",
+          label: "坐落",
+        },
+        {
+          prop: "gyqk",
+          label: "共有情况",
+        },
+        {
+          prop: "qlrlx",
+          label: "权利人类型",
+        },
+        {
+          prop: "qlrmc",
+          label: "权利人",
+        },
+        {
+          prop: "qlrzjzl",
+          label: "证件种类",
+        },
+        {
+          prop: "qlrzjhm",
+          label: "证件号",
+        },
+        {
+          prop: "ytmc",
+          label: "土地用途",
+        },
+        {
+          prop: "mjdw",
+          label: "面积单位",
+        },
+        {
+          prop: "gdmj",
+          label: "耕地面积",
+        },
+        {
+          prop: "ldmj",
+          label: "林地面积",
+        },
+        {
+          prop: "cdmj",
+          label: "草地面积",
+        },
+        {
+          prop: "qtnydmj",
+          label: "其他农用地面积",
+        },
+        {
+          prop: "jsydmj",
+          label: "建设用地面积",
+        },
+        {
+          prop: "wlydmj",
+          label: "未利用地面积",
+        },
+        {
+          prop: "djyy",
+          label: "登记原因",
+        },
+        {
+          prop: "bdcqzh",
+          label: "不动产权证号",
+        },
+        {
+          prop: "djsj",
+          label: "登记时间",
+        },
+        {
+          prop: "dbr",
+          label: "登簿人",
+        },
+        {
+          prop: "fj",
+          label: "附记",
+        },
+      ],
+      JSYDSYQ: [
+        {
+          prop: "qszt",
+          label: "权属状态",
+        },
+        {
+          prop: "sjlx",
+          label: "数据类型",
+        },
+        {
+          prop: "qllxmc",
+          label: "权利类型",
+        },
+        {
+          prop: "djlxmc",
+          label: "登记类型",
+        },
+        {
+          prop: "ssywh",
+          label: "上手业务号",
+        },
+        {
+          prop: "dah",
+          label: "档案号",
+        },
+        {
+          prop: "ywh",
+          label: "业务号",
+        },
+        {
+          prop: "bdcdyh",
+          label: "不动产单元号",
+        },
+        {
+          prop: "zl",
+          label: "坐落",
+        },
+        {
+          prop: "gyqk",
+          label: "共有情况",
+        },
+        {
+          prop: "qlrlx",
+          label: "权利人类型",
+        },
+        {
+          prop: "qlrmc",
+          label: "权利人",
+        },
+        {
+          prop: "qlrzjzl",
+          label: "证件种类",
+        },
+        {
+          prop: "qlrzjhm",
+          label: "证件号",
+        },
+        {
+          prop: "mjmc",
+          label: "使用权面积",
+        },
+        {
+          prop: "qlxzmc",
+          label: "权利性质",
+        },
+        {
+          prop: "ytmc",
+          label: "土地用途",
+        },
+        {
+          prop: "syqqzsj",
+          label: "使用权起止时间",
+        },
+        // {
+        //   prop: "syqjssj",
+        //   label: "使用权结束时间",
+        // },
+        // {
+        //   prop: "tdsyqx",
+        //   label: "土地使用期限",
+        // },
+        {
+          prop: "tdsyqx",
+          label: "土地使用期限",
+        },
+        {
+          prop: "qdjgmc",
+          label: "取得价格",
+        },
+        {
+          prop: "djyy",
+          label: "登记原因",
+        },
+        {
+          prop: "bdcqzh",
+          label: "不动产权证号",
+        },
+        {
+          prop: "djsj",
+          label: "登记时间",
+        },
+        {
+          prop: "dbr",
+          label: "登簿人",
+        },
+        {
+          prop: "fj",
+          label: "附记",
+        },
+      ],
+      FDCQ1: [
+        {
+          prop: "qszt",
+          label: "权属状态",
+        },
+        {
+          prop: "sjlx",
+          label: "数据类型",
+        },
+        {
+          prop: "qllxmc",
+          label: "权利类型",
+        },
+        {
+          prop: "djlxmc",
+          label: "登记类型",
+        },
+        {
+          prop: "xmmc",
+          label: "项目名称",
+        },
+        {
+          prop: "zh",
+          label: "幢号",
+        },
+
+        {
+          prop: "zcs",
+          label: "总层数",
+        },
+        {
+          prop: "ghyt",
+          label: "规划用途",
+        },
+        {
+          prop: "ytmc",
+          label: "用途名称",
+        },
+        {
+          prop: "pzyt",
+          label: "批准用途",
+        },
+        {
+          prop: "sjyt",
+          label: "实际用途",
+        }, {
+          prop: "fwjg",
+          label: "房屋结构",
+        }, {
+          prop: "fwjgmc",
+          label: "房屋结构名称",
+        }, {
+          prop: "jzmj",
+          label: "建筑面积",
+        },
+        {
+          prop: "jgsj",
+          label: "竣工时间",
+        }, {
+          prop: "zts",
+          label: "总套数",
+        },
+        {
+          prop: "djyy",
+          label: "登记原因",
+        },
+        {
+          prop: "bdcqzh",
+          label: "不动产权证号",
+        },
+        {
+          prop: "djsj",
+          label: "登记时间",
+        },
+        {
+          prop: "dbr",
+          label: "登簿人",
+        },
+        {
+          prop: "fj",
+          label: "附记",
+        },
+      ],
+      FDCQ2: [
+        {
+          prop: "qszt",
+          label: "权属状态",
+        },
+        {
+          prop: "sjlx",
+          label: "数据类型",
+        },
+        {
+          prop: "qllxmc",
+          label: "权利类型",
+        },
+        {
+          prop: "djlxmc",
+          label: "登记类型",
+        },
+        {
+          prop: "ssywh",
+          label: "上手业务号",
+        },
+        {
+          prop: "dah",
+          label: "档案号",
+        },
+        {
+          prop: "ywh",
+          label: "业务号",
+        },
+        {
+          prop: "bdcdyh",
+          label: "不动产单元号",
+        },
+        {
+          prop: "zl",
+          label: "坐落",
+        },
+        {
+          prop: "gyqk",
+          label: "共有情况",
+        },
+        {
+          prop: "qlrlx",
+          label: "权利人类型",
+        },
+        {
+          prop: "qlrmc",
+          label: "权利人",
+        },
+        {
+          prop: "qlrzjzl",
+          label: "证件种类",
+        },
+        {
+          prop: "qlrzjhm",
+          label: "证件号",
+        },
+        {
+          prop: "tdsyqr",
+          label: "土地使用权人",
+        },
+        {
+          prop: "dytdmj",
+          label: "独用土地面积(m²)",
+        },
+        {
+          prop: "fttdmj",
+          label: "分摊土地面积(m²)",
+        },
+        {
+          prop: "tdxzmc",
+          label: "土地性质",
+        },
+        {
+          prop: "tdsyqzsj",
+          label: "使用权起止时间",
+        },
+        {
+          prop: "qdjgmc",
+          label: "房地产交易价格",
+        },
+        {
+          prop: "ytmc",
+          label: "房屋用途",
+        },
+        {
+          prop: "fwxzmc",
+          label: "房屋性质",
+        },
+        {
+          prop: "fwjgmc",
+          label: "房屋结构",
+        },
+        {
+          prop: "szc",
+          label: "所在层",
+        },
+        {
+          prop: "zcs",
+          label: "总层数",
+        },
+        {
+          prop: "jzmj",
+          label: "建筑面积（m2）",
+        },
+        {
+          prop: "zyjzmj",
+          label: "专有建筑面积（m2）",
+        },
+
+        {
+          prop: "ftjzmj",
+          label: "分摊建筑面积（m2）",
+        },
+        {
+          prop: "jgsj",
+          label: "竣工时间",
+        },
+        {
+          prop: "djyy",
+          label: "登记原因",
+        },
+        {
+          prop: "bdcqzh",
+          label: "不动产权证号",
+        },
+        {
+          prop: "djsj",
+          label: "登记时间",
+        },
+        {
+          prop: "dbr",
+          label: "登簿人",
+        },
+        {
+          prop: "fj",
+          label: "附记",
+        },
+      ],
+      NYDSYQ: [
+        {
+          prop: "qszt",
+          label: "权属状态",
+        },
+        {
+          prop: "sjlx",
+          label: "数据类型",
+        },
+        {
+          prop: "qllxmc",
+          label: "权利类型",
+        },
+        {
+          prop: "djlxmc",
+          label: "登记类型",
+        },
+        {
+          prop: "ssywh",
+          label: "上手业务号",
+        },
+        {
+          prop: "dah",
+          label: "档案号",
+        },
+        {
+          prop: "ywh",
+          label: "业务号",
+        },
+        {
+          prop: "bdcdyh",
+          label: "不动产单元号",
+        },
+        {
+          prop: "zl",
+          label: "坐落",
+        },
+        {
+          prop: "gyqk",
+          label: "共有情况",
+        },
+        {
+          prop: "qlrlx",
+          label: "权利人类型",
+        },
+        {
+          prop: "qlrmc",
+          label: "权利人",
+        },
+        {
+          prop: "qlrzjzl",
+          label: "证件种类",
+        },
+        {
+          prop: "qlrzjhm",
+          label: "证件号",
+        },
+        {
+          prop: "mj",
+          label: "使用权面积(m²)",
+        },
+        {
+          prop: "qlxzmc",
+          label: "权利性质",
+        },
+        {
+          prop: "ytmc",
+          label: "土地用途",
+        },
+        {
+          prop: "fbfdm",
+          label: "发包方代码",
+        },
+        {
+          prop: "fbfmc",
+          label: "发包方名称",
+        },
+        {
+          prop: "cbqzsj",
+          label: "承包起止时间",
+        },
+        {
+          prop: "cbqx",
+          label: "承包期限",
+        },
+        {
+          prop: "tdsyqxzmc",
+          label: "土地所有权性质",
+        },
+        {
+          prop: "syttlxmc",
+          label: "水域滩涂类型",
+        },
+        {
+          prop: "yzyfsmc",
+          label: "养殖业方式",
+        },
+        {
+          prop: "cyzl",
+          label: "草原质量",
+        },
+        {
+          prop: "syzcl",
+          label: "适宜载畜量",
+        },
+        {
+          prop: "ydyhflmc",
+          label: "用地用海分类",
+        },
+        {
+          prop: "djyy",
+          label: "登记原因",
+        },
+        {
+          prop: "bdcqzh",
+          label: "不动产权证号",
+        },
+        {
+          prop: "djsj",
+          label: "登记时间",
+        },
+        {
+          prop: "dbr",
+          label: "登簿人",
+        },
+        {
+          prop: "fj",
+          label: "附记",
+        },
+      ],
+      DYAQ: [
+        {
+          prop: "qszt",
+          label: "权属状态",
+        },
+        {
+          prop: "sjlx",
+          label: "数据类型",
+        },
+        {
+          prop: "dybdclx",
+          label: "抵押不动产类型",
+          render: (h, scope) => {
+            return (
+              <div>
+                <span v-show={scope.row.dybdclx == '1'}>土地</span>
+                <span v-show={scope.row.dybdclx == '2'}>土地和房屋</span>
+                <span v-show={scope.row.dybdclx == '3'}>林地和林木</span>
+                <span v-show={scope.row.dybdclx == '4'}>土地和在建建筑物</span>
+                <span v-show={scope.row.dybdclx == '5'}>海域</span>
+                <span v-show={scope.row.dybdclx == '6'}>海域和构筑物</span>
+                <span v-show={scope.row.dybdclx == '7'}>其它</span>
+              </div>
+            )
+          }
+        },
+        {
+          prop: "djlxmc",
+          label: "登记类型",
+        },
+        {
+          prop: "ssywh",
+          label: "上手业务号",
+        },
+        {
+          prop: "dah",
+          label: "档案号",
+        },
+        {
+          prop: "ywh",
+          label: "业务号",
+        },
+        {
+          prop: "bdcdyh",
+          label: "不动产单元号",
+        },
+        {
+          prop: "zl",
+          label: "在建建筑物坐落",
+        },
+        {
+          prop: "dyfsmc",
+          label: "抵押方式",
+        },
+        {
+          prop: "qlrmc",
+          label: "抵押权人",
+        },
+        {
+          prop: "qlrzjzl",
+          label: "抵押权人证件种类",
+        },
+        {
+          prop: "qlrzjhm",
+          label: "抵押权人证件号",
+        },
+        {
+          prop: "dyrlx",
+          label: "抵押人类型",
+        },
+        {
+          prop: "ywrmc",
+          label: "抵押人",
+        },
+        {
+          prop: "ywrzjzl",
+          label: "抵押人证件种类",
+        },
+        {
+          prop: "ywrzjhm",
+          label: "抵押人证件号",
+        },
+
+        {
+          prop: "sfygdj",
+          label: "是否预告登记",
+        },
+        {
+          prop: "zjjzwdyfw",
+          label: "在建建筑物抵押范围",
+        },
+        {
+          prop: "dymj",
+          label: "抵押面积",
+        },
+        {
+          prop: "bdbzzqse",
+          label: "被担保主债权数额(万元)",
+        },
+        {
+          prop: "dbfw",
+          label: "担保范围",
+        },
+        {
+          prop: "zwlxqssj",
+          label: "债务履行起始时间",
+        },
+        {
+          prop: "zwlxjssj",
+          label: "债务履行结束时间",
+        },
+        {
+          prop: "zwlxqx",
+          label: "债务履行期限(债务确定期间)",
+        },
+        {
+          prop: "zgzqqdsshse",
+          label: "最高债权确定事实和数额",
+        },
+        {
+          prop: "sfczyd",
+          label: "是否存在禁止或限制转让抵押不动产的约定",
+        },
+        {
+          prop: "djyy",
+          label: "登记原因",
+        },
+        {
+          prop: "bdcqzh",
+          label: "不动产登记证明号",
+        },
+        {
+          prop: "fj",
+          label: "附记",
+        },
+        {
+          prop: "djsj",
+          label: "登记时间",
+        },
+        {
+          prop: "dbr",
+          label: "登簿人",
+        },
+        {
+          prop: "djjg",
+          label: "登记机构",
+        },
+        {
+          prop: "zxywh",
+          label: "注销抵押业务号",
+        },
+        {
+          prop: "zxdyyy",
+          label: "注销抵押原因",
+        },
+        {
+          prop: "zxsj",
+          label: "注销登记时间",
+        },
+        {
+          prop: "zxdbr",
+          label: "注销登簿人",
+        },
+
+      ],
+      DYIQ: [
+        {
+          prop: "qszt",
+          label: "权属状态",
+        },
+        {
+          prop: "sjlx",
+          label: "数据类型",
+        },
+        {
+          prop: "djlxmc",
+          label: "登记类型",
+        },
+        {
+          prop: "ssywh",
+          label: "上手业务号",
+        },
+        {
+          prop: "dah",
+          label: "档案号",
+        },
+        {
+          prop: "ywh",
+          label: "业务号",
+        },
+        {
+          prop: "gydbdcdyh",
+          label: "供役地不动产单元号",
+        },
+        {
+          prop: "gydqlr",
+          label: "供役地权利人",
+        },
+        {
+          prop: "gydqlrzjzl",
+          label: "供役地权利人证件种类",
+        },
+        {
+          prop: "xydbdcdyh",
+          label: "需役地不动产单元号",
+        },
+        {
+          prop: "xydzl",
+          label: "需役地坐落",
+        },
+        {
+          prop: "xydqlr",
+          label: "需役地权利人",
+        },
+        {
+          prop: "xydqlrzjzl",
+          label: "需役地权利人证件种类",
+        },
+        {
+          prop: "xydzjh",
+          label: "需役地证件号",
+        },
+        {
+          prop: "djyy",
+          label: "登记原因",
+        },
+        {
+          prop: "dyqnr",
+          label: "地役权内容",
+        },
+        {
+          prop: "qlqssj",
+          label: "权利起始时间",
+        },
+        {
+          prop: "qljssj",
+          label: "权利结束时间",
+        },
+        {
+          prop: "bdcdjzmh",
+          label: "不动产登记证明号",
+        },
+        {
+          prop: "qxdm",
+          label: "区县代码",
+        },
+        {
+          prop: "djjg",
+          label: "登记机构",
+        },
+        {
+          prop: "dbr",
+          label: "登簿人",
+        },
+        {
+          prop: "djsj",
+          label: "登记时间",
+        },
+      ],
+      YGDJ: [
+        {
+          prop: "qszt",
+          label: "权属状态",
+        },
+        {
+          prop: "sjlx",
+          label: "数据类型",
+        },
+        {
+          prop: "ygdjzlmc",
+          label: "预告登记种类",
+        },
+        {
+          prop: "djlxmc",
+          label: "登记类型",
+        },
+        {
+          prop: "ssywh",
+          label: "上手业务号",
+        },
+        {
+          prop: "dah",
+          label: "档案号",
+        },
+        {
+          prop: "ywh",
+          label: "业务号",
+        },
+        {
+          prop: "bdcdyh",
+          label: "不动产单元号",
+        },
+        {
+          prop: "zl",
+          label: "坐落",
+        },
+        {
+          prop: "qlrmc",
+          label: "权利人",
+        },
+        {
+          prop: "qlrzjzl",
+          label: "证件种类",
+        },
+        {
+          prop: "qlrzjhm",
+          label: "证件号",
+        },
+        {
+          prop: "ywrmc",
+          label: "义务人",
+        },
+        {
+          prop: "ywrzjzl",
+          label: "证件种类",
+        },
+        {
+          prop: "ywrzjhm",
+          label: "证件号",
+        },
+        {
+          prop: "fwxzmc",
+          label: "房屋性质",
+        },
+        {
+          prop: "fwjgmc",
+          label: "房屋结构",
+        },
+        {
+          prop: "ytmc",
+          label: "房屋用途",
+        },
+        {
+          prop: "szc",
+          label: "所在层",
+        },
+        {
+          prop: "zcs",
+          label: "总层数",
+        },
+        {
+          prop: "jzmj",
+          label: "建筑面积/抵押面积(㎡)",
+        },
+        {
+          prop: "djyy",
+          label: "登记原因",
+        },
+        {
+          prop: "fj",
+          label: "附记",
+        },
+        {
+          prop: "qdjgmc",
+          label: "取得价格/被担保主债权数额",
+        },
+        {
+          prop: "dbfw",
+          label: "担保范围",
+        },
+        {
+          prop: "sfczyd",
+          label: "是否存在禁止或限制转让抵押不动产的约定",
+        },
+        {
+          prop: "djsj",
+          label: "登记时间",
+        },
+        {
+          prop: "bdcqzh",
+          label: "不动产登记证明号",
+        },
+        {
+          prop: "dbr",
+          label: "登簿人",
+        },
+        {
+          prop: "zxywh",
+          label: "注销预告业务号",
+        },
+        {
+          prop: "zxyy",
+          label: "注销预告原因",
+        },
+        {
+          prop: "zxsj",
+          label: "注销时间",
+        }
+      ],
+      CFDJ: [
+        {
+          prop: "qszt",
+          label: "权属状态",
+        },
+        {
+          prop: "sjlx",
+          label: "数据类型",
+        },
+        {
+          prop: "cflxmc",
+          label: "查封类型",
+        },
+        {
+          prop: "ssywh",
+          label: "上手业务号",
+        },
+        {
+          prop: "dah",
+          label: "档案号",
+        },
+        {
+          prop: "ywh",
+          label: "业务号",
+        },
+        {
+          prop: "bdcdyh",
+          label: "不动产单元号",
+        },
+        {
+          prop: "zl",
+          label: "坐落",
+        },
+        {
+          prop: "cfjg",
+          label: "查封机关",
+        },
+        {
+          prop: "ywrmc",
+          label: "被执行人",
+        },
+        {
+          prop: "ywrzjzl",
+          label: "证件种类",
+        },
+        {
+          prop: "ywrzjhm",
+          label: "证件号",
+        },
+
+        {
+          prop: "cfwh",
+          label: "查封文号",
+        },
+        {
+          prop: "cfwj",
+          label: "查封文件",
+        },
+        {
+          prop: "cfqssj",
+          label: "查封起始时间",
+        },
+        {
+          prop: "cfjssj",
+          label: "查封结束时间",
+        },
+        {
+          prop: "cfqx",
+          label: "查封期限",
+        },
+        {
+          prop: "cffw",
+          label: "查封范围",
+        },
+        {
+          prop: "djjg",
+          label: "登记机构",
+        },
+        {
+          prop: "dbr",
+          label: "登簿人",
+        },
+        {
+          prop: "djsj",
+          label: "登记时间",
+        },
+        {
+          prop: "zxywh",
+          label: "解封业务号",
+        },
+        {
+          prop: "jfjg",
+          label: "解封机关",
+        },
+        {
+          prop: "jfwh",
+          label: "解封文号",
+        },
+        {
+          prop: "jfwj",
+          label: "解封文件",
+        },
+        {
+          prop: "zxsj",
+          label: "解封登记时间",
+        },
+        {
+          prop: "zxdbr",
+          label: "解封登簿人",
+        },
+      ],
+      YYDJ: [
+        {
+          prop: "sjlx",
+          label: "数据类型",
+        },
+        {
+          prop: "qszt",
+          label: "权属状态",
+        },
+        {
+          prop: "qllxmc",
+          label: "权利类型",
+        },
+        {
+          prop: "djlxmc",
+          label: "登记类型",
+        },
+        {
+          prop: "ssywh",
+          label: "上手业务号",
+        },
+        {
+          prop: "dah",
+          label: "档案号",
+        },
+        {
+          prop: "ywh",
+          label: "业务号",
+        },
+        {
+          prop: "bdcdyh",
+          label: "不动产单元号",
+        },
+        {
+          prop: "zl",
+          label: "坐落",
+        },
+        {
+          prop: "yyr",
+          label: "异议人",
+        },
+        {
+          prop: "zjzl",
+          label: "证件种类",
+        },
+        {
+          prop: "zjh",
+          label: "证件号",
+        },
+        {
+          prop: "yysx",
+          label: "异议事项",
+        },
+        {
+          prop: "bdcdjzmh",
+          label: "不动产登记证明号",
+        },
+        {
+          prop: "djjg",
+          label: "登记机构",
+        },
+        {
+          prop: "dbr",
+          label: "登簿人",
+        },
+        {
+          prop: "djsj",
+          label: "登记时间",
+        },
+        {
+          prop: "zxyyywh",
+          label: "注销异议业务号",
+        },
+        {
+          prop: "zxyyyy",
+          label: "注销异议原因",
+        },
+        {
+          prop: "zxyydbr",
+          label: "注销异议登簿人",
+        },
+        {
+          prop: "zxyydjsj",
+          label: "注销异议登记时间",
+        },
+      ],
+      LDSYQ: [
+        {
+          prop: "ywh",
+          label: "业务号",
+        },
+        {
+          prop: "sjlx",
+          label: "数据类型",
+        },
+        {
+          prop: "qllxmc",
+          label: "权利类型",
+        },
+        {
+          prop: "djlxmc",
+          label: "登记类型",
+        },
+        {
+          prop: "ssywh",
+          label: "上手业务号",
+        },
+
+        {
+          prop: "bdcdyh",
+          label: "不动产单元号",
+        },
+        {
+          prop: "zl",
+          label: "坐落",
+        },
+        {
+          prop: "gyqk",
+          label: "共有情况",
+        },
+        {
+          prop: "qlrzjzl",
+          label: "证件种类",
+        },
+        {
+          prop: "qlrzjhm",
+          label: "证件号",
+        },
+        {
+          prop: "ldsyqxz",
+          label: "林地所有权性质",
+        },
+        {
+          prop: "fbf",
+          label: "发包方",
+        },
+        {
+          prop: "fbfdm",
+          label: "发包方代码",
+        },
+        {
+          prop: "syqmj",
+          label: "使用权面积",
+        },
+        {
+          prop: "sllb",
+          label: "森林类别",
+        },
+        {
+          prop: "zylz",
+          label: "主要树种",
+        },
+        {
+          prop: "zs",
+          label: "株数",
+        },
+        {
+          prop: "lz",
+          label: "林种",
+        },
+        {
+          prop: "qy",
+          label: "起源",
+        },
+        {
+          prop: "zlnd",
+          label: "造林年度",
+        },
+        {
+          prop: "lb",
+          label: "林班",
+        },
+        {
+          prop: "xb",
+          label: "小班",
+        },
+        {
+          prop: "xdm",
+          label: "小地名",
+        },
+        {
+          prop: "djjg",
+          label: "登记机构",
+        },
+        {
+          prop: "dbr",
+          label: "登簿人",
+        },
+        {
+          prop: "djsj",
+          label: "登记时间",
+        },
+      ]
+    }
+  }
+
+
+}
+
+let datas = new data()
+
+export {
+  datas
+}

@@ -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,
@@ -141,11 +159,8 @@ export default {
      * @author: renchao
      */
     loadData() {
-      if (this.$parent.addRepairRecord) {
-        this.columns.unshift({
-          prop: "cz",
-          label: "操作",
-        });
+         if (this.$parent.addRepairRecord) {
+        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,27 +214,20 @@ 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 {
-  position: relative;
-  .print {
-    // background-color: #0079fe;
-    z-index: 10;
-    position: absolute;
-    left: 11px;
-    top: 5px;
+  .title {
+    position: relative;
+    .print {
+      // background-color: #0079fe;
+      z-index: 10;
+      position: absolute;
+      left: 11px;
+      top: 5px;
   }
 }
 </style>

 <!--
  * @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 () {
-      return {
+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 () {
-      return {
+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,21 +29,35 @@
             <td>
               {{ item.label }}
             </td>
-            <td v-for="(row, index) in tableData" :key="index" :class="[
-              row.qszt == '2' ? 'lishi' : '',
-              row.qszt == '0' ? 'linshi' : '',
-              row.qlzt == '4' ? 'linshi' : '',
+            <td
+              v-for="(row, index) in tableData"
+              :key="index"
+              :class="[
+                row.qszt == '2' ? 'lishi' : '',
+                row.qszt == '0' ? 'linshi' : '',
+                row.qlzt == '4' ? 'linshi' : '',
 
-              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 == '3' ? 'linshiIcon' : '',
+                item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
+                item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
+                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,129 +98,133 @@
 </template>
 
 <script>
-  import { datas } from "./qlxxFormData.js";
-  import { getYgdjList } from "@/api/djbDetail.js";
-  import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
-  export default {
-    data () {
-      return {
-        title: "预告登记信息",
-        qsztList: datas.columns().qsztList,
-        checkList: datas.columns().checkList,
-        //传递参数
-        propsParam: this.$attrs,
-        //列表数据
-        tableData: [],
-        //空列值个数
-        emptycolNum: datas.columns().emptycolNum,
-        //列名称对象
-        columns: datas.columns().YGDJ,
-      };
-    },
-    created () {
-      this.loadData();
-    },
-    methods: {
-      /**
-       * @description: loadData
-       * @author: renchao
-       */
-      loadData () {
-        // 判断是否在登记簿补录调的子页面
-        if (this.$parent.addRepairRecord) {
-          this.columns.unshift({
-            prop: "cz",
-            label: "操作"
-          })
-        }
-        getYgdjList({
-          bdcdyid: this.propsParam.bdcdyid,
-          qllx: this.propsParam.qllx,
-          qszt: this.checkList,
-        }).then((res) => {
-          if (res.code === 200) {
-            this.tableData = res.result;
-            this.tableData.forEach((item) => {
-              item.sjlx = getSjlx(item.sjlx);
-              item.dybdclx = getDictLeabel(item.dybdclx, 'A27')
-            });
-            if (this.tableData.length < datas.columns().emptycolNum) {
-              this.emptycolNum =
-                datas.columns().emptycolNum - this.tableData.length;
-            } else {
-              this.emptycolNum = 0;
-            }
-          }
-        });
-      },
-      /**
-       * @description: checkChange
-       * @author: renchao
-       */
-      checkChange () {
-        if (this.checkList.length === 0) {
-          this.tableData = [];
-          this.emptycolNum = datas.columns().emptycolNum;
-        } else {
-          this.loadData();
-        }
+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",
+        //其他配置项，
       },
-      /**
-       * @description: getQsztName
-       * @param {*} code
-       * @author: renchao
-       */
-      getQsztName (code) {
-        let name = "";
-        for (let item of this.qsztList) {
-          if (item.value == code) {
-            name = item.label;
-            break;
+      shows:false,
+      title: "预告登记信息",
+      qsztList: datas.columns().qsztList,
+      checkList: datas.columns().checkList,
+      //传递参数
+      propsParam: this.$attrs,
+      //列表数据
+      tableData: [],
+      //空列值个数
+      emptycolNum: datas.columns().emptycolNum,
+      //列名称对象
+      columns: datas.columns().YGDJ,
+    };
+  },
+  created() {
+    this.loadData();
+  },
+  methods: {
+    /**
+     * @description: loadData
+     * @author: renchao
+     */
+    loadData() {
+      // 判断是否在登记簿补录调的子页面
+      if (this.$parent.addRepairRecord) {
+        this.columns.unshift({
+          prop: "cz",
+          label: "操作",
+        });
+      }
+      getYgdjList({
+        bdcdyid: this.propsParam.bdcdyid,
+        qllx: this.propsParam.qllx,
+        qszt: this.checkList,
+      }).then((res) => {
+        if (res.code === 200) {
+          this.tableData = res.result;
+          this.shows=this.tableData.length>0
+          this.tableData.forEach((item) => {
+            item.sjlx = getSjlx(item.sjlx);
+            item.dybdclx = getDictLeabel(item.dybdclx, "A27");
+          });
+          if (this.tableData.length < datas.columns().emptycolNum) {
+            this.emptycolNum =
+              datas.columns().emptycolNum - this.tableData.length;
+          } else {
+            this.emptycolNum = 0;
           }
         }
-        return name;
-      },
-      // 新增一条补录信息
-      /**
-       * @description: 新增一条补录信息
-       * @param {*} row
-       * @param {*} del
-       * @author: renchao
-       */
-      editDialog (row, del) {
-        this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
-          confirmButtonText: '确定',
-          cancelButtonText: '取消',
-          type: 'warning'
-        }).then(() => {
-          this.$parent.addRepairRecord(row, del)
+      });
+    },
+    /**
+     * @description: checkChange
+     * @author: renchao
+     */
+    checkChange() {
+      if (this.checkList.length === 0) {
+        this.tableData = [];
+        this.emptycolNum = datas.columns().emptycolNum;
+      } else {
+        this.loadData();
+      }
+    },
+    /**
+     * @description: getQsztName
+     * @param {*} code
+     * @author: renchao
+     */
+    getQsztName(code) {
+      let name = "";
+      for (let item of this.qsztList) {
+        if (item.value == code) {
+          name = item.label;
+          break;
+        }
+      }
+      return name;
+    },
+    // 新增一条补录信息
+    /**
+     * @description: 新增一条补录信息
+     * @param {*} row
+     * @param {*} del
+     * @author: renchao
+     */
+    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 () {
-      return {
+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
             }
           });
         }

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

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-08-31 09:48:52
+ * @LastEditTime: 2023-09-06 16:15:09
 -->
 <template>
   <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();
         image.onload = () => {
           context.drawImage(image, 0, 0);
-          context.font = '16px 楷体';
+          context.font = '18px 楷体';
           context.fillStyle = '#000000';
           context.fillText(this.bdcqz.sjjc ? this.bdcqz.sjjc : '', 60, 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);
           // 权利其他状态
-          const maxWidth = 332; // 最大宽度限制
           let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : [];
           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 arr = [];
               for (let word of lines[i]) {
                 const testLine = currentLine + word;
                 const lineWidth = context.measureText(testLine).width;
-                if (lineWidth <= maxWidth) {
+                if (lineWidth <= 323) {
                   currentLine = testLine;
                 } else {
                   arr.push(currentLine);
@@ -226,11 +225,11 @@
               arr.push(currentLine);
               if (i > 0) {
                 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 {
                 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 {
@@ -374,7 +373,7 @@
         const image = new Image();
         image.onload = () => {
           context.drawImage(image, 0, 0);
-          context.font = '16px 楷体';
+          context.font = '18px 楷体';
           context.fillStyle = '#000000';
           // ysxlh
           context.fillText(this.bdcqz.ysxlh ? this.bdcqz.ysxlh : '', 280, 712);
@@ -464,20 +463,19 @@
               arr.push(currentLine);
               if (i > 0) {
                 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 {
                 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 {
-              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

@@ -3,24 +3,24 @@
     <el-row>
       <el-col :span="12">
         <el-form-item label="企业名称:" prop="qymc">
-          <el-input v-model="ruleForm.qymc" ></el-input>
+          <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-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-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-input v-model="ruleForm.zjh"></el-input>
         </el-form-item>
       </el-col>
     </el-row>
@@ -28,237 +28,235 @@
     <el-row>
       <el-col :span="12">
         <el-form-item label="法人名称:" prop="frmc">
-          <el-input v-model="ruleForm.frmc" ></el-input>
+          <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-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-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-input v-model="ruleForm.yb"></el-input>
         </el-form-item>
       </el-col>
     </el-row>
-    <el-form-item >
-      <el-button type="primary" @click="submitForm">保存</el-button>
+    <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: ''
+  import store from '@/store/index.js'
+  import { addQy } from "@/api/xxba.js"
+  export default {
+    props: {
+      formData: {
+        type: Object,
+        default: () => { },
       },
-      //表格数据
-      tableForm: [
-        {
-          name: '不动产权证书',
-          ksysxlh: '',
-          jsysxlh: '',
-          bs: 0,
-          zslx: 1
+    },
+    data () {
+      return {
+        DJJGLIST: store.getters.dictData['ywly'],
+        readOnly: false,
+        //表单提交数据
+        ruleForm: {
+          batchno: '',
+          djjg: '',
+          operator: '超级管理员',
+          operationtime: '',
+          bz: '',
+          zsstarno: '',
+          zsendno: '',
+          zsnum: '',
+          zmstarno: '',
+          zmendno: '',
+          zmnum: ''
         },
-        {
-          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' }
+        //表格数据
+        tableForm: [
+          {
+            name: '不动产权证书',
+            ksysxlh: '',
+            jsysxlh: '',
+            bs: 0,
+            zslx: 1
+          },
+          {
+            name: '不动产登记证明',
+            ksysxlh: '',
+            jsysxlh: '',
+            bs: 0,
+            zslx: 2
+          }
         ],
-      },
-    }
-  },
-  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();
-          this.$parent.queryClick();
-        } else {
-          this.$message.error(res.message);
-        }
-      })
+        //证书入库业务号参数
+        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' }
+          ],
+        },
+      }
     },
-    //获取详情信息
-    /**
-     * @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;
-        }
-      })
+    mounted () {
+      if (this.formData.bsmBatch) {
+        this.tableForm[0].bs = null;
+        this.tableForm[1].bs = null;
+        this.getDetailInfo(this.formData.bsmBatch);
+      } else { }
     },
-    //印刷序列号处理
-    /**
-     * @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;
+    methods: {
+      /**
+       * @description: 表单提交
+       * @author: renchao
+       */
+      submitForm () {
+        this.tableForm.forEach((item, index) => {
+          if (item.bs < 0) {
             return;
           }
-          if (item.ksysxlh > item.jsysxlh) {
+        })
+        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;
-            return;
           }
-          item.bs = item.jsysxlh - item.ksysxlh + 1;
+        } else {
+          item.bs = 0;
           if (item.zslx == 1) {
-            this.ruleForm.zsstarno = item.ksysxlh;
-            this.ruleForm.zsendno = item.jsysxlh;
+            this.ruleForm.zsstarno = '';
+            this.ruleForm.zsendno = '';
             this.ruleForm.zsnum = item.bs
           } else if (item.zslx == 2) {
-            this.ruleForm.zmstarno = item.ksysxlh;
-            this.ruleForm.zmendno = item.jsysxlh;
+            this.ruleForm.zmstarno = '';
+            this.ruleForm.zmendno = '';
             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();
       }
-    },
-    /**
-     * @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";
+  @import "~@/styles/mixin.scss";
+  @import "~@/styles/dialogBoxheader.scss";
 
-.font-red {
-  color: red
-}
+  .font-red {
+    color: red;
+  }
 
-.middle-margin-bottom {
-  margin-top: 20px
-}
+  .middle-margin-bottom {
+    margin-top: 20px;
+  }
 </style>

 /*
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-09-01 10:17:27
+ * @LastEditTime: 2023-09-06 16:10:25
  */
 import filter from '@/utils/filter.js'
 let vm = null
@@ -35,26 +35,8 @@ class data extends filter {
         prop: "zjzl",
         label: "证件种类",
         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",
@@ -79,7 +61,7 @@ class data extends filter {
         render: (h, scope) => {
           return (
             <div>
-              <el-button type="text" onClick={() => { this.handleDelete(scope.row) }}>删除</el-button>
+              <el-button type="text" onClick={() => { vm.handleDelete(scope.row) }}>删除</el-button>
             </div>
           )
         }

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-09-01 10:17:48
+ * @LastEditTime: 2023-09-06 16:08:08
 -->
 <template>
   <div class="from-clues">
@@ -30,7 +30,7 @@
         </el-row>
       </el-form>
     </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"
         :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
         :column="tableData.columns" :data="tableData.data">
@@ -39,6 +39,7 @@
   </div>
 </template>
 <script>
+  import { mapGetters } from 'vuex'
   import table from "@/utils/mixin/table"
   import { datas, sendThis } from "./data"
   import { queryQyByPage, addQy } from "@/api/xxba.js";
@@ -53,6 +54,15 @@
       this.queryClick()
     },
     computed: {
+      ...mapGetters(['workFresh'])
+    },
+    watch: {
+      workFresh: {
+        handler (newVal, oldVal) {
+          console.log(newVal, 'newVal');
+          if (newVal) this.queryClick()
+        }
+      }
     },
     data () {
       return {
@@ -60,10 +70,6 @@
           qymc: "",
           zjh: "",
         },
-        pageData: {
-          current: 1,
-          size: 10,
-        },
         tableData: {
           total: 0,
           columns: datas.columns(),
@@ -77,11 +83,7 @@
        */
       queryClick () {
         this.$startLoading();
-        let pageForm = {
-          pageSize: this.pageData.size,
-          pageNumber: this.pageData.current
-        }
-        let data = {...this.queryForm, ...pageForm}
+        let data = { ...this.queryForm, ...this.pageData }
         queryQyByPage(data).then((res) => {
           this.$endLoading();
           if (res.code === 200) {
@@ -89,7 +91,7 @@
             this.tableData.total = total;
             this.tableData.data = records;
           }
-        });
+        })
       },
       handleSearch () {
         this.queryClick();
@@ -97,7 +99,23 @@
       handleAdd () {
         this.$popupDialog("添加企业", "xxba/qyxxba/components/addDialog", {}, "50%")
       },
-      handleDelete () { }
+      handleDelete () {
+        this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }).then(() => {
+          this.$message({
+            type: 'success',
+            message: '删除成功!'
+          });
+        }).catch(() => {
+          this.$message({
+            type: 'info',
+            message: '已取消删除'
+          });
+        });
+      }
     }
   }
 </script>

@@ -3,24 +3,24 @@
     <el-row>
       <el-col :span="12">
         <el-form-item label="企业名称:" prop="qymc">
-          <el-input v-model="ruleForm.qymc" ></el-input>
+          <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-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-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-input v-model="ruleForm.zjh"></el-input>
         </el-form-item>
       </el-col>
     </el-row>
@@ -28,28 +28,28 @@
     <el-row>
       <el-col :span="12">
         <el-form-item label="法人名称:" prop="frmc">
-          <el-input v-model="ruleForm.frmc" ></el-input>
+          <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-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-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-input v-model="ruleForm.yb"></el-input>
         </el-form-item>
       </el-col>
     </el-row>
-    <el-form-item >
+    <el-form-item style="text-align:center">
       <el-button type="primary" @click="submitForm">保存</el-button>
       <el-button @click="closeDialog">取消</el-button>
     </el-form-item>
@@ -57,208 +57,206 @@
 </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: ''
+  import store from '@/store/index.js'
+  import { addYh } from "@/api/xxba.js"
+  export default {
+    props: {
+      formData: {
+        type: Object,
+        default: () => { },
       },
-      //表格数据
-      tableForm: [
-        {
-          name: '不动产权证书',
-          ksysxlh: '',
-          jsysxlh: '',
-          bs: 0,
-          zslx: 1
+    },
+    data () {
+      return {
+        DJJGLIST: store.getters.dictData['ywly'],
+        readOnly: false,
+        //表单提交数据
+        ruleForm: {
+          batchno: '',
+          djjg: '',
+          operator: '超级管理员',
+          operationtime: '',
+          bz: '',
+          zsstarno: '',
+          zsendno: '',
+          zsnum: '',
+          zmstarno: '',
+          zmendno: '',
+          zmnum: ''
         },
-        {
-          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' }
+        //表格数据
+        tableForm: [
+          {
+            name: '不动产权证书',
+            ksysxlh: '',
+            jsysxlh: '',
+            bs: 0,
+            zslx: 1
+          },
+          {
+            name: '不动产登记证明',
+            ksysxlh: '',
+            jsysxlh: '',
+            bs: 0,
+            zslx: 2
+          }
         ],
-      },
-    }
-  },
-  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;
-        }
-      })
-      addYh(this.ruleForm).then(res => {
-        if (res.code == 200) {
-          this.$message.success('保存成功')
-          this.$emit("input", false);
-          this.$refs['ruleForm'].resetFields();
-          this.resetTableFields();
-          this.closeDialog();
-          this.$parent.queryClick();
-        } else {
-          this.$message.error(res.message);
-        }
-      })
+        //证书入库业务号参数
+        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' }
+          ],
+        },
+      }
     },
-    //获取详情信息
-    /**
-     * @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;
-        }
-      })
+    mounted () {
+      if (this.formData.bsmBatch) {
+        this.tableForm[0].bs = null;
+        this.tableForm[1].bs = null;
+        this.getDetailInfo(this.formData.bsmBatch);
+      }
     },
-    //印刷序列号处理
-    /**
-     * @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;
+    methods: {
+      /**
+       * @description: 表单提交
+       * @author: renchao
+       */
+      submitForm () {
+        this.tableForm.forEach((item, index) => {
+          if (item.bs < 0) {
             return;
           }
-          if (item.ksysxlh > item.jsysxlh) {
+        })
+        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;
-            return;
           }
-          item.bs = item.jsysxlh - item.ksysxlh + 1;
+        } else {
+          item.bs = 0;
           if (item.zslx == 1) {
-            this.ruleForm.zsstarno = item.ksysxlh;
-            this.ruleForm.zsendno = item.jsysxlh;
+            this.ruleForm.zsstarno = '';
+            this.ruleForm.zsendno = '';
             this.ruleForm.zsnum = item.bs
           } else if (item.zslx == 2) {
-            this.ruleForm.zmstarno = item.ksysxlh;
-            this.ruleForm.zmendno = item.jsysxlh;
+            this.ruleForm.zmstarno = '';
+            this.ruleForm.zmendno = '';
             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();
       }
-    },
-    /**
-     * @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";
+  @import "~@/styles/mixin.scss";
+  @import "~@/styles/dialogBoxheader.scss";
 
-.font-red {
-  color: red
-}
+  .font-red {
+    color: red;
+  }
 
-.middle-margin-bottom {
-  margin-top: 20px
-}
+  .middle-margin-bottom {
+    margin-top: 20px;
+  }
 </style>

 /*
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-09-01 10:17:27
+ * @LastEditTime: 2023-09-06 16:12:16
  */
 import filter from '@/utils/filter.js'
 let vm = null
@@ -35,26 +35,8 @@ class data extends filter {
         prop: "zjzl",
         label: "证件种类",
         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",
@@ -79,7 +61,7 @@ class data extends filter {
         render: (h, scope) => {
           return (
             <div>
-              <el-button type="text" onClick={() => { this.handleDelete(scope.row) }}>删除</el-button>
+              <el-button type="text" onClick={() => { vm.handleDelete(scope.row) }}>删除</el-button>
             </div>
           )
         }

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-09-01 10:17:48
+ * @LastEditTime: 2023-09-06 16:08:32
 -->
 <template>
   <div class="from-clues">
@@ -30,78 +30,96 @@
         </el-row>
       </el-form>
     </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"
-                :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
-                :column="tableData.columns" :data="tableData.data">
+        :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
+        :column="tableData.columns" :data="tableData.data">
       </lb-table>
     </div>
   </div>
 </template>
 <script>
-import table from "@/utils/mixin/table"
-import { datas, sendThis } from "./data"
-import { queryYhByPage, addYh } from "@/api/xxba.js";
-export default {
-  name: "cwrz",
-  components: {},
-  mixins: [table],
-  mounted () {
-    sendThis(this);
-  },
-  activated () {
-    this.queryClick()
-  },
-  computed: {
-  },
-  data () {
-    return {
-      queryForm: {
-        qymc: "",
-        zjh: "",
+  import { mapGetters } from 'vuex'
+  import table from "@/utils/mixin/table"
+  import { datas, sendThis } from "./data"
+  import { queryYhByPage, addYh } from "@/api/xxba.js";
+  export default {
+    name: "cwrz",
+    components: {},
+    mixins: [table],
+    mounted () {
+      sendThis(this);
+    },
+    activated () {
+      this.queryClick()
+    },
+    computed: {
+      ...mapGetters(['workFresh'])
+    },
+    watch: {
+      workFresh: {
+        handler (newVal, oldVal) {
+          console.log(newVal, 'newVal');
+          if (newVal) this.queryClick()
+        }
+      }
+    },
+    data () {
+      return {
+        queryForm: {
+          qymc: "",
+          zjh: "",
+        },
+        tableData: {
+          total: 0,
+          columns: datas.columns(),
+          data: [],
+        },
+      };
+    },
+    methods: {
+      /**
+       * @description: 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;
+          }
+        });
       },
-      pageData: {
-        current: 1,
-        size: 10,
+      handleSearch () {
+        this.queryClick();
       },
-      tableData: {
-        total: 0,
-        columns: datas.columns(),
-        data: [],
+      handleAdd () {
+        this.$popupDialog("添加企业", "xxba/yhjgba/components/addDialog", {}, "50%")
       },
-    };
-  },
-  methods: {
-    /**
-     * @description: queryClick
-     */
-    queryClick () {
-      this.$startLoading();
-      let pageForm = {
-        pageSize: this.pageData.size,
-        pageNumber: this.pageData.current
+      handleDelete () {
+        this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }).then(() => {
+          this.$message({
+            type: 'success',
+            message: '删除成功!'
+          });
+        }).catch(() => {
+          this.$message({
+            type: 'info',
+            message: '已取消删除'
+          });
+        });
       }
-      let data = {...this.queryForm, ...pageForm}
-      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();
-    },
-    handleAdd () {
-      this.$popupDialog("添加企业", "xxba/yhjgba/components/addDialog", {}, "50%")
-    },
-    handleDelete () { }
+    }
   }
-}
 </script>
 <style scoped lang="scss">
-@import "~@/styles/public.scss";
+  @import "~@/styles/public.scss";
 </style>