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"
@@ -32,13 +31,13 @@
 </template>
 </template>
 
 
 <script>
 <script>
-export default {
-  data() {
+  export default {
+    data () {
       return {
       return {
         dialogVisible: false,
         dialogVisible: false,
         qllxlistdata: {},
         qllxlistdata: {},
         radio: "",
         radio: "",
-      qllx:""
+        qllx: ""
       };
       };
     },
     },
 
 
@@ -47,7 +46,7 @@ export default {
        * @description: closeDialog
        * @description: closeDialog
        * @author: renchao
        * @author: renchao
        */
        */
-    closeDialog() {
+      closeDialog () {
         this.dialogVisible = false;
         this.dialogVisible = false;
       },
       },
 
 
@@ -56,43 +55,42 @@ export default {
        * @param {*} el
        * @param {*} el
        * @author: renchao
        * @author: renchao
        */
        */
-    clicksss(el){
-      console.log("elllllllllllllllllllll",el);
-      this.qllx=el
+      clicksss (el) {
+        this.qllx = el
       },
       },
       /**
       /**
        * @description: handleSubmit
        * @description: handleSubmit
        * @author: renchao
        * @author: renchao
        */
        */
-    handleSubmit() {
+      handleSubmit () {
 
 
-     if(this.qllx){
+        if (this.qllx) {
           let qllxobj = {
           let qllxobj = {
-        qllx:this.qllx,
-        bsmQlxx:""
+            qllx: this.qllx,
+            bsmQlxx: ""
           };
           };
           this.$parent.addRepairRecord(qllxobj)
           this.$parent.addRepairRecord(qllxobj)
-     }else{
+        } else {
           this.$message({
           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 {
+  @import "~@/styles/public.scss";
+  .qllxdialog {
     margin-top: 160px;
     margin-top: 160px;
     /deep/.el-dialog__body {
     /deep/.el-dialog__body {
       margin-top: 10px;
       margin-top: 10px;
       // height: 100px;
       // height: 100px;
       padding: 20px;
       padding: 20px;
     }
     }
-  .gettypebutton{
+    .gettypebutton {
       cursor: pointer;
       cursor: pointer;
       margin-left: 20px;
       margin-left: 20px;
       width: 45%;
       width: 45%;
@@ -108,23 +106,22 @@ export default {
       transition: all 0.3s;
       transition: all 0.3s;
       color: #000;
       color: #000;
     }
     }
-  .gettypebutton:hover{
-    border: 1px solid #0F93F6;
-    color: #0F93F6;
+    .gettypebutton:hover {
+      border: 1px solid #0f93f6;
+      color: #0f93f6;
     }
     }
-   .gettypebutton:focus{
-      background-color: #0F93F6;
-    border: 1px solid #0F93F6;
+    .gettypebutton:focus {
+      background-color: #0f93f6;
+      border: 1px solid #0f93f6;
       color: #ebebeb;
       color: #ebebeb;
     }
     }
-  .btn{
-    margin-top:30px;
+    .btn {
+      margin-top: 30px;
       text-align: center;
       text-align: center;
       .el-button {
       .el-button {
         margin-top: 10px;
         margin-top: 10px;
         margin-left: 20px;
         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":
@@ -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,6 +144,7 @@ export default {
      * @author: renchao
      * @author: renchao
      */
      */
     handleClickC(e, item) {
     handleClickC(e, item) {
+      if (!this.onlyShow) {
         // 判断点击的层是否选中
         // 判断点击的层是否选中
         if (e.target.className.indexOf("tdSelect") == -1) {
         if (e.target.className.indexOf("tdSelect") == -1) {
           //未选中→选中
           //未选中→选中
@@ -158,6 +163,7 @@ export default {
             this.hbsmList = this.hbsmList.filter((i) => i != h.bsm);
             this.hbsmList = this.hbsmList.filter((i) => i != h.bsm);
           });
           });
         }
         }
+      }
     },
     },
     //户单击事件
     //户单击事件
     /**
     /**
@@ -168,6 +174,7 @@ export default {
      * @author: renchao
      * @author: renchao
      */
      */
     handleClickH(e, bsm, hs) {
     handleClickH(e, bsm, hs) {
+      if (!this.onlyShow) {
         let self = this;
         let self = this;
         // 开启延时器，200ms的间隔区分单击和双击，解决双击时执行两次单击事件
         // 开启延时器，200ms的间隔区分单击和双击，解决双击时执行两次单击事件
         clearTimeout(self.time);
         clearTimeout(self.time);
@@ -188,6 +195,7 @@ export default {
           //更新当前选中户数据
           //更新当前选中户数据
           this.$forceUpdate();
           this.$forceUpdate();
         }, 200);
         }, 200);
+      }
     },
     },
     // 户单元状态点击事件
     // 户单元状态点击事件
     /**
     /**
@@ -198,7 +206,9 @@ export default {
      * @author: renchao
      * @author: renchao
      */
      */
     hDyztClick(e, bsm, hs) {
     hDyztClick(e, bsm, hs) {
+      if (!this.onlyShow) {
         this.handleClickH(e.target.parentNode, bsm, hs);
         this.handleClickH(e.target.parentNode, bsm, hs);
+      }
     },
     },
     //户双击事件
     //户双击事件
     /**
     /**

@@ -6,20 +6,20 @@
         <!-- 幢单元 -->
         <!-- 幢单元 -->
         <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 {
+  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: {
     components: {
-    printTemplate,
+      djbDetail
     },
     },
-  data() {
+    data () {
       return {
       return {
-      printObj: {
-        id: "box",
-        //其他配置项，
-      },
-      shows:false,
+        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().CFDJ,
         columns: datas.columns().CFDJ,
         render: false,
         render: false,
       };
       };
     },
     },
-  created() {
+    created () {
       this.loadData();
       this.loadData();
     },
     },
     methods: {
     methods: {
       /**
       /**
-     * @description: openPrint
-     * @author: miaofang
-     */
-    openPrint() {
-      this.render = true;
-      setTimeout(() => {
-        this.prinsss();
-      }, 100);
-    },
-    /**
-     * @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
-    },
-    /**
        * @description: loadData
        * @description: loadData
        * @author: renchao
        * @author: renchao
        */
        */
-    loadData() {
+      loadData () {
         if (this.$parent.addRepairRecord) {
         if (this.$parent.addRepairRecord) {
           this.columns.unshift({ prop: "cz", label: "操作" });
           this.columns.unshift({ prop: "cz", label: "操作" });
         }
         }
@@ -178,7 +51,7 @@ export default {
         }).then((res) => {
         }).then((res) => {
           if (res.code === 200) {
           if (res.code === 200) {
             this.tableData = res.result;
             this.tableData = res.result;
-          this.shows=this.tableData.length>0
+            this.shows = this.tableData.length > 0
             this.tableData.forEach((item) => {
             this.tableData.forEach((item) => {
               item.sjlx = getSjlx(item.sjlx);
               item.sjlx = getSjlx(item.sjlx);
             });
             });
@@ -196,69 +69,15 @@ export default {
               this.emptycolNum = 0;
               this.emptycolNum = 0;
             }
             }
           }
           }
-      });
-    },
-    /**
-     * @description: checkChange
-     * @author: renchao
-     */
-    checkChange() {
-      if (this.checkList.length === 0) {
-        this.tableData = [];
-        this.emptycolNum = datas.columns().emptycolNum;
-      } else {
-        this.loadData();
+        })
       }
       }
-    },
-    /**
-     * @description: getQsztName
-     * @author: renchao
-     */
-    getQsztName(code) {
-      let name = "";
-      for (let item of this.qsztList) {
-        if (item.value == code) {
-          name = item.label;
-          break;
     }
     }
   }
   }
-      return name;
-    },
-    // 新增一条补录信息
-    /**
-     * @description: 新增一条补录信息
-     * @param {*} row
-     * @param {*} del
-     * @author: renchao
-     */
-    editDialog(row, del) {
-      this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning",
-      })
-        .then(() => {
-          this.$parent.addRepairRecord(row, del);
-
-          this.$message({
-            type: "success",
-            message: "补录成功!",
-          });
-        })
-        .catch(() => {
-          this.$message({
-            type: "info",
-            message: "取消编辑",
-          });
-        });
-    },
-  },
-};
 </script>
 </script>
 
 
 <style lang="scss" scoped>
 <style lang="scss" scoped>
-@import "./qlxxCommon.scss";
-.title {
+  @import "./qlxxCommon.scss";
+  .title {
     position: relative;
     position: relative;
     .print {
     .print {
       // background-color: #0079fe;
       // background-color: #0079fe;
@@ -267,5 +86,5 @@ export default {
       left: 11px;
       left: 11px;
       top: 5px;
       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,
+      djbDetail
     },
     },
-  data() {
+    data () {
       return {
       return {
-      printObj: {
-        id: "box",
-        //其他配置项，
-      },
-      shows:false,
+        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().DYAQ,
         columns: datas.columns().DYAQ,
         render: false,
         render: false,
       };
       };
     },
     },
-  created() {
+    created () {
       this.loadData();
       this.loadData();
     },
     },
     methods: {
     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
-    },
-    /**
        * @description: loadData
        * @description: loadData
        * @author: renchao
        * @author: renchao
        */
        */
-    loadData() {
+      loadData () {
         if (this.$parent.addRepairRecord) {
         if (this.$parent.addRepairRecord) {
           this.columns.unshift({ prop: "cz", label: "操作" });
           this.columns.unshift({ prop: "cz", label: "操作" });
         }
         }
@@ -180,7 +51,7 @@ export default {
         }).then((res) => {
         }).then((res) => {
           if (res.code === 200) {
           if (res.code === 200) {
             this.tableData = res.result;
             this.tableData = res.result;
-          this.shows=this.tableData.length>0
+            this.shows = this.tableData.length > 0
             this.tableData.forEach((item) => {
             this.tableData.forEach((item) => {
               item.sjlx = getSjlx(item.sjlx);
               item.sjlx = getSjlx(item.sjlx);
               item.dybdclx = getDictLeabel(item.dybdclx, "A27");
               item.dybdclx = getDictLeabel(item.dybdclx, "A27");
@@ -192,76 +63,20 @@ export default {
               this.emptycolNum = 0;
               this.emptycolNum = 0;
             }
             }
           }
           }
-      });
-    },
-    /**
-     * @description: checkChange
-     * @author: renchao
-     */
-    checkChange() {
-      if (this.checkList.length === 0) {
-        this.tableData = [];
-        this.emptycolNum = datas.columns().emptycolNum;
-      } else {
-        this.loadData();
+        })
       }
       }
-    },
-    /**
-     * @description: getQsztName
-     * @param {*} code
-     * @author: renchao
-     */
-    getQsztName(code) {
-      let name = "";
-      for (let item of this.qsztList) {
-        if (item.value == code) {
-          name = item.label;
-          break;
     }
     }
   }
   }
-      return name;
-    },
-    // 新增一条补录信息
-    /**
-     * @description: 新增一条补录信息
-     * @param {*} row
-     * @param {*} del
-     * @author: renchao
-     */
-    editDialog(row, del) {
-      this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning",
-      })
-        .then(() => {
-          this.$parent.addRepairRecord(row, del);
-          this.$message({
-            type: "success",
-            message: "补录成功!",
-          });
-        })
-        .catch(() => {
-          this.$message({
-            type: "info",
-            message: "取消编辑",
-          });
-        });
-    },
-  },
-};
 </script>
 </script>
-
 <style lang="scss" scoped>
 <style lang="scss" scoped>
-@import "./qlxxCommon.scss";
-.title {
+  @import "./qlxxCommon.scss";
+  .title {
     position: relative;
     position: relative;
     .print {
     .print {
-    // background-color: #0079fe;
       z-index: 10;
       z-index: 10;
       position: absolute;
       position: absolute;
       left: 11px;
       left: 11px;
       top: 5px;
       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,
+      djbDetail
     },
     },
-  data() {
+    data () {
       return {
       return {
-      printObj: {
-        id: "box",
-        //其他配置项，
-      },
-      shows:false,
+        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().DYIQ,
         columns: datas.columns().DYIQ,
         render: false,
         render: false,
       };
       };
     },
     },
-  created() {
+    created () {
       this.loadData();
       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
-    },
-    /**
-     * @description: loadData
-     * @author: miaofang
-     */
-    loadData() {
+    methods: {
+      loadData () {
         if (this.$parent.addRepairRecord) {
         if (this.$parent.addRepairRecord) {
           this.columns.unshift({ prop: "cz", label: "操作" });
           this.columns.unshift({ prop: "cz", label: "操作" });
         }
         }
@@ -179,7 +47,7 @@ export default {
         }).then((res) => {
         }).then((res) => {
           if (res.code === 200) {
           if (res.code === 200) {
             this.tableData = res.result;
             this.tableData = res.result;
-          this.shows=this.tableData.length>0
+            this.shows = this.tableData.length > 0
             this.tableData.forEach((item) => {
             this.tableData.forEach((item) => {
               item.sjlx = getSjlx(item.sjlx);
               item.sjlx = getSjlx(item.sjlx);
               item.dybdclx = getDictLeabel(item.dybdclx, "A27");
               item.dybdclx = getDictLeabel(item.dybdclx, "A27");
@@ -191,70 +59,15 @@ 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";
-.title {
+  @import "./qlxxCommon.scss";
+  .title {
     position: relative;
     position: relative;
     .print {
     .print {
       // background-color: #0079fe;
       // background-color: #0079fe;
@@ -263,5 +76,5 @@ export default {
       left: 11px;
       left: 11px;
       top: 5px;
       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,22 +55,22 @@ 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: [],
+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(qlxxData.ztqllx, qlxxData.ztql, qlxxData.bdcdylx, bdcdyid));
     //抵押权
     //抵押权
-  treedata.children.push(getNode("A37", qlxxData.diyaq, '',bdcdyid));
+    treedata.children.push(getNode("A37", qlxxData.diyaq, '', bdcdyid));
     //地役权
     //地役权
-  treedata.children.push(getNode("A19", qlxxData.diyiq, '',bdcdyid));
+    treedata.children.push(getNode("A19", qlxxData.diyiq, '', bdcdyid));
     //预告登记
     //预告登记
-  treedata.children.push(getNode("B40", qlxxData.ygdj, '',bdcdyid));
+    treedata.children.push(getNode("B40", qlxxData.ygdj, '', bdcdyid));
     //异议登记
     //异议登记
-  treedata.children.push(getNode("B38", qlxxData.yydj, '',bdcdyid));
+    treedata.children.push(getNode("B38", qlxxData.yydj, '', bdcdyid));
     //查封登记
     //查封登记
-  treedata.children.push(getNode("B39", qlxxData.cfdj, '',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 14:48:07
 -->
 -->
 <template>
 <template>
   <div class="djxxTable">
   <div class="djxxTable">
     <div v-show="false">
     <div v-show="false">
       <printTemplate
       <printTemplate
         id="boxfdcq"
         id="boxfdcq"
-       :tableData="tableData" :render="render"/>
+        :tableData="tableData" :render="render" />
     </div>
     </div>
     <div class="tableBox">
     <div class="tableBox">
       <div class="title">
       <div class="title">
         {{ title }}
         {{ title }}
-        <el-button class="print" v-show="shows" @click="openPrint()"
-          >打印</el-button
-        >
+        <el-button class="print" v-show="shows" @click="openPrint()">打印</el-button>
         <div class="checkbox">
         <div class="checkbox">
           <el-checkbox-group v-model="checkList" @change="checkChange">
           <el-checkbox-group v-model="checkList" @change="checkChange">
             <el-checkbox
             <el-checkbox
               v-for="item in qsztList"
               v-for="item in qsztList"
               :key="item.value"
               :key="item.value"
-              :label="item.value"
-              >{{ item.label }}</el-checkbox
-            >
+              :label="item.value">{{ item.label }}</el-checkbox>
           </el-checkbox-group>
           </el-checkbox-group>
         </div>
         </div>
       </div>
       </div>
       <div class="xxTableBox rollTable">
       <div class="xxTableBox rollTable">
-        <!-- 固定前三个 -->
         <table class="xxTable">
         <table class="xxTable">
           <tr
           <tr
             v-for="(item, colindex) in columns"
             v-for="(item, colindex) in columns"
             :class="judge(item.label) ? 'cols' : ''"
             :class="judge(item.label) ? 'cols' : ''"
-            :key="colindex"
-          >
+            :key="colindex">
             <td>
             <td>
               {{ item.label }}
               {{ item.label }}
             </td>
             </td>
@@ -50,24 +44,18 @@
                 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
                 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
                 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
                 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
                 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
                 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
-              ]"
-            >
+              ]">
               <div
               <div
                 class="setbut"
                 class="setbut"
-                v-if="item.prop == 'cz' && row.sjlx != '系统数据'"
-              >
+                v-if="item.prop == 'cz' && row.sjlx != '系统数据'">
                 <el-button
                 <el-button
                   type="text"
                   type="text"
                   icon="el-icon-edit-outline"
                   icon="el-icon-edit-outline"
-                  @click="editDialog(row)"
-                  >编辑</el-button
-                >
+                  @click="editDialog(row)">编辑</el-button>
                 <el-button
                 <el-button
                   type="text"
                   type="text"
                   icon="el-icon-edit-outline"
                   icon="el-icon-edit-outline"
-                  @click="editDialog(row, 'D')"
-                  >删除</el-button
-                >
+                  @click="editDialog(row, 'D')">删除</el-button>
               </div>
               </div>
               <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'">
               <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'">
                 有效
                 有效
@@ -84,14 +72,15 @@
               <span v-if="item.prop == 'qszt'">
               <span v-if="item.prop == 'qszt'">
                 {{ getQsztName(row[item.prop]) }}
                 {{ getQsztName(row[item.prop]) }}
               </span>
               </span>
-
+              <el-link v-if="item.prop == 'ywh'"
+                @click="handleSelectYwh(tableData, row[item.prop])"
+                type="primary">{{ row[item.prop] }}</el-link>
               <el-tooltip
               <el-tooltip
                 v-if="['djyy', 'fj'].includes(item.prop)"
                 v-if="['djyy', 'fj'].includes(item.prop)"
                 effect="dark"
                 effect="dark"
                 :content="row[item.prop]"
                 :content="row[item.prop]"
                 placement="top"
                 placement="top"
-                popper-class="tooltip-width"
-              >
+                popper-class="tooltip-width">
                 <span class="ellipsis-line">
                 <span class="ellipsis-line">
                   {{ row[item.prop] }}
                   {{ row[item.prop] }}
                 </span>
                 </span>
@@ -99,19 +88,18 @@
 
 
               <span
               <span
                 v-if="
                 v-if="
+                  item.prop !== 'ywh' &&
                   item.prop !== 'qszt' &&
                   item.prop !== 'qszt' &&
                   item.prop !== 'djyy' &&
                   item.prop !== 'djyy' &&
                   item.prop !== 'fj' &&
                   item.prop !== 'fj' &&
                   !judge(item.label)
                   !judge(item.label)
-                "
-              >
+                ">
                 {{ row[item.prop] }}
                 {{ row[item.prop] }}
               </span>
               </span>
               <div class="many" v-if="judge(item.label)">
               <div class="many" v-if="judge(item.label)">
                 <div
                 <div
                   v-for="(label, index) in row.djQlxxFdcqxmDoList"
                   v-for="(label, index) in row.djQlxxFdcqxmDoList"
-                  :key="index"
-                >
+                  :key="index">
                   {{ label[item.prop] }}
                   {{ label[item.prop] }}
                 </div>
                 </div>
               </div>
               </div>
@@ -125,16 +113,18 @@
 </template>
 </template>
 
 
 <script>
 <script>
-import printJS from "print-js";
-import { datas } from "./qlxxFormData.js";
-import { getSjlx } from "@/utils/dictionary.js";
-import { getFdcq1List } from "@/api/djbDetail.js";
-import printTemplate from "./components/printTemplate.vue";
-export default {
+  import Router from '@/router'
+  import printJS from "print-js";
+  import { datas } from "./qlxxFormData.js";
+  import { getSjlx } from "@/utils/dictionary.js";
+  import { getFdcq1List } from "@/api/djbDetail.js";
+  import printTemplate from "./components/printTemplate.vue";
+  import { getXtParamsByYwh, getBlParamsByYwh } from '@/api/djyw'
+  export default {
     components: {
     components: {
       printTemplate,
       printTemplate,
     },
     },
-  data() {
+    data () {
       return {
       return {
         printObj: {
         printObj: {
           id: "box",
           id: "box",
@@ -157,7 +147,7 @@ export default {
         render: false,
         render: false,
       };
       };
     },
     },
-  created() {
+    created () {
       this.loadData();
       this.loadData();
     },
     },
     methods: {
     methods: {
@@ -165,7 +155,7 @@ export default {
    * @description: openPrint
    * @description: openPrint
    * @author: miaofang
    * @author: miaofang
    */
    */
-    openPrint() {
+      openPrint () {
         this.render = true;
         this.render = true;
         setTimeout(() => {
         setTimeout(() => {
           this.prinsss();
           this.prinsss();
@@ -175,7 +165,7 @@ export default {
        * @description: prinsss
        * @description: prinsss
        * @author: miaofang
        * @author: miaofang
        */
        */
-    prinsss() {
+      prinsss () {
         printJS({
         printJS({
           printable: "boxfdcq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
           printable: "boxfdcq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
           type: "html",
           type: "html",
@@ -188,13 +178,13 @@ export default {
           // 继承原来的所有样式
           // 继承原来的所有样式
           targetStyles: ["*"],
           targetStyles: ["*"],
         });
         });
-      this.render=false
+        this.render = false
       },
       },
       /**
       /**
        * @description: loadData
        * @description: loadData
        * @author: miaofang
        * @author: miaofang
        */
        */
-    loadData() {
+      loadData () {
         if (this.$parent.addRepairRecord) {
         if (this.$parent.addRepairRecord) {
           this.columns.unshift({ prop: "cz", label: "操作" });
           this.columns.unshift({ prop: "cz", label: "操作" });
         }
         }
@@ -222,7 +212,7 @@ export default {
        * @description: checkChange
        * @description: checkChange
        * @author: miaofang
        * @author: miaofang
        */
        */
-    checkChange() {
+      checkChange () {
         if (this.checkList.length === 0) {
         if (this.checkList.length === 0) {
           this.tableData = [];
           this.tableData = [];
           this.emptycolNum = datas.columns().emptycolNum;
           this.emptycolNum = datas.columns().emptycolNum;
@@ -235,7 +225,7 @@ export default {
        * @param {*} code
        * @param {*} code
        * @author: miaofang
        * @author: miaofang
        */
        */
-    getQsztName(code) {
+      getQsztName (code) {
         let name = "";
         let name = "";
         for (let item of this.qsztList) {
         for (let item of this.qsztList) {
           if (item.value == code) {
           if (item.value == code) {
@@ -250,7 +240,7 @@ export default {
        * @param {*} lable
        * @param {*} lable
        * @author: miaofang
        * @author: miaofang
        */
        */
-    judge(label) {
+      judge (label) {
         if (
         if (
           "项目名称幢号总层数规划用途用途名称批准用途实际用途房屋结构房屋结构名称建筑面积竣工时间总套数".indexOf(
           "项目名称幢号总层数规划用途用途名称批准用途实际用途房屋结构房屋结构名称建筑面积竣工时间总套数".indexOf(
             label
             label
@@ -261,14 +251,13 @@ export default {
           return false;
           return false;
         }
         }
       },
       },
-    // 新增一条补录信息
       /**
       /**
        * @description: 新增一条补录信息
        * @description: 新增一条补录信息
        * @param {*} row
        * @param {*} row
        * @param {*} del
        * @param {*} del
        * @author: miaofang
        * @author: miaofang
        */
        */
-    editDialog(row, del) {
+      editDialog (row, del) {
         this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
         this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
           confirmButtonText: "确定",
           confirmButtonText: "确定",
           cancelButtonText: "取消",
           cancelButtonText: "取消",
@@ -289,13 +278,37 @@ export default {
             });
             });
           });
           });
       },
       },
-  },
-};
+      // 选择业务号
+      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>
 </script>
 
 
 <style lang="scss" scoped>
 <style lang="scss" scoped>
-@import "./qlxxCommon.scss";
-.cols {
+  @import "./qlxxCommon.scss";
+  .cols {
     td {
     td {
       .many {
       .many {
         width: 100%;
         width: 100%;
@@ -313,8 +326,8 @@ export default {
         }
         }
       }
       }
     }
     }
-}
-.title {
+  }
+  .title {
     position: relative;
     position: relative;
     .print {
     .print {
       // background-color: #0079fe;
       // background-color: #0079fe;
@@ -323,5 +336,5 @@ export default {
       left: 11px;
       left: 11px;
       top: 5px;
       top: 5px;
     }
     }
-}
+  }
 </style>
 </style>

 <!--
 <!--
  * @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 {
+  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: {
     components: {
-    printTemplate,
+      djbDetail
     },
     },
-  data() {
-    return {
 
 
+    data () {
+      return {
         shows: false,
         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().FDCQ2,
         columns: datas.columns().FDCQ2,
         render: false,
         render: false,
       };
       };
     },
     },
-  created() {
+    created () {
       this.loadData();
       this.loadData();
     },
     },
     methods: {
     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
-    },
-    /**
        * @description: loadData
        * @description: loadData
        * @author: miaofang
        * @author: miaofang
        */
        */
-    loadData() {
+      loadData () {
         if (this.$parent.addRepairRecord) {
         if (this.$parent.addRepairRecord) {
           this.columns.unshift({ prop: "cz", label: "操作" });
           this.columns.unshift({ prop: "cz", label: "操作" });
         }
         }
@@ -192,65 +62,15 @@ 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);
-        })
-        .catch(() => {
-          this.$message({
-            type: "info",
-            message: "取消",
-          });
-        });
-    },
-  },
-};
+  };
 </script>
 </script>
 
 
 <style lang="scss" scoped>
 <style lang="scss" scoped>
-@import "./qlxxCommon.scss";
-.title {
+  @import "./qlxxCommon.scss";
+  .title {
     position: relative;
     position: relative;
     .print {
     .print {
       // background-color: #0079fe;
       // background-color: #0079fe;
@@ -259,5 +79,5 @@ export default {
       left: 11px;
       left: 11px;
       top: 5px;
       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 {
+  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: {
     components: {
-    printTemplate,
+      djbDetail,
     },
     },
-  data() {
+    data () {
       return {
       return {
         printObj: {
         printObj: {
           id: "box",
           id: "box",
@@ -123,57 +27,20 @@ export default {
         },
         },
         shows: false,
         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().JSYDSYQ,
         columns: datas.columns().JSYDSYQ,
         render: false,
         render: false,
       };
       };
     },
     },
-  created() {
+    created () {
       this.loadData();
       this.loadData();
     },
     },
     methods: {
     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
-    },
-    /**
-     * @description: loadData
-     * @author: miaofang
-     */
-    loadData() {
+      loadData () {
         getJsydsyqList({
         getJsydsyqList({
           bdcdyid: this.propsParam.bdcdyid,
           bdcdyid: this.propsParam.bdcdyid,
           qllx: this.propsParam.qllx,
           qllx: this.propsParam.qllx,
@@ -192,70 +59,15 @@ 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";
-.title {
+  @import "./qlxxCommon.scss";
+  .title {
     position: relative;
     position: relative;
     .print {
     .print {
       // background-color: #0079fe;
       // background-color: #0079fe;
@@ -264,5 +76,5 @@ export default {
       left: 11px;
       left: 11px;
       top: 5px;
       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 {
+  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: {
     components: {
-    printTemplate,
+      djbDetail,
     },
     },
-  data() {
+    data () {
       return {
       return {
         printObj: {
         printObj: {
           id: "box",
           id: "box",
@@ -121,57 +27,20 @@ export default {
         },
         },
         shows: false,
         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().LDSYQ,
         columns: datas.columns().LDSYQ,
         render: false,
         render: false,
       };
       };
     },
     },
-  created() {
+    created () {
       this.loadData();
       this.loadData();
     },
     },
     methods: {
     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
-    },
-    /**
-     * @description: loadData
-     * @author: miaofang
-     */
-    loadData() {
+      loadData () {
         if (this.$parent.addRepairRecord) {
         if (this.$parent.addRepairRecord) {
           this.columns.unshift({
           this.columns.unshift({
             prop: "cz",
             prop: "cz",
@@ -200,69 +69,14 @@ export default {
             }
             }
           }
           }
         });
         });
-    },
-    /**
-     * @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";
-.title {
+  @import "./qlxxCommon.scss";
+  .title {
     position: relative;
     position: relative;
     .print {
     .print {
       // background-color: #0079fe;
       // background-color: #0079fe;
@@ -271,5 +85,5 @@ export default {
       left: 11px;
       left: 11px;
       top: 5px;
       top: 5px;
     }
     }
-}
+  }
 </style>
 </style>

 <!--
 <!--
  * @Description:
  * @Description:
  * @Autor: miaofang
  * @Autor: miaofang
- * @LastEditTime: 2023-08-23 15:54:12
+ * @LastEditTime: 2023-09-18 13:44:35
 -->
 -->
 <template>
 <template>
   <div class="djxxTable">
   <div class="djxxTable">
-    <div v-show="false">
-      <printTemplate
-        id="boxnydsyq"
-        :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">
-        <!-- 固定前三个 -->
-        <table class="xxTable">
-          <tr v-for="(item, colindex) in columns.slice(0, 3)" :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="row.qlzt == '1'">有效</div>
-              <div class="icon" v-if="row.qlzt == '2'">正在补录</div>
-              <div class="icon" v-if="row.qlzt == '3'">正在申请</div>
-              <div class="icon" v-if="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>
-
-        <table class="xxTable rollTable">
-          <tr v-for="(item, colindex) in columns.slice(3)" :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="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 } from "@/utils/dictionary.js";
-import { getNydsyqList } from "@/api/djbDetail.js";
-export default {
+  import { datas } from "./qlxxFormData.js";
+  import { getSjlx } from "@/utils/dictionary.js";
+  import { getNydsyqList } from "@/api/djbDetail.js";
+  import djbDetail from "./components/djbDetail.vue"
+  export default {
     components: {
     components: {
-    printTemplate,
+      djbDetail,
     },
     },
-  data() {
+    data () {
       return {
       return {
         printObj: {
         printObj: {
           id: "box",
           id: "box",
@@ -170,20 +27,16 @@ export default {
         },
         },
         shows: false,
         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().NYDSYQ,
         columns: datas.columns().NYDSYQ,
         render: false,
         render: false,
       };
       };
     },
     },
-  created() {
+    created () {
       var qllx = this.$route.query.sqywbm.substr(0, 3);
       var qllx = this.$route.query.sqywbm.substr(0, 3);
       if (qllx == "A09") {
       if (qllx == "A09") {
         this.title = "土地经营权登记信息";
         this.title = "土地经营权登记信息";
@@ -193,40 +46,7 @@ export default {
       this.loadData();
       this.loadData();
     },
     },
     methods: {
     methods: {
-    /**
-     * @description: openPrint
-     * @author: miaofang
-     */
-    openPrint() {
-      this.render = true;
-      setTimeout(() => {
-        this.prinsss();
-      }, 100);
-    },
-    /**
-     * @description: prinsss
-     * @author: miaofang
-     */
-    prinsss() {
-      printJS({
-        printable: "boxnydsyq", // // 文档来源：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() {
+      loadData () {
         if (this.$parent.addRepairRecord) {
         if (this.$parent.addRepairRecord) {
           this.columns.unshift({
           this.columns.unshift({
             prop: "cz",
             prop: "cz",
@@ -252,68 +72,14 @@ export default {
             }
             }
           }
           }
         });
         });
-    },
-    /**
-     * @description: checkChange
-     * @author: miaofang
-     */
-    checkChange() {
-      if (this.checkList.length === 0) {
-        this.tableData = [];
-        this.emptycolNum = datas.columns().emptycolNum;
-      } else {
-        this.loadData();
-      }
-    },
-    /**
-     * @description: getQsztName
-     * @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";
-.title {
+  @import "./qlxxCommon.scss";
+  .title {
     position: relative;
     position: relative;
     .print {
     .print {
       // background-color: #0079fe;
       // background-color: #0079fe;
@@ -322,5 +88,5 @@ export default {
       left: 11px;
       left: 11px;
       top: 5px;
       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 {
+  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: {
     components: {
-    printTemplate,
+      djbDetail,
     },
     },
-  data() {
+    data () {
       return {
       return {
-      printObj: {
-        id: "box",
-        //其他配置项，
-      },
         shows: false,
         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().LDSYQ,
         columns: datas.columns().LDSYQ,
         render: false,
         render: false,
       };
       };
     },
     },
-  created() {
+    created () {
       this.loadData();
       this.loadData();
     },
     },
     methods: {
     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() {
+      loadData () {
         if (this.$parent.addRepairRecord) {
         if (this.$parent.addRepairRecord) {
           this.columns.unshift({
           this.columns.unshift({
             prop: "cz",
             prop: "cz",
@@ -211,69 +62,14 @@ export default {
             }
             }
           }
           }
         });
         });
-    },
-    /**
-     * @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";
-.title {
+  @import "./qlxxCommon.scss";
+  .title {
     position: relative;
     position: relative;
     .print {
     .print {
       // background-color: #0079fe;
       // background-color: #0079fe;
@@ -282,5 +78,5 @@ export default {
       left: 11px;
       left: 11px;
       top: 5px;
       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 {
+  import djbDetail from "./components/djbDetail.vue"
+  export default {
     components: {
     components: {
-    printTemplate,
+      djbDetail,
     },
     },
-  data() {
+    data () {
       return {
       return {
         printObj: {
         printObj: {
           id: "box",
           id: "box",
           //其他配置项，
           //其他配置项，
         },
         },
-      shows:false,
+        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,63 +69,9 @@ 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>
 
 
@@ -229,5 +86,5 @@ export default {
       left: 11px;
       left: 11px;
       top: 5px;
       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 {
+  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: {
     components: {
-    printTemplate,
+      djbDetail,
     },
     },
-  data() {
+    data () {
       return {
       return {
-      // printObj: {
-      //   id: "box",
-      //   //其他配置项，
-      // },
-      shows:false,
+        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().YGDJ,
         columns: datas.columns().YGDJ,
-      render:false
+        render: false
       };
       };
     },
     },
-  created() {
+    created () {
       this.loadData();
       this.loadData();
     },
     },
     methods: {
     methods: {
-    openPrint(){
-      this.render=true
-        setTimeout(() => {
-          this.prinsss()
-               }, 100)
-    },
-        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() {
+      loadData () {
         // 判断是否在登记簿补录调的子页面
         // 判断是否在登记簿补录调的子页面
         if (this.$parent.addRepairRecord) {
         if (this.$parent.addRepairRecord) {
           this.columns.unshift({
           this.columns.unshift({
@@ -171,7 +51,7 @@ export default {
         }).then((res) => {
         }).then((res) => {
           if (res.code === 200) {
           if (res.code === 200) {
             this.tableData = res.result;
             this.tableData = res.result;
-          this.shows=this.tableData.length>0
+            this.shows = this.tableData.length > 0
             this.tableData.forEach((item) => {
             this.tableData.forEach((item) => {
               item.sjlx = getSjlx(item.sjlx);
               item.sjlx = getSjlx(item.sjlx);
               item.dybdclx = getDictLeabel(item.dybdclx, "A27");
               item.dybdclx = getDictLeabel(item.dybdclx, "A27");
@@ -183,70 +63,15 @@ 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";
-.title {
+  @import "./qlxxCommon.scss";
+  .title {
     position: relative;
     position: relative;
     .print {
     .print {
       // background-color: #0079fe;
       // background-color: #0079fe;
@@ -255,5 +80,5 @@ export default {
       left: 11px;
       left: 11px;
       top: 5px;
       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 {
+  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: {
     components: {
-    printTemplate,
+      djbDetail
     },
     },
-  data() {
+    data () {
       return {
       return {
-      printObj: {
-        id: "box",
-        //其他配置项，
-      },
         shows: false,
         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().YYDJ,
         columns: datas.columns().YYDJ,
         render: false,
         render: false,
       };
       };
     },
     },
-  created() {
+    created () {
       this.loadData();
       this.loadData();
     },
     },
     methods: {
     methods: {
-    openPrint() {
-      this.render = true;
-      setTimeout(() => {
-        this.prinsss();
-      }, 100);
-    },
-    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() {
+      loadData () {
         if (this.$parent.addRepairRecord) {
         if (this.$parent.addRepairRecord) {
           this.columns.unshift({
           this.columns.unshift({
             prop: "cz",
             prop: "cz",
@@ -188,77 +62,21 @@ 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";
-.title {
+  @import "./qlxxCommon.scss";
+  .title {
     position: relative;
     position: relative;
     .print {
     .print {
-    // background-color: #0079fe;
       z-index: 10;
       z-index: 10;
       position: absolute;
       position: absolute;
       left: 11px;
       left: 11px;
       top: 5px;
       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) => {

@@ -8,51 +8,64 @@
     <div class="fieldcheck">
     <div class="fieldcheck">
       <div class="left">
       <div class="left">
         <div class="header">
         <div class="header">
+          <div class="headerconcent">
             <el-checkbox
             <el-checkbox
               class="check"
               class="check"
               :indeterminate="isIndeterminate"
               :indeterminate="isIndeterminate"
               v-model="checkAll"
               v-model="checkAll"
-            @change="handleCheckAllChange">待选合集</el-checkbox>
-          <div class="num">/</div>
+              @change="handleCheckAllChange"
+              >待选合集</el-checkbox
+            >
+            <div class="num">
+              总数{{ cities.length }} 已选{{ datalist.length }}
+            </div>
+          </div>
         </div>
         </div>
         <el-checkbox-group
         <el-checkbox-group
           class="concent"
           class="concent"
           v-model="checkedCities"
           v-model="checkedCities"
-          @change="handleCheckedCitiesChange">
+          @change="handleCheckedCitiesChange"
+        >
           <el-checkbox
           <el-checkbox
             v-for="city in cities"
             v-for="city in cities"
             :label="city.name"
             :label="city.name"
-            :key="city.name">{{ city.despriction }}({{ city.name }})</el-checkbox>
+            :key="city.name"
+            >{{ city.despriction }}({{ city.name }})</el-checkbox
+          >
         </el-checkbox-group>
         </el-checkbox-group>
       </div>
       </div>
       <div class="right">
       <div class="right">
         <el-table
         <el-table
           class="tablelist"
           class="tablelist"
           :data="datalist"
           :data="datalist"
+          border
           ref="listTable"
           ref="listTable"
           :key="key"
           :key="key"
           row-key="name"
           row-key="name"
           :pagination="false"
           :pagination="false"
-          :header-cell-style="{ 'text-align': 'center' }"
           :heightNumSetting="true"
           :heightNumSetting="true"
           :minHeight="150"
           :minHeight="150"
-          height="590"
-          style="width: 100%">
+          height="650"
+          style="width: 100%"
+        >
           <el-table-column label="字段" prop="name" min-width="100">
           <el-table-column label="字段" prop="name" min-width="100">
           </el-table-column>
           </el-table-column>
 
 
           <el-table-column
           <el-table-column
             label="字段名称"
             label="字段名称"
             prop="desprictionor"
             prop="desprictionor"
-            min-width="100">
+            min-width="100"
+          >
           </el-table-column>
           </el-table-column>
           <el-table-column label="字段别名" min-width="100">
           <el-table-column label="字段别名" min-width="100">
             <template slot-scope="scope">
             <template slot-scope="scope">
               <el-input
               <el-input
                 v-model="scope.row.despriction"
                 v-model="scope.row.despriction"
                 placeholder="请输入内容"
                 placeholder="请输入内容"
-                @input="sumTime(scope.$index, scope.row.tdsyqx)">
-                ></el-input>
+                @input="sumTime(scope.$index, scope.row.tdsyqx)"
+              >
+                ></el-input
+              >
             </template>
             </template>
           </el-table-column>
           </el-table-column>
         </el-table>
         </el-table>
@@ -66,16 +79,16 @@
 </template>
 </template>
 
 
 <script>
 <script>
-  import Sortable from 'sortablejs'
-  import { getFieldList, getFieldListByQlxx, save } from "@/api/SysDjbFieldDO";
-  export default {
+import Sortable from "sortablejs";
+import { getFieldList, getFieldListByQlxx, save } from "@/api/SysDjbFieldDO";
+export default {
   props: {
   props: {
     formData: {
     formData: {
       type: Object,
       type: Object,
-        default: () => { },
+      default: () => {},
     },
     },
   },
   },
-    data () {
+  data() {
     return {
     return {
       checkAll: false,
       checkAll: false,
       sortable: null,
       sortable: null,
@@ -87,48 +100,51 @@
       isIndeterminate: true,
       isIndeterminate: true,
     };
     };
   },
   },
-    mounted () {
-      this.generateData()
+  mounted() {
+    this.generateData();
   },
   },
-    beforeDestroy () {
+  beforeDestroy() {
     if (this.sortable) {
     if (this.sortable) {
       this.sortable.destroy();
       this.sortable.destroy();
     }
     }
   },
   },
   watch: {
   watch: {
     key: {
     key: {
-        handler (newName, oldName) {
-          this.initSort()
-        }
-      }
+      handler(newName, oldName) {
+        this.initSort();
+      },
+    },
   },
   },
   methods: {
   methods: {
-      changeIndex (array, index1, index2) {
+    changeIndex(array, index1, index2) {
       array[index1] = array.splice(index2, 1, array[index1])[0];
       array[index1] = array.splice(index2, 1, array[index1])[0];
     },
     },
-      initSort () {
-           const el =  this.$refs.listTable.$el.querySelectorAll('.el-table__body-wrapper > table > tbody')[0]
+    initSort() {
+      const el = this.$refs.listTable.$el.querySelectorAll(
+        ".el-table__body-wrapper > table > tbody"
+      )[0];
       // const sortable = new Sortable(el, options);
       // const sortable = new Sortable(el, options);
       // 根据具体需求配置options配置项
       // 根据具体需求配置options配置项
       const sortable = new Sortable(el, {
       const sortable = new Sortable(el, {
-	        onEnd: (evt) => { // 监听拖动结束事件
-	          console.log(this) // this是当前vue上下文
-	          console.log(evt.oldIndex) // 当前行的被拖拽前的顺序
-	          console.log(evt.newIndex) // 当前行的被拖拽后的顺序
+        onEnd: (evt) => {
+          // 监听拖动结束事件
+          console.log(this); // this是当前vue上下文
+          console.log(evt.oldIndex); // 当前行的被拖拽前的顺序
+          console.log(evt.newIndex); // 当前行的被拖拽后的顺序
           // 这里就可以写我们需要传给后台的逻辑代码
           // 这里就可以写我们需要传给后台的逻辑代码
           // 我们有了 evt.oldIndex 和 evt.newIndex 这两个参数做索引，我们可以根据绑定在表格上面的 data 这个 Array 找到两个相应的记录。就可以针对数据进行操作啦。
           // 我们有了 evt.oldIndex 和 evt.newIndex 这两个参数做索引，我们可以根据绑定在表格上面的 data 这个 Array 找到两个相应的记录。就可以针对数据进行操作啦。
           // 下面将拖拽后的顺序进行修改
           // 下面将拖拽后的顺序进行修改
-	          const currRow = this.datalist.splice(evt.oldIndex, 1)[0]
-	          this.datalist.splice(evt.newIndex, 0, currRow)
-          }
-        })
+          const currRow = this.datalist.splice(evt.oldIndex, 1)[0];
+          this.datalist.splice(evt.newIndex, 0, currRow);
+        },
+      });
     },
     },
     /**
     /**
      * @description: 初始数据集
      * @description: 初始数据集
      * @author: renchao
      * @author: renchao
      */
      */
-      generateData () {
-        let that = this
+    generateData() {
+      let that = this;
       getFieldList({ qllx: this.formData.qllx }).then((res) => {
       getFieldList({ qllx: this.formData.qllx }).then((res) => {
         if (res.code === 200) {
         if (res.code === 200) {
           let listss = res.result;
           let listss = res.result;
@@ -150,38 +166,37 @@
                   desprictionor: item.despriction,
                   desprictionor: item.despriction,
                 });
                 });
                 that.$nextTick(() => {
                 that.$nextTick(() => {
-                    that.datalist = this.tablelist
+                  that.datalist = this.tablelist;
                   that.checkedCities.push(item.name);
                   that.checkedCities.push(item.name);
-                  })
-                })
-                that.initSort()
+                });
+              });
+              that.initSort();
             }
             }
           });
           });
         }
         }
       });
       });
     },
     },
-      handleCheckAllChange (val) {
-        let checkedlist = []
-        let orlist = []
+    handleCheckAllChange(val) {
+      let checkedlist = [];
+      let orlist = [];
       checkedlist = val ? this.cities : [];
       checkedlist = val ? this.cities : [];
       this.isIndeterminate = false;
       this.isIndeterminate = false;
       console.log("this.checkedCities", this.checkedCities);
       console.log("this.checkedCities", this.checkedCities);
       let lists = [];
       let lists = [];
       this.cities.forEach((item, index) => {
       this.cities.forEach((item, index) => {
-
         checkedlist.forEach((el) => {
         checkedlist.forEach((el) => {
-            orlist.push(el.name)
+          orlist.push(el.name);
           if (item.name == el.name) {
           if (item.name == el.name) {
             lists.push(this.cities[index]);
             lists.push(this.cities[index]);
           }
           }
         });
         });
       });
       });
-        this.checkedCities = orlist
+      this.checkedCities = orlist;
       this.datalist = lists;
       this.datalist = lists;
       // 其他排序逻辑
       // 其他排序逻辑
-        this.initSort()
+      this.initSort();
     },
     },
-      handleCheckedCitiesChange (value) {
+    handleCheckedCitiesChange(value) {
       console.log("value", value, this.checkedCities);
       console.log("value", value, this.checkedCities);
       let checkedCount = value.length;
       let checkedCount = value.length;
       this.checkAll = checkedCount === this.cities.length;
       this.checkAll = checkedCount === this.cities.length;
@@ -191,16 +206,15 @@
       this.cities.forEach((item, index) => {
       this.cities.forEach((item, index) => {
         this.checkedCities.forEach((el) => {
         this.checkedCities.forEach((el) => {
           if (item.name == el) {
           if (item.name == el) {
-              console.log("1");
             lists.push(this.cities[index]);
             lists.push(this.cities[index]);
           }
           }
         });
         });
       });
       });
       this.datalist = lists;
       this.datalist = lists;
       // 其他排序逻辑
       // 其他排序逻辑
-        this.initSort()
+      this.initSort();
     },
     },
-      submitForm () {
+    submitForm() {
       save(this.formData.bsmMb, this.datalist).then((res) => {
       save(this.formData.bsmMb, this.datalist).then((res) => {
         if (res.code == 200) {
         if (res.code == 200) {
           this.$popupCacel();
           this.$popupCacel();
@@ -217,19 +231,19 @@
       });
       });
     },
     },
   },
   },
-  };
+};
 </script>
 </script>
 <style scoped lang="scss">
 <style scoped lang="scss">
-  @import "~@/styles/mixin.scss";
-  @import "~@/styles/dialogBoxheader.scss";
-  .fieldcheck {
+@import "~@/styles/mixin.scss";
+@import "~@/styles/dialogBoxheader.scss";
+.fieldcheck {
   width: 100%;
   width: 100%;
   height: 650px;
   height: 650px;
   display: flex;
   display: flex;
   justify-content: space-between;
   justify-content: space-between;
   .left,
   .left,
   .right {
   .right {
-      width: 47%;
+    width: 49%;
     height: 650px;
     height: 650px;
     border: 1px solid rgb(230, 230, 230);
     border: 1px solid rgb(230, 230, 230);
   }
   }
@@ -237,16 +251,15 @@
     .header {
     .header {
       width: 100%;
       width: 100%;
       height: 50px;
       height: 50px;
-        line-height: 50px;
       background-color: rgba(243, 242, 242, 0.897);
       background-color: rgba(243, 242, 242, 0.897);
-        display: flex;
-        justify-content: space-around;
-        align-items:center .check {
-          height: 20px;
+      .headerconcent {
+        width: 90%;
+        height: 50px;
         margin: auto;
         margin: auto;
-        }
-        .num {
-          height: 20px;
+        line-height: 50px;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
       }
       }
     }
     }
     .concent {
     .concent {
@@ -273,15 +286,12 @@
       line-height: 50px;
       line-height: 50px;
       background-color: rgba(243, 242, 242, 0.897);
       background-color: rgba(243, 242, 242, 0.897);
     }
     }
-      .tablelist {
-        margin-top: 10px;
-        height: 680px;
-      }
-    }
+
   }
   }
-  .btn {
+}
+.btn {
   margin-top: 10px;
   margin-top: 10px;
   width: 100%;
   width: 100%;
   text-align: center;
   text-align: center;
-  }
+}
 </style>
 </style>