Merge branch 'dev'

 /*
 /*
  * @Description:
  * @Description:
  * @Autor: renchao
  * @Autor: renchao
- * @LastEditTime: 2023-05-16 14:05:25
+ * @LastEditTime: 2023-09-15 09:32:40
  */
  */
 import request from '@/utils/request'
 import request from '@/utils/request'
 import { log } from 'bpmn-js-token-simulation'
 import { log } from 'bpmn-js-token-simulation'
@@ -25,7 +25,7 @@ export function addRepairRecord (data) {
  */
  */
 export function deleteFlow (params) {
 export function deleteFlow (params) {
   return request({
   return request({
-    url: SERVER.SERVERAPI + '/rest/djbRepair/deleteFlow?bsmSlsq='+params,
+    url: SERVER.SERVERAPI + '/rest/djbRepair/deleteFlow?bsmSlsq=' + params,
     method: 'get',
     method: 'get',
   })
   })
 }
 }
@@ -37,7 +37,7 @@ export function deleteFlow (params) {
  */
  */
 export function deleteRepairRecord (params) {
 export function deleteRepairRecord (params) {
   return request({
   return request({
-    url: SERVER.SERVERAPI + '/rest/djbRepair/deleteRepairRecord?bsmRepair='+params,
+    url: SERVER.SERVERAPI + '/rest/djbRepair/deleteRepairRecord?bsmRepair=' + params,
     method: 'get',
     method: 'get',
   })
   })
 }
 }
@@ -49,7 +49,7 @@ export function deleteRepairRecord (params) {
  */
  */
 export function init (params) {
 export function init (params) {
   return request({
   return request({
-    url: SERVER.SERVERAPI + '/rest/djbRepair/init?bsmRepair='+params.bsmRepair+'&isEdit='+params.isEdit,
+    url: SERVER.SERVERAPI + '/rest/djbRepair/init?bsmRepair=' + params.bsmRepair + '&isEdit=' + params.isEdit,
     method: 'get',
     method: 'get',
   })
   })
 }
 }
@@ -61,7 +61,7 @@ export function init (params) {
  */
  */
 export function leftMenubl (params) {
 export function leftMenubl (params) {
   return request({
   return request({
-    url: SERVER.SERVERAPI + '/rest/djbRepair/leftMenu?bsmSlsq='+params,
+    url: SERVER.SERVERAPI + '/rest/djbRepair/leftMenu?bsmSlsq=' + params,
     method: 'get',
     method: 'get',
     params
     params
   })
   })
@@ -110,7 +110,7 @@ export function getZtQlxx (params) {
  * @param {*} data
  * @param {*} data
  * @author: renchao
  * @author: renchao
  */
  */
- export function startBusinessFlow (data) {
+export function startBusinessFlow (data) {
   return request({
   return request({
     url: SERVER.SERVERAPI + '/rest/djbRepair/startBusinessFlow',
     url: SERVER.SERVERAPI + '/rest/djbRepair/startBusinessFlow',
     method: 'post',
     method: 'post',
@@ -122,7 +122,7 @@ export function getZtQlxx (params) {
  * @param {*} data
  * @param {*} data
  * @author: renchao
  * @author: renchao
  */
  */
- export function addidea (data) {
+export function addidea (data) {
   return request({
   return request({
     url: SERVER.SERVERAPI + '/rest/djbRepair/sh',
     url: SERVER.SERVERAPI + '/rest/djbRepair/sh',
     method: 'post',
     method: 'post',
@@ -134,9 +134,9 @@ export function getZtQlxx (params) {
  * @param {*} data
  * @param {*} data
  * @author: renchao
  * @author: renchao
  */
  */
- export function getShList (data) {
+export function getShList (data) {
   return request({
   return request({
-    url: SERVER.SERVERAPI + '/rest/djbRepair/getShList?bsmRepair='+data.bsmRepair,
+    url: SERVER.SERVERAPI + '/rest/djbRepair/getShList?bsmRepair=' + data.bsmRepair,
     method: 'post',
     method: 'post',
     data
     data
   })
   })
@@ -147,10 +147,24 @@ export function getZtQlxx (params) {
  * @param {*} data
  * @param {*} data
  * @author: renchao
  * @author: renchao
  */
  */
- export function getQlxxByQlxxBsm (params) {
+export function getQlxxByQlxxBsm (params) {
   return request({
   return request({
     url: SERVER.SERVERAPI + '/rest/djbRepair/getQlxxByQlxxBsm',
     url: SERVER.SERVERAPI + '/rest/djbRepair/getQlxxByQlxxBsm',
     method: 'get',
     method: 'get',
     params
     params
   })
   })
 }
 }
+
+
+/**
+ * @description: 初始化材料信息
+ * @param {*} data
+ * @author: renchao
+ */
+export function repairInitClml (data) {
+  return request({
+    url: SERVER.SERVERAPI + '/rest/djbRepair/repairInitClml',
+    method: 'post',
+    data
+  })
+}
\ No newline at end of file

+/*
+ * @Description: 登记业务信息接口
+ * @Autor: renchao
+ * @LastEditTime: 2023-09-18 14:22:02
+ */
+import request from '@/utils/request'
+let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl'))
+/**
+ * @description: 根据业务号查询系统参数数据
+ * @param {*} ywh
+ * @author: renchao
+ */
+export function getXtParamsByYwh (ywh) {
+  return request({
+    url: SERVER.SERVERAPI + '/rest/ywbl/djyw/getXtParamsByYwh',
+    method: 'get',
+    params: {
+      ywh: ywh
+    }
+  })
+}
+
+/**
+ * @description: 根据业务号查询补录参数数据
+ * @param {*} ywh
+ * @param {*} bsmQlxx
+ * @author: renchao
+ */
+export function getBlParamsByYwh (ywh, bsmQlxx) {
+  return request({
+    url: SERVER.SERVERAPI + '​/rest​/ywbl​/djyw​/getBlParamsByYwh',
+    method: 'get',
+    params: {
+      ywh: ywh,
+      bsmQlxx: bsmQlxx
+    }
+  })
+}
\ No newline at end of file

 <!--
 <!--
  * @Description: 
  * @Description: 
  * @Autor: renchao
  * @Autor: renchao
- * @LastEditTime: 2023-09-11 10:18:11
+ * @LastEditTime: 2023-09-14 17:11:15
 -->
 -->
 <template>
 <template>
   <transition name="msgbox-fade">
   <transition name="msgbox-fade">
@@ -160,7 +160,7 @@
   .mask-content {
   .mask-content {
     padding: 5px 20px 30px 20px;
     padding: 5px 20px 30px 20px;
     width: 100%;
     width: 100%;
-    min-height: 20%;
+    min-height: 253px;
     max-height: 90vh;
     max-height: 90vh;
     overflow-y: scroll;
     overflow-y: scroll;
   }
   }

+这是登记薄材料明细
+补录数据和临时数据
\ No newline at end of file

+<!--
+ * @Description:
+ * @Autor: renchao
+ * @LastEditTime: 2023-09-07 15:04:46
+-->
+<template>
+  <dialogBox title="新建材料信息" width="20%" isMain v-model="myValue" @closeDialog="closeDialog" @submitForm="handleSubmit"
+    :isFullscreen="false">
+    <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="80px">
+      <el-row>
+        <el-col :span="24">
+          <el-form-item label="材料类型" prop="cllx">
+            <el-select v-model="ruleForm.cllx" class="width100" placeholder="请选择">
+              <el-option v-for="item in cllxList" :key="item.dcode" :label="item.dname" :value="item.dcode">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="24">
+          <el-form-item label="材料名称" prop="clmc">
+            <el-input v-model="ruleForm.clmc"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+  </dialogBox>
+</template>
+<script>
+  import store from '@/store/index.js'
+  export default {
+    props: {
+      value: { type: Boolean, default: false },
+    },
+    data () {
+      return {
+        cllxList: store.getters.dictData['A40'],
+        myValue: this.value,
+        ruleForm: {
+          cllx: "",
+          clmc: "",
+        },
+        rules: {
+          cllx: [
+            { required: true, message: '请选择材料类型', trigger: 'change' }
+          ],
+          clmc: [
+            { required: true, message: '请输入材料名称', trigger: 'blur' }
+          ]
+        }
+      }
+    },
+    watch: {
+      value (val) {
+        this.myValue = val;
+      },
+    },
+    methods: {
+      /**
+       * @description: closeDialog
+       * @author: renchao
+       */
+      closeDialog () {
+        this.$emit("input", false);
+        this.ruleForm = {
+          cllx: "",
+          clmc: "",
+        }
+      },
+      /**
+       * @description: handleSubmit
+       * @author: renchao
+       */
+      handleSubmit () {
+        this.$refs['ruleForm'].validate((valid) => {
+          if (valid) {
+            this.$parent.addSave(this.ruleForm);
+            this.ruleForm = {
+              cllx: "",
+              clmc: "",
+            }
+            this.$emit("input", false);
+          } else {
+            return false;
+          }
+        })
+      }
+    }
+  };
+</script>
+<style scoped lang="scss">
+  .submit-button {
+    text-align: center;
+    height: 52px;
+    padding-top: 10px;
+    background-color: #fff;
+  }
+</style>

+<!--
+ * @Description:
+ * @Autor: renchao
+ * @LastEditTime: 2023-09-14 11:14:54
+-->
+<template>
+  <div class="clmlmx-box">
+    <lb-table :column="column" :key="key" row-key="bsmMaterial" ref="listTable" :heightNumSetting="true" :calcHeight="500" :pagination="false"
+      :data="tableData">
+    </lb-table>
+    <div class="text-center">
+      <el-button @click="handleCancel">取消</el-button>
+      <el-button type="primary" @click="handleSubmit" :loading="loading">保存</el-button>
+    </div>
+  </div>
+</template>
+<script>
+  import store from '@/store/index.js'
+  import Sortable from 'sortablejs'
+  import { ywPopupCacel } from "@/utils/popup.js";
+  import { editCompanyMaterialList } from "@/api/company.js";
+  export default {
+    props: {
+      formData: {
+        type: Object,
+        default: () => {
+          return {}
+        }
+      }
+    },
+    data () {
+      return {
+        loading: false,
+        sortable: null,
+        column: [
+          {
+            label: "材料名称",
+            render: (h, scope) => {
+              return (
+                (scope.row.sfxjcl == '1') ?
+                  <el-input value={scope.row.clmc} onInput={(val) => { scope.row.clmc = val }}></el-input> : <span>{scope.row.clmc}</span>
+              )
+            }
+          },
+          {
+            label: "材料类型",
+            width: "110",
+            render: (h, scope) => {
+              return (
+                <el-select value={scope.row.cllx}
+                  onChange={(val) => { scope.row.cllx = val }}>
+                  {
+                    store.getters.dictData['A40'].map(option => {
+                      return (
+                        <el-option label={option.dname} value={option.dcode}></el-option>
+                      )
+                    })
+                  }
+                </el-select>
+              )
+            }
+          },
+          {
+            label: "页数",
+            width: "80",
+            render: (h, scope) => {
+              if (scope.row.count && scope.row.count > 0) {
+                return (
+                  <div>
+                    <span>{scope.row.count}</span>
+                  </div>
+                );
+              } else {
+                return (
+                  <div>
+                    <span>0</span>
+                  </div>
+                );
+              }
+            },
+          },
+          {
+            label: "操作",
+            width: "100",
+            render: (h, scope) => {
+              return (
+                <el-button
+                  type="text"
+                  icon="el-icon-delete"
+                  disabled={scope.row.count != 0}
+                  onClick={() => {
+                    this.handleDelete(scope.$index, scope.row);
+                  }}
+                >
+                  删除
+                </el-button>
+              )
+            }
+          }
+        ],
+        key: 0,
+        tableData: []
+      }
+    },
+    mounted () {
+      this.initSort()
+      this.tableData = _.cloneDeep(this.formData.data)
+    },
+    beforeDestroy () {
+      if (this.sortable) {
+        this.sortable.destroy();
+      }
+    },
+    watch: {
+      'formData.data': {
+        handler: function (val, oldVal) {
+          this.tableData = _.cloneDeep(val)
+        },
+        immediate: true,
+        deep: true
+      }
+    },
+    methods: {
+      handleCancel () {
+        ywPopupCacel()
+      },
+      handleSubmit () {
+        this.loading = true
+        store.dispatch('user/reWorkFresh', false)
+        editCompanyMaterialList(this.tableData, this.formData.bsmCompany).then(res => {
+          this.loading = false
+          if (res.code == 200) {
+            this.$message({
+              message: '保存成功',
+              type: 'success'
+            })
+            store.dispatch('user/reWorkFresh', true)
+            ywPopupCacel()
+          }
+        }).catch(() => {
+          this.loading = false
+        })
+      },
+      /**
+       * @description: 材料目录删除
+       * @param {*} index
+       * @param {*} row
+       * @author: renchao
+       */
+      handleDelete (index, row) {
+        this.$confirm('此操作将永久删除该 是否继续?', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }).then(() => {
+          this.tableData.splice(index, 1);
+        }).catch(() => {
+          this.$message({
+            type: 'info',
+            message: '已取消删除'
+          })
+        })
+      },
+      initSort () {
+        const el = this.$refs.listTable.$el.querySelectorAll('.el-table__body-wrapper > table > tbody')[0]
+        this.sortable = Sortable.create(el, {
+          ghostClass: 'sortable-ghost',
+          setData: function (dataTransfer) {
+            dataTransfer.setData('Text', '')
+          },
+          onEnd: evt => {
+            const targetRow = this.tableData.splice(evt.oldIndex, 1)[0];
+            this.tableData.splice(evt.newIndex, 0, targetRow);
+          }
+        })
+      }
+    }
+  }
+</script>
+<style scoped lang='scss'>
+  @import "~@/styles/mixin.scss";
+  .clmlmx-box {
+    margin: 0 auto;
+    .title {
+      text-align: center;
+      height: 60px;
+      line-height: 60px;
+      border: 1px solid #dfe6ec;
+      font-size: 20px;
+      background: #81d3f81a;
+      margin-bottom: -1px;
+    }
+  }
+</style>

@@ -135,7 +135,7 @@
               label="上手权利信息："
               label="上手权利信息："
               prop="ssQlxx.bdcqzh"
               prop="ssQlxx.bdcqzh"
               :rules="rules.ssQlxxrules"
               :rules="rules.ssQlxxrules"
-              v-if="ruleForm.cfdj.sfbxf == '1'">
+              v-if="ruleForm.qlxx.djlx == '300'">
               <select-table
               <select-table
                 v-model="ruleForm.ssQlxx"
                 v-model="ruleForm.ssQlxx"
                 :table-width="730"
                 :table-width="730"
@@ -189,9 +189,9 @@
             <el-form-item label="是否被续封："
             <el-form-item label="是否被续封："
               prop="cfdj.sfbxf"
               prop="cfdj.sfbxf"
               :rules="rules.sfbxfrules">
               :rules="rules.sfbxfrules">
-              <el-radio-group v-model="ruleForm.cfdj.sfbxf" @change="djlxchange">
-                <el-radio label="1">是</el-radio>
-                <el-radio label="2">否</el-radio>
+              <el-radio-group v-model="ruleForm.qlxx.djlx" @change="djlxchange">
+                <el-radio label="800">是</el-radio>
+                <el-radio label="300">否</el-radio>
               </el-radio-group>
               </el-radio-group>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
@@ -546,9 +546,9 @@
         init(this.propsParam).then((res) => {
         init(this.propsParam).then((res) => {
           if (res.code == 200) {
           if (res.code == 200) {
             this.ruleForm = res.result;
             this.ruleForm = res.result;
-            if (this.ruleForm.cfdj) {
-              this.ruleForm.cfdj.sfbxf = "2"
-            }
+            // if (this.ruleForm.cfdj) {
+            //   this.ruleForm.cfdj.sfbxf = "2"
+            // }
             this.isShow = true;
             this.isShow = true;
             let djlx = this.ruleForm.qlxx.djlx;
             let djlx = this.ruleForm.qlxx.djlx;
             this.$endLoading();
             this.$endLoading();

 <!--
 <!--
  * @Description:
  * @Description:
  * @Autor: renchao
  * @Autor: renchao
- * @LastEditTime: 2023-08-22 16:27:38
+ * @LastEditTime: 2023-09-15 09:33:54
 -->
 -->
 <template>
 <template>
   <!-- 受理信息 -->
   <!-- 受理信息 -->
@@ -210,11 +210,6 @@
               <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
               <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
-          <!-- <el-col :span="8">
-            <el-form-item label="区县代码：" prop="qlxx.qxdm" :rules="rules.qxdmrules">
-              <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
-            </el-form-item>
-          </el-col> -->
           <el-col :span="8">
           <el-col :span="8">
             <el-form-item
             <el-form-item
               label="登记机构："
               label="登记机构："

 <!--
 <!--
  * @Description:
  * @Description:
  * @Autor: renchao
  * @Autor: renchao
- * @LastEditTime: 2023-05-09 09:20:10
+ * @LastEditTime: 2023-09-15 09:30:33
 -->
 -->
 <template>
 <template>
   <el-dialog
   <el-dialog
@@ -11,8 +11,7 @@
     :visible.sync="dialogVisible"
     :visible.sync="dialogVisible"
     custom-class="insetDialog"
     custom-class="insetDialog"
     append-to-body
     append-to-body
-    width="31%"
-  >
+    width="31%">
     <!-- <el-radio-group v-model="radio">
     <!-- <el-radio-group v-model="radio">
       <el-radio-button
       <el-radio-button
         v-for="(value, key) in qllxlistdata"
         v-for="(value, key) in qllxlistdata"
@@ -21,9 +20,9 @@
       ></el-radio-button>
       ></el-radio-button>
 
 
     </el-radio-group> -->
     </el-radio-group> -->
-     <el-button class="gettypebutton" v-for="(value, key) in qllxlistdata"
-        :key="key"
-        :label="value" @click="clicksss(key)" plain>{{value}}</el-button>
+    <el-button class="gettypebutton" v-for="(value, key) in qllxlistdata"
+      :key="key"
+      :label="value" @click="clicksss(key)" plain>{{value}}</el-button>
     <div class="btn">
     <div class="btn">
       <el-button type="primary" @click="handleSubmit">确定</el-button>
       <el-button type="primary" @click="handleSubmit">确定</el-button>
       <el-button type="primary" @click="closeDialog">取消</el-button>
       <el-button type="primary" @click="closeDialog">取消</el-button>
@@ -32,99 +31,97 @@
 </template>
 </template>
 
 
 <script>
 <script>
-export default {
-  data() {
-    return {
-      dialogVisible: false,
-      qllxlistdata: {},
-      radio: "",
-      qllx:""
-    };
-  },
-
-  methods: {
-    /**
-     * @description: closeDialog
-     * @author: renchao
-     */
-    closeDialog() {
-      this.dialogVisible = false;
+  export default {
+    data () {
+      return {
+        dialogVisible: false,
+        qllxlistdata: {},
+        radio: "",
+        qllx: ""
+      };
     },
     },
 
 
-    /**
-     * @description: clicksss
-     * @param {*} el
-     * @author: renchao
-     */
-    clicksss(el){
-      console.log("elllllllllllllllllllll",el);
-      this.qllx=el
-    },
-    /**
-     * @description: handleSubmit
-     * @author: renchao
-     */
-    handleSubmit() {
+    methods: {
+      /**
+       * @description: closeDialog
+       * @author: renchao
+       */
+      closeDialog () {
+        this.dialogVisible = false;
+      },
 
 
-     if(this.qllx){
-       let qllxobj = {
-        qllx:this.qllx,
-        bsmQlxx:""
-      };
-      this.$parent.addRepairRecord(qllxobj)
-     }else{
-         this.$message({
+      /**
+       * @description: clicksss
+       * @param {*} el
+       * @author: renchao
+       */
+      clicksss (el) {
+        this.qllx = el
+      },
+      /**
+       * @description: handleSubmit
+       * @author: renchao
+       */
+      handleSubmit () {
+
+        if (this.qllx) {
+          let qllxobj = {
+            qllx: this.qllx,
+            bsmQlxx: ""
+          };
+          this.$parent.addRepairRecord(qllxobj)
+        } else {
+          this.$message({
             type: "warning",
             type: "warning",
             message: "请选择权利类型!",
             message: "请选择权利类型!",
           });
           });
-     }
-    this.qllx=""
+        }
+        this.qllx = ""
+      },
     },
     },
-  },
-};
+  };
 </script>
 </script>
 <style scoped lang="scss">
 <style scoped lang="scss">
-@import '~@/styles/public.scss';
-.qllxdialog {
-  margin-top: 160px;
-  /deep/.el-dialog__body {
-    margin-top: 10px;
-    // height: 100px;
-    padding: 20px;
+  @import "~@/styles/public.scss";
+  .qllxdialog {
+    margin-top: 160px;
+    /deep/.el-dialog__body {
+      margin-top: 10px;
+      // height: 100px;
+      padding: 20px;
+    }
+    .gettypebutton {
+      cursor: pointer;
+      margin-left: 20px;
+      width: 45%;
+      line-height: 20px;
+      background-color: #ebebeb;
+      margin-top: 20px;
+      padding-left: 20px;
+      border-radius: 2px;
+      -webkit-box-sizing: border-box;
+      box-sizing: border-box;
+      border: 1px solid #ebebeb;
+      -webkit-transition: all 0.3s;
+      transition: all 0.3s;
+      color: #000;
+    }
+    .gettypebutton:hover {
+      border: 1px solid #0f93f6;
+      color: #0f93f6;
+    }
+    .gettypebutton:focus {
+      background-color: #0f93f6;
+      border: 1px solid #0f93f6;
+      color: #ebebeb;
+    }
+    .btn {
+      margin-top: 30px;
+      text-align: center;
+      .el-button {
+        margin-top: 10px;
+        margin-left: 20px;
+      }
+    }
   }
   }
-  .gettypebutton{
-   cursor: pointer;
-   margin-left: 20px;
-    width: 45%;
-    line-height: 20px;
-    background-color: #ebebeb;
-    margin-top: 20px;
-    padding-left: 20px;
-    border-radius: 2px;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    border: 1px solid #ebebeb;
-    -webkit-transition: all 0.3s;
-    transition: all 0.3s;
-    color: #000;
-  }
-  .gettypebutton:hover{
-    border: 1px solid #0F93F6;
-    color: #0F93F6;
-  }
-   .gettypebutton:focus{
-      background-color: #0F93F6;
-    border: 1px solid #0F93F6;
-    color: #ebebeb;
-  }
-  .btn{
-    margin-top:30px;
-    text-align: center;
- .el-button {
-    margin-top: 10px;
-    margin-left: 20px;
-  }
-  }
-
-}
 </style>
 </style>

 /*
 /*
  * @Description:
  * @Description:
  * @Autor: renchao
  * @Autor: renchao
- * @LastEditTime: 2023-05-29 14:39:11
+ * @LastEditTime: 2023-09-15 09:31:37
  */
  */
 //流程环节操作按钮
 //流程环节操作按钮
-export function getForm(tabName) {
+export function getForm (tabName) {
   let form;
   let form;
   switch (tabName) {
   switch (tabName) {
     case "zdjbxx":
     case "zdjbxx":
@@ -46,7 +46,7 @@ export function getForm(tabName) {
     case "yydj":
     case "yydj":
       form = require("@/views/registerBook/yydj.vue");
       form = require("@/views/registerBook/yydj.vue");
       break;
       break;
-     //林地使用权
+    //林地使用权
     case "slxxlq":
     case "slxxlq":
       form = require("@/views/djbworkflow/djbBook/components/blxxtabs/lq.vue");
       form = require("@/views/djbworkflow/djbBook/components/blxxtabs/lq.vue");
       break;
       break;
@@ -82,7 +82,7 @@ export function getForm(tabName) {
       form = require("@/views/djbworkflow/djbBook/components/blxxtabs/cfdj.vue");
       form = require("@/views/djbworkflow/djbBook/components/blxxtabs/cfdj.vue");
       break;
       break;
     case "clxx":
     case "clxx":
-      form = require("@/views/workflow/components/clxx/clxxUnify.vue");
+      form = require("@/views/djbworkflow/djbBook/components/clxx/index.vue");
       break;
       break;
     case "spyj":
     case "spyj":
       form = require("@/views/djbworkflow/djbBook/spyj.vue");
       form = require("@/views/djbworkflow/djbBook/spyj.vue");

 /*
 /*
  * @Description:workFramezu.vue组件的方法  头部按钮弹框方法
  * @Description:workFramezu.vue组件的方法  头部按钮弹框方法
  * @Autor: miaofang
  * @Autor: miaofang
- * @LastEditTime: 2023-09-01 15:12:48
+ * @LastEditTime: 2023-09-18 11:06:44
  */
  */
 import { getPrintTemplateByCode } from "@/api/print";
 import { getPrintTemplateByCode } from "@/api/print";
 import { getQllxByBdcdyid } from "@/api/djbDetail.js";
 import { getQllxByBdcdyid } from "@/api/djbDetail.js";
@@ -171,7 +171,8 @@ export default {
           break;
           break;
         case "B8":
         case "B8":
           this.$popupDialog('楼盘表', 'lpb/index', {
           this.$popupDialog('楼盘表', 'lpb/index', {
-            bsm: ''
+            bsm: '',
+            onlyShow: true,
           }, '90%', true)
           }, '90%', true)
           break;
           break;
         case "back": //退回按钮
         case "back": //退回按钮

 <!--
 <!--
  * @Description:
  * @Description:
  * @Autor: renchao
  * @Autor: renchao
- * @LastEditTime: 2023-08-14 12:52:54
+ * @LastEditTime: 2023-09-15 09:27:14
 -->
 -->
 <template>
 <template>
   <div class="container">
   <div class="container">
@@ -53,7 +53,6 @@
               :key="item.value">
               :key="item.value">
             </el-tab-pane>
             </el-tab-pane>
           </el-tabs>
           </el-tabs>
-
           <component
           <component
             :key="fresh"
             :key="fresh"
             :is="componentTag"
             :is="componentTag"
@@ -132,7 +131,6 @@
     mounted () {
     mounted () {
       // this.getleftMenubl()
       // this.getleftMenubl()
     },
     },
-
     methods: {
     methods: {
       /**
       /**
        * @description: stepForm
        * @description: stepForm
@@ -163,7 +161,6 @@
           });
           });
         }
         }
       },
       },
-      // 获取右侧选项卡
       /**
       /**
        * @description: 获取右侧选项卡
        * @description: 获取右侧选项卡
        * @param {*} val
        * @param {*} val
@@ -185,7 +182,6 @@
           this.stepForm(this.currentSelectProps.qllx);
           this.stepForm(this.currentSelectProps.qllx);
         }
         }
       },
       },
-      // 获取渲染登记簿列表
       /**
       /**
        * @description: 获取渲染登记簿列表
        * @description: 获取渲染登记簿列表
        * @author: renchao
        * @author: renchao
@@ -218,7 +214,6 @@
           }
           }
         });
         });
       },
       },
-      //选项卡切换事件
       /**
       /**
        * @description: 右侧表单选项卡事件
        * @description: 右侧表单选项卡事件
        * @param {*} handleClick
        * @param {*} handleClick
@@ -233,7 +228,6 @@
         }
         }
 
 
       },
       },
-      //右侧表单选项卡事件
       /**
       /**
        * @description: 右侧表单选项卡事件
        * @description: 右侧表单选项卡事件
        * @param {*} activeName
        * @param {*} activeName
@@ -243,7 +237,6 @@
       beforeLeave (activeName) {
       beforeLeave (activeName) {
         if (activeName && activeName != 0) this.getFromRouter(activeName);
         if (activeName && activeName != 0) this.getFromRouter(activeName);
       },
       },
-      //切换选项卡内容组件
       /**
       /**
        * @description: 切换选项卡内容组件
        * @description: 切换选项卡内容组件
        * @param {*} tabname
        * @param {*} tabname
@@ -255,7 +248,6 @@
       changeywh () {
       changeywh () {
         this.$refs.Menu.getleftMenubl("change");
         this.$refs.Menu.getleftMenubl("change");
       },
       },
-      // 增加补录记录
       /**
       /**
        * @description: 增加补录记录
        * @description: 增加补录记录
        * @param {*} row
        * @param {*} row
@@ -300,21 +292,9 @@
           .catch((res) => {
           .catch((res) => {
             console.log("错", res);
             console.log("错", res);
           });
           });
-      },
-      // openDialog () {
-      //   this.$store.dispatch('user/refreshPage', false)
-      //   let data = JSON.parse(localStorage.getItem('ywbl'))
-      //   let title
-      //   if (data?.sqywmc) {
-      //     title = "申请业务：" + data?.sqywmc
-      //   } else {
-      //     title = "申请业务：" + data?.djywmc
-      //   }
-
-      //   this.$popupDialog(title, "ywbl/ywsq/selectBdc", { 'djywbm': this.$route.query.sqywbm, 'isJump': true, 'sqywInfo': data }, "80%", true)
-      // }
-    },
-  };
+      }
+    }
+  }
 </script>
 </script>
 <style scoped lang="scss">
 <style scoped lang="scss">
   .rightContainer {
   .rightContainer {

 <!--
 <!--
  * @Description:
  * @Description:
  * @Autor: renchao
  * @Autor: renchao
- * @LastEditTime: 2023-09-12 16:55:35
+ * @LastEditTime: 2023-09-15 14:46:47
 -->
 -->
 <template>
 <template>
   <div class="edit">
   <div class="edit">
@@ -22,6 +22,7 @@
           :zrzbsm="formData.bsm"
           :zrzbsm="formData.bsm"
           :scyclx="formData.scyclx"
           :scyclx="formData.scyclx"
           :onlyShow="formData.onlyShow"
           :onlyShow="formData.onlyShow"
+          :showSave="formData.showSave"
           :unitData="formData.unitData"
           :unitData="formData.unitData"
           :sqywInfo="formData"
           :sqywInfo="formData"
           :key="time"></lpbContent>
           :key="time"></lpbContent>

@@ -2,7 +2,7 @@
  * @Author: yangwei
  * @Author: yangwei
  * @Date: 2023-02-28 15:47:12
  * @Date: 2023-02-28 15:47:12
  * @LastEditors: yangwei
  * @LastEditors: yangwei
- * @LastEditTime: 2023-09-14 15:04:20
+ * @LastEditTime: 2023-09-15 14:52:50
  * @FilePath: \bdcdj-web\src\views\lpb\lpbContent\ch.vue
  * @FilePath: \bdcdj-web\src\views\lpb\lpbContent\ch.vue
  * @Description:
  * @Description:
  *
  *
@@ -96,6 +96,10 @@ export default {
         return [];
         return [];
       },
       },
     },
     },
+    onlyShow:{
+      type: Boolean,
+      default: true,
+    }
   },
   },
   data() {
   data() {
     return {
     return {
@@ -140,23 +144,25 @@ export default {
      * @author: renchao
      * @author: renchao
      */
      */
     handleClickC(e, item) {
     handleClickC(e, item) {
-      // 判断点击的层是否选中
-      if (e.target.className.indexOf("tdSelect") == -1) {
-        //未选中→选中
-        item.hs.forEach((h) => {
-          //加边框
-          e.target.className += " tdSelect";
-          h.select = true;
-          // 使用hbsmList时，需要去重
-          this.hbsmList.push(h.bsm)
-        });
-      } else {
-        //选中→未选中
-        item.hs.forEach((h) => {
-          e.target.className = "floor";
-          h.select = false;
-          this.hbsmList = this.hbsmList.filter((i) => i != h.bsm);
-        });
+      if (!this.onlyShow) {
+        // 判断点击的层是否选中
+        if (e.target.className.indexOf("tdSelect") == -1) {
+          //未选中→选中
+          item.hs.forEach((h) => {
+            //加边框
+            e.target.className += " tdSelect";
+            h.select = true;
+            // 使用hbsmList时，需要去重
+            this.hbsmList.push(h.bsm)
+          });
+        } else {
+          //选中→未选中
+          item.hs.forEach((h) => {
+            e.target.className = "floor";
+            h.select = false;
+            this.hbsmList = this.hbsmList.filter((i) => i != h.bsm);
+          });
+        }
       }
       }
     },
     },
     //户单击事件
     //户单击事件
@@ -168,26 +174,28 @@ export default {
      * @author: renchao
      * @author: renchao
      */
      */
     handleClickH(e, bsm, hs) {
     handleClickH(e, bsm, hs) {
-      let self = this;
-      // 开启延时器，200ms的间隔区分单击和双击，解决双击时执行两次单击事件
-      clearTimeout(self.time);
-      self.time = setTimeout(() => {
-        // this.closeMenu();
-        //判断点击的户是否选中
-        if (!hs.select) {
-          //未选中→选中
-          //加边框
-          hs.select = true;
-          // 将户bsm放进hbsmList
-          self.hbsmList.push(bsm);
-        } else {
-          //选中→未选中
-          hs.select = false;
-          self.hbsmList = self.hbsmList.filter((i) => i != bsm);
-        }
-        //更新当前选中户数据
-        this.$forceUpdate();
-      }, 200);
+      if (!this.onlyShow) {
+        let self = this;
+        // 开启延时器，200ms的间隔区分单击和双击，解决双击时执行两次单击事件
+        clearTimeout(self.time);
+        self.time = setTimeout(() => {
+          // this.closeMenu();
+          //判断点击的户是否选中
+          if (!hs.select) {
+            //未选中→选中
+            //加边框
+            hs.select = true;
+            // 将户bsm放进hbsmList
+            self.hbsmList.push(bsm);
+          } else {
+            //选中→未选中
+            hs.select = false;
+            self.hbsmList = self.hbsmList.filter((i) => i != bsm);
+          }
+          //更新当前选中户数据
+          this.$forceUpdate();
+        }, 200);
+      }
     },
     },
     // 户单元状态点击事件
     // 户单元状态点击事件
     /**
     /**
@@ -198,7 +206,9 @@ export default {
      * @author: renchao
      * @author: renchao
      */
      */
     hDyztClick(e, bsm, hs) {
     hDyztClick(e, bsm, hs) {
-      this.handleClickH(e.target.parentNode, bsm, hs);
+      if (!this.onlyShow) {
+        this.handleClickH(e.target.parentNode, bsm, hs);
+      }
     },
     },
     //户双击事件
     //户双击事件
     /**
     /**

@@ -4,22 +4,22 @@
       <!-- 纵向倒序排列 逻辑幢位于独立幢单元和独立层户的上方 -->
       <!-- 纵向倒序排列 逻辑幢位于独立幢单元和独立层户的上方 -->
       <div class="ch-zdy-wrap">
       <div class="ch-zdy-wrap">
         <!-- 幢单元 -->
         <!-- 幢单元 -->
-        <zdy-cpn v-if="lpbData.zdys.length" :zdys="lpbData.zdys" :onlyShow="onlyShow"/>
+        <zdy-cpn v-if="lpbData.zdys.length"  :zdys="lpbData.zdys" :onlyShow="onlyShow"/>
         <!-- 独立层户 -->
         <!-- 独立层户 -->
-        <ch-cpn v-if="lpbData.cs.length" :ch="lpbData.cs" />
+        <ch-cpn v-if="lpbData.cs.length" :ch="lpbData.cs" :onlyShow="onlyShow"/>
       </div>
       </div>
       <!-- 逻辑幢 -->
       <!-- 逻辑幢 -->
       <ljzs-cpn v-if="lpbData.ljzs.length" :ljzs="lpbData.ljzs" :onlyShow="onlyShow"/>
       <ljzs-cpn v-if="lpbData.ljzs.length" :ljzs="lpbData.ljzs" :onlyShow="onlyShow"/>
     </div>
     </div>
     <!-- 自然幢名称 -->
     <!-- 自然幢名称 -->
-    <!-- <p class="lpb-xmmc" :style="{ 'border-bottom':  onlyShow ? 0 : '1px solid #e6e6e6'}"> -->
-    <p class="lpb-xmmc" :style="{ 'border-bottom':'1px solid #e6e6e6'}">
+    <p class="lpb-xmmc" v-if="onlyShow" style="border-bottom: 1px solid #e6e6e6">{{ lpbData.xmmc }}</p>
+    <p class="lpb-xmmc" v-else :style="{ 'border-bottom':'1px solid #e6e6e6'}">
       <el-checkbox @change="zdySelectAll($event)">{{
       <el-checkbox @change="zdySelectAll($event)">{{
         lpbData.xmmc
         lpbData.xmmc
       }}</el-checkbox>
       }}</el-checkbox>
     </p>
     </p>
-    <el-button type="primary" class="save-btn" v-if="!onlyShow" @click="saveLpb">保存</el-button>
-    <el-button type="primary" class="save-btn" v-else @click="submitForm" :loading="loading">发起申请</el-button>
+    <el-button type="primary" class="save-btn" v-if="!onlyShow && showSave" @click="saveLpb">保存</el-button>
+    <el-button type="primary" class="save-btn" v-if="!onlyShow" @click="submitForm" :loading="loading">发起申请</el-button>
     <!-- 右键菜单 -->
     <!-- 右键菜单 -->
     <ul
     <ul
       v-show="lpbChVisible"
       v-show="lpbChVisible"
@@ -70,6 +70,10 @@ export default {
       type: Boolean,
       type: Boolean,
       default: true,
       default: true,
     },
     },
+    showSave:{
+      type: Boolean,
+      default: false,
+    },
     scyclx: {
     scyclx: {
       type: Number,
       type: Number,
       default: 0,
       default: 0,
@@ -278,8 +282,8 @@ export default {
   },
   },
   computed:{
   computed:{
     lpbContentHeight(){
     lpbContentHeight(){
-      // return this.onlyShow ? 36 : 76
-      return 76
+      return this.onlyShow ? 32 : 76
+      // return 76
     }
     }
   },
   },
   watch: {
   watch: {

@@ -2,7 +2,7 @@
  * @Author: yangwei
  * @Author: yangwei
  * @Date: 2023-02-28 17:25:45
  * @Date: 2023-02-28 17:25:45
  * @LastEditors: yangwei
  * @LastEditors: yangwei
- * @LastEditTime: 2023-09-14 14:35:19
+ * @LastEditTime: 2023-09-15 14:55:58
  * @FilePath: \bdcdj-web\src\views\lpb\lpbContent\ljzs.vue
  * @FilePath: \bdcdj-web\src\views\lpb\lpbContent\ljzs.vue
  * @Description: 
  * @Description: 
  * 
  * 
@@ -26,7 +26,7 @@
               }}</el-checkbox>
               }}</el-checkbox>
             </p>
             </p>
             <!-- 独立层户 -->
             <!-- 独立层户 -->
-            <ch-cpn v-if="ljz.cs.length" :ref="ljz.bsm" :ch="ljz.cs" />
+            <ch-cpn v-if="ljz.cs.length" :ref="ljz.bsm" :ch="ljz.cs" :onlyShow="onlyShow"/>
             <!-- 幢单元 -->
             <!-- 幢单元 -->
             <zdy-cpn v-if="ljz.zdys.length" :ref="'zdy' + ljz.bsm" :zdys="ljz.zdys" :onlyShow="onlyShow"/>
             <zdy-cpn v-if="ljz.zdys.length" :ref="'zdy' + ljz.bsm" :zdys="ljz.zdys" :onlyShow="onlyShow"/>
           </div>
           </div>
@@ -40,13 +40,14 @@
         v-else
         v-else
       >
       >
         <!-- 逻辑幢名称 -->
         <!-- 逻辑幢名称 -->
-        <p class="lpb-xmmc ljz-xmmc">
+        <p class="lpb-xmmc ljz-xmmc" v-if="onlyShow">{{ ljzarr[0].ljzmc }}</p>
+        <p class="lpb-xmmc ljz-xmmc" v-else>
           <el-checkbox @change="zdySelectAll($event,ljzarr[0].bsm)">{{
           <el-checkbox @change="zdySelectAll($event,ljzarr[0].bsm)">{{
             ljzarr[0].ljzmc
             ljzarr[0].ljzmc
           }}</el-checkbox>
           }}</el-checkbox>
         </p>
         </p>
         <!-- 独立层户 -->
         <!-- 独立层户 -->
-        <ch-cpn v-if="ljzarr[0].cs.length" :ref="ljzarr[0].bsm" :ch="ljzarr[0].cs" />
+        <ch-cpn v-if="ljzarr[0].cs.length" :ref="ljzarr[0].bsm" :ch="ljzarr[0].cs"  :onlyShow="onlyShow"/>
         <!-- 幢单元 -->
         <!-- 幢单元 -->
         <zdy-cpn v-if="ljzarr[0].zdys.length" :ref="'zdy' + ljzarr[0].bsm" :zdys="ljzarr[0].zdys" :onlyShow="onlyShow"/>
         <zdy-cpn v-if="ljzarr[0].zdys.length" :ref="'zdy' + ljzarr[0].bsm" :zdys="ljzarr[0].zdys" :onlyShow="onlyShow"/>
       </div>
       </div>

@@ -2,7 +2,7 @@
  * @Author: yangwei
  * @Author: yangwei
  * @Date: 2023-02-28 16:29:04
  * @Date: 2023-02-28 16:29:04
  * @LastEditors: yangwei
  * @LastEditors: yangwei
- * @LastEditTime: 2023-09-14 14:36:51
+ * @LastEditTime: 2023-09-15 14:57:10
  * @FilePath: \bdcdj-web\src\views\lpb\lpbContent\zdys.vue
  * @FilePath: \bdcdj-web\src\views\lpb\lpbContent\zdys.vue
  * @Description:
  * @Description:
  *
  *
@@ -13,12 +13,13 @@
     <div v-for="zdy in realZdys" :key="zdy.bsm">
     <div v-for="zdy in realZdys" :key="zdy.bsm">
       <!-- 幢单元名称 -->
       <!-- 幢单元名称 -->
       <p class="lpb-xmmc">
       <p class="lpb-xmmc">
-        <el-checkbox @change="zdySelectAll($event,zdy.bsm)">{{
+        <el-checkbox @change="zdySelectAll($event,zdy.bsm)" v-if="!onlyShow">{{
           zdy.zdymc
           zdy.zdymc
         }}</el-checkbox>
         }}</el-checkbox>
+        <span v-else>{{zdy.zdymc}}</span>
       </p>
       </p>
       <!-- 每个幢单元下的层户 -->
       <!-- 每个幢单元下的层户 -->
-      <ch-cpn :ref="zdy.bsm" :ch="zdy.cs" />
+      <ch-cpn :ref="zdy.bsm" :ch="zdy.cs" :onlyShow="onlyShow"/>
     </div>
     </div>
   </div>
   </div>
 </template>
 </template>

 <!--
 <!--
  * @Description:
  * @Description:
  * @Autor: renchao
  * @Autor: renchao
- * @LastEditTime: 2023-08-23 15:54:12
+ * @LastEditTime: 2023-09-18 13:45:50
 -->
 -->
 <template>
 <template>
   <div class="djxxTable">
   <div class="djxxTable">
-    <div v-show="false">
-       <printTemplate id="boxcfdj" :tableData="tableData" :render="render"/>
-    </div>
-    <div class="tableBox">
-      <div class="title">
-        {{ title }}
-       <el-button class="print" v-show="shows" @click="openPrint()"
-          >打印</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-group>
-        </div>
-      </div>
-      <div class="xxTableBox rollTable">
-        <table class="xxTable">
-          <tr v-for="(item, colindex) in columns" :key="colindex">
-            <td>{{ item.label }}</td>
-            <td
-              v-for="(row, index) in tableData"
-              :key="index"
-              :class="[
-                row.qszt == '2' ? 'lishi' : '',
-                row.qszt == '0' ? 'linshi' : '',
-                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' : '',
-              ]"
-            >
-              <div
-                class="setbut"
-                v-if="item.prop == 'cz' && row.sjlx != '系统数据'"
-              >
-                <el-button
-                  type="text"
-                  icon="el-icon-edit-outline"
-                  @click="editDialog(row)"
-                  >编辑</el-button
-                >
-                <el-button
-                  type="text"
-                  icon="el-icon-edit-outline"
-                  @click="editDialog(row, 'D')"
-                  >删除</el-button
-                >
-              </div>
-              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'">
-                有效
-              </div>
-              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
-                正在补录
-              </div>
-              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
-                正在申请
-              </div>
-              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
-                正在注销
-              </div>
-
-              <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"
-              >
-                <span class="ellipsis-line">
-                  {{ row[item.prop] }}
-                </span>
-              </el-tooltip>
-            </td>
-            <td v-for="count in emptycolNum" :key="~count"></td>
-          </tr>
-        </table>
-      </div>
-    </div>
+    <djbDetail :title="title" :shows="shows" :propsParam="propsParam"
+      :columns="columns" :tableData="tableData" />
   </div>
   </div>
 </template>
 </template>
 
 
 <script>
 <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,
-      //传递参数
-      propsParam: this.$attrs,
-      //列表数据
-      tableData: [],
-      //空列值个数
-      emptycolNum: datas.columns().emptycolNum,
-      //列名称对象
-      columns: datas.columns().CFDJ,
-      render: false,
-    };
-  },
-  created() {
-    this.loadData();
-  },
-  methods: {
-       /**
-     * @description: openPrint
-     * @author: miaofang
-     */
-    openPrint() {
-      this.render = true;
-      setTimeout(() => {
-        this.prinsss();
-      }, 100);
+  import djbDetail from "./components/djbDetail.vue"
+  import { datas } from "./qlxxFormData.js";
+  import { getSjlx } from "@/utils/dictionary.js";
+  import { getCfdjList } from "@/api/djbDetail.js";
+  export default {
+    components: {
+      djbDetail
     },
     },
-    /**
-     * @description: prinsss
-     * @author: miaofang
-     */
-    prinsss() {
-      printJS({
-        printable: "boxcfdj", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
-        type: "html",
-        maxWidth: 800, // 最大宽度
-        font_size: "", // 不设置则使用默认字体大小
-        style: `@font-face {
-          font-family: "STZHONGS";
-          src: url(${window.ttf}) format("truetype");
-        }`,
-        // 继承原来的所有样式
-        targetStyles: ["*"],
-      });
-      this.render=false
+    data () {
+      return {
+        shows: false,
+        title: "查封登记信息",
+        //传递参数
+        propsParam: this.$attrs,
+        //列表数据
+        tableData: [],
+        //列名称对象
+        columns: datas.columns().CFDJ,
+        render: false,
+      };
     },
     },
-    /**
-     * @description: loadData
-     * @author: renchao
-     */
-    loadData() {
-      if (this.$parent.addRepairRecord) {
-        this.columns.unshift({ prop: "cz", label: "操作" });
-      }
-      getCfdjList({
-        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);
-          });
-          this.tableData.forEach((item, index) => {
-            if (item.sfbxf == "1") {
-              item.zxywh = "";
-              item.zxdbr = "";
-              item.zxsj = "";
-            }
-          });
-          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();
-      }
+    created () {
+      this.loadData();
     },
     },
-    /**
-     * @description: getQsztName
-     * @author: renchao
-     */
-    getQsztName(code) {
-      let name = "";
-      for (let item of this.qsztList) {
-        if (item.value == code) {
-          name = item.label;
-          break;
+    methods: {
+      /**
+       * @description: loadData
+       * @author: renchao
+       */
+      loadData () {
+        if (this.$parent.addRepairRecord) {
+          this.columns.unshift({ prop: "cz", label: "操作" });
         }
         }
-      }
-      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: "补录成功!",
-          });
+        getCfdjList({
+          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);
+            });
+            this.tableData.forEach((item, index) => {
+              if (item.sfbxf == "1") {
+                item.zxywh = "";
+                item.zxdbr = "";
+                item.zxsj = "";
+              }
+            });
+            if (this.tableData.length < datas.columns().emptycolNum) {
+              this.emptycolNum =
+                datas.columns().emptycolNum - this.tableData.length;
+            } else {
+              this.emptycolNum = 0;
+            }
+          }
         })
         })
-        .catch(() => {
-          this.$message({
-            type: "info",
-            message: "取消编辑",
-          });
-        });
-    },
-  },
-};
+      }
+    }
+  }
 </script>
 </script>
 
 
 <style lang="scss" scoped>
 <style lang="scss" scoped>
-@import "./qlxxCommon.scss";
-.title {
-  position: relative;
-  .print {
-    // background-color: #0079fe;
-    z-index: 10;
-    position: absolute;
-    left: 11px;
-    top: 5px;
+  @import "./qlxxCommon.scss";
+  .title {
+    position: relative;
+    .print {
+      // background-color: #0079fe;
+      z-index: 10;
+      position: absolute;
+      left: 11px;
+      top: 5px;
+    }
   }
   }
-}
 </style>
 </style>

+<!--
+ * @Description:
+ * @Autor: renchao
+ * @LastEditTime: 2023-09-18 14:42:14
+-->
+<template>
+  <div class="tableBox">
+    <div v-show="false">
+      <printTemplate
+        id="boxdiyaq"
+        :tableData="tableData"
+        :render="render" />
+    </div>
+    <div class="title">
+      {{ title }}
+      <el-button class="print" v-show="shows" @click="openPrint()">打印</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-group>
+      </div>
+    </div>
+    <div class="xxTableBox rollTable">
+      <table class="xxTable">
+        <tr v-for="(item, colindex) in columns" :key="colindex">
+          <td>
+            {{ item.label }}
+          </td>
+          <td
+            v-for="(row, index) in tableData"
+            :key="index"
+            :class="[
+                row.qszt == '2' ? 'lishi' : '',
+                row.qszt == '0' ? 'linshi' : '',
+                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' : '',
+              ]">
+            <div
+              class="setbut"
+              v-if="item.prop == 'cz' && row.sjlx != '系统数据'">
+              <el-button
+                type="text"
+                icon="el-icon-edit-outline"
+                @click="editDialog(row)">编辑</el-button>
+              <el-button
+                type="text"
+                icon="el-icon-edit-outline"
+                @click="editDialog(row, 'D')">删除</el-button>
+            </div>
+            <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'">
+              有效
+            </div>
+            <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
+              正在补录
+            </div>
+            <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
+              正在申请
+            </div>
+            <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
+              正在注销
+            </div>
+
+            <p v-if="!['djyy', 'fj'].includes(item.prop)">
+              <span v-if="item.prop == 'qszt'">
+                {{ getQsztName(row[item.prop]) }}
+              </span>
+              <el-link v-if="item.prop == 'ywh'"
+                @click="handleSelectYwh(tableData, row[item.prop])"
+                type="primary">{{ row[item.prop] }}</el-link>
+              <span v-if="!['qszt','ywh' ].includes(item.prop)">{{ row[item.prop] }}</span>
+            </p>
+
+            <el-tooltip
+              v-else
+              effect="dark"
+              :content="row[item.prop]"
+              placement="top"
+              popper-class="tooltip-width">
+              <span class="ellipsis-line">
+                {{ row[item.prop] }}
+              </span>
+            </el-tooltip>
+          </td>
+          <td v-for="count in emptycolNum" :key="~count"></td>
+        </tr>
+      </table>
+    </div>
+  </div>
+</template>
+<script>
+  import Router from '@/router'
+  import { datas } from "../qlxxFormData.js";
+  import printTemplate from "../components/printTemplate.vue";
+  import { getXtParamsByYwh, getBlParamsByYwh } from '@/api/djyw'
+  export default {
+    components: {
+      printTemplate
+    },
+    props: {
+      title: {
+        type: String,
+        default: ''
+      },
+      shows: {
+        type: Boolean,
+        default: false
+      },
+      // 传递参数
+      propsParam: {
+        type: Object,
+        default: () => { }
+      },
+      // 列表数据
+      tableData: {
+        type: Array,
+        default: () => []
+      },
+      columns: {
+        type: Array,
+        default: () => []
+      },
+    },
+    data () {
+      return {
+        qsztList: datas.columns().qsztList,
+        checkList: datas.columns().checkList,
+        //空列值个数
+        emptycolNum: datas.columns().emptycolNum,
+        render: false,
+      };
+    },
+    methods: {
+      openPrint () {
+        this.render = true;
+        setTimeout(() => {
+          this.prinsss();
+        }, 100);
+      },
+      /**
+       * @description: prinsss
+       * @author: miaofang
+       */
+      prinsss () {
+        printJS({
+          printable: "boxdiyaq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
+          type: "html",
+          maxWidth: 800, // 最大宽度
+          font_size: "", // 不设置则使用默认字体大小
+          style: `@font-face {
+          font-family: "STZHONGS";
+          src: url(${window.ttf}) format("truetype");
+        }`,
+          // 继承原来的所有样式
+          targetStyles: ["*"],
+        });
+        this.render = false
+      },
+      /**
+       * @description: checkChange
+       * @author: renchao
+       */
+      checkChange () {
+        if (this.checkList.length === 0) {
+          this.tableData = [];
+          this.emptycolNum = datas.columns().emptycolNum;
+        } else {
+          this.$parent.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.$parent.addRepairRecord(row, del);
+            this.$message({
+              type: "success",
+              message: "补录成功!"
+            })
+          })
+          .catch(() => {
+            this.$message({
+              type: "info",
+              message: "取消编辑"
+            })
+          })
+      },
+      // 选择业务号
+      handleSelectYwh (data, ywh) {
+        let sjlx = '',
+          bsmQlxx = ''
+        data.forEach(item => {
+          if (item.ywh == ywh) {
+            sjlx = item.sjlx
+            bsmQlxx = item.bsmQlxx
+          }
+        })
+        if (sjlx == '系统数据') {
+          getXtParamsByYwh(ywh).then(res => {
+            let data = res.result
+            const { href } = Router.resolve('/workFrameView?bsmSlsq=' + data.bsmSlsq + '&bestepid=' + data.bestepid + '&bsmBusiness=' + data.bsmBusiness + '&type=jdcx')
+            window.open(href, `urlname${data.bsmSlsq}`)
+          })
+        } else {
+          getBlParamsByYwh(ywh, bsmQlxx).then(res => {
+            let data = res.result
+            const { href } = Router.resolve('/workFrameView?bsmSlsq=' + data.bsmSlsq + '&bestepid=' + data.bestepid + '&bsmBusiness=' + data.bsmBusiness + '&type=jdcx')
+            window.open(href, `urlname${data.bsmSlsq}`)
+          })
+        }
+      }
+    }
+  }
+</script>
+
+<style lang="scss" scoped>
+  @import "../qlxxCommon.scss";
+  .title {
+    position: relative;
+    .print {
+      z-index: 10;
+      position: absolute;
+      left: 11px;
+      top: 5px;
+    }
+  }
+</style>

@@ -69,6 +69,8 @@ export default {
     },
     },
     render: {
     render: {
       handler(newValue, oldValue) {
       handler(newValue, oldValue) {
+        console.log("newValue",newValue);
+        console.log("columns",this.columns);
         if (newValue) {
         if (newValue) {
           this.loadData();
           this.loadData();
         }
         }
@@ -88,6 +90,7 @@ export default {
       }).then((res) => {
       }).then((res) => {
         if (res.code === 200) {
         if (res.code === 200) {
           this.columns = res.result;
           this.columns = res.result;
+          console.log("columnssssssssssss",this.columns);
         }
         }
       });
       });
       if (this.tableData.length && this.datass.length == 0) {
       if (this.tableData.length && this.datass.length == 0) {

 <!--
 <!--
  * @Description:
  * @Description:
  * @Autor: renchao
  * @Autor: renchao
- * @LastEditTime: 2023-08-23 15:54:12
+ * @LastEditTime: 2023-09-18 13:14:31
 -->
 -->
 <template>
 <template>
   <div class="djxxTable">
   <div class="djxxTable">
-    <div v-show="false">
-       <printTemplate id="boxdiyaq" :tableData="tableData" :render="render"/>
-    </div>
-    <div class="tableBox">
-      <div class="title">
-        {{ title }}
-       <el-button class="print" v-show="shows" @click="openPrint()"
-          >打印</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-group>
-        </div>
-      </div>
-      <div class="xxTableBox rollTable">
-        <table class="xxTable">
-          <tr v-for="(item, colindex) in columns" :key="colindex">
-            <td>
-              {{ item.label }}
-            </td>
-            <td
-              v-for="(row, index) in tableData"
-              :key="index"
-              :class="[
-                row.qszt == '2' ? 'lishi' : '',
-                row.qszt == '0' ? 'linshi' : '',
-                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' : '',
-              ]"
-            >
-              <div
-                class="setbut"
-                v-if="item.prop == 'cz' && row.sjlx != '系统数据'"
-              >
-                <el-button
-                  type="text"
-                  icon="el-icon-edit-outline"
-                  @click="editDialog(row)"
-                  >编辑</el-button
-                >
-                <el-button
-                  type="text"
-                  icon="el-icon-edit-outline"
-                  @click="editDialog(row, 'D')"
-                  >删除</el-button
-                >
-              </div>
-              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'">
-                有效
-              </div>
-              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
-                正在补录
-              </div>
-              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
-                正在申请
-              </div>
-              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
-                正在注销
-              </div>
-
-              <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"
-              >
-                <span class="ellipsis-line">
-                  {{ row[item.prop] }}
-                </span>
-              </el-tooltip>
-            </td>
-            <td v-for="count in emptycolNum" :key="~count"></td>
-          </tr>
-        </table>
-      </div>
-    </div>
+    <djbDetail :title="title" :shows="shows" :propsParam="propsParam"
+      :columns="columns" :tableData="tableData" />
   </div>
   </div>
 </template>
 </template>
 
 
 <script>
 <script>
-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 {
+  import djbDetail from "./components/djbDetail.vue"
+  import { datas } from "./qlxxFormData.js";
+  import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
+  import { getDiyaqList } from "@/api/djbDetail.js";
+  export default {
     components: {
     components: {
-    printTemplate,
-  },
-  data() {
-    return {
-      printObj: {
-        id: "box",
-        //其他配置项，
-      },
-      shows:false,
-      title: "抵押权登记信息",
-      qsztList: datas.columns().qsztList,
-      checkList: datas.columns().checkList,
-      //传递参数
-      propsParam: this.$attrs,
-      //列表数据
-      tableData: [],
-      //空列值个数
-      emptycolNum: datas.columns().emptycolNum,
-      //列名称对象
-      columns: datas.columns().DYAQ,
-      render: false,
-    };
-  },
-  created() {
-    this.loadData();
-  },
-  methods: {
-       /**
-     * @description: openPrint
-     * @author: miaofang
-     */
-    openPrint() {
-      this.render = true;
-      setTimeout(() => {
-        this.prinsss();
-      }, 100);
-    },
-    /**
-     * @description: prinsss
-     * @author: miaofang
-     */
-    prinsss() {
-      printJS({
-        printable: "boxdiyaq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
-        type: "html",
-        maxWidth: 800, // 最大宽度
-        font_size: "", // 不设置则使用默认字体大小
-        style: `@font-face {
-          font-family: "STZHONGS";
-          src: url(${window.ttf}) format("truetype");
-        }`,
-        // 继承原来的所有样式
-        targetStyles: ["*"],
-      });
-      this.render=false
+      djbDetail
     },
     },
-    /**
-     * @description: loadData
-     * @author: renchao
-     */
-    loadData() {
-      if (this.$parent.addRepairRecord) {
-        this.columns.unshift({ prop: "cz", label: "操作" });
-      }
-      getDiyaqList({
-        bdcdyid: this.propsParam.bdcdyid,
-        qllx: this.propsParam.qllx,
-        qszt: this.checkList,
-      }).then((res) => {
-        if (res.code === 200) {
-          this.tableData = res.result;
-          this.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;
-          }
-        }
-      });
+    data () {
+      return {
+        shows: false,
+        title: "抵押权登记信息",
+        //传递参数
+        propsParam: this.$attrs,
+        //列表数据
+        tableData: [],
+        //列名称对象
+        columns: datas.columns().DYAQ,
+        render: false,
+      };
     },
     },
-    /**
-     * @description: checkChange
-     * @author: renchao
-     */
-    checkChange() {
-      if (this.checkList.length === 0) {
-        this.tableData = [];
-        this.emptycolNum = datas.columns().emptycolNum;
-      } else {
-        this.loadData();
-      }
+    created () {
+      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;
+    methods: {
+      /**
+       * @description: loadData
+       * @author: renchao
+       */
+      loadData () {
+        if (this.$parent.addRepairRecord) {
+          this.columns.unshift({ prop: "cz", label: "操作" });
         }
         }
-      }
-      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: "补录成功!",
-          });
+        getDiyaqList({
+          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;
+            }
+          }
         })
         })
-        .catch(() => {
-          this.$message({
-            type: "info",
-            message: "取消编辑",
-          });
-        });
-    },
-  },
-};
+      }
+    }
+  }
 </script>
 </script>
-
 <style lang="scss" scoped>
 <style lang="scss" scoped>
-@import "./qlxxCommon.scss";
-.title {
-  position: relative;
-  .print {
-    // background-color: #0079fe;
-    z-index: 10;
-    position: absolute;
-    left: 11px;
-    top: 5px;
+  @import "./qlxxCommon.scss";
+  .title {
+    position: relative;
+    .print {
+      z-index: 10;
+      position: absolute;
+      left: 11px;
+      top: 5px;
+    }
   }
   }
-}
 </style>
 </style>

 <!--
 <!--
  * @Description:
  * @Description:
  * @Autor: miaofang
  * @Autor: miaofang
- * @LastEditTime: 2023-08-23 15:54:12
+ * @LastEditTime: 2023-09-18 13:41:23
 -->
 -->
 <template>
 <template>
   <div class="djxxTable">
   <div class="djxxTable">
-    <div v-show="false">
-       <printTemplate id="boxdiyiq" :tableData="tableData" :render="render"/>
-    </div>
-    <div class="tableBox">
-      <div class="title">
-        {{ title }}
-       <el-button class="print" v-show="shows" @click="openPrint()"
-          >打印</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-group>
-        </div>
-      </div>
-      <div class="xxTableBox rollTable">
-        <table class="xxTable">
-          <tr v-for="(item, colindex) in columns" :key="colindex">
-            <td>
-              {{ item.label }}
-            </td>
-            <td
-              v-for="(row, index) in tableData"
-              :key="index"
-              :class="[
-                row.qszt == '2' ? 'lishi' : '',
-                row.qszt == '0' ? 'linshi' : '',
-                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' : '',
-              ]"
-            >
-              <div
-                class="setbut"
-                v-if="item.prop == 'cz' && row.sjlx != '系统数据'"
-              >
-                <el-button
-                  type="text"
-                  icon="el-icon-edit-outline"
-                  @click="editDialog(row)"
-                  >编辑</el-button
-                >
-                <el-button
-                  type="text"
-                  icon="el-icon-edit-outline"
-                  @click="editDialog(row, 'D')"
-                  >删除</el-button
-                >
-              </div>
-              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'">
-                有效
-              </div>
-              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
-                正在补录
-              </div>
-              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
-                正在申请
-              </div>
-              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
-                正在注销
-              </div>
-
-              <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"
-              >
-                <span class="ellipsis-line">
-                  {{ row[item.prop] }}
-                </span>
-              </el-tooltip>
-            </td>
-            <td v-for="count in emptycolNum" :key="~count"></td>
-          </tr>
-        </table>
-      </div>
-    </div>
+    <djbDetail :title="title" :shows="shows" :propsParam="propsParam"
+      :columns="columns" :tableData="tableData" />
   </div>
   </div>
 </template>
 </template>
 
 
 <script>
 <script>
-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 {
+  import djbDetail from "./components/djbDetail.vue"
+  import { datas } from "./qlxxFormData.js";
+  import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
+  import { getDiyiqList } from "@/api/djbDetail.js";
+  export default {
     components: {
     components: {
-    printTemplate,
-  },
-  data() {
-    return {
-      printObj: {
-        id: "box",
-        //其他配置项，
-      },
-      shows:false,
-      title: "地役权登记信息",
-      qsztList: datas.columns().qsztList,
-      checkList: datas.columns().checkList,
-      //传递参数
-      propsParam: this.$attrs,
-      //列表数据
-      tableData: [],
-      //空列值个数
-      emptycolNum: datas.columns().emptycolNum,
-      //列名称对象
-      columns: datas.columns().DYIQ,
-      render: false,
-    };
-  },
-  created() {
-    this.loadData();
-  },
-  methods: {   /**
-     * @description: openPrint
-     * @author: miaofang
-     */
-    openPrint() {
-      this.render = true;
-      setTimeout(() => {
-        this.prinsss();
-      }, 100);
-    },
-    /**
-     * @description: prinsss
-     * @author: miaofang
-     */
-    prinsss() {
-      printJS({
-        printable: "boxdiyiq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
-        type: "html",
-        maxWidth: 800, // 最大宽度
-        font_size: "", // 不设置则使用默认字体大小
-        style: `@font-face {
-          font-family: "STZHONGS";
-          src: url(${window.ttf}) format("truetype");
-        }`,
-        // 继承原来的所有样式
-        targetStyles: ["*"],
-      });
-      this.render=false
+      djbDetail
     },
     },
-    /**
-     * @description: loadData
-     * @author: miaofang
-     */
-    loadData() {
-      if (this.$parent.addRepairRecord) {
-        this.columns.unshift({ prop: "cz", label: "操作" });
-      }
-      getDiyiqList({
-        bdcdyid: this.propsParam.bdcdyid,
-        qllx: this.propsParam.qllx,
-        qszt: this.checkList,
-      }).then((res) => {
-        if (res.code === 200) {
-          this.tableData = res.result;
-          this.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;
-          }
-        }
-      });
+    data () {
+      return {
+        shows: false,
+        title: "地役权登记信息",
+        //传递参数
+        propsParam: this.$attrs,
+        //列表数据
+        tableData: [],
+        //列名称对象
+        columns: datas.columns().DYIQ,
+        render: false,
+      };
     },
     },
-    /**
-     * @description: checkChange
-     * @author: miaofang
-     */
-    checkChange() {
-      if (this.checkList.length === 0) {
-        this.tableData = [];
-        this.emptycolNum = datas.columns().emptycolNum;
-      } else {
-        this.loadData();
-      }
+    created () {
+      this.loadData();
     },
     },
-    /**
-     * @description: getQsztName
-     * @param {*} code
-     * @author: miaofang
-     */
-    getQsztName(code) {
-      let name = "";
-      for (let item of this.qsztList) {
-        if (item.value == code) {
-          name = item.label;
-          break;
+    methods: {
+      loadData () {
+        if (this.$parent.addRepairRecord) {
+          this.columns.unshift({ prop: "cz", label: "操作" });
         }
         }
-      }
-      return name;
-    },
-    // 新增一条补录信息
-    /**
-     * @description: 新增一条补录信息
-     * @param {*} row
-     * @param {*} del
-     * @author: miaofang
-     */
-    editDialog(row, del) {
-      this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning",
-      })
-        .then(() => {
-          this.$parent.addRepairRecord(row, del);
-
-          this.$message({
-            type: "success",
-            message: "补录成功!",
-          });
+        getDiyiqList({
+          bdcdyid: this.propsParam.bdcdyid,
+          qllx: this.propsParam.qllx,
+          qszt: this.checkList,
+        }).then((res) => {
+          if (res.code === 200) {
+            this.tableData = res.result;
+            this.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;
+            }
+          }
         })
         })
-        .catch(() => {
-          this.$message({
-            type: "info",
-            message: "取消编辑",
-          });
-        });
-    },
-  },
-};
+      }
+    }
+  };
 </script>
 </script>
 
 
 <style lang="scss" scoped>
 <style lang="scss" scoped>
-@import "./qlxxCommon.scss";
-.title {
-  position: relative;
-  .print {
-    // background-color: #0079fe;
-    z-index: 10;
-    position: absolute;
-    left: 11px;
-    top: 5px;
+  @import "./qlxxCommon.scss";
+  .title {
+    position: relative;
+    .print {
+      // background-color: #0079fe;
+      z-index: 10;
+      position: absolute;
+      left: 11px;
+      top: 5px;
+    }
   }
   }
-}
 </style>
 </style>

 <!--
 <!--
  * @Description:
  * @Description:
  * @Autor: renchao
  * @Autor: renchao
- * @LastEditTime: 2023-08-23 15:57:40
+ * @LastEditTime: 2023-09-18 13:39:51
 -->
 -->
 <template>
 <template>
   <div class="content">
   <div class="content">
@@ -33,7 +33,7 @@
           <el-button
           <el-button
             v-for="(item, index) in item.children"
             v-for="(item, index) in item.children"
             :re='item'
             :re='item'
-            :key="index"
+            :key="item.id"
             class="sfqcontent"
             class="sfqcontent"
             @click="addlist(item, index)">
             @click="addlist(item, index)">
             {{ item.label }}
             {{ item.label }}
@@ -83,7 +83,6 @@
       this.loadData(this.formData.bdcdyh);
       this.loadData(this.formData.bdcdyh);
     },
     },
     methods: {
     methods: {
-
       /**
       /**
       * @description: getBdcdyh
       * @description: getBdcdyh
       * @author: miaofang
       * @author: miaofang
@@ -122,12 +121,8 @@
           bdcdyh: val.bdcdyh,
           bdcdyh: val.bdcdyh,
           qllx: this.formData.qllx,
           qllx: this.formData.qllx,
           bsmQlxx: this.formData.bsmQlxx,
           bsmQlxx: this.formData.bsmQlxx,
-        };
+        }
       },
       },
-      /**
-   * @description: loadData
-   * @author: renchao
-   */
       loadData (val) {
       loadData (val) {
         getBdcqljqtsx({
         getBdcqljqtsx({
           bdcdyid: this.formData.bdcdyid,
           bdcdyid: this.formData.bdcdyid,
@@ -142,26 +137,24 @@
               this.defaultNode = getNode(
               this.defaultNode = getNode(
                 this.formData.qllx,
                 this.formData.qllx,
                 { linShi: 0, xianShi: 0, liShi: 0 },
                 { linShi: 0, xianShi: 0, liShi: 0 },
-                res.result.bdcdylx|| ""
+                res.result.bdcdylx || ""
               );
               );
               this.sfqdata[0].children.forEach((item, index) => {
               this.sfqdata[0].children.forEach((item, index) => {
                 if (item.id == this.defaultNode.id) {
                 if (item.id == this.defaultNode.id) {
                   this.iskey = index
                   this.iskey = index
                 }
                 }
               })
               })
-
               this.setstyle(0, 0, this.iskey);
               this.setstyle(0, 0, this.iskey);
-
-
-            });
+              console.log(this.sfqdata, ' this.sfqdata');
+            })
           }
           }
-        });
+        })
         this.currentSelectProps = {
         this.currentSelectProps = {
           bdcdyid: this.formData.bdcdyid,
           bdcdyid: this.formData.bdcdyid,
           bdcdyh: val,
           bdcdyh: val,
           qllx: this.formData.qllx,
           qllx: this.formData.qllx,
           bsmQlxx: this.formData.bsmQlxx,
           bsmQlxx: this.formData.bsmQlxx,
-        };
+        }
       },
       },
       /**
       /**
        * @description: handleNodeClick
        * @description: handleNodeClick
@@ -171,12 +164,6 @@
       handleNodeClick (data) {
       handleNodeClick (data) {
         this.loadComponent(data.form);
         this.loadComponent(data.form);
       },
       },
-      /**
-   * @description: setstyle
-   * @param {*} data
-   * @author: renchao
-   * 设置样式和点击定位到当前功能
-   */
       setstyle (newindex, index, key) {
       setstyle (newindex, index, key) {
         if (key != undefined || this.keyy == index) {
         if (key != undefined || this.keyy == index) {
           if (key != undefined) {
           if (key != undefined) {
@@ -193,10 +180,6 @@
           dpme.style.color = "black";
           dpme.style.color = "black";
           dpme.style.border = "none";
           dpme.style.border = "none";
         }
         }
-
-
-
-
       },
       },
       /**
       /**
     * @description: addlist
     * @description: addlist
@@ -213,13 +196,12 @@
           this.currentSelectProps.bdcdyid = data.bdcdyid;
           this.currentSelectProps.bdcdyid = data.bdcdyid;
           this.loadComponent(data.form);
           this.loadComponent(data.form);
         } else {
         } else {
-           this.loadComponent(data.form);
-              let newindex = this.sfqdata.findIndex((item) => {
+          let newindex = this.sfqdata.findIndex((item) => {
             return item.bdcdyid == data.bdcdyid;
             return item.bdcdyid == data.bdcdyid;
           });
           });
           this.setstyle(newindex, index);
           this.setstyle(newindex, index);
+          this.loadComponent(data.form);
         }
         }
-
       },
       },
       /**
       /**
        * @description: loadComponent
        * @description: loadComponent
@@ -227,11 +209,12 @@
        * @author: renchao
        * @author: renchao
        */
        */
       loadComponent (form) {
       loadComponent (form) {
+        console.log(form, 'form');
         this.componentTag = (r) =>
         this.componentTag = (r) =>
           require.ensure([], () => r(require("@/views/registerBook/" + form)));
           require.ensure([], () => r(require("@/views/registerBook/" + form)));
-      },
-    },
-  };
+      }
+    }
+  }
 </script>
 </script>
 <style scoped lang="scss">
 <style scoped lang="scss">
   /deep/.rollTable {
   /deep/.rollTable {

-import { log } from "bpmn-js-token-simulation";
-
-
+/*
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-09-15 10:52:40
+ */
 var qlxxPage = [
 var qlxxPage = [
     { qllx: "A01", id: "tdsyq", form: "tdsyq.vue", label: "集体土地所有权" },
     { qllx: "A01", id: "tdsyq", form: "tdsyq.vue", label: "集体土地所有权" },
     { qllx: "A02", id: "tdsyq", form: "tdsyq.vue", label: "国家土地所有权" },
     { qllx: "A02", id: "tdsyq", form: "tdsyq.vue", label: "国家土地所有权" },
@@ -45,7 +47,7 @@ var qlxxPage = [
  * @param {*} bdcdyh
  * @param {*} bdcdyh
  * @author: renchao
  * @author: renchao
  */
  */
-export function loadTreeData(bdcdyh) {
+export function loadTreeData (bdcdyh) {
     let treedata = [];
     let treedata = [];
     //加载封面
     //加载封面
     treedata.push({ id: "djbfm", form: "djbfm.vue", label: "登记簿封面" });
     treedata.push({ id: "djbfm", form: "djbfm.vue", label: "登记簿封面" });
@@ -53,24 +55,24 @@ export function loadTreeData(bdcdyh) {
     treedata[1].children.push({ id: "bdcqldjml", form: "bdcqldjml.vue", label: "不动产权利登记目录", children: [] });
     treedata[1].children.push({ id: "bdcqldjml", form: "bdcqldjml.vue", label: "不动产权利登记目录", children: [] });
     return treedata;
     return treedata;
 }
 }
-export function loadsfqData(qlxxData, bdcdyh,bdcdyid) {
- let treedata={
-  bdcdyid:bdcdyid,id: "bdcqljqtsx", form: "bdcqljqtsx.vue", label: "不动产权利及其他事项\n (" + bdcdyh.slice(19) + ")", children: [],
-  };
-  //主体权利
-  treedata.children.push(getNode(qlxxData.ztqllx, qlxxData.ztql, qlxxData.bdcdylx,bdcdyid));
-  //抵押权
-  treedata.children.push(getNode("A37", qlxxData.diyaq, '',bdcdyid));
-  //地役权
-  treedata.children.push(getNode("A19", qlxxData.diyiq, '',bdcdyid));
-  //预告登记
-  treedata.children.push(getNode("B40", qlxxData.ygdj, '',bdcdyid));
-  //异议登记
-  treedata.children.push(getNode("B38", qlxxData.yydj, '',bdcdyid));
-  //查封登记
-  treedata.children.push(getNode("B39", qlxxData.cfdj, '',bdcdyid));
+export function loadsfqData (qlxxData, bdcdyh, bdcdyid) {
+    let treedata = {
+        bdcdyid: bdcdyid, id: "bdcqljqtsx", form: "bdcqljqtsx.vue", label: "不动产权利及其他事项\n (" + bdcdyh.slice(19) + ")", children: [],
+    };
+    //主体权利
+    treedata.children.push(getNode(qlxxData.ztqllx, qlxxData.ztql, qlxxData.bdcdylx, bdcdyid));
+    //抵押权
+    treedata.children.push(getNode("A37", qlxxData.diyaq, '', bdcdyid));
+    //地役权
+    treedata.children.push(getNode("A19", qlxxData.diyiq, '', bdcdyid));
+    //预告登记
+    treedata.children.push(getNode("B40", qlxxData.ygdj, '', bdcdyid));
+    //异议登记
+    treedata.children.push(getNode("B38", qlxxData.yydj, '', bdcdyid));
+    //查封登记
+    treedata.children.push(getNode("B39", qlxxData.cfdj, '', bdcdyid));
 
 
-  return treedata;
+    return treedata;
 }
 }
 
 
 //获取权利类型、不动产单元类型对应的树形节点信息
 //获取权利类型、不动产单元类型对应的树形节点信息
@@ -81,18 +83,18 @@ export function loadsfqData(qlxxData, bdcdyh,bdcdyid) {
  * @param {*} bdcdylx
  * @param {*} bdcdylx
  * @author: renchao
  * @author: renchao
  */
  */
-export function getNode(qllx, qlxx, bdcdylx,bdcdyid) {
+export function getNode (qllx, qlxx, bdcdylx, bdcdyid) {
     let node;
     let node;
     for (var i = 0; i < qlxxPage.length; i++) {
     for (var i = 0; i < qlxxPage.length; i++) {
         if (qlxxPage[i].qllx == qllx) {
         if (qlxxPage[i].qllx == qllx) {
             if (qllx == "A04" || qllx == "A06" || qllx == "A08") {
             if (qllx == "A04" || qllx == "A06" || qllx == "A08") {
                 if (bdcdylx == "4") {
                 if (bdcdylx == "4") {
-                    node = {bdcdyid:bdcdyid,id: "fdcq1", form: "fdcq1.vue", label: qlxxPage[i].label + "(临:" + qlxx.linShi + "，现:" + qlxx.xianShi + "，历:" + qlxx.liShi +")"};
+                    node = { bdcdyid: bdcdyid, id: "fdcq1", form: "fdcq1.vue", label: qlxxPage[i].label + "(临:" + qlxx.linShi + "，现:" + qlxx.xianShi + "，历:" + qlxx.liShi + ")" };
                 } else {
                 } else {
-                    node = { bdcdyid:bdcdyid,id: "fdcq2", form: "fdcq2.vue", label: qlxxPage[i].label + "(临:" + qlxx.linShi + "，现:" + qlxx.xianShi + "，历:" + qlxx.liShi +")"};
+                    node = { bdcdyid: bdcdyid, id: "fdcq2", form: "fdcq2.vue", label: qlxxPage[i].label + "(临:" + qlxx.linShi + "，现:" + qlxx.xianShi + "，历:" + qlxx.liShi + ")" };
                 }
                 }
             } else {
             } else {
-                node = { bdcdyid:bdcdyid,id: qlxxPage[i].id, form: qlxxPage[i].form, label: qlxxPage[i].label + "(临:" + qlxx.linShi + "，现:" + qlxx.xianShi + "，历:" + qlxx.liShi +")"};
+                node = { bdcdyid: bdcdyid, id: qlxxPage[i].id, form: qlxxPage[i].form, label: qlxxPage[i].label + "(临:" + qlxx.linShi + "，现:" + qlxx.xianShi + "，历:" + qlxx.liShi + ")" };
             }
             }
             break;
             break;
         }
         }

 <!--
 <!--
  * @Description:
  * @Description:
  * @Autor: miaofang
  * @Autor: miaofang
- * @LastEditTime: 2023-08-23 15:54:12
+ * @LastEditTime: 2023-09-18 13:42:34
 -->
 -->
 <template>
 <template>
   <div class="djxxTable">
   <div class="djxxTable">
-    <div v-show="false">
-      <printTemplate
-        id="boxfdcq"
-        :tableData="tableData"
-        :render="render"
-      />
-    </div>
-    <div class="tableBox">
-      <div class="title">
-        {{ title }}
-        <el-button class="print" v-show="shows" @click="openPrint()"
-          >打印</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-group>
-        </div>
-      </div>
-      <div class="xxTableBox rollTable">
-        <table class="xxTable">
-          <tr v-for="(item, colindex) in columns" :key="colindex">
-            <td>
-              {{ item.label }}
-            </td>
-            <td
-              v-for="(row, index) in tableData"
-              :key="index"
-              :class="[
-                row.qszt == '2' ? 'lishi' : '',
-                row.qszt == '0' ? 'linshi' : '',
-                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' : '',
-              ]"
-            >
-              <div
-                class="setbut"
-                v-if="item.prop == 'cz' && row.sjlx != '系统数据'"
-              >
-                <el-button
-                  type="text"
-                  icon="el-icon-edit-outline"
-                  @click="editDialog(row)"
-                  >编辑</el-button
-                >
-                <el-button
-                  type="text"
-                  icon="el-icon-edit-outline"
-                  @click="editDialog(row, 'D')"
-                  >删除</el-button
-                >
-              </div>
-              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'">
-                有效
-              </div>
-              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
-                正在补录
-              </div>
-              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
-                正在申请
-              </div>
-              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
-                正在注销
-              </div>
-
-              <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"
-              >
-                <span class="ellipsis-line">
-                  {{ row[item.prop] }}
-                </span>
-              </el-tooltip>
-            </td>
-            <td v-for="count in emptycolNum" :key="~count"></td>
-          </tr>
-        </table>
-      </div>
-    </div>
+    <djbDetail :title="title" :shows="shows" :propsParam="propsParam"
+      :columns="columns" :tableData="tableData" />
   </div>
   </div>
 </template>
 </template>
-
 <script>
 <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 {
-
-      shows: false,
-      title: "房地产权登记信息（独幢、层、套、间房屋）",
-      qsztList: datas.columns().qsztList,
-      checkList: datas.columns().checkList,
-      //传递参数
-      propsParam: this.$attrs,
-      //列表数据
-      tableData: [],
-      //空列值个数
-      emptycolNum: datas.columns().emptycolNum,
-      //列名称对象
-      columns: datas.columns().FDCQ2,
-      render: false,
-    };
-  },
-  created() {
-    this.loadData();
-  },
-  methods: {
-    /**
-     * @description: openPrint
-     * @author: miaofang
-     */
-    openPrint() {
-      this.render = true;
-      setTimeout(() => {
-        this.prinsss();
-      }, 100);
-    },
-    /**
-     * @description: prinsss
-     * @author: miaofang
-     */
-    prinsss() {
-      printJS({
-        printable: "boxfdcq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
-        type: "html",
-        maxWidth: 800, // 最大宽度
-        font_size: "", // 不设置则使用默认字体大小
-        style: `@font-face {
-          font-family: "STZHONGS";
-          src: url(${window.ttf}) format("truetype");
-        }`,
-        // 继承原来的所有样式
-        targetStyles: ["*"],
-      });
-       this.render = false
+  import { datas } from "./qlxxFormData.js";
+  import { getSjlx } from "@/utils/dictionary.js";
+  import { getFdcq2List } from "@/api/djbDetail.js";
+  import djbDetail from "./components/djbDetail.vue"
+  export default {
+    components: {
+      djbDetail
     },
     },
-    /**
-     * @description: loadData
-     * @author: miaofang
-     */
-    loadData() {
-      if (this.$parent.addRepairRecord) {
-        this.columns.unshift({ prop: "cz", label: "操作" });
-      }
-      getFdcq2List({
-        bdcdyid: this.propsParam.bdcdyid,
-        qllx: this.propsParam.qllx,
-        qszt: this.checkList,
-      }).then((res) => {
-        if (res.code === 200) {
-          this.tableData = res.result;
-          this.shows = this.tableData.length > 0;
-          this.tableData.forEach((item) => {
-            item.sjlx = getSjlx(item.sjlx);
-          });
-          if (this.tableData.length < datas.columns().emptycolNum) {
-            this.emptycolNum =
-              datas.columns().emptycolNum - this.tableData.length;
-          } else {
-            this.emptycolNum = 0;
-          }
-        }
-      });
+
+    data () {
+      return {
+        shows: false,
+        title: "房地产权登记信息（独幢、层、套、间房屋）",
+        //传递参数
+        propsParam: this.$attrs,
+        //列表数据
+        tableData: [],
+        //列名称对象
+        columns: datas.columns().FDCQ2,
+        render: false,
+      };
     },
     },
-    /**
-     * @description: checkChange
-     * @author: miaofang
-     */
-    checkChange() {
-      if (this.checkList.length === 0) {
-        this.tableData = [];
-        this.emptycolNum = datas.columns().emptycolNum;
-      } else {
-        this.loadData();
-      }
+    created () {
+      this.loadData();
     },
     },
-    /**
-     * @description: getQsztName
-     * @param {*} code
-     * @author: miaofang
-     */
-    getQsztName(code) {
-      let name = "";
-      for (let item of this.qsztList) {
-        if (item.value == code) {
-          name = item.label;
-          break;
+    methods: {
+      /**
+       * @description: loadData
+       * @author: miaofang
+       */
+      loadData () {
+        if (this.$parent.addRepairRecord) {
+          this.columns.unshift({ prop: "cz", label: "操作" });
         }
         }
-      }
-      return name;
-    },
-    // 新增一条补录信息
-    /**
-     * @description: 新增一条补录信息
-     * @param {*} row
-     * @param {*} del
-     * @author: miaofang
-     */
-    editDialog(row, del) {
-      this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning",
-      })
-        .then(() => {
-          this.$parent.addRepairRecord(row, del);
+        getFdcq2List({
+          bdcdyid: this.propsParam.bdcdyid,
+          qllx: this.propsParam.qllx,
+          qszt: this.checkList,
+        }).then((res) => {
+          if (res.code === 200) {
+            this.tableData = res.result;
+            this.shows = this.tableData.length > 0;
+            this.tableData.forEach((item) => {
+              item.sjlx = getSjlx(item.sjlx);
+            });
+            if (this.tableData.length < datas.columns().emptycolNum) {
+              this.emptycolNum =
+                datas.columns().emptycolNum - this.tableData.length;
+            } else {
+              this.emptycolNum = 0;
+            }
+          }
         })
         })
-        .catch(() => {
-          this.$message({
-            type: "info",
-            message: "取消",
-          });
-        });
-    },
-  },
-};
+      }
+    }
+  };
 </script>
 </script>
 
 
 <style lang="scss" scoped>
 <style lang="scss" scoped>
-@import "./qlxxCommon.scss";
-.title {
-  position: relative;
-  .print {
-    // background-color: #0079fe;
-    z-index: 10;
-    position: absolute;
-    left: 11px;
-    top: 5px;
+  @import "./qlxxCommon.scss";
+  .title {
+    position: relative;
+    .print {
+      // background-color: #0079fe;
+      z-index: 10;
+      position: absolute;
+      left: 11px;
+      top: 5px;
+    }
   }
   }
-}
 </style>
 </style>

 <!--
 <!--
  * @Description:
  * @Description:
  * @Autor: miaofang
  * @Autor: miaofang
- * @LastEditTime: 2023-08-23 15:54:12
+ * @LastEditTime: 2023-09-18 13:43:36
 -->
 -->
 <template>
 <template>
   <div class="djxxTable">
   <div class="djxxTable">
-    <div v-show="false">
-      <printTemplate
-        id="boxjsydsyq"
-        :tableData="tableData"
-        :render="render"
-      />
-    </div>
-    <div class="tableBox">
-      <div class="title">
-        {{ title }}
-        <el-button class="print" v-show="shows" @click="openPrint()"
-          >打印</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-group>
-        </div>
-      </div>
-      <div class="xxTableBox rollTable">
-        <!-- 固定前三个 -->
-        <table class="xxTable">
-          <tr v-for="(item, colindex) in columns" :key="colindex">
-            <td>
-              {{ item.label }}
-            </td>
-            <td
-              v-for="(row, index) in tableData"
-              :key="index"
-              :class="[
-                row.qszt == '2' ? 'lishi' : '',
-                row.qszt == '0' ? 'linshi' : '',
-                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' : '',
-              ]"
-            >
-              <div
-                class="setbut"
-                v-if="item.prop == 'cz' && row.sjlx != '系统数据'"
-              >
-                <el-button
-                  type="text"
-                  icon="el-icon-edit-outline"
-                  @click="editDialog(row)"
-                  >编辑</el-button
-                >
-                <el-button
-                  type="text"
-                  icon="el-icon-edit-outline"
-                  @click="editDialog(row, 'D')"
-                  >删除</el-button
-                >
-              </div>
-              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'">
-                有效
-              </div>
-              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
-                正在补录
-              </div>
-              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
-                正在申请
-              </div>
-              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
-                正在注销
-              </div>
-
-              <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"
-              >
-                <span class="ellipsis-line">
-                  {{ row[item.prop] }}
-                </span>
-              </el-tooltip>
-            </td>
-            <td v-for="count in emptycolNum" :key="~count"></td>
-          </tr>
-        </table>
-      </div>
-    </div>
+    <djbDetail :title="title" :shows="shows" :propsParam="propsParam"
+      :columns="columns" :tableData="tableData" />
   </div>
   </div>
 </template>
 </template>
 
 
 <script>
 <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,
-      //传递参数
-      propsParam: this.$attrs,
-      //列表数据
-      tableData: [],
-      //空列值个数
-      emptycolNum: datas.columns().emptycolNum,
-      //列名称对象
-      columns: datas.columns().JSYDSYQ,
-      render: false,
-    };
-  },
-  created() {
-    this.loadData();
-  },
-  methods: {
-        /**
-     * @description: openPrint
-     * @author: miaofang
-     */
-    openPrint() {
-      this.render = true;
-      setTimeout(() => {
-        this.prinsss();
-      }, 100);
-    },
-    /**
-     * @description: prinsss
-     * @author: miaofang
-     */
-    prinsss() {
-      printJS({
-        printable: "boxjsydsyq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
-        type: "html",
-        maxWidth: 800, // 最大宽度
-        font_size: "", // 不设置则使用默认字体大小
-        style: `@font-face {
-          font-family: "STZHONGS";
-          src: url(${window.ttf}) format("truetype");
-        }`,
-        // 继承原来的所有样式
-        targetStyles: ["*"],
-      });
-      this.render=false
+  import { datas } from "./qlxxFormData.js";
+  import { getSjlx } from "@/utils/dictionary.js";
+  import { getJsydsyqList } from "@/api/djbDetail.js";
+  import djbDetail from "./components/djbDetail.vue"
+  export default {
+    components: {
+      djbDetail,
     },
     },
-    /**
-     * @description: loadData
-     * @author: miaofang
-     */
-    loadData() {
-      getJsydsyqList({
-        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);
-          });
-          if (this.tableData.length < datas.columns().emptycolNum) {
-            this.emptycolNum =
-              datas.columns().emptycolNum - this.tableData.length;
-          } else {
-            this.emptycolNum = 0;
-          }
-        }
-      });
-    },
-    /**
-     * @description: checkChange
-     * @author: miaofang
-     */
-    checkChange() {
-      if (this.checkList.length === 0) {
-        this.tableData = [];
-        this.emptycolNum = datas.columns().emptycolNum;
-      } else {
-        this.loadData();
-      }
+    data () {
+      return {
+        printObj: {
+          id: "box",
+          //其他配置项，
+        },
+        shows: false,
+        title: "建设用地使用权、宅基地使用权登记信息",
+        //传递参数
+        propsParam: this.$attrs,
+        //列表数据
+        tableData: [],
+        //列名称对象
+        columns: datas.columns().JSYDSYQ,
+        render: false,
+      };
     },
     },
-    /**
-     * @description: getQsztName
-     * @param {*} code
-     * @author: miaofang
-     */
-    getQsztName(code) {
-      let name = "";
-      for (let item of this.qsztList) {
-        if (item.value == code) {
-          name = item.label;
-          break;
-        }
-      }
-      return name;
+    created () {
+      this.loadData();
     },
     },
-    // 新增一条补录信息
-    /**
-     * @description: 新增一条补录信息
-     * @param {*} row
-     * @param {*} del
-     * @author: miaofang
-     */
-    editDialog(row, del) {
-      this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning",
-      })
-        .then(() => {
-          this.$parent.addRepairRecord(row, del);
-
-          this.$message({
-            type: "success",
-            message: "补录成功!",
-          });
+    methods: {
+      loadData () {
+        getJsydsyqList({
+          bdcdyid: this.propsParam.bdcdyid,
+          qllx: this.propsParam.qllx,
+          qszt: this.checkList,
+        }).then((res) => {
+          if (res.code === 200) {
+            this.tableData = res.result;
+            this.shows = this.tableData.length > 0;
+            this.tableData.forEach((item) => {
+              item.sjlx = getSjlx(item.sjlx);
+            });
+            if (this.tableData.length < datas.columns().emptycolNum) {
+              this.emptycolNum =
+                datas.columns().emptycolNum - this.tableData.length;
+            } else {
+              this.emptycolNum = 0;
+            }
+          }
         })
         })
-        .catch(() => {
-          this.$message({
-            type: "info",
-            message: "取消编辑",
-          });
-        });
-    },
-  },
-};
+      }
+    }
+  }
 </script>
 </script>
 
 
 <style lang="scss" scoped>
 <style lang="scss" scoped>
-@import "./qlxxCommon.scss";
-.title {
-  position: relative;
-  .print {
-    // background-color: #0079fe;
-    z-index: 10;
-    position: absolute;
-    left: 11px;
-    top: 5px;
+  @import "./qlxxCommon.scss";
+  .title {
+    position: relative;
+    .print {
+      // background-color: #0079fe;
+      z-index: 10;
+      position: absolute;
+      left: 11px;
+      top: 5px;
+    }
   }
   }
-}
 </style>
 </style>

 <!--
 <!--
  * @Description:
  * @Description:
  * @Autor: miaofang
  * @Autor: miaofang
- * @LastEditTime: 2023-08-23 15:54:12
+ * @LastEditTime: 2023-09-18 13:44:04
 -->
 -->
 <template>
 <template>
   <div class="djxxTable">
   <div class="djxxTable">
-    <div v-show="false">
-      <printTemplate
-        id="boxldsyq"
-        :tableData="tableData"
-        :render="render"
-      />
-    </div>
-    <div class="tableBox">
-      <div class="title">
-        {{ title }}
-        <el-button class="print" v-show="shows" @click="openPrint()"
-          >打印</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-group>
-        </div>
-      </div>
-      <div class="xxTableBox rollTable">
-        <!-- 固定前三个 -->
-        <table class="xxTable">
-          <tr v-for="(item, colindex) in columns" :key="colindex">
-            <td>{{ item.label }}</td>
-            <td
-              v-for="(row, index) in tableData"
-              :key="index"
-              :class="[
-                row.qszt == '2' ? 'lishi' : '',
-                row.qszt == '0' ? 'linshi' : '',
-                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' : '',
-              ]"
-            >
-              <div
-                class="setbut"
-                v-if="item.prop == 'cz' && row.sjlx != '系统数据'"
-              >
-                <el-button
-                  type="text"
-                  icon="el-icon-edit-outline"
-                  @click="editDialog(row)"
-                  >编辑</el-button
-                >
-                <el-button
-                  type="text"
-                  icon="el-icon-edit-outline"
-                  @click="editDialog(row, 'D')"
-                  >删除</el-button
-                >
-              </div>
-              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'">
-                有效
-              </div>
-              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
-                正在补录
-              </div>
-              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
-                正在申请
-              </div>
-              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
-                正在注销
-              </div>
-
-              <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"
-              >
-                <span class="ellipsis-line">
-                  {{ row[item.prop] }}
-                </span>
-              </el-tooltip>
-            </td>
-            <td v-for="count in emptycolNum" :key="~count"></td>
-          </tr>
-        </table>
-      </div>
-    </div>
+    <djbDetail :title="title" :shows="shows" :propsParam="propsParam"
+      :columns="columns" :tableData="tableData" />
   </div>
   </div>
 </template>
 </template>
 
 
 <script>
 <script>
-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,
-      //传递参数
-      propsParam: this.$attrs,
-      //列表数据
-      tableData: [],
-      //空列值个数
-      emptycolNum: datas.columns().emptycolNum,
-      //列名称对象
-      columns: datas.columns().LDSYQ,
-      render: false,
-    };
-  },
-  created() {
-    this.loadData();
-  },
-  methods: {
-    /**
-     * @description: openPrint
-     * @author: miaofang
-     */
-    openPrint() {
-      this.render = true;
-      setTimeout(() => {
-        this.prinsss();
-      }, 100);
-    },
-    /**
-     * @description: prinsss
-     * @author: miaofang
-     */
-    prinsss() {
-      printJS({
-        printable: "boxldsyq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
-        type: "html",
-        maxWidth: 800, // 最大宽度
-        font_size: "", // 不设置则使用默认字体大小
-        style: `@font-face {
-          font-family: "STZHONGS";
-          src: url(${window.ttf}) format("truetype");
-        }`,
-        // 继承原来的所有样式
-        targetStyles: ["*"],
-      });
-      this.render=false
+  import { datas } from "./qlxxFormData.js";
+  import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
+  import { getLqList } from "@/api/djbDetail.js";
+  import djbDetail from "./components/djbDetail.vue"
+  export default {
+    components: {
+      djbDetail,
     },
     },
-    /**
-     * @description: loadData
-     * @author: miaofang
-     */
-    loadData() {
-      if (this.$parent.addRepairRecord) {
-        this.columns.unshift({
-          prop: "cz",
-          label: "操作",
-        });
-      }
-      getLqList({
-        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.ldsyqxz = getDictLeabel(item.ldsyqxz, "A45");
-            item.lz = getDictLeabel(item.lz, "A26");
-            item.qy = getDictLeabel(item.qy, "A52");
-          });
-          if (this.tableData.length < datas.columns().emptycolNum) {
-            this.emptycolNum =
-              datas.columns().emptycolNum - this.tableData.length;
-          } else {
-            this.emptycolNum = 0;
-          }
-        }
-      });
+    data () {
+      return {
+        printObj: {
+          id: "box",
+          //其他配置项，
+        },
+        shows: false,
+        title: "林权登记信息",
+        //传递参数
+        propsParam: this.$attrs,
+        //列表数据
+        tableData: [],
+        //列名称对象
+        columns: datas.columns().LDSYQ,
+        render: false,
+      };
     },
     },
-    /**
-     * @description: checkChange
-     * @author: miaofang
-     */
-    checkChange() {
-      if (this.checkList.length === 0) {
-        this.tableData = [];
-        this.emptycolNum = datas.columns().emptycolNum;
-      } else {
-        this.loadData();
-      }
+    created () {
+      this.loadData();
     },
     },
-    /**
-     * @description: getQsztName
-     * @param {*} code
-     * @author: miaofang
-     */
-    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: miaofang
-     */
-    editDialog(row, del) {
-      this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning",
-      })
-        .then(() => {
-          this.$parent.addRepairRecord(row, del);
-
-          this.$message({
-            type: "success",
-            message: "补录成功!",
-          });
-        })
-        .catch(() => {
-          this.$message({
-            type: "info",
-            message: "取消编辑",
+    methods: {
+      loadData () {
+        if (this.$parent.addRepairRecord) {
+          this.columns.unshift({
+            prop: "cz",
+            label: "操作",
           });
           });
+        }
+        getLqList({
+          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.ldsyqxz = getDictLeabel(item.ldsyqxz, "A45");
+              item.lz = getDictLeabel(item.lz, "A26");
+              item.qy = getDictLeabel(item.qy, "A52");
+            });
+            if (this.tableData.length < datas.columns().emptycolNum) {
+              this.emptycolNum =
+                datas.columns().emptycolNum - this.tableData.length;
+            } else {
+              this.emptycolNum = 0;
+            }
+          }
         });
         });
-    },
-  },
-};
+      }
+    }
+  }
 </script>
 </script>
 
 
 <style lang="scss" scoped>
 <style lang="scss" scoped>
-@import "./qlxxCommon.scss";
-.title {
-  position: relative;
-  .print {
-    // background-color: #0079fe;
-    z-index: 10;
-    position: absolute;
-    left: 11px;
-    top: 5px;
+  @import "./qlxxCommon.scss";
+  .title {
+    position: relative;
+    .print {
+      // background-color: #0079fe;
+      z-index: 10;
+      position: absolute;
+      left: 11px;
+      top: 5px;
+    }
   }
   }
-}
 </style>
 </style>

 <!--
 <!--
- * @Author: yangwei
- * @Date: 2023-08-15 14:15:06
- * @LastEditors: yangwei
- * @LastEditTime: 2023-08-15 14:15:19
- * @FilePath: \bdcdj-web\src\views\registerBook\sllmsyq.vue
- * @Description:
- *
- * Copyright (c) 2023 by yangwei, All Rights Reserved.
--->
-<!--
  * @Description:
  * @Description:
  * @Autor: miaofang
  * @Autor: miaofang
- * @LastEditTime: 2023-08-11 15:33:53
+ * @LastEditTime: 2023-09-18 13:45:03
 -->
 -->
 <template>
 <template>
   <div class="djxxTable">
   <div class="djxxTable">
-    <div v-show="false">
-      <printTemplate
-        id="boxsllmsyq"
-        :tableData="tableData"
-        :render="render"
-      />
-    </div>
-    <div class="tableBox">
-      <div class="title">
-        {{ title }}
-        <el-button class="print" v-show="shows" @click="openPrint()"
-          >打印</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-group>
-        </div>
-      </div>
-      <div class="xxTableBox rollTable">
-        <!-- 固定前三个 -->
-        <table class="xxTable">
-          <tr v-for="(item, colindex) in columns" :key="colindex">
-            <td>{{ item.label }}</td>
-            <td
-              v-for="(row, index) in tableData"
-              :key="index"
-              :class="[
-                row.qszt == '2' ? 'lishi' : '',
-                row.qszt == '0' ? 'linshi' : '',
-                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' : '',
-              ]"
-            >
-              <div
-                class="setbut"
-                v-if="item.prop == 'cz' && row.sjlx != '系统数据'"
-              >
-                <el-button
-                  type="text"
-                  icon="el-icon-edit-outline"
-                  @click="editDialog(row)"
-                  >编辑</el-button
-                >
-                <el-button
-                  type="text"
-                  icon="el-icon-edit-outline"
-                  @click="editDialog(row, 'D')"
-                  >删除</el-button
-                >
-              </div>
-              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'">
-                有效
-              </div>
-              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
-                正在补录
-              </div>
-              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
-                正在申请
-              </div>
-              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
-                正在注销
-              </div>
-
-              <!-- <span v-if="item.prop == 'qszt'">{{ getQsztName(row[item.prop]) }}</span>
-              <span v-else>{{ row[item.prop] }}</span> -->
-
-              <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"
-              >
-                <span class="ellipsis-line">
-                  {{ row[item.prop] }}
-                </span>
-              </el-tooltip>
-            </td>
-            <td v-for="count in emptycolNum" :key="~count"></td>
-          </tr>
-        </table>
-      </div>
-    </div>
+    <djbDetail :title="title" :shows="shows" :propsParam="propsParam"
+      :columns="columns" :tableData="tableData" />
   </div>
   </div>
 </template>
 </template>
 
 
 <script>
 <script>
-import { datas } from "./qlxxFormData.js";
-import { getSjlx } 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,
-      //传递参数
-      propsParam: this.$attrs,
-      //列表数据
-      tableData: [],
-      //空列值个数
-      emptycolNum: datas.columns().emptycolNum,
-      //列名称对象
-      columns: datas.columns().LDSYQ,
-      render: false,
-    };
-  },
-  created() {
-    this.loadData();
-  },
-  methods: {
-    /**
-     * @description: openPrint
-     * @author: miaofang
-     */
-    openPrint() {
-      this.render = true;
-      setTimeout(() => {
-        this.prinsss();
-      }, 100);
-    },
-    /**
-     * @description: prinsss
-     * @author: miaofang
-     */
-    prinsss() {
-      printJS({
-        printable: "boxsllmsyq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
-        type: "html",
-        maxWidth: 800, // 最大宽度
-        font_size: "", // 不设置则使用默认字体大小
-        style: `@font-face {
-          font-family: "STZHONGS";
-          src: url(${window.ttf}) format("truetype");
-        }`,
-        // 继承原来的所有样式
-        targetStyles: ["*"],
-      });
-      this.render=false
-    },
-    /**
-     * @description: loadData
-     * @author: miaofang
-     */
-    loadData() {
-      if (this.$parent.addRepairRecord) {
-        this.columns.unshift({
-          prop: "cz",
-          label: "操作",
-        });
-      }
-      getLqList({
-        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);
-          });
-          if (this.tableData.length < datas.columns().emptycolNum) {
-            this.emptycolNum =
-              datas.columns().emptycolNum - this.tableData.length;
-          } else {
-            this.emptycolNum = 0;
-          }
-        }
-      });
+  import { datas } from "./qlxxFormData.js";
+  import { getSjlx } from "@/utils/dictionary.js";
+  import { getLqList } from "@/api/djbDetail.js";
+  import djbDetail from "./components/djbDetail.vue"
+  export default {
+    components: {
+      djbDetail,
     },
     },
-    /**
-     * @description: checkChange
-     * @author: miaofang
-     */
-    checkChange() {
-      if (this.checkList.length === 0) {
-        this.tableData = [];
-        this.emptycolNum = datas.columns().emptycolNum;
-      } else {
-        this.loadData();
-      }
+    data () {
+      return {
+        shows: false,
+        title: "林权登记信息",
+        //传递参数
+        propsParam: this.$attrs,
+        //列表数据
+        tableData: [],
+        //列名称对象
+        columns: datas.columns().LDSYQ,
+        render: false,
+      };
     },
     },
-    /**
-     * @description: getQsztName
-     * @param {*} code
-     * @author: miaofang
-     */
-    getQsztName(code) {
-      let name = "";
-      for (let item of this.qsztList) {
-        if (item.value == code) {
-          name = item.label;
-          break;
-        }
-      }
-      return name;
+    created () {
+      this.loadData();
     },
     },
-    // 新增一条补录信息
-    /**
-     * @description: 新增一条补录信息
-     * @param {*} row
-     * @param {*} del
-     * @author: miaofang
-     */
-    editDialog(row, del) {
-      this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning",
-      })
-        .then(() => {
-          this.$parent.addRepairRecord(row, del);
-
-          this.$message({
-            type: "success",
-            message: "补录成功!",
-          });
-        })
-        .catch(() => {
-          this.$message({
-            type: "info",
-            message: "取消编辑",
+    methods: {
+      loadData () {
+        if (this.$parent.addRepairRecord) {
+          this.columns.unshift({
+            prop: "cz",
+            label: "操作",
           });
           });
+        }
+        getLqList({
+          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);
+            });
+            if (this.tableData.length < datas.columns().emptycolNum) {
+              this.emptycolNum =
+                datas.columns().emptycolNum - this.tableData.length;
+            } else {
+              this.emptycolNum = 0;
+            }
+          }
         });
         });
+      }
     },
     },
-  },
-};
+  };
 </script>
 </script>
 
 
 <style lang="scss" scoped>
 <style lang="scss" scoped>
-@import "./qlxxCommon.scss";
-.title {
-  position: relative;
-  .print {
-    // background-color: #0079fe;
-    z-index: 10;
-    position: absolute;
-    left: 11px;
-    top: 5px;
+  @import "./qlxxCommon.scss";
+  .title {
+    position: relative;
+    .print {
+      // background-color: #0079fe;
+      z-index: 10;
+      position: absolute;
+      left: 11px;
+      top: 5px;
+    }
   }
   }
-}
 </style>
 </style>

 <!--
 <!--
  * @Description:
  * @Description:
  * @Autor: miaofang
  * @Autor: miaofang
- * @LastEditTime: 2023-08-23 15:54:12
+ * @LastEditTime: 2023-09-18 13:06:42
 -->
 -->
 <template>
 <template>
   <div class="djxxTable">
   <div class="djxxTable">
-    <div v-show="false">
-       <printTemplate  id="boxtdsyq" :tableData="tableData" :render="render"/>
-    </div>
-    <div class="tableBox">
-      <div class="title">
-        {{ title }}
-        <el-button class="print" v-show="shows" @click="openPrint()">打印</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-group>
-        </div>
-      </div>
-      <div class="xxTableBox rollTable">
-        <!-- 固定前三个 -->
-        <table class="xxTable">
-          <tr v-for="(item, colindex) in columns" :key="colindex">
-            <td>
-              {{ item.label }}
-            </td>
-            <td v-for="(row, index) in tableData" :key="index" :class="[
-              row.qszt == '2' ? 'lishi' : '',
-              row.qszt == '0' ? 'linshi' : '',
-              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' : ''
-            ]">
-              <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
-                <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
-                <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
-              </div>
-              <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
-                有效
-              </div>
-              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
-                正在补录
-              </div>
-              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
-                正在申请
-              </div>
-              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
-                正在注销
-              </div>
-
-              <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">
-                <span class="ellipsis-line">
-                  {{ row[item.prop] }}
-                </span>
-              </el-tooltip>
-            </td>
-            <td v-for="count in emptycolNum" :key="~count"></td>
-          </tr>
-        </table>
-      </div>
-    </div>
+    <djbDetail :title="title" :shows="shows" :propsParam="propsParam"
+      :columns="columns" :tableData="tableData" />
   </div>
   </div>
 </template>
 </template>
 
 
@@ -77,68 +14,42 @@
   import { datas } from "./qlxxFormData.js";
   import { datas } from "./qlxxFormData.js";
   import { getSjlx } from "@/utils/dictionary.js";
   import { getSjlx } from "@/utils/dictionary.js";
   import { getTdsyqList } from "@/api/djbDetail.js";
   import { getTdsyqList } from "@/api/djbDetail.js";
-import printTemplate from "./components/printTemplate.vue";
-export default {
-  components: {
-    printTemplate,
-  },
-  data() {
-    return {
-      printObj: {
-        id: "box",
-        //其他配置项，
-      },
-      shows:false,
+  import djbDetail from "./components/djbDetail.vue"
+  export default {
+    components: {
+      djbDetail,
+    },
+    data () {
+      return {
+        printObj: {
+          id: "box",
+          //其他配置项，
+        },
+        shows: false,
         title: "土地所有权信息",
         title: "土地所有权信息",
-        qsztList: datas.columns().qsztList,
-        checkList: datas.columns().checkList,
         //传递参数
         //传递参数
         propsParam: this.$attrs,
         propsParam: this.$attrs,
         //列表数据
         //列表数据
         tableData: [],
         tableData: [],
-        //空列值个数
-        emptycolNum: datas.columns().emptycolNum,
         //列名称对象
         //列名称对象
         columns: datas.columns().TDSYQ,
         columns: datas.columns().TDSYQ,
-      render:false
+        render: false,
       };
       };
     },
     },
     created () {
     created () {
       this.loadData();
       this.loadData();
     },
     },
     methods: {
     methods: {
-       openPrint(){
-      this.render=true
-        setTimeout(() => {
-          this.prinsss()
-               }, 100)
-    },
-        prinsss(){
-       printJS({
-        printable: "boxtdsyq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
-        type: "html",
-        maxWidth: 800, // 最大宽度
-        font_size: "", // 不设置则使用默认字体大小
-        style: `@font-face {
-          font-family: "STZHONGS";
-          src: url(${window.ttf}) format("truetype");
-        }`,
-        // 继承原来的所有样式
-        targetStyles: ["*"]
-      });
-      this.render=false
-    },
       /**
       /**
        * @description: loadData
        * @description: loadData
        * @author: miaofang
        * @author: miaofang
        */
        */
       loadData () {
       loadData () {
-
         if (this.$parent.addRepairRecord) {
         if (this.$parent.addRepairRecord) {
           this.columns.unshift({
           this.columns.unshift({
             prop: "cz",
             prop: "cz",
-            label: "操作"
-          })
+            label: "操作",
+          });
         }
         }
         getTdsyqList({
         getTdsyqList({
           bdcdyid: this.propsParam.bdcdyid,
           bdcdyid: this.propsParam.bdcdyid,
@@ -147,10 +58,10 @@ export default {
         }).then((res) => {
         }).then((res) => {
           if (res.code === 200) {
           if (res.code === 200) {
             this.tableData = res.result;
             this.tableData = res.result;
-          this.shows=this.tableData.length>0
-            this.tableData.forEach(item => {
-              item.sjlx = getSjlx(item.sjlx)
-            })
+            this.shows = this.tableData.length > 0;
+            this.tableData.forEach((item) => {
+              item.sjlx = getSjlx(item.sjlx);
+            });
             if (this.tableData.length < datas.columns().emptycolNum) {
             if (this.tableData.length < datas.columns().emptycolNum) {
               this.emptycolNum =
               this.emptycolNum =
                 datas.columns().emptycolNum - this.tableData.length;
                 datas.columns().emptycolNum - this.tableData.length;
@@ -158,76 +69,22 @@ export default {
               this.emptycolNum = 0;
               this.emptycolNum = 0;
             }
             }
           }
           }
-        });
-      },
-      /**
-       * @description: checkChange
-       * @author: miaofang
-       */
-      checkChange () {
-        if (this.checkList.length === 0) {
-          this.tableData = [];
-          this.emptycolNum = datas.columns().emptycolNum;
-        } else {
-          this.loadData();
-        }
-      },
-      /**
-       * @description: getQsztName
-       * @param {*} code
-       * @author: miaofang
-       */
-      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: miaofang
-       */
-      editDialog (row, del) {
-        this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
-          confirmButtonText: '确定',
-          cancelButtonText: '取消',
-          type: 'warning'
-        }).then(() => {
-          this.$parent.addRepairRecord(row, del)
-
-          this.$message({
-            type: 'success',
-            message: '补录成功!'
-          });
-        }).catch(() => {
-          this.$message({
-            type: 'info',
-            message: '取消编辑'
-          });
-        });
-
-      },
-    },
+        })
+      }
+    }
   };
   };
 </script>
 </script>
 
 
 <style lang="scss" scoped>
 <style lang="scss" scoped>
   @import "./qlxxCommon.scss";
   @import "./qlxxCommon.scss";
   .title {
   .title {
-  position: relative;
-  .print {
-    // background-color: #0079fe;
-    z-index: 10;
-    position: absolute;
-    left: 11px;
-    top: 5px;
+    position: relative;
+    .print {
+      // background-color: #0079fe;
+      z-index: 10;
+      position: absolute;
+      left: 11px;
+      top: 5px;
+    }
   }
   }
-}
 </style>
 </style>

 <!--
 <!--
  * @Description:
  * @Description:
  * @Autor: miaofang
  * @Autor: miaofang
- * @LastEditTime: 2023-08-23 15:54:12
+ * @LastEditTime: 2023-09-18 13:40:33
 -->
 -->
 <template>
 <template>
   <div class="djxxTable">
   <div class="djxxTable">
-    <div v-show="false">
-        <printTemplate  id="boxygdj" :tableData="tableData" :render="render"/>
-    </div>
-    <div class="tableBox">
-      <div class="title">
-        {{ title }}
-        <el-button class="print" v-show="shows"  @click="openPrint()">打印</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-group>
-        </div>
-      </div>
-      <div class="xxTableBox rollTable">
-        <table class="xxTable">
-          <tr v-for="(item, colindex) in columns" :key="colindex">
-            <td>
-              {{ item.label }}
-            </td>
-            <td
-              v-for="(row, index) in tableData"
-              :key="index"
-              :class="[
-                row.qszt == '2' ? 'lishi' : '',
-                row.qszt == '0' ? 'linshi' : '',
-                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' : '',
-              ]"
-            >
-              <div class="setbut" v-if="item.prop == 'cz'">
-                <el-button
-                  type="text"
-                  icon="el-icon-edit-outline"
-                  @click="editDialog(row)"
-                  >编辑</el-button
-                >
-                <el-button
-                  type="text"
-                  icon="el-icon-edit-outline"
-                  @click="editDialog(row, 'D')"
-                  >删除</el-button
-                >
-              </div>
-              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'">
-                有效
-              </div>
-              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
-                正在补录
-              </div>
-              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
-                正在申请
-              </div>
-              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
-                正在注销
-              </div>
-
-              <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"
-              >
-                <span class="ellipsis-line">
-                  {{ row[item.prop] }}
-                </span>
-              </el-tooltip>
-            </td>
-            <td v-for="count in emptycolNum" :key="~count"></td>
-          </tr>
-        </table>
-      </div>
-    </div>
+    <djbDetail :title="title" :shows="shows" :propsParam="propsParam"
+      :columns="columns" :tableData="tableData" />
   </div>
   </div>
 </template>
 </template>
 
 
 <script>
 <script>
-import printTemplate from "./components/printTemplate.vue";
-import { datas } from "./qlxxFormData.js";
-import { getYgdjList } from "@/api/djbDetail.js";
-import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
-export default {
-  components: {
-    printTemplate,
-  },
-  data() {
-    return {
-      // printObj: {
-      //   id: "box",
-      //   //其他配置项，
-      // },
-      shows:false,
-      title: "预告登记信息",
-      qsztList: datas.columns().qsztList,
-      checkList: datas.columns().checkList,
-      //传递参数
-      propsParam: this.$attrs,
-      //列表数据
-      tableData: [],
-      //空列值个数
-      emptycolNum: datas.columns().emptycolNum,
-      //列名称对象
-      columns: datas.columns().YGDJ,
-      render:false
-    };
-  },
-  created() {
-    this.loadData();
-  },
-  methods: {
-    openPrint(){
-      this.render=true
-        setTimeout(() => {
-          this.prinsss()
-               }, 100)
+  import { datas } from "./qlxxFormData.js";
+  import { getYgdjList } from "@/api/djbDetail.js";
+  import djbDetail from "./components/djbDetail.vue"
+  import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
+  export default {
+    components: {
+      djbDetail,
     },
     },
-        prinsss(){
-       printJS({
-        printable: "boxygdj", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
-        type: "html",
-        maxWidth: 800, // 最大宽度
-        font_size: "", // 不设置则使用默认字体大小
-        style: `@font-face {
-          font-family: "STZHONGS";
-          src: url(${window.ttf}) format("truetype");
-        }`,
-        // 继承原来的所有样式
-        targetStyles: ["*"]
-      });
-      this.render=false
-    },
-    /**
-     * @description: loadData
-     * @author: miaofang
-     */
-    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;
-          }
-        }
-      });
+    data () {
+      return {
+        shows: false,
+        title: "预告登记信息",
+        //传递参数
+        propsParam: this.$attrs,
+        //列表数据
+        tableData: [],
+        //列名称对象
+        columns: datas.columns().YGDJ,
+        render: false
+      };
     },
     },
-    /**
-     * @description: checkChange
-     * @author: miaofang
-     */
-    checkChange() {
-      if (this.checkList.length === 0) {
-        this.tableData = [];
-        this.emptycolNum = datas.columns().emptycolNum;
-      } else {
-        this.loadData();
-      }
+    created () {
+      this.loadData();
     },
     },
-    /**
-     * @description: getQsztName
-     * @param {*} code
-     * @author: miaofang
-     */
-    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: miaofang
-     */
-    editDialog(row, del) {
-      this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning",
-      })
-        .then(() => {
-          this.$parent.addRepairRecord(row, del);
-
-          this.$message({
-            type: "success",
-            message: "补录成功!",
+    methods: {
+      loadData () {
+        // 判断是否在登记簿补录调的子页面
+        if (this.$parent.addRepairRecord) {
+          this.columns.unshift({
+            prop: "cz",
+            label: "操作",
           });
           });
+        }
+        getYgdjList({
+          bdcdyid: this.propsParam.bdcdyid,
+          qllx: this.propsParam.qllx,
+          qszt: this.checkList,
+        }).then((res) => {
+          if (res.code === 200) {
+            this.tableData = res.result;
+            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;
+            }
+          }
         })
         })
-        .catch(() => {
-          this.$message({
-            type: "info",
-            message: "取消编辑",
-          });
-        });
-    },
-  },
-};
+      }
+    }
+  }
 </script>
 </script>
 
 
 <style lang="scss" scoped>
 <style lang="scss" scoped>
-@import "./qlxxCommon.scss";
-.title {
-  position: relative;
-  .print {
-    // background-color: #0079fe;
-    z-index: 10;
-    position: absolute;
-    left: 11px;
-    top: 5px;
+  @import "./qlxxCommon.scss";
+  .title {
+    position: relative;
+    .print {
+      // background-color: #0079fe;
+      z-index: 10;
+      position: absolute;
+      left: 11px;
+      top: 5px;
+    }
   }
   }
-}
 </style>
 </style>

 <!--
 <!--
  * @Description:
  * @Description:
  * @Autor: miaofang
  * @Autor: miaofang
- * @LastEditTime: 2023-08-23 15:54:12
+ * @LastEditTime: 2023-09-18 13:46:21
 -->
 -->
 <template>
 <template>
   <div class="djxxTable">
   <div class="djxxTable">
-    <div v-show="false">
-      <printTemplate
-        id="boxyydj"
-        :tableData="tableData"
-        :render="render"
-      />
-    </div>
-    <div class="tableBox">
-      <div class="title">
-        {{ title }}
-        <el-button class="print" v-show="shows" @click="openPrint()"
-          >打印</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-group>
-        </div>
-      </div>
-      <div class="xxTableBox rollTable">
-        <table class="xxTable">
-          <tr v-for="(item, colindex) in columns" :key="colindex">
-            <td>
-              {{ item.label }}
-            </td>
-            <td
-              v-for="(row, index) in tableData"
-              :key="index"
-              :class="[
-                row.qszt == '2' ? 'lishi' : '',
-                row.qszt == '0' ? 'linshi' : '',
-                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' : '',
-              ]"
-            >
-              <div class="setbut" v-if="item.prop == 'cz'">
-                <el-button
-                  type="text"
-                  icon="el-icon-edit-outline"
-                  @click="editDialog(row)"
-                  >编辑</el-button
-                >
-                <el-button
-                  type="text"
-                  icon="el-icon-edit-outline"
-                  @click="editDialog(row, 'D')"
-                  >删除</el-button
-                >
-              </div>
-              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'">
-                有效
-              </div>
-              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
-                正在补录
-              </div>
-              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
-                正在申请
-              </div>
-              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
-                正在注销
-              </div>
-
-              <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"
-              >
-                <span class="ellipsis-line">
-                  {{ row[item.prop] }}
-                </span>
-              </el-tooltip>
-            </td>
-            <td v-for="count in emptycolNum" :key="~count"></td>
-          </tr>
-        </table>
-      </div>
-    </div>
+    <djbDetail :title="title" :shows="shows" :propsParam="propsParam"
+      :columns="columns" :tableData="tableData" />
   </div>
   </div>
 </template>
 </template>
 
 
 <script>
 <script>
-import { datas } from "./qlxxFormData.js";
-import { getYydjList } from "@/api/djbDetail.js";
-import { getSjlx, getDictLeabel } from "@/utils/dictionary.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,
-      //传递参数
-      propsParam: this.$attrs,
-      //列表数据
-      tableData: [],
-      //空列值个数
-      emptycolNum: datas.columns().emptycolNum,
-      //列名称对象
-      columns: datas.columns().YYDJ,
-      render: false,
-    };
-  },
-  created() {
-    this.loadData();
-  },
-  methods: {
-    openPrint() {
-      this.render = true;
-      setTimeout(() => {
-        this.prinsss();
-      }, 100);
+  import { datas } from "./qlxxFormData.js";
+  import { getYydjList } from "@/api/djbDetail.js";
+  import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
+  import djbDetail from "./components/djbDetail.vue"
+  export default {
+    components: {
+      djbDetail
     },
     },
-    prinsss() {
-      printJS({
-        printable: "boxyydj", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
-        type: "html",
-        maxWidth: 800, // 最大宽度
-        font_size: "", // 不设置则使用默认字体大小
-        style: `@font-face {
-          font-family: "STZHONGS";
-          src: url(${window.ttf}) format("truetype");
-        }`,
-        // 继承原来的所有样式
-        targetStyles: ["*"],
-      });
-      this.render=false
-    },
-    /**
-     * @description: loadData
-     * @author: miaofang
-     */
-    loadData() {
-      if (this.$parent.addRepairRecord) {
-        this.columns.unshift({
-          prop: "cz",
-          label: "操作",
-        });
-      }
-      getYydjList({
-        bdcdyid: this.propsParam.bdcdyid,
-        qllx: this.propsParam.qllx,
-        qszt: this.checkList,
-      }).then((res) => {
-        if (res.code === 200) {
-          this.tableData = res.result;
-          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;
-          }
-        }
-      });
+    data () {
+      return {
+        shows: false,
+        title: "异议登记信息",
+        //传递参数
+        propsParam: this.$attrs,
+        //列表数据
+        tableData: [],
+        //列名称对象
+        columns: datas.columns().YYDJ,
+        render: false,
+      };
     },
     },
-    /**
-     * @description: checkChange
-     * @author: miaofang
-     */
-    checkChange() {
-      if (this.checkList.length === 0) {
-        this.tableData = [];
-        this.emptycolNum = datas.columns().emptycolNum;
-      } else {
-        this.loadData();
-      }
+    created () {
+      this.loadData();
     },
     },
-    /**
-     * @description: getQsztName
-     * @param {*} code
-     * @author: miaofang
-     */
-    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: miaofang
-     */
-    editDialog(row, del) {
-      this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning",
-      })
-        .then(() => {
-          this.$parent.addRepairRecord(row, del);
-
-          this.$message({
-            type: "success",
-            message: "补录成功!",
+    methods: {
+      loadData () {
+        if (this.$parent.addRepairRecord) {
+          this.columns.unshift({
+            prop: "cz",
+            label: "操作",
           });
           });
+        }
+        getYydjList({
+          bdcdyid: this.propsParam.bdcdyid,
+          qllx: this.propsParam.qllx,
+          qszt: this.checkList,
+        }).then((res) => {
+          if (res.code === 200) {
+            this.tableData = res.result;
+            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;
+            }
+          }
         })
         })
-        .catch(() => {
-          this.$message({
-            type: "info",
-            message: "取消编辑",
-          });
-        });
-    },
-  },
-};
+      }
+    }
+  }
 </script>
 </script>
 
 
 <style lang="scss" scoped>
 <style lang="scss" scoped>
-@import "./qlxxCommon.scss";
-.title {
-  position: relative;
-  .print {
-    // background-color: #0079fe;
-    z-index: 10;
-    position: absolute;
-    left: 11px;
-    top: 5px;
+  @import "./qlxxCommon.scss";
+  .title {
+    position: relative;
+    .print {
+      z-index: 10;
+      position: absolute;
+      left: 11px;
+      top: 5px;
+    }
   }
   }
-}
 </style>
 </style>

@@ -22,14 +22,9 @@ class data extends filter {
           )
           )
         }
         }
       },
       },
+      
       {
       {
-        prop: "ywh",
-        label: "业务号",
-        // width: '110',
-      },
-      {
-        label: "权属状态",
-        // width: '80',
+        label: "推送状态",
         render: (h, scope) => {
         render: (h, scope) => {
           let obj = {
           let obj = {
             "0": {
             "0": {
@@ -52,10 +47,38 @@ class data extends filter {
         }
         }
       },
       },
       {
       {
+        prop: "ywh",
+        label: "业务号",
+        // width: '110',
+      },
+      {
+        prop: "ywh1",
+        label: "登记业务名称",
+        // width: '110',
+      },
+      {
+        prop: "ywh2",
+        label: "登记情形名称",
+        // width: '110',
+      },
+      {
+        prop: "bdcdyh",
+        label: "不动产单元号",
+        // width: '110',
+      },
+      {
         prop: "createtime",
         prop: "createtime",
         label: "创建时间",
         label: "创建时间",
       },
       },
       {
       {
+        prop: "createtime",
+        label: "推送时间",
+      },
+      {
+        prop: "createtime1",
+        label: "响应时间",
+      },
+      {
         label: '操作',
         label: '操作',
         width: '100',
         width: '100',
         render: (h, scope) => {
         render: (h, scope) => {