Merge branch 'dev'

 /*
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-05-16 14:05:25
+ * @LastEditTime: 2023-09-15 09:32:40
  */
 import request from '@/utils/request'
 import { log } from 'bpmn-js-token-simulation'
@@ -25,7 +25,7 @@ export function addRepairRecord (data) {
  */
 export function deleteFlow (params) {
   return request({
-    url: SERVER.SERVERAPI + '/rest/djbRepair/deleteFlow?bsmSlsq='+params,
+    url: SERVER.SERVERAPI + '/rest/djbRepair/deleteFlow?bsmSlsq=' + params,
     method: 'get',
   })
 }
@@ -37,7 +37,7 @@ export function deleteFlow (params) {
  */
 export function deleteRepairRecord (params) {
   return request({
-    url: SERVER.SERVERAPI + '/rest/djbRepair/deleteRepairRecord?bsmRepair='+params,
+    url: SERVER.SERVERAPI + '/rest/djbRepair/deleteRepairRecord?bsmRepair=' + params,
     method: 'get',
   })
 }
@@ -49,7 +49,7 @@ export function deleteRepairRecord (params) {
  */
 export function init (params) {
   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',
   })
 }
@@ -61,7 +61,7 @@ export function init (params) {
  */
 export function leftMenubl (params) {
   return request({
-    url: SERVER.SERVERAPI + '/rest/djbRepair/leftMenu?bsmSlsq='+params,
+    url: SERVER.SERVERAPI + '/rest/djbRepair/leftMenu?bsmSlsq=' + params,
     method: 'get',
     params
   })
@@ -110,7 +110,7 @@ export function getZtQlxx (params) {
  * @param {*} data
  * @author: renchao
  */
- export function startBusinessFlow (data) {
+export function startBusinessFlow (data) {
   return request({
     url: SERVER.SERVERAPI + '/rest/djbRepair/startBusinessFlow',
     method: 'post',
@@ -122,7 +122,7 @@ export function getZtQlxx (params) {
  * @param {*} data
  * @author: renchao
  */
- export function addidea (data) {
+export function addidea (data) {
   return request({
     url: SERVER.SERVERAPI + '/rest/djbRepair/sh',
     method: 'post',
@@ -134,9 +134,9 @@ export function getZtQlxx (params) {
  * @param {*} data
  * @author: renchao
  */
- export function getShList (data) {
+export function getShList (data) {
   return request({
-    url: SERVER.SERVERAPI + '/rest/djbRepair/getShList?bsmRepair='+data.bsmRepair,
+    url: SERVER.SERVERAPI + '/rest/djbRepair/getShList?bsmRepair=' + data.bsmRepair,
     method: 'post',
     data
   })
@@ -147,10 +147,24 @@ export function getZtQlxx (params) {
  * @param {*} data
  * @author: renchao
  */
- export function getQlxxByQlxxBsm (params) {
+export function getQlxxByQlxxBsm (params) {
   return request({
     url: SERVER.SERVERAPI + '/rest/djbRepair/getQlxxByQlxxBsm',
     method: 'get',
     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: 
  * @Autor: renchao
- * @LastEditTime: 2023-09-11 10:18:11
+ * @LastEditTime: 2023-09-14 17:11:15
 -->
 <template>
   <transition name="msgbox-fade">
@@ -160,7 +160,7 @@
   .mask-content {
     padding: 5px 20px 30px 20px;
     width: 100%;
-    min-height: 20%;
+    min-height: 253px;
     max-height: 90vh;
     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>

+<!--
+ * @Description:
+ * @Autor: renchao
+ * @LastEditTime: 2023-09-14 16:24:07
+-->
+<template>
+  <div class="rlPopup">
+    <div class="prev handle-btn" v-if="!isScan" @click="prev()">
+      <i class="el-icon-arrow-left"></i>
+    </div>
+    <div class="next handle-btn" v-if="!isScan" @click="next()">
+      <i class="el-icon-arrow-right"></i>
+    </div>
+    <div class="img-list-wrap" v-Loading="loading">
+      <img src="http://127.0.0.1:38088/video=stream&camidx=0" v-if="isScan" alt="高拍仪">
+      <div v-for="(img, i) in previewImg.imgList" :key="i" v-else>
+        <photo-zoom :url="img.fileurl" :bigWidth="165" v-if="i === previewImg.index" :scale="2"
+          overlayStyle="width: 100%;height:100%">
+        </photo-zoom>
+      </div>
+    </div>
+    <!--缩略图-->
+    <div class="thumb-wrap">
+      <div class="thumb-wrap-button">
+        <el-button type="primary" @click="clickImage" v-if="previewImg.imgList.length>0">（放大） 显示（缩小）</el-button>
+        <el-upload class="fileUpdate" ref="upload" :key="key" action="" :show-file-list="false" :multiple="true" :auto-upload="false"
+          :on-change="handleChange"
+          accept=".JPG, .PNG, .JPEG,.jpg, .png, .jpeg">
+          <el-button icon="el-icon-upload" type="primary" v-if="ableOperation">上传</el-button>
+        </el-upload>
+        <!-- 左移右移 -->
+        <el-button type="primary" @click="handleMove('left')" v-if="ableOperation">左移</el-button>
+        <el-button type="primary" @click="handleMove('right')" v-if="ableOperation">右移</el-button>
+        <el-button type="primary" icon="el-icon-delete-solid" @click="handleDelete"
+          v-if="thumbnailImages.length>0 && ableOperation">删除</el-button>
+        <div v-if="ableOperation" class="pl-5">
+          <el-button type="primary" @click="handleOpenScan" v-if="ableOperation" :loading="loading">{{scanTitle}}</el-button>
+          <el-button type="primary" @click="handleViewScan" v-if="isScan && ableOperation">拍照</el-button>
+        </div>
+      </div>
+      <ul>
+        <li v-for="(img, index) in thumbnailImages" :key="index" :class="{ active: previewImg.index === index }"
+          @click="showCurrent(index)">
+          <img :src="img.fileurl">
+        </li>
+      </ul>
+    </div>
+    <!-- 点开后的视图 -->
+    <publicPicture v-if="showViewer" :url-list="allLi" :initialIndex="initialIndex" @close-viewer="closeViewer">
+    </publicPicture>
+  </div>
+</template>
+<script>
+  import PhotoZoom from '@/components/PhotoZoom'
+  import { getAltimeterInfo, getUuid } from '@/utils/operation.js'
+  import { uploadBatch, deleteFile, move } from "@/api/company.js"
+  import publicPicture from '@/components/publicPicture/index.vue'
+  export default {
+    name: 'PreviewImage',
+    props: {
+      previewImg: {
+        type: Object,
+        default: () => { }
+      },
+      ableOperation: {
+        type: Boolean,
+        default: true
+      }
+    },
+    components: {
+      PhotoZoom,
+      publicPicture
+    },
+    data () {
+      return {
+        loading: false,
+        key: 0,
+        isScan: false,
+        // 打开高拍仪
+        scanTitle: '打开高拍仪',
+        transform: {
+          scale: 1,
+          degree: 0
+        },
+        maxFileLength: 0,
+        // 缩略图
+        thumbnailImages: [],
+        showViewer: false,
+        initialIndex: 0,
+        allLi: [],
+      }
+    },
+    watch: {
+      previewImg: {
+        handler (newValue, oldValue) {
+          if (newValue.imgList && newValue.imgList.length > 0) {
+            this.allLi = _.cloneDeep(newValue.imgList).map(item => item.fileurl)
+            this.thumbnailImages = newValue.imgList
+          } else {
+            this.allLi = []
+            this.thumbnailImages = []
+          }
+        },
+        deep: true,
+        immediate: true
+      }
+    },
+    created () {
+      this.maxLength = 0;
+      this.allLi = _.cloneDeep(this.previewImg.imgList).map(item => item.fjurl)
+      this.thumbnailImages = this.previewImg.imgList
+    },
+    computed: {
+      isFirst () {
+        return this.previewImg.index === 0
+      },
+      isLast () {
+        return this.previewImg.index === this.previewImg.imgList.length - 1
+      }
+    },
+    methods: {
+      /**
+       * @description: 打开高拍仪
+       * @author: renchao
+       */
+      handleOpenScan () {
+        this.isScan = !this.isScan
+        if (this.isScan) {
+          this.loading = true
+          this.$message({
+            message: '正在启动程序请稍等',
+            type: 'success'
+          })
+          setTimeout(() => {
+            this.scanTitle = '关闭高拍仪'
+            this.loading = false
+          }, 3000)
+        } else {
+          this.scanTitle = '打开高拍仪'
+        }
+      },
+      /**
+       * @description: 左右移动
+       * @param {*} direction
+       * @author: renchao
+       */
+      handleMove (direction) {
+        move(this.previewImg.imgList[this.previewImg.index].bsmFile, direction).then(res => {
+          if (res.code == 200) {
+            if (direction == 'left') {
+              this.previewImg.index = this.previewImg.index - 1
+            } else {
+              this.previewImg.index = this.previewImg.index + 1
+            }
+            this.initialIndex = this.previewImg.index
+            this.$emit('updateList', { children: res.result, bsmMaterial: this.previewImg.bsmMaterial })
+            this.$message({
+              message: '移动成功!',
+              type: 'success'
+            })
+          } else {
+            this.$message.error(res.message);
+          }
+        })
+      },
+      /**
+       * @description: 拍照
+       * @author: renchao
+       */
+      handleViewScan () {
+        function dataURLtoBlob (base64String) {
+          const arr = base64String.split(',');
+          if (arr.length !== 2) {
+            throw new Error('Invalid Base64 format');
+          }
+          const mime = arr[0].match(/:(.*?);/)[1];
+          if (!mime) {
+            throw new Error('Cannot retrieve MIME type');
+          }
+          const bstr = atob(arr[1]);
+          const n = bstr.length;
+          const u8arr = new Uint8Array(n);
+          for (let i = 0; i < n; i++) {
+            u8arr[i] = bstr.charCodeAt(i);
+          }
+          return new Blob([u8arr], { type: mime });
+        }
+        function blobToFile (blob) {
+          let name = getUuid(8) + '.jpg'
+          const file = new File([blob], name);
+          return file;
+        }
+        getAltimeterInfo().then(res => {
+          let blob = dataURLtoBlob('data:image/png;base64,' + res.data.photoBase64);
+          let file = blobToFile(blob);
+          var formData = new FormData();
+          formData.append('file', file)
+          formData.append("bsmMaterial ", this.previewImg.bsmMaterial);
+          formData.append("bsmSlsq", this.previewImg.bsmSlsq);
+          uploadSjClmx(formData).then((res) => {
+            if (res.code == 200) {
+              this.$emit('updateList', res.result)
+              this.$message({
+                message: '上传成功!',
+                type: 'success'
+              })
+            }
+          })
+        })
+      },
+      /**
+       * @description: prev
+       * @author: renchao
+       */
+      prev () {
+        let len = this.previewImg.imgList.length
+        if (this.isFirst || len == 0) {
+          this.$emit('prevPriview')
+        } else {
+          this.$parent.previewImg.index = (this.$parent.previewImg.index - 1 + len) % len
+        }
+      },
+      /**
+       * @description: next
+       * @author: renchao
+       */
+      next () {
+        let len = this.previewImg.imgList.length
+        if (this.isLast || len == 0) {
+          this.$emit('nextPriview')
+        } else {
+          this.$parent.previewImg.index = (this.$parent.previewImg.index + 1) % len
+        }
+      },
+      /**
+       * @description: showCurrent
+       * @param {*} index
+       * @author: renchao
+       */
+      showCurrent (index) {
+        this.previewImg.index = index
+        this.initialIndex = index
+      },
+      /**
+       * @description: closeViewer
+       * @author: renchao
+       */
+      closeViewer () {
+        this.showViewer = false
+      },
+      /**
+       * @description: clickImage
+       * @author: renchao
+       */
+      clickImage () {
+        this.showViewer = true
+      },
+      /**
+       * @description: handleChange
+       * @param {*} file
+       * @param {*} files
+       * @author: renchao
+       */
+      async handleChange (file, fileList) {
+        let length = fileList.length;
+        this.maxFileLength = Math.max(length, this.maxFileLength)
+        var formData = new FormData();
+        setTimeout(() => {
+          if (this.maxFileLength !== length) {
+            return
+          }
+          let num = 0, max = 0;
+          const isLt5M = file.size / 1024 / 1024 < 5;
+          fileList.forEach(item => {
+            if (!isLt5M) {
+              max++
+            }
+            if (!['image/jpeg', 'image/png', 'image/jpg', 'image/gif'].includes(item.raw.type)) {
+              num++
+            } else {
+              formData.append('file', item.raw)
+            }
+          })
+          if (num >= 1) {
+            this.$message.error("请选择jpeg/png/jpg/bmp/gif格式的图片后重试")
+            // 移除不支持的文件类型
+            this.key++
+            return;
+          }
+          if (max >= 1) {
+            this.$message.error('上传图片大小不能超过 5MB!');
+            this.key++
+            return;
+          }
+          formData.append("bsmMaterial", this.previewImg.bsmMaterial);
+          if (this.previewImg.imgList.length > 0) {
+            formData.append("index", this.previewImg.imgList[this.previewImg.index].sxh);
+          }
+          uploadBatch(formData).then((res) => {
+            if (res.code == 200) {
+              this.$emit('updateList', { children: res.result, bsmMaterial: this.previewImg.bsmMaterial })
+              this.$message({
+                message: '上传成功!',
+                type: 'success'
+              })
+              this.$refs.upload.clearFiles();
+              this.maxFileLength = 0
+            }
+          })
+        }, 0)
+      },
+      /**
+       * @description: handleDelete
+       * @author: renchao
+       */
+      handleDelete () {
+        let that = this
+        this.$confirm('此操作将永久删除, 是否继续?', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }).then(async () => {
+          let bsmFile = this.previewImg.imgList[this.previewImg.index].bsmFile
+          let bsmMaterial = this.previewImg.imgList[this.previewImg.index].bsmMaterial
+          this.previewImg.imgList = this.previewImg.imgList.filter(item => item.bsmFile != bsmFile)
+          deleteFile(bsmFile).then(res => {
+            if (res.code == 200) {
+              that.$emit('updateList', { children: this.previewImg.imgList, bsmMaterial: bsmMaterial })
+              that.$message({
+                message: '删除成功!',
+                type: 'success'
+              })
+            }
+          })
+        }).catch(() => {
+          this.$message({
+            type: 'info',
+            message: '已取消删除'
+          })
+        })
+      }
+    }
+  }
+</script>
+<style lang="scss" scoped>
+  // 查看大图
+  .rlPopup {
+    position: relative;
+    width: 100%;
+    text-align: center;
+    height: 100%;
+
+    .handle-btn {
+      position: absolute;
+      top: 50%;
+      transform: translateY(-100%);
+      width: 66px;
+      height: 66px;
+      line-height: 75px;
+      color: #fff;
+      background-color: rgb(239, 239, 239);
+      border-radius: 50%;
+      cursor: pointer;
+      text-align: center;
+      transition: all 0.3s;
+
+      i {
+        font-size: 24px;
+      }
+    }
+
+    .handle-btn:hover {
+      background-color: rgb(185, 183, 183);
+    }
+
+    .prev {
+      left: 1%;
+    }
+
+    .next {
+      right: 1%;
+    }
+
+    .img-list-wrap {
+      width: 100%;
+      display: flex;
+      justify-content: center;
+      height: calc(100% - 80px);
+      align-items: center;
+      background: rgba(194, 190, 190, 0.1);
+      overflow: scroll;
+
+      img {
+        display: block;
+        object-fit: scale-down;
+        transition: all 0.3s;
+        max-width: 100%;
+      }
+    }
+
+    .thumb-wrap {
+      &-button {
+        display: flex;
+        justify-content: center;
+
+        .fileUpdate {
+          margin: 0 10px;
+        }
+      }
+
+      li {
+        float: left;
+        width: 60px;
+        height: 45px;
+        border: solid 1px #ececec;
+        position: relative;
+        margin-right: 5px;
+        cursor: pointer;
+
+        &:last-child {
+          margin-right: 0;
+        }
+
+        img {
+          max-width: 57px;
+          max-height: 42px;
+          display: block;
+          object-fit: scale-down;
+          position: absolute;
+          top: 50%;
+          left: 50%;
+          transform: translate(-50%, -50%);
+        }
+      }
+
+      .active {
+        border-color: #409eff;
+      }
+    }
+  }
+</style>
+<style>
+  .zoom-on-hover {
+    position: relative;
+    overflow: hidden;
+  }
+
+  .zoom-on-hover .normal {
+    width: 100%;
+  }
+
+  .zoom-on-hover .zoom {
+    position: absolute;
+    opacity: 0;
+    transform-origin: top left;
+  }
+
+  .zoom-on-hover.zoomed .zoom {
+    opacity: 1;
+  }
+
+  .zoom-on-hover.zoomed .normal {
+    opacity: 0;
+  }
+</style>

+<!--
+ * @Description:
+ * @Autor: renchao
+ * @LastEditTime: 2023-09-15 10:09:10
+-->
+<template>
+  <div class="clxx">
+    <div class="right">
+      <!-- 材料预览 -->
+      <div class="clyl-box">
+        <div class="menu-tree">
+          <el-button
+            type="primary"
+            native-type="submit"
+            @click="viewDetail"
+            style="width: 100%; margin-top: 10px" v-if="tableData.length > 0">申请材料目录</el-button>
+          <div class="item">
+            材料目录({{ tableData.length }})
+            <div style="margin-top: 10px">
+              <div
+                style="
+                  text-align: center;
+                  line-height: 20px;
+                  color: black;
+                  font-size: 14px;
+                "
+                v-if="tableData.length == 0">
+                暂无数据
+              </div>
+              <div
+                v-for="(item, index) in tableData"
+                :key="item.bsmMaterial"
+                :class="['child', treeCheckId == item.bsmMaterial ? 'checked' : '']"
+                @click="treeClick(item, index)">
+                {{ item.clmc }}
+                <span class="cl_number" :key="key" v-if="item.count">({{ item.count }})</span>
+                <span class="cl_number" :key="key" v-else>(0)</span>
+              </div>
+            </div>
+          </div>
+          <el-button
+            type="primary"
+            native-type="submit"
+            style="width: 100%"
+            @click="handleAdd()">新增</el-button>
+        </div>
+        <image-preview
+          ref="imageRef"
+          v-if="tableData.length > 0"
+          :previewImg="previewImg"
+          @updateList="updateList"
+          @nextPriview="nextPriview"
+          @prevPriview="prevPriview" />
+      </div>
+    </div>
+    <clxxAddDialog v-model="isDialog" />
+  </div>
+</template>
+<script>
+  import store from '@/store/index.js'
+  import { ywPopupDialog } from "@/utils/popup.js";
+  import imagePreview from "./dialog/imagePreview.vue";
+  import clxxAddDialog from "./dialog/clxxAddDialog.vue";
+  import clxxDetailDialog from "./dialog/clxxDetailDialog.vue";
+  import { getCompanyMaterialList, addCompanyMaterial, getFileListByBsmMaterial } from "@/api/company.js";
+  import { saveClml, getClmxList } from "@/api/clxx.js";
+  import { repairInitClml } from "@/api/djbRepair.js";
+  export default {
+    components: { clxxAddDialog, imagePreview, clxxDetailDialog },
+    props: {
+      formData: {
+        type: Object,
+        default: () => {
+          return {}
+        }
+      }
+    },
+    data () {
+      return {
+        isDialog: false,
+        iclass: "",
+        // 材料目录选中
+        treeCheckIndex: 0,
+        treeCheckId: "",
+        key: 0,
+        tableData: [],
+        previewImg: {
+          bsmMaterial: "",
+          index: 0,
+          selectedIndex: 0,
+          imgList: []
+        }
+      }
+    },
+    computed: {
+      workFresh () {
+        return store.state.user.workFresh
+      }
+    },
+    watch: {
+      workFresh: {
+        handler (newValue, oldValue) {
+          this.clmlInitList()
+        },
+        deep: true,
+        immediate: true
+      }
+    },
+    created () {
+      this.clmlInitList()
+    },
+    methods: {
+      /**
+       * @description: 自动预览
+       * @author: renchao
+       */
+      nextPriview () {
+        if (this.treeCheckIndex < this.tableData.length) {
+          this.treeCheckIndex++;
+          if (this.tableData[this.treeCheckIndex]) {
+            this.treeCheckId = this.tableData[this.treeCheckIndex].bsmMaterial;
+            // 判断页数
+            let ys = this.tableData[this.treeCheckIndex].ys
+            this.previewImg.index = 0;
+            // 获取材料明细
+            if (ys > 0) {
+              getFileListByBsmMaterial(this.treeCheckId).then(res => {
+                this.previewImg.imgList = res.result ? res.result : []
+              })
+            } else {
+              this.previewImg.imgList = []
+            }
+            this.previewImg.bsmMaterial = this.tableData[this.treeCheckIndex].bsmMaterial;
+          } else {
+            this.$message.error('没有最后一张了');
+          }
+        }
+      },
+      /**
+       * @description: prevPriview
+       * @author: renchao
+       */
+      prevPriview () {
+        if (this.treeCheckIndex >= 1) {
+          this.treeCheckIndex--;
+          this.treeCheckId = this.tableData[this.treeCheckIndex].bsmMaterial;
+          // 判断页数
+          let ys = this.tableData[this.treeCheckIndex].ys
+          if (ys > 0) {
+            getFileListByBsmMaterial(this.treeCheckId).then(res => {
+              this.previewImg.imgList = res.result ? res.result : []
+              this.previewImg.index = this.previewImg.imgList.length - 1;
+            })
+          } else {
+            this.previewImg.imgList = [];
+            this.previewImg.index = 0
+          }
+          this.previewImg.bsmMaterial = this.tableData[this.treeCheckIndex].bsmMaterial;
+        } else {
+          this.$message.error('没有第一张了');
+        }
+      },
+      /**
+       * @description: 材料目录明细初始化
+       * @param {*} type
+       * @author: renchao
+       */
+      clmlInitList (type) {
+        // 1：列表初始化  2：新增材料
+        return new Promise((resolve) => {
+          getCompanyMaterialList(this.formData.bsmCompany).then((res) => {
+            if (res.code == 200) {
+              resolve(res.code);
+              if (res.result && res.result.length > 0) {
+                this.tableData = res.result;
+                if (type == 1) {
+                  this.treeClick(this.tableData[0], 0);
+                } else {
+                  //新增材料后刷新列表焦点置于新增的对象上
+                  this.treeClick(
+                    this.tableData[this.tableData.length - 1],
+                    this.tableData.length - 1
+                  );
+                }
+              }
+            } else {
+              this.$message.error(res.message);
+            }
+          })
+        })
+      },
+      /**
+       * @description: setChecked
+       * @param {*} item
+       * @author: renchao
+       */
+      setChecked (item) {
+        this.treeCheckId = item.bsmMaterial;
+        this.title = item.sjmc;
+        this.titleYs = 1;
+        this.titleNum = item.children.length;
+        this.previewImg.imgList = item.children;
+        this.previewImg.bsmMaterial = item.bsmMaterial;
+      },
+      /**
+       * @description: updateList
+       * @param {*} val
+       * @author: renchao
+       */
+      updateList (val) {
+        let that = this;
+        if (val.children.length != 0) {
+          //删除最后一张图片时 val=null
+          this.tableData.forEach((item) => {
+            if (item.bsmMaterial == val.bsmMaterial) {
+              item.count = val.children.length
+            }
+          });
+          this.previewImg.imgList = _.cloneDeep(val.children);
+          if (this.previewImg.index == this.previewImg.imgList.length) {
+            this.previewImg.index = this.previewImg.index - 1;
+          }
+          this.key++
+        } else {
+          this.previewImg.imgList = [];
+          this.tableData.forEach((item, index) => {
+            if (this.treeCheckId == item.bsmMaterial) {
+              item.count = 0;
+              that.treeCheckIndex = index;
+            }
+          })
+        }
+      },
+      /**
+       * @description: 添加材料目录
+       * @author: renchao
+       */
+      handleAdd () {
+        this.isDialog = true;
+      },
+      /**
+       * @description: 新增弹窗保存
+       * @param {*} data
+       * @author: renchao
+       */
+      addSave (data) {
+        let obj = {
+          bsmCompany: this.formData.bsmCompany,
+          clmc: data.clmc,
+          cllx: data.cllx
+        };
+        addCompanyMaterial(obj).then(async (res) => {
+          if (res.code == 200) {
+            let res = await this.clmlInitList(2);
+            if (res == 200)
+              this.$message({
+                message: "新增成功",
+                type: "success"
+              })
+          }
+        })
+      },
+      /**
+       * @description: 材料目录点击选中
+       * @param {*} item
+       * @param {*} index
+       * @author: renchao
+       */
+      treeClick (item, index) {
+        this.previewImg.index = 0;
+        this.treeCheckId = item?.bsmMaterial;
+        this.treeCheckIndex = index;
+        getFileListByBsmMaterial(item.bsmMaterial).then(res => {
+          this.previewImg.imgList = res.result ? res.result : []
+        })
+        this.previewImg.bsmMaterial = item?.bsmMaterial;
+      },
+      /**
+       * @description: 小图片点击
+       * @param {*} item
+       * @param {*} index
+       * @author: renchao
+       */
+      imgClick (item, index) {
+        this.showImg = item;
+        this.titleYs = index + 1;
+      },
+      //查看明细
+      viewDetail () {
+        store.dispatch("user/reWorkFresh", false);
+        ywPopupDialog("申请材料目录", "xxba/components/clxx/dialog/clxxDetailDialog", {
+          data: this.tableData,
+          bsmCompany: this.formData.bsmCompany
+        }, "60%", true, false)
+      },
+      //设置tableData
+      setTableData (tableData) {
+        this.$nextTick((res) => {
+          this.tableData = tableData;
+        })
+      }
+    }
+  }
+</script>
+<style scoped lang="scss">
+  @import "~@/styles/mixin.scss";
+  .active {
+    background: $light-blue !important;
+    color: #fff;
+  }
+
+  .required {
+    font-size: 12px;
+    color: $pink;
+    float: left;
+  }
+
+  .cl_number {
+    float: right;
+  }
+
+  .clxx {
+    width: 100%;
+    height: 94%;
+    display: flex;
+    padding-left: 5px;
+    .left {
+      display: flex;
+      flex-direction: column;
+      justify-content: space-between;
+
+      .item {
+        width: 28px;
+        height: 49%;
+        @include flex-center;
+        background-color: #e4e7ed;
+        border-bottom-right-radius: 10px;
+        padding: 5px;
+        cursor: pointer;
+        transition: all 0.3s;
+
+        &:hover {
+          @extend .active;
+        }
+      }
+    }
+
+    .right {
+      width: 100%;
+      height: 100%;
+
+      .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;
+        }
+      }
+
+      .clyl-box {
+        width: 100%;
+        height: 100%;
+        display: flex;
+
+        .menu-tree {
+          width: 20%;
+          min-width: 160px;
+          height: 100%;
+          margin-right: 10px;
+          border-right: 1px dotted #d9d9d9;
+          padding: 0 15px;
+
+          .item {
+            line-height: 30px;
+            padding-top: 5px;
+            border-bottom: 1px solid #e8e8e8;
+            font-size: 16px;
+            text-align: center;
+            color: $light-blue;
+
+            .itemIcon {
+              float: right;
+              line-height: 60px;
+              cursor: pointer;
+            }
+
+            .child {
+              line-height: 32px;
+              border-bottom: 1px solid #e8e8e8;
+              padding-left: 10px;
+              color: #6b6b6b;
+              cursor: pointer;
+              box-sizing: border-box;
+              border-radius: 6px;
+              line-height: 20px;
+              transition: all 0.3s;
+              padding: 8px 0;
+            }
+
+            .child:hover {
+              color: $light-blue;
+              transform: scale(1.1);
+            }
+
+            .checked {
+              border: 1px solid $light-blue;
+              color: $light-blue;
+            }
+          }
+        }
+
+        .clyl-img {
+          width: 75%;
+          height: 100%;
+          background: #f3f4f7;
+          margin: 0 auto;
+          position: relative;
+        }
+      }
+    }
+  }
+</style>

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

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-08-22 16:27:38
+ * @LastEditTime: 2023-09-15 09:33:54
 -->
 <template>
   <!-- 受理信息 -->
@@ -210,11 +210,6 @@
               <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
             </el-form-item>
           </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-form-item
               label="登记机构："

@@ -15,8 +15,7 @@
       :label-position="flag ? 'top' : ''"
       :show-message="false"
       :inline="flag"
-      label-width="190px"
-    >
+      label-width="190px">
       <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
         <div class="slxx_title title-block">
           申请业务信息
@@ -45,25 +44,21 @@
             <el-form-item
               label="上手权利信息："
               prop="ssQlxx.bdcqzh"
-              :rules="rules.ssQlxxrules"
-            >
+              :rules="rules.ssQlxxrules">
               <select-table
                 v-model="ruleForm.ssQlxx"
                 :table-width="730"
                 :tableData="ssQlxxList"
                 :props="props"
-                @change="ssQlxxchange"
-              >
+                @change="ssQlxxchange">
                 <el-table-column
                   prop="qllxmc"
                   width="130"
-                  label="权利类型"
-                ></el-table-column>
+                  label="权利类型"></el-table-column>
                 <el-table-column
                   prop="bdcqzh"
                   width="160"
-                  label="不动产权证书"
-                ></el-table-column>
+                  label="不动产权证书"></el-table-column>
                 <el-table-column prop="qlrmc" label="权利人"></el-table-column>
                 <el-table-column prop="mjmc" label="面积"></el-table-column>
                 <el-table-column prop="ytmc" label="用途"></el-table-column>
@@ -83,13 +78,11 @@
             <el-form-item
               label="业务号："
               prop="qlxx.ywh"
-              :rules="rules.ywhrules"
-            >
+              :rules="rules.ywhrules">
               <el-input
                 maxlength="20"
                 onkeyup="this.value=this.value.replace(/[^\w_]/g,'');"
-                v-model="ruleForm.qlxx.ywh"
-              ></el-input>
+                v-model="ruleForm.qlxx.ywh"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
@@ -108,15 +101,13 @@
             <el-form-item
               label="登记类型："
               prop="qlxx.djlx"
-              :rules="rules.djlxrules"
-            >
+              :rules="rules.djlxrules">
               <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange">
                 <el-option
                   v-for="item in djlxlist"
                   :key="item.dcode"
                   :label="item.dname"
-                  :value="item.dcode"
-                >
+                  :value="item.dcode">
                 </el-option>
               </el-select>
             </el-form-item>
@@ -128,8 +119,7 @@
                   v-for="item in qsztlist"
                   :key="item.dcode"
                   :label="item.dname"
-                  :value="item.dcode"
-                >
+                  :value="item.dcode">
                 </el-option>
               </el-select>
             </el-form-item>
@@ -232,15 +222,13 @@
                 <el-input
                   maxlength="12"
                   v-model="ruleForm.lq.syqmj"
-                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
-                ></el-input>
+                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
                 <el-select disabled v-model="mjdw" style="width: 68px">
                   <el-option
                     v-for="item in dictData['A7']"
                     :key="item.dcode"
                     :label="item.dname"
-                    :value="item.dcode"
-                  >
+                    :value="item.dcode">
                   </el-option>
                 </el-select>
               </div>
@@ -262,15 +250,13 @@
                 <el-input
                   maxlength="11"
                   v-model="ruleForm.lq.qdjg"
-                  style="width: 500%"
-                ></el-input>
+                  style="width: 500%"></el-input>
                 <el-select v-model="ruleForm.lq.jedw">
                   <el-option
                     v-for="item in dictData['A57']"
                     :key="item.dcode"
                     :label="item.dname"
-                    :value="item.dcode"
-                  >
+                    :value="item.dcode">
                   </el-option>
                 </el-select>
               </div>
@@ -281,8 +267,7 @@
             <el-form-item
               label="不动产权证号："
               prop="qlxx.bdcqzh"
-              :rules="rules.bdcqzhrules"
-            >
+              :rules="rules.bdcqzhrules">
               <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
             </el-form-item>
           </el-col>
@@ -299,8 +284,7 @@
             <el-form-item
               label="登记机构："
               prop="qlxx.djjg"
-              :rules="rules.djjgrules"
-            >
+              :rules="rules.djjgrules">
               <el-input v-model="ruleForm.qlxx.djjg"></el-input>
             </el-form-item>
           </el-col>
@@ -308,8 +292,7 @@
             <el-form-item
               label="登簿人："
               prop="qlxx.dbr"
-              :rules="rules.dbrrules"
-            >
+              :rules="rules.dbrrules">
               <el-input v-model="ruleForm.qlxx.dbr"></el-input>
             </el-form-item>
           </el-col>
@@ -317,16 +300,14 @@
             <el-form-item
               label="登记时间："
               prop="qlxx.djsj"
-              :rules="rules.djsjrules"
-            >
+              :rules="rules.djsjrules">
               <el-date-picker
                 v-model="ruleForm.qlxx.djsj"
                 type="date"
                 class="width100"
                 placeholder="选择日期"
                 value-format="yyyy-MM-dd HH:mm:ss"
-                format="yyyy-MM-dd"
-              >
+                format="yyyy-MM-dd">
               </el-date-picker>
             </el-form-item>
           </el-col>
@@ -338,8 +319,7 @@
                 v-model="ruleForm.lq.fj"
                 type="textarea"
                 maxlength="500"
-                show-word-limit
-              ></el-input>
+                show-word-limit></el-input>
             </el-form-item>
           </el-col>
         </el-row>
@@ -350,8 +330,7 @@
         <tdytTable
           :tableData="ruleForm.tdytqxList"
           @upDateTdytxxList="upDateTdytxxList"
-          :ableOperation="ableOperation"
-        />
+          :ableOperation="ableOperation" />
         <div class="slxx_title title-block">
           权利人信息
           <div class="triangle"></div>
@@ -361,8 +340,7 @@
             <el-form-item label="共有方式：">
               <el-radio-group
                 :disabled="!ableOperation"
-                v-model="ruleForm.qlxx.gyfs"
-              >
+                v-model="ruleForm.qlxx.gyfs">
                 <el-radio label="0">单独所有</el-radio>
                 <el-radio label="1">共同共有</el-radio>
                 <el-radio label="2">按份所有</el-radio>
@@ -376,8 +354,7 @@
           @upDateQlrxxList="upDateQlrxxList"
           :key="key"
           :ableOperation="ableOperation"
-          :gyfs="ruleForm.qlxx.gyfs"
-        />
+          :gyfs="ruleForm.qlxx.gyfs" />
       </div>
       <el-row class="btn" v-if="ableOperation">
         <el-form-item>
@@ -388,338 +365,339 @@
   </div>
 </template>
 <script>
-import { mapGetters } from "vuex";
-import store from "@/store/index.js";
-import ywmix from "@/views/ywbl/mixin/index";
-import { init, getSsQlxx, getQlxxByQlxxBsm, save } from "@/api/djbRepair.js";
-import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
-import tdytTable from "@/views/workflow/components/tdytTable";
-import selectTable from "@/components/selectTable/index.vue";
-export default {
-  mixins: [ywmix],
-  components: { qlrCommonTable, tdytTable, selectTable },
-  computed: {
-    ...mapGetters(["dictData", "flag"]),
-    // 根据流程判断表单是否为只读
-    editDisabled() {
-      if (!this.ableOperation) {
-        //只读状态
-        return true;
-      }
-      return false;
-    },
-  },
-  data() {
-    return {
-      mjdw: "1",
-      ssqlxxshow: true,
-      props: {
-        label: "bdcqzh",
-        value: "bdcdyid",
-      },
-      // 键名转换，方法默认是label和children进行树状渲染
-      normalizer(node) {
-        //方法
-        if (node.children == null || node.children == "null") {
-          delete node.children;
+  import { mapGetters } from "vuex";
+  import store from "@/store/index.js";
+  import ywmix from "@/views/ywbl/mixin/index";
+  import { init, getSsQlxx, getQlxxByQlxxBsm, save } from "@/api/djbRepair.js";
+  import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
+  import tdytTable from "@/views/workflow/components/tdytTable";
+  import selectTable from "@/components/selectTable/index.vue";
+  export default {
+    mixins: [ywmix],
+    components: { qlrCommonTable, tdytTable, selectTable },
+    computed: {
+      ...mapGetters(["dictData", "flag"]),
+      // 根据流程判断表单是否为只读
+      editDisabled () {
+        if (!this.ableOperation) {
+          //只读状态
+          return true;
         }
-        return {
-          id: node.dcode,
-          label: node.dname,
-        };
+        return false;
       },
-      //表单是否可操作
-      propsParam: this.$attrs,
-      ableOperation: false,
-      key: 0,
-      ssQlxxList: [],
-      // 登记类型
-      djlxlist: [
-        {
-          dcode: "100",
-          dname: "首次登记",
-        },
-        {
-          dcode: "200",
-          dname: "转移登记",
-        },
-        {
-          dcode: "300",
-          dname: "变更登记",
+    },
+    data () {
+      return {
+        mjdw: "1",
+        ssqlxxshow: true,
+        props: {
+          label: "bdcqzh",
+          value: "bdcdyid",
         },
-        {
-          dcode: "500",
-          dname: "更正登记",
+        // 键名转换，方法默认是label和children进行树状渲染
+        normalizer (node) {
+          //方法
+          if (node.children == null || node.children == "null") {
+            delete node.children;
+          }
+          return {
+            id: node.dcode,
+            label: node.dname,
+          };
         },
+        //表单是否可操作
+        propsParam: this.$attrs,
+        ableOperation: false,
+        key: 0,
+        ssQlxxList: [],
+        // 登记类型
+        djlxlist: [
+          {
+            dcode: "100",
+            dname: "首次登记",
+          },
+          {
+            dcode: "200",
+            dname: "转移登记",
+          },
+          {
+            dcode: "300",
+            dname: "变更登记",
+          },
+          {
+            dcode: "500",
+            dname: "更正登记",
+          },
 
-        {
-          dcode: "901",
-          dname: "补证",
-        },
-        {
-          dcode: "902",
-          dname: "换证",
-        },
-      ],
-      // 权属状态
-      qsztlist: [
-        {
-          dcode: "1",
-          dname: "现势",
-        },
-        {
-          dcode: "2",
-          dname: "历史",
-        },
-      ],
-      tdxz: null,
-      isShow: false,
-      disabled: true,
-      czrOptions: [],
-      ruleForm: {},
-      //传递参数\
-      rules: {
-        ssQlxxrules: [
-          { required: true, message: "上手权利信息", trigger: "blur" },
+          {
+            dcode: "901",
+            dname: "补证",
+          },
+          {
+            dcode: "902",
+            dname: "换证",
+          },
         ],
-        bdcqzhrules: [
-          { required: true, message: "不动产权证号：", trigger: "blur" },
+        // 权属状态
+        qsztlist: [
+          {
+            dcode: "1",
+            dname: "现势",
+          },
+          {
+            dcode: "2",
+            dname: "历史",
+          },
         ],
-        // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
-        djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
-        dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
-        djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
-        djlxrules: [{ required: true, message: "登记类型", trigger: "change" }],
-        ywhrules: [{ required: true, message: "业务号", trigger: "blur" }],
-      },
-    };
-  },
-  created() {
-    this.loadData();
-  },
-  mounted() {
-    this.ableOperation = this.$parent.ableOperation;
-  },
-  methods: {
-    /**
-     * @description: ssQlxxchange
-     * @param {*} val
-     * @author: renchao
-     */
-    ssQlxxchange(val) {
-      this.ruleForm.ssQlxx = val;
-      this.ruleForm.qlxx.ssywh = val.ywh;
-      this.ssQlxxchangediolog(val);
+        tdxz: null,
+        isShow: false,
+        disabled: true,
+        czrOptions: [],
+        ruleForm: {},
+        //传递参数\
+        rules: {
+          ssQlxxrules: [
+            { required: true, message: "上手权利信息", trigger: "blur" },
+          ],
+          bdcqzhrules: [
+            { required: true, message: "不动产权证号：", trigger: "blur" },
+          ],
+          // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
+          djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
+          dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
+          djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
+          djlxrules: [{ required: true, message: "登记类型", trigger: "change" }],
+          ywhrules: [{ required: true, message: "业务号", trigger: "blur" }],
+        },
+      };
+    },
+    created () {
+      this.loadData();
     },
-    // 弹框事件
-    /**
-     * @description: 弹框事件
-     * @param {*} val
-     * @author: renchao
-     */
-    ssQlxxchangediolog(val) {
-      this.$confirm("是否将上手权利信息同步到表单", "提示", {
-        iconClass: "el-icon-question", //自定义图标样式
-        confirmButtonText: "确认", //确认按钮文字更换
-        cancelButtonText: "取消", //取消按钮文字更换
-        showClose: true, //是否显示右上角关闭按钮
-        type: "warning",
-      })
-        .then(() => {
-          getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).then((res) => {
-            if (res.code == 200) {
-              this.nowlist = res.result;
-              for (var key in this.ruleForm.lq) {
-                if (
-                  this.ruleForm.lq[key] == "" ||
-                  this.ruleForm.lq[key] == null
-                ) {
-                  this.ruleForm.lq[key] = this.nowlist.lq[key];
+    mounted () {
+      this.ableOperation = this.$parent.ableOperation;
+    },
+    methods: {
+      /**
+       * @description: ssQlxxchange
+       * @param {*} val
+       * @author: renchao
+       */
+      ssQlxxchange (val) {
+        this.ruleForm.ssQlxx = val;
+        this.ruleForm.qlxx.ssywh = val.ywh;
+        this.ssQlxxchangediolog(val);
+      },
+      // 弹框事件
+      /**
+       * @description: 弹框事件
+       * @param {*} val
+       * @author: renchao
+       */
+      ssQlxxchangediolog (val) {
+        this.$confirm("是否将上手权利信息同步到表单", "提示", {
+          iconClass: "el-icon-question", //自定义图标样式
+          confirmButtonText: "确认", //确认按钮文字更换
+          cancelButtonText: "取消", //取消按钮文字更换
+          showClose: true, //是否显示右上角关闭按钮
+          type: "warning",
+        })
+          .then(() => {
+            getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).then((res) => {
+              if (res.code == 200) {
+                this.nowlist = res.result;
+                for (var key in this.ruleForm.lq) {
+                  if (
+                    this.ruleForm.lq[key] == "" ||
+                    this.ruleForm.lq[key] == null
+                  ) {
+                    this.ruleForm.lq[key] = this.nowlist.lq[key];
+                  }
                 }
-              }
-              for (var key in this.ruleForm.qlxx) {
-                if (
-                  this.ruleForm.qlxx[key] == "" ||
-                  (this.ruleForm.qlxx[key] == null &&
-                    key != "ywh" &&
-                    key != "dbr" &&
-                    key != "djsj" &&
-                    key != "ssywh" &&
-                    key != "ssywh" &&
-                    key != "bdcqzh")
-                ) {
-                  this.ruleForm.qlxx[key] = this.nowlist.qlxx[key];
+                for (var key in this.ruleForm.qlxx) {
+                  if (
+                    this.ruleForm.qlxx[key] == "" ||
+                    (this.ruleForm.qlxx[key] == null &&
+                      key != "ywh" &&
+                      key != "dbr" &&
+                      key != "djsj" &&
+                      key != "ssywh" &&
+                      key != "ssywh" &&
+                      key != "bdcqzh")
+                  ) {
+                    this.ruleForm.qlxx[key] = this.nowlist.qlxx[key];
+                  }
                 }
+                if (!this.ruleForm.tdytqxList.length) {
+                  this.ruleForm.tdytqxList = this.nowlist.tdytqxList;
+                }
+                if (!this.ruleForm.qlrData.length) {
+                  this.ruleForm.qlrData = this.nowlist.qlrData;
+                }
+                if (!this.ruleForm.ywrData.length) {
+                  this.ruleForm.ywrData = this.nowlist.ywrData;
+                }
+                this.$message({
+                  type: "success",
+                  message: "同步成功!",
+                });
               }
-              if (!this.ruleForm.tdytqxList.length) {
-                this.ruleForm.tdytqxList = this.nowlist.tdytqxList;
-              }
-              if (!this.ruleForm.qlrData.length) {
-                this.ruleForm.qlrData = this.nowlist.qlrData;
-              }
-              if (!this.ruleForm.ywrData.length) {
-                this.ruleForm.ywrData = this.nowlist.ywrData;
-              }
-              this.$message({
-                type: "success",
-                message: "同步成功!",
-              });
-            }
-          });
-        })
-        .catch(() => {
-          this.$message({
-            type: "info",
-            message: "已取消同步",
-          });
-        });
-    },
-    /**
-     * @description: djlxchange
-     * @param {*} val
-     * @author: renchao
-     */
-    djlxchange(val) {
-      if (val == null || val == 100) {
-        this.ssqlxxshow = false;
-      } else {
-        this.ssqlxxshow = true;
-      }
-    },
-    // 字典
-    /**
-     * @description: 字典
-     * @param {*} val
-     * @author: renchao
-     */
-    getDictData(val) {
-      return store.getters.dictData[val];
-    },
-    /**
-     * @description: loadData
-     * @author: renchao
-     */
-    loadData() {
-      this.$startLoading();
-      this.propsParam.isEdit = this.$parent.isEdit;
-      init(this.propsParam).then((res) => {
-        if (res.code == 200) {
-          this.ruleForm = res.result;
-          let djlx = this.ruleForm.qlxx.djlx;
-          if (djlx == null || djlx == 100) {
-            this.ssqlxxshow = false;
-          }
-          this.$endLoading();
-          if (this.ruleForm.tdytqxList.length > 0) {
-            this.tdxz = this.ruleForm.tdytqxList[0].qlxzbm;
-          } else {
-            this.tdxz = null;
-          }
-          this.isShow = true;
-          //获取主体信息
-          getSsQlxx({
-            bdcdyid: this.propsParam.bdcdyid,
-            qllx: this.propsParam.qllx,
-            bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
-          }).then((res) => {
-            if (res.code == 200) {
-              this.ssQlxxList = res.result;
-            }
-          });
-        }
-      });
-    },
-    /**
-     * @description: 更新土地用途信息
-     * @param {*} val
-     * @author: renchao
-     */
-    upDateTdytxxList(val) {
-      this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
-      this.key++;
-    },
-    // 更新权利人信息
-    /**
-     * @description: 更新权利人信息
-     * @param {*} val
-     * @author: renchao
-     */
-    upDateQlrxxList(val) {
-      this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
-      this.czrOptions = this.ruleForm.qlrData;
-      this.key++;
-    },
-    // 保存
-    /**
-     * @description: onSubmit
-     * @author: renchao
-     */
-    onSubmit() {
-      this.$refs.ruleForm.validate((valid) => {
-        if (valid) {
-          let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt);
-          if (arr.length > 0) {
-            this.$message({
-              showClose: true,
-              message: "土地用途不能为空",
-              type: "error",
             });
-            return false;
-          }
-          if (this.ruleForm.qlrData.length == 0) {
+          })
+          .catch(() => {
             this.$message({
-              showClose: true,
-              message: "请确认权利人信息",
-              type: "error",
+              type: "info",
+              message: "已取消同步",
+            });
+          });
+      },
+      /**
+       * @description: djlxchange
+       * @param {*} val
+       * @author: renchao
+       */
+      djlxchange (val) {
+        if (val == null || val == 100) {
+          this.ssqlxxshow = false;
+        } else {
+          this.ssqlxxshow = true;
+        }
+      },
+      // 字典
+      /**
+       * @description: 字典
+       * @param {*} val
+       * @author: renchao
+       */
+      getDictData (val) {
+        return store.getters.dictData[val];
+      },
+      /**
+       * @description: loadData
+       * @author: renchao
+       */
+      loadData () {
+        this.$startLoading();
+        this.propsParam.isEdit = this.$parent.isEdit;
+        init(this.propsParam).then((res) => {
+          if (res.code == 200) {
+            this.ruleForm = res.result;
+            let djlx = this.ruleForm.qlxx.djlx;
+            if (djlx == null || djlx == 100) {
+              this.ssqlxxshow = false;
+            }
+            this.$endLoading();
+            if (this.ruleForm.tdytqxList.length > 0) {
+              this.tdxz = this.ruleForm.tdytqxList[0].qlxzbm;
+            } else {
+              this.tdxz = null;
+            }
+            this.isShow = true;
+            //获取主体信息
+            getSsQlxx({
+              bdcdyid: this.propsParam.bdcdyid,
+              qllx: this.propsParam.qllx,
+              bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
+            }).then((res) => {
+              if (res.code == 200) {
+                this.ssQlxxList = res.result;
+              }
             });
-            return false;
           }
-          if (this.ruleForm.qlxx.gyfs == "0") {
-            if (this.ruleForm.qlrData.length > 1) {
+        });
+      },
+      /**
+       * @description: 更新土地用途信息
+       * @param {*} val
+       * @author: renchao
+       */
+      upDateTdytxxList (val) {
+        this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
+        this.key++;
+      },
+      // 更新权利人信息
+      /**
+       * @description: 更新权利人信息
+       * @param {*} val
+       * @author: renchao
+       */
+      upDateQlrxxList (val) {
+        this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
+        this.czrOptions = this.ruleForm.qlrData;
+        this.key++;
+      },
+      // 保存
+      /**
+       * @description: onSubmit
+       * @author: renchao
+       */
+      onSubmit () {
+        this.$refs.ruleForm.validate((valid) => {
+          if (valid) {
+            let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt);
+            if (arr.length > 0) {
               this.$message({
                 showClose: true,
-                message: "共有方式：单独所有，权利人只能是一个人",
+                message: "土地用途不能为空",
                 type: "error",
               });
               return false;
             }
-          } else {
-            if (this.ruleForm.qlrData.length <= 1) {
+            if (this.ruleForm.qlrData.length == 0) {
               this.$message({
                 showClose: true,
-                message:
-                  "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
+                message: "请确认权利人信息",
                 type: "error",
               });
               return false;
             }
-          }
-          save(this.ruleForm).then((res) => {
-            if (res.code === 200) {
-              this.$message({
-                showClose: true,
-                message: "保存成功！",
-                type: "success",
-              });
-              this.$parent.changeywh();
-              this.$store.dispatch("user/refreshPage", true);
+            if (this.ruleForm.qlxx.gyfs == "0") {
+              if (this.ruleForm.qlrData.length > 1) {
+                this.$message({
+                  showClose: true,
+                  message: "共有方式：单独所有，权利人只能是一个人",
+                  type: "error",
+                });
+                return false;
+              }
             } else {
-              this.$message({
-                showClose: true,
-                message: res.message,
-                type: "error",
-              });
+              if (this.ruleForm.qlrData.length <= 1) {
+                this.$message({
+                  showClose: true,
+                  message:
+                    "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
+                  type: "error",
+                });
+                return false;
+              }
             }
-          });
-        } else {
-          return false;
-        }
-      });
+            this.$store.dispatch("user/refreshPage", false);
+            save(this.ruleForm).then((res) => {
+              if (res.code === 200) {
+                this.$message({
+                  showClose: true,
+                  message: "保存成功！",
+                  type: "success",
+                });
+                this.$parent.changeywh();
+                this.$store.dispatch("user/refreshPage", true);
+              } else {
+                this.$message({
+                  showClose: true,
+                  message: res.message,
+                  type: "error",
+                });
+              }
+            });
+          } else {
+            return false;
+          }
+        });
+      },
     },
-  },
-};
+  };
 </script>
 <style scoped lang="scss">
-@import "~@/styles/public.scss";
-@import "~@/styles/slxx/slxx.scss";
+  @import "~@/styles/public.scss";
+  @import "~@/styles/slxx/slxx.scss";
 </style>

+<!--
+ * @Description:
+ * @Autor: renchao
+ * @LastEditTime: 2023-09-15 10:08:50
+-->
+<template>
+  <div class="clxx">
+    <div class="right">
+      <!-- 材料预览 -->
+      <div class="clyl-box">
+        <div class="menu-tree">
+          <el-button
+            type="primary"
+            native-type="submit"
+            @click="viewDetail"
+            style="width: 100%; margin-top: 10px">申请材料目录</el-button>
+          <div class="item">
+            材料目录({{ tableData.length }})
+            <div style="margin-top: 10px">
+              <div
+                style="
+                  text-align: center;
+                  line-height: 20px;
+                  color: black;
+                  font-size: 14px;
+                "
+                v-if="tableData.length == 0">
+                暂无数据
+              </div>
+              <div
+                v-for="(item, index) in tableData"
+                :key="item.bsmSj"
+                :class="['child', treeCheckId == item.bsmSj ? 'checked' : '']"
+                @click="treeClick(item, index)">
+                <span v-if="item.isrequired == 1" class="required">必选</span>
+                {{ item.sjmc }}
+                <span class="cl_number" :key="key">({{ item.ys ? item.ys : 0 }})</span>
+              </div>
+            </div>
+          </div>
+          <el-button
+            type="primary"
+            native-type="submit"
+            style="width: 100%"
+            @click="handleAdd()"
+            v-if="ableOperation">新增</el-button>
+        </div>
+        <image-preview
+          ref="imageRef"
+          v-if="tableData.length > 0"
+          :previewImg="previewImg"
+          :ableOperation="ableOperation"
+          @updateList="updateList"
+          @nextPriview="nextPriview"
+          @prevPriview="prevPriview" />
+      </div>
+    </div>
+    <clxxAddDialog v-model="isDialog" />
+  </div>
+</template>
+<script>
+  import { mapGetters } from "vuex";
+  import clxxAddDialog from "@/views/workflow/components/dialog/clxxAddDialog.vue";
+  import clxxDetailDialog from "@/views/workflow/components/dialog/clxxDetailDialog.vue";
+  import imagePreview from "@/views/components/imagePreview.vue";
+  import { saveClml, getClmxList } from "@/api/clxx.js";
+  import { repairInitClml } from "@/api/djbRepair.js";
+
+  export default {
+    components: { clxxAddDialog, imagePreview, clxxDetailDialog },
+    data () {
+      return {
+        //表单是否可操作
+        ableOperation: true,
+        isDialog: false,
+        iclass: "",
+        // 材料目录选中
+        treeCheckIndex: 0,
+        treeCheckId: "",
+        key: 0,
+        tableData: [],
+        previewImg: {
+          // 收件标识码
+          bsmSj: "",
+          bsmSlsq: this.$parent.bsmSlsq,
+          index: 0,
+          selectedIndex: 0,
+          imgList: [],
+        },
+      };
+    },
+    computed: {
+      ...mapGetters(["dictData"]),
+    },
+    created () {
+      this.clmlInitList(1);
+    },
+    computed: {
+      // 判断补录数据和临时数据
+      ...mapGetters(["workFresh"]),
+    },
+    watch: {
+      workFresh: {
+        handler (newVal, oldVal) {
+          if (newVal) this.clmlInitList(1);
+        },
+      },
+    },
+    mounted () {
+      this.ableOperation = this.$parent.ableOperation;
+    },
+    methods: {
+      /**
+       * @description: 自动预览
+       * @author: renchao
+       */
+      nextPriview () {
+        if (this.treeCheckIndex < this.tableData.length) {
+          this.treeCheckIndex++;
+          if (this.tableData[this.treeCheckIndex]) {
+            this.treeCheckId = this.tableData[this.treeCheckIndex].bsmSj;
+            // 判断页数
+            let ys = this.tableData[this.treeCheckIndex].ys
+            this.previewImg.index = 0;
+            // 获取材料明细
+            if (ys > 0) {
+              getClmxList(this.treeCheckId).then(res => {
+                this.previewImg.imgList = res.result ? res.result : [];
+              })
+            } else {
+              this.previewImg.imgList = []
+            }
+            this.previewImg.bsmSj = this.tableData[this.treeCheckIndex].bsmSj;
+          } else {
+            this.$message.error('没有最后一张了');
+          }
+        }
+      },
+      /**
+       * @description: prevPriview
+       * @author: renchao
+       */
+      prevPriview () {
+        if (this.treeCheckIndex >= 1) {
+          this.treeCheckIndex--;
+          this.treeCheckId = this.tableData[this.treeCheckIndex].bsmSj;
+          // 判断页数
+          let ys = this.tableData[this.treeCheckIndex].ys
+          if (ys > 0) {
+            // 获取材料明细
+            getClmxList(this.treeCheckId).then(res => {
+              this.previewImg.imgList = res.result ? res.result : [];
+              this.previewImg.index = this.previewImg.imgList.length - 1;
+            })
+          } else {
+            this.previewImg.imgList = [];
+            this.previewImg.index = 0
+          }
+          this.previewImg.bsmSj = this.tableData[this.treeCheckIndex].bsmSj;
+        } else {
+          this.$message.error('没有第一张了');
+        }
+      },
+      /**
+       * @description: 材料目录明细初始化
+       * @param {*} type
+       * @author: renchao
+       */
+      clmlInitList (type) {
+        //type  1：列表初始化  2：新增材料
+        return new Promise((resolve) => {
+          this.unitData = this.$parent.unitData;
+          var formdata = new FormData();
+          formdata.append("bsmSlsq", this.$parent.bsmSlsq);
+          if (this.$route.query.sqywbm == "DJBBL") {
+            formdata.append("bsmSldy", this.$parent.bsmRepair);
+            formdata.append("clfl", 3);
+          } else {
+            formdata.append("bsmSldy", this.$parent.currentSelectProps.bsmSldy);
+            formdata.append("clfl", 2);
+          }
+
+          repairInitClml(formdata).then((res) => {
+            if (res.code == 200) {
+              resolve(res.code);
+              if (res.result && res.result.length > 0) {
+                this.tableData = res.result;
+                if (type == 1) {
+                  this.treeClick(this.tableData[0], 0);
+                } else {
+                  //新增材料后刷新列表焦点置于新增的对象上
+                  this.treeClick(
+                    this.tableData[this.tableData.length - 1],
+                    this.tableData.length - 1
+                  );
+                }
+              }
+            } else {
+              this.$message.error(res.message);
+            }
+          });
+        });
+      },
+      /**
+       * @description: setChecked
+       * @param {*} item
+       * @author: renchao
+       */
+      setChecked (item) {
+        this.treeCheckId = item.bsmSj;
+        this.title = item.sjmc;
+        this.titleYs = 1;
+        this.titleNum = item.children.length;
+        this.previewImg.imgList = item.children;
+        this.previewImg.bsmSj = item.bsmSj;
+      },
+      /**
+       * @description: updateList
+       * @param {*} val
+       * @author: renchao
+       */
+      updateList (val) {
+        let that = this;
+        if (val.children.length != 0) {
+          //删除最后一张图片时 val=null
+          this.tableData.forEach((item) => {
+            if (item.bsmSj === val.bsmSj) {
+              item.ys = val.children.length;
+            }
+          });
+          this.previewImg.imgList = _.cloneDeep(val.children);
+          if (this.previewImg.index == this.previewImg.imgList.length) {
+            this.previewImg.index = this.previewImg.index - 1;
+          }
+          this.key++
+        } else {
+          this.previewImg.imgList = [];
+          this.tableData.forEach((item, index) => {
+            if (this.treeCheckId == item.bsmSj) {
+              item.ys = 0;
+              that.treeCheckIndex = index;
+            }
+          });
+        }
+      },
+      /**
+       * @description: 添加材料目录
+       * @author: renchao
+       */
+      handleAdd () {
+        this.isDialog = true;
+      },
+      /**
+       * @description: 新增弹窗保存
+       * @param {*} data
+       * @author: renchao
+       */
+      addSave (data) {
+        let obj = {
+          bsmSlsq: this.$parent.bsmSlsq,
+          isrequired: "1",
+          sjmc: data.clmc,
+          sjsl: 0,
+          smzt: "",
+          ys: 0,
+          sjlx: data.cllx,
+          sfxjcl: "1", // 是否必选
+          sfggcl: data.sfggcl,
+        };
+        //是否公共材料
+        if (data.sfggcl == "0") {
+          obj["bsmSldy"] = this.$parent.currentSelectProps.bsmSldy;
+        }
+        if (this.$route.query.sqywbm == "DJBBL") {
+          obj.bsmSldy = this.$parent.bsmRepair
+        }
+        saveClml(obj).then(async (res) => {
+          if (res.code == 200) {
+            let res = await this.clmlInitList(2);
+            if (res == 200)
+              this.$message({
+                message: "新增成功",
+                type: "success",
+              });
+          }
+        });
+      },
+      /**
+       * @description: 材料目录点击选中
+       * @param {*} item
+       * @param {*} index
+       * @author: renchao
+       */
+      treeClick (item, index) {
+        this.previewImg.index = 0;
+        this.treeCheckId = item?.bsmSj;
+        this.treeCheckIndex = index;
+        // 获取材料明细
+        getClmxList(item.bsmSj).then(res => {
+          this.previewImg.imgList = res.result ? res.result : [];
+        })
+        this.previewImg.bsmSj = item?.bsmSj;
+      },
+      /**
+       * @description: 小图片点击
+       * @param {*} item
+       * @param {*} index
+       * @author: renchao
+       */
+      imgClick (item, index) {
+        this.showImg = item;
+        this.titleYs = index + 1;
+      },
+      //查看明细
+      viewDetail () {
+        this.$store.dispatch("user/reWorkFresh", false);
+        this.$popupDialog(
+          "申请材料目录",
+          "workflow/components/dialog/clxxDetailDialog",
+          {
+            data: this.tableData,
+            bsmSldy: this.$parent.currentSelectProps.bsmSldy,
+            unitData: this.$parent.unitData,
+            ableOperation: this.$parent.ableOperation,
+            bsmRepair: this.$parent.bsmRepair
+          },
+          "60%",
+          true
+        );
+      },
+      //设置tableData
+      setTableData (tableData) {
+        this.$nextTick((res) => {
+          this.tableData = tableData;
+        })
+      }
+    }
+  };
+</script>
+<style scoped lang="scss">
+  @import "~@/styles/mixin.scss";
+
+  .active {
+    background: $light-blue !important;
+    color: #fff;
+  }
+
+  .required {
+    font-size: 12px;
+    color: $pink;
+    float: left;
+  }
+
+  .cl_number {
+    float: right;
+  }
+
+  .clxx {
+    width: 100%;
+    display: flex;
+    padding-left: 5px;
+    height: calc(100vh - 125px);
+
+    .left {
+      display: flex;
+      flex-direction: column;
+      justify-content: space-between;
+
+      .item {
+        width: 28px;
+        height: 49%;
+        @include flex-center;
+        background-color: #e4e7ed;
+        border-bottom-right-radius: 10px;
+        padding: 5px;
+        cursor: pointer;
+        transition: all 0.3s;
+
+        &:hover {
+          @extend .active;
+        }
+      }
+    }
+
+    .right {
+      width: 100%;
+      height: 100%;
+
+      .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;
+        }
+      }
+
+      .clyl-box {
+        width: 100%;
+        height: 100%;
+        display: flex;
+
+        .menu-tree {
+          width: 20%;
+          min-width: 160px;
+          height: 100%;
+          margin-right: 10px;
+          border-right: 1px dotted #d9d9d9;
+          padding: 0 15px;
+
+          .item {
+            line-height: 30px;
+            padding-top: 5px;
+            border-bottom: 1px solid #e8e8e8;
+            font-size: 16px;
+            text-align: center;
+            color: $light-blue;
+
+            .itemIcon {
+              float: right;
+              line-height: 60px;
+              cursor: pointer;
+            }
+
+            .child {
+              line-height: 32px;
+              border-bottom: 1px solid #e8e8e8;
+              padding-left: 10px;
+              color: #6b6b6b;
+              cursor: pointer;
+              box-sizing: border-box;
+              border-radius: 6px;
+              line-height: 20px;
+              transition: all 0.3s;
+              padding: 8px 0;
+            }
+
+            .child:hover {
+              color: $light-blue;
+              transform: scale(1.1);
+            }
+
+            .checked {
+              border: 1px solid $light-blue;
+              color: $light-blue;
+            }
+          }
+        }
+
+        .clyl-img {
+          width: 75%;
+          height: 100%;
+          background: #f3f4f7;
+          margin: 0 auto;
+          position: relative;
+        }
+      }
+    }
+  }
+</style>

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

 /*
  * @Description:
  * @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;
   switch (tabName) {
     case "zdjbxx":
@@ -46,7 +46,7 @@ export function getForm(tabName) {
     case "yydj":
       form = require("@/views/registerBook/yydj.vue");
       break;
-     //林地使用权
+    //林地使用权
     case "slxxlq":
       form = require("@/views/djbworkflow/djbBook/components/blxxtabs/lq.vue");
       break;
@@ -82,7 +82,7 @@ export function getForm(tabName) {
       form = require("@/views/djbworkflow/djbBook/components/blxxtabs/cfdj.vue");
       break;
     case "clxx":
-      form = require("@/views/workflow/components/clxx/clxxUnify.vue");
+      form = require("@/views/djbworkflow/djbBook/components/clxx/index.vue");
       break;
     case "spyj":
       form = require("@/views/djbworkflow/djbBook/spyj.vue");

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

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-08-14 12:52:54
+ * @LastEditTime: 2023-09-15 09:27:14
 -->
 <template>
   <div class="container">
@@ -53,7 +53,6 @@
               :key="item.value">
             </el-tab-pane>
           </el-tabs>
-
           <component
             :key="fresh"
             :is="componentTag"
@@ -132,7 +131,6 @@
     mounted () {
       // this.getleftMenubl()
     },
-
     methods: {
       /**
        * @description: stepForm
@@ -163,7 +161,6 @@
           });
         }
       },
-      // 获取右侧选项卡
       /**
        * @description: 获取右侧选项卡
        * @param {*} val
@@ -185,7 +182,6 @@
           this.stepForm(this.currentSelectProps.qllx);
         }
       },
-      // 获取渲染登记簿列表
       /**
        * @description: 获取渲染登记簿列表
        * @author: renchao
@@ -218,7 +214,6 @@
           }
         });
       },
-      //选项卡切换事件
       /**
        * @description: 右侧表单选项卡事件
        * @param {*} handleClick
@@ -233,7 +228,6 @@
         }
 
       },
-      //右侧表单选项卡事件
       /**
        * @description: 右侧表单选项卡事件
        * @param {*} activeName
@@ -243,7 +237,6 @@
       beforeLeave (activeName) {
         if (activeName && activeName != 0) this.getFromRouter(activeName);
       },
-      //切换选项卡内容组件
       /**
        * @description: 切换选项卡内容组件
        * @param {*} tabname
@@ -255,7 +248,6 @@
       changeywh () {
         this.$refs.Menu.getleftMenubl("change");
       },
-      // 增加补录记录
       /**
        * @description: 增加补录记录
        * @param {*} row
@@ -300,21 +292,9 @@
           .catch((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>
 <style scoped lang="scss">
   .rightContainer {

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

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

@@ -4,22 +4,22 @@
       <!-- 纵向倒序排列 逻辑幢位于独立幢单元和独立层户的上方 -->
       <div class="ch-zdy-wrap">
         <!-- 幢单元 -->
-        <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>
       <!-- 逻辑幢 -->
       <ljzs-cpn v-if="lpbData.ljzs.length" :ljzs="lpbData.ljzs" :onlyShow="onlyShow"/>
     </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)">{{
         lpbData.xmmc
       }}</el-checkbox>
     </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
       v-show="lpbChVisible"
@@ -70,6 +70,10 @@ export default {
       type: Boolean,
       default: true,
     },
+    showSave:{
+      type: Boolean,
+      default: false,
+    },
     scyclx: {
       type: Number,
       default: 0,
@@ -278,8 +282,8 @@ export default {
   },
   computed:{
     lpbContentHeight(){
-      // return this.onlyShow ? 36 : 76
-      return 76
+      return this.onlyShow ? 32 : 76
+      // return 76
     }
   },
   watch: {

@@ -2,7 +2,7 @@
  * @Author: yangwei
  * @Date: 2023-02-28 17:25:45
  * @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
  * @Description: 
  * 
@@ -26,7 +26,7 @@
               }}</el-checkbox>
             </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"/>
           </div>
@@ -40,13 +40,14 @@
         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)">{{
             ljzarr[0].ljzmc
           }}</el-checkbox>
         </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"/>
       </div>

@@ -2,7 +2,7 @@
  * @Author: yangwei
  * @Date: 2023-02-28 16:29:04
  * @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
  * @Description:
  *
@@ -13,12 +13,13 @@
     <div v-for="zdy in realZdys" :key="zdy.bsm">
       <!-- 幢单元名称 -->
       <p class="lpb-xmmc">
-        <el-checkbox @change="zdySelectAll($event,zdy.bsm)">{{
+        <el-checkbox @change="zdySelectAll($event,zdy.bsm)" v-if="!onlyShow">{{
           zdy.zdymc
         }}</el-checkbox>
+        <span v-else>{{zdy.zdymc}}</span>
       </p>
       <!-- 每个幢单元下的层户 -->
-      <ch-cpn :ref="zdy.bsm" :ch="zdy.cs" />
+      <ch-cpn :ref="zdy.bsm" :ch="zdy.cs" :onlyShow="onlyShow"/>
     </div>
   </div>
 </template>

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-08-23 15:54:12
+ * @LastEditTime: 2023-09-18 13:45:50
 -->
 <template>
   <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>
 </template>
 
 <script>
-import printTemplate from "./components/printTemplate.vue";
-import { datas } from "./qlxxFormData.js";
-import { getSjlx } from "@/utils/dictionary.js";
-import { getCfdjList } from "@/api/djbDetail.js";
-export default {
-  components: {
-    printTemplate,
-  },
-  data() {
-    return {
-      printObj: {
-        id: "box",
-        //其他配置项，
-      },
-      shows:false,
-      title: "查封登记信息",
-      qsztList: datas.columns().qsztList,
-      checkList: datas.columns().checkList,
-      //传递参数
-      propsParam: this.$attrs,
-      //列表数据
-      tableData: [],
-      //空列值个数
-      emptycolNum: datas.columns().emptycolNum,
-      //列名称对象
-      columns: datas.columns().CFDJ,
-      render: false,
-    };
-  },
-  created() {
-    this.loadData();
-  },
-  methods: {
-       /**
-     * @description: openPrint
-     * @author: miaofang
-     */
-    openPrint() {
-      this.render = true;
-      setTimeout(() => {
-        this.prinsss();
-      }, 100);
+  import djbDetail from "./components/djbDetail.vue"
+  import { datas } from "./qlxxFormData.js";
+  import { getSjlx } from "@/utils/dictionary.js";
+  import { getCfdjList } from "@/api/djbDetail.js";
+  export default {
+    components: {
+      djbDetail
     },
-    /**
-     * @description: prinsss
-     * @author: miaofang
-     */
-    prinsss() {
-      printJS({
-        printable: "boxcfdj", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
-        type: "html",
-        maxWidth: 800, // 最大宽度
-        font_size: "", // 不设置则使用默认字体大小
-        style: `@font-face {
-          font-family: "STZHONGS";
-          src: url(${window.ttf}) format("truetype");
-        }`,
-        // 继承原来的所有样式
-        targetStyles: ["*"],
-      });
-      this.render=false
+    data () {
+      return {
+        shows: false,
+        title: "查封登记信息",
+        //传递参数
+        propsParam: this.$attrs,
+        //列表数据
+        tableData: [],
+        //列名称对象
+        columns: datas.columns().CFDJ,
+        render: false,
+      };
     },
-    /**
-     * @description: loadData
-     * @author: renchao
-     */
-    loadData() {
-      if (this.$parent.addRepairRecord) {
-        this.columns.unshift({ prop: "cz", label: "操作" });
-      }
-      getCfdjList({
-        bdcdyid: this.propsParam.bdcdyid,
-        qllx: this.propsParam.qllx,
-        qszt: this.checkList,
-      }).then((res) => {
-        if (res.code === 200) {
-          this.tableData = res.result;
-          this.shows=this.tableData.length>0
-          this.tableData.forEach((item) => {
-            item.sjlx = getSjlx(item.sjlx);
-          });
-          this.tableData.forEach((item, index) => {
-            if (item.sfbxf == "1") {
-              item.zxywh = "";
-              item.zxdbr = "";
-              item.zxsj = "";
-            }
-          });
-          if (this.tableData.length < datas.columns().emptycolNum) {
-            this.emptycolNum =
-              datas.columns().emptycolNum - this.tableData.length;
-          } else {
-            this.emptycolNum = 0;
-          }
-        }
-      });
-    },
-    /**
-     * @description: checkChange
-     * @author: renchao
-     */
-    checkChange() {
-      if (this.checkList.length === 0) {
-        this.tableData = [];
-        this.emptycolNum = datas.columns().emptycolNum;
-      } else {
-        this.loadData();
-      }
+    created () {
+      this.loadData();
     },
-    /**
-     * @description: getQsztName
-     * @author: renchao
-     */
-    getQsztName(code) {
-      let name = "";
-      for (let item of this.qsztList) {
-        if (item.value == code) {
-          name = item.label;
-          break;
+    methods: {
+      /**
+       * @description: loadData
+       * @author: renchao
+       */
+      loadData () {
+        if (this.$parent.addRepairRecord) {
+          this.columns.unshift({ prop: "cz", label: "操作" });
         }
-      }
-      return name;
-    },
-    // 新增一条补录信息
-    /**
-     * @description: 新增一条补录信息
-     * @param {*} row
-     * @param {*} del
-     * @author: renchao
-     */
-    editDialog(row, del) {
-      this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning",
-      })
-        .then(() => {
-          this.$parent.addRepairRecord(row, del);
-
-          this.$message({
-            type: "success",
-            message: "补录成功!",
-          });
+        getCfdjList({
+          bdcdyid: this.propsParam.bdcdyid,
+          qllx: this.propsParam.qllx,
+          qszt: this.checkList,
+        }).then((res) => {
+          if (res.code === 200) {
+            this.tableData = res.result;
+            this.shows = this.tableData.length > 0
+            this.tableData.forEach((item) => {
+              item.sjlx = getSjlx(item.sjlx);
+            });
+            this.tableData.forEach((item, index) => {
+              if (item.sfbxf == "1") {
+                item.zxywh = "";
+                item.zxdbr = "";
+                item.zxsj = "";
+              }
+            });
+            if (this.tableData.length < datas.columns().emptycolNum) {
+              this.emptycolNum =
+                datas.columns().emptycolNum - this.tableData.length;
+            } else {
+              this.emptycolNum = 0;
+            }
+          }
         })
-        .catch(() => {
-          this.$message({
-            type: "info",
-            message: "取消编辑",
-          });
-        });
-    },
-  },
-};
+      }
+    }
+  }
 </script>
 
 <style lang="scss" scoped>
-@import "./qlxxCommon.scss";
-.title {
-  position: relative;
-  .print {
-    // background-color: #0079fe;
-    z-index: 10;
-    position: absolute;
-    left: 11px;
-    top: 5px;
+  @import "./qlxxCommon.scss";
+  .title {
+    position: relative;
+    .print {
+      // background-color: #0079fe;
+      z-index: 10;
+      position: absolute;
+      left: 11px;
+      top: 5px;
+    }
   }
-}
 </style>

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

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-08-23 15:54:12
+ * @LastEditTime: 2023-09-18 13:14:31
 -->
 <template>
   <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>
 </template>
 
 <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: {
-    printTemplate,
-  },
-  data() {
-    return {
-      printObj: {
-        id: "box",
-        //其他配置项，
-      },
-      shows:false,
-      title: "抵押权登记信息",
-      qsztList: datas.columns().qsztList,
-      checkList: datas.columns().checkList,
-      //传递参数
-      propsParam: this.$attrs,
-      //列表数据
-      tableData: [],
-      //空列值个数
-      emptycolNum: datas.columns().emptycolNum,
-      //列名称对象
-      columns: datas.columns().DYAQ,
-      render: false,
-    };
-  },
-  created() {
-    this.loadData();
-  },
-  methods: {
-       /**
-     * @description: openPrint
-     * @author: miaofang
-     */
-    openPrint() {
-      this.render = true;
-      setTimeout(() => {
-        this.prinsss();
-      }, 100);
-    },
-    /**
-     * @description: prinsss
-     * @author: miaofang
-     */
-    prinsss() {
-      printJS({
-        printable: "boxdiyaq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
-        type: "html",
-        maxWidth: 800, // 最大宽度
-        font_size: "", // 不设置则使用默认字体大小
-        style: `@font-face {
-          font-family: "STZHONGS";
-          src: url(${window.ttf}) format("truetype");
-        }`,
-        // 继承原来的所有样式
-        targetStyles: ["*"],
-      });
-      this.render=false
+      djbDetail
     },
-    /**
-     * @description: loadData
-     * @author: renchao
-     */
-    loadData() {
-      if (this.$parent.addRepairRecord) {
-        this.columns.unshift({ prop: "cz", label: "操作" });
-      }
-      getDiyaqList({
-        bdcdyid: this.propsParam.bdcdyid,
-        qllx: this.propsParam.qllx,
-        qszt: this.checkList,
-      }).then((res) => {
-        if (res.code === 200) {
-          this.tableData = res.result;
-          this.shows=this.tableData.length>0
-          this.tableData.forEach((item) => {
-            item.sjlx = getSjlx(item.sjlx);
-            item.dybdclx = getDictLeabel(item.dybdclx, "A27");
-          });
-          if (this.tableData.length < datas.columns().emptycolNum) {
-            this.emptycolNum =
-              datas.columns().emptycolNum - this.tableData.length;
-          } else {
-            this.emptycolNum = 0;
-          }
-        }
-      });
+    data () {
+      return {
+        shows: false,
+        title: "抵押权登记信息",
+        //传递参数
+        propsParam: this.$attrs,
+        //列表数据
+        tableData: [],
+        //列名称对象
+        columns: datas.columns().DYAQ,
+        render: false,
+      };
     },
-    /**
-     * @description: checkChange
-     * @author: renchao
-     */
-    checkChange() {
-      if (this.checkList.length === 0) {
-        this.tableData = [];
-        this.emptycolNum = datas.columns().emptycolNum;
-      } else {
-        this.loadData();
-      }
+    created () {
+      this.loadData();
     },
-    /**
-     * @description: getQsztName
-     * @param {*} code
-     * @author: renchao
-     */
-    getQsztName(code) {
-      let name = "";
-      for (let item of this.qsztList) {
-        if (item.value == code) {
-          name = item.label;
-          break;
+    methods: {
+      /**
+       * @description: loadData
+       * @author: renchao
+       */
+      loadData () {
+        if (this.$parent.addRepairRecord) {
+          this.columns.unshift({ prop: "cz", label: "操作" });
         }
-      }
-      return name;
-    },
-    // 新增一条补录信息
-    /**
-     * @description: 新增一条补录信息
-     * @param {*} row
-     * @param {*} del
-     * @author: renchao
-     */
-    editDialog(row, del) {
-      this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning",
-      })
-        .then(() => {
-          this.$parent.addRepairRecord(row, del);
-          this.$message({
-            type: "success",
-            message: "补录成功!",
-          });
+        getDiyaqList({
+          bdcdyid: this.propsParam.bdcdyid,
+          qllx: this.propsParam.qllx,
+          qszt: this.checkList,
+        }).then((res) => {
+          if (res.code === 200) {
+            this.tableData = res.result;
+            this.shows = this.tableData.length > 0
+            this.tableData.forEach((item) => {
+              item.sjlx = getSjlx(item.sjlx);
+              item.dybdclx = getDictLeabel(item.dybdclx, "A27");
+            });
+            if (this.tableData.length < datas.columns().emptycolNum) {
+              this.emptycolNum =
+                datas.columns().emptycolNum - this.tableData.length;
+            } else {
+              this.emptycolNum = 0;
+            }
+          }
         })
-        .catch(() => {
-          this.$message({
-            type: "info",
-            message: "取消编辑",
-          });
-        });
-    },
-  },
-};
+      }
+    }
+  }
 </script>
-
 <style lang="scss" scoped>
-@import "./qlxxCommon.scss";
-.title {
-  position: relative;
-  .print {
-    // background-color: #0079fe;
-    z-index: 10;
-    position: absolute;
-    left: 11px;
-    top: 5px;
+  @import "./qlxxCommon.scss";
+  .title {
+    position: relative;
+    .print {
+      z-index: 10;
+      position: absolute;
+      left: 11px;
+      top: 5px;
+    }
   }
-}
 </style>

 <!--
  * @Description:
  * @Autor: miaofang
- * @LastEditTime: 2023-08-23 15:54:12
+ * @LastEditTime: 2023-09-18 13:41:23
 -->
 <template>
   <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>
 </template>
 
 <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: {
-    printTemplate,
-  },
-  data() {
-    return {
-      printObj: {
-        id: "box",
-        //其他配置项，
-      },
-      shows:false,
-      title: "地役权登记信息",
-      qsztList: datas.columns().qsztList,
-      checkList: datas.columns().checkList,
-      //传递参数
-      propsParam: this.$attrs,
-      //列表数据
-      tableData: [],
-      //空列值个数
-      emptycolNum: datas.columns().emptycolNum,
-      //列名称对象
-      columns: datas.columns().DYIQ,
-      render: false,
-    };
-  },
-  created() {
-    this.loadData();
-  },
-  methods: {   /**
-     * @description: openPrint
-     * @author: miaofang
-     */
-    openPrint() {
-      this.render = true;
-      setTimeout(() => {
-        this.prinsss();
-      }, 100);
-    },
-    /**
-     * @description: prinsss
-     * @author: miaofang
-     */
-    prinsss() {
-      printJS({
-        printable: "boxdiyiq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
-        type: "html",
-        maxWidth: 800, // 最大宽度
-        font_size: "", // 不设置则使用默认字体大小
-        style: `@font-face {
-          font-family: "STZHONGS";
-          src: url(${window.ttf}) format("truetype");
-        }`,
-        // 继承原来的所有样式
-        targetStyles: ["*"],
-      });
-      this.render=false
+      djbDetail
     },
-    /**
-     * @description: loadData
-     * @author: miaofang
-     */
-    loadData() {
-      if (this.$parent.addRepairRecord) {
-        this.columns.unshift({ prop: "cz", label: "操作" });
-      }
-      getDiyiqList({
-        bdcdyid: this.propsParam.bdcdyid,
-        qllx: this.propsParam.qllx,
-        qszt: this.checkList,
-      }).then((res) => {
-        if (res.code === 200) {
-          this.tableData = res.result;
-          this.shows=this.tableData.length>0
-          this.tableData.forEach((item) => {
-            item.sjlx = getSjlx(item.sjlx);
-            item.dybdclx = getDictLeabel(item.dybdclx, "A27");
-          });
-          if (this.tableData.length < datas.columns().emptycolNum) {
-            this.emptycolNum =
-              datas.columns().emptycolNum - this.tableData.length;
-          } else {
-            this.emptycolNum = 0;
-          }
-        }
-      });
+    data () {
+      return {
+        shows: false,
+        title: "地役权登记信息",
+        //传递参数
+        propsParam: this.$attrs,
+        //列表数据
+        tableData: [],
+        //列名称对象
+        columns: datas.columns().DYIQ,
+        render: false,
+      };
     },
-    /**
-     * @description: checkChange
-     * @author: miaofang
-     */
-    checkChange() {
-      if (this.checkList.length === 0) {
-        this.tableData = [];
-        this.emptycolNum = datas.columns().emptycolNum;
-      } else {
-        this.loadData();
-      }
+    created () {
+      this.loadData();
     },
-    /**
-     * @description: getQsztName
-     * @param {*} code
-     * @author: miaofang
-     */
-    getQsztName(code) {
-      let name = "";
-      for (let item of this.qsztList) {
-        if (item.value == code) {
-          name = item.label;
-          break;
+    methods: {
+      loadData () {
+        if (this.$parent.addRepairRecord) {
+          this.columns.unshift({ prop: "cz", label: "操作" });
         }
-      }
-      return name;
-    },
-    // 新增一条补录信息
-    /**
-     * @description: 新增一条补录信息
-     * @param {*} row
-     * @param {*} del
-     * @author: miaofang
-     */
-    editDialog(row, del) {
-      this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning",
-      })
-        .then(() => {
-          this.$parent.addRepairRecord(row, del);
-
-          this.$message({
-            type: "success",
-            message: "补录成功!",
-          });
+        getDiyiqList({
+          bdcdyid: this.propsParam.bdcdyid,
+          qllx: this.propsParam.qllx,
+          qszt: this.checkList,
+        }).then((res) => {
+          if (res.code === 200) {
+            this.tableData = res.result;
+            this.shows = this.tableData.length > 0
+            this.tableData.forEach((item) => {
+              item.sjlx = getSjlx(item.sjlx);
+              item.dybdclx = getDictLeabel(item.dybdclx, "A27");
+            });
+            if (this.tableData.length < datas.columns().emptycolNum) {
+              this.emptycolNum =
+                datas.columns().emptycolNum - this.tableData.length;
+            } else {
+              this.emptycolNum = 0;
+            }
+          }
         })
-        .catch(() => {
-          this.$message({
-            type: "info",
-            message: "取消编辑",
-          });
-        });
-    },
-  },
-};
+      }
+    }
+  };
 </script>
 
 <style lang="scss" scoped>
-@import "./qlxxCommon.scss";
-.title {
-  position: relative;
-  .print {
-    // background-color: #0079fe;
-    z-index: 10;
-    position: absolute;
-    left: 11px;
-    top: 5px;
+  @import "./qlxxCommon.scss";
+  .title {
+    position: relative;
+    .print {
+      // background-color: #0079fe;
+      z-index: 10;
+      position: absolute;
+      left: 11px;
+      top: 5px;
+    }
   }
-}
 </style>

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

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

 <!--
  * @Description:
  * @Autor: miaofang
- * @LastEditTime: 2023-08-23 15:54:12
+ * @LastEditTime: 2023-09-18 14:48:07
 -->
 <template>
   <div class="djxxTable">
     <div v-show="false">
       <printTemplate
         id="boxfdcq"
-       :tableData="tableData" :render="render"/>
+        :tableData="tableData" :render="render" />
     </div>
     <div class="tableBox">
       <div class="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">
           <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
-            >
+              :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"
             :class="judge(item.label) ? 'cols' : ''"
-            :key="colindex"
-          >
+            :key="colindex">
             <td>
               {{ item.label }}
             </td>
@@ -50,24 +44,18 @@
                 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 != '系统数据'"
-              >
+                v-if="item.prop == 'cz' && row.sjlx != '系统数据'">
                 <el-button
                   type="text"
                   icon="el-icon-edit-outline"
-                  @click="editDialog(row)"
-                  >编辑</el-button
-                >
+                  @click="editDialog(row)">编辑</el-button>
                 <el-button
                   type="text"
                   icon="el-icon-edit-outline"
-                  @click="editDialog(row, 'D')"
-                  >删除</el-button
-                >
+                  @click="editDialog(row, 'D')">删除</el-button>
               </div>
               <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'">
                 有效
@@ -84,14 +72,15 @@
               <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>
               <el-tooltip
                 v-if="['djyy', 'fj'].includes(item.prop)"
                 effect="dark"
                 :content="row[item.prop]"
                 placement="top"
-                popper-class="tooltip-width"
-              >
+                popper-class="tooltip-width">
                 <span class="ellipsis-line">
                   {{ row[item.prop] }}
                 </span>
@@ -99,19 +88,18 @@
 
               <span
                 v-if="
+                  item.prop !== 'ywh' &&
                   item.prop !== 'qszt' &&
                   item.prop !== 'djyy' &&
                   item.prop !== 'fj' &&
                   !judge(item.label)
-                "
-              >
+                ">
                 {{ row[item.prop] }}
               </span>
               <div class="many" v-if="judge(item.label)">
                 <div
                   v-for="(label, index) in row.djQlxxFdcqxmDoList"
-                  :key="index"
-                >
+                  :key="index">
                   {{ label[item.prop] }}
                 </div>
               </div>
@@ -125,203 +113,228 @@
 </template>
 
 <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 {
-  components: {
-    printTemplate,
-  },
-  data() {
-    return {
-      printObj: {
-        id: "box",
-        //其他配置项，
-      },
-      shows: false,
-      title: "房地产权登记信息（多幢）",
-      qsztList: datas.columns().qsztList,
-      checkList: datas.columns().checkList,
-      //传递参数
-      propsParam: this.$attrs,
-      //列表数据
-      tableData: [],
-      // 异步传值
-      datalist: [],
-      //空列值个数
-      emptycolNum: datas.columns().emptycolNum,
-      //列名称对象
-      columns: datas.columns().FDCQ1,
-      render: false,
-    };
-  },
-  created() {
-    this.loadData();
-  },
-  methods: {
-        /**
-     * @description: openPrint
-     * @author: miaofang
-     */
-    openPrint() {
-      this.render = true;
-      setTimeout(() => {
-        this.prinsss();
-      }, 100);
+  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: {
+      printTemplate,
+    },
+    data () {
+      return {
+        printObj: {
+          id: "box",
+          //其他配置项，
+        },
+        shows: false,
+        title: "房地产权登记信息（多幢）",
+        qsztList: datas.columns().qsztList,
+        checkList: datas.columns().checkList,
+        //传递参数
+        propsParam: this.$attrs,
+        //列表数据
+        tableData: [],
+        // 异步传值
+        datalist: [],
+        //空列值个数
+        emptycolNum: datas.columns().emptycolNum,
+        //列名称对象
+        columns: datas.columns().FDCQ1,
+        render: false,
+      };
     },
-    /**
-     * @description: prinsss
-     * @author: miaofang
-     */
-    prinsss() {
-      printJS({
-        printable: "boxfdcq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
-        type: "html",
-        maxWidth: 800, // 最大宽度
-        font_size: "", // 不设置则使用默认字体大小
-        style: `@font-face {
+    created () {
+      this.loadData();
+    },
+    methods: {
+      /**
+   * @description: openPrint
+   * @author: miaofang
+   */
+      openPrint () {
+        this.render = true;
+        setTimeout(() => {
+          this.prinsss();
+        }, 100);
+      },
+      /**
+       * @description: prinsss
+       * @author: miaofang
+       */
+      prinsss () {
+        printJS({
+          printable: "boxfdcq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
+          type: "html",
+          maxWidth: 800, // 最大宽度
+          font_size: "", // 不设置则使用默认字体大小
+          style: `@font-face {
           font-family: "STZHONGS";
           src: url(${window.ttf}) format("truetype");
         }`,
-        // 继承原来的所有样式
-        targetStyles: ["*"],
-      });
-      this.render=false
-    },
-    /**
-     * @description: loadData
-     * @author: miaofang
-     */
-    loadData() {
-      if (this.$parent.addRepairRecord) {
-        this.columns.unshift({ prop: "cz", label: "操作" });
-      }
-      getFdcq1List({
-        bdcdyid: this.propsParam.bdcdyid,
-        qllx: this.propsParam.qllx,
-        qszt: this.checkList,
-      }).then((res) => {
-        if (res.code === 200) {
-          this.tableData = res.result;
-          this.shows = this.tableData.length > 0;
-          this.tableData.forEach((item) => {
-            item.sjlx = getSjlx(item.sjlx);
-          });
-          if (this.tableData.length < datas.columns().emptycolNum) {
-            this.emptycolNum =
-              datas.columns().emptycolNum - this.tableData.length;
-          } else {
-            this.emptycolNum = 0;
+          // 继承原来的所有样式
+          targetStyles: ["*"],
+        });
+        this.render = false
+      },
+      /**
+       * @description: loadData
+       * @author: miaofang
+       */
+      loadData () {
+        if (this.$parent.addRepairRecord) {
+          this.columns.unshift({ prop: "cz", label: "操作" });
+        }
+        getFdcq1List({
+          bdcdyid: this.propsParam.bdcdyid,
+          qllx: this.propsParam.qllx,
+          qszt: this.checkList,
+        }).then((res) => {
+          if (res.code === 200) {
+            this.tableData = res.result;
+            this.shows = this.tableData.length > 0;
+            this.tableData.forEach((item) => {
+              item.sjlx = getSjlx(item.sjlx);
+            });
+            if (this.tableData.length < datas.columns().emptycolNum) {
+              this.emptycolNum =
+                datas.columns().emptycolNum - this.tableData.length;
+            } else {
+              this.emptycolNum = 0;
+            }
           }
+        });
+      },
+      /**
+       * @description: checkChange
+       * @author: miaofang
+       */
+      checkChange () {
+        if (this.checkList.length === 0) {
+          this.tableData = [];
+          this.emptycolNum = datas.columns().emptycolNum;
+        } else {
+          this.loadData();
         }
-      });
-    },
-    /**
-     * @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;
+      },
+      /**
+       * @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: judge
-     * @param {*} lable
-     * @author: miaofang
-     */
-    judge(label) {
-      if (
-        "项目名称幢号总层数规划用途用途名称批准用途实际用途房屋结构房屋结构名称建筑面积竣工时间总套数".indexOf(
-          label
-        ) > -1
-      ) {
-        return true;
-      } else {
-        return false;
-      }
-    },
-    // 新增一条补录信息
-    /**
-     * @description: 新增一条补录信息
-     * @param {*} row
-     * @param {*} del
-     * @author: miaofang
-     */
-    editDialog(row, del) {
-      this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning",
-      })
-        .then(() => {
-          this.$parent.addRepairRecord(row, del);
+        return name;
+      },
+      /**
+       * @description: judge
+       * @param {*} lable
+       * @author: miaofang
+       */
+      judge (label) {
+        if (
+          "项目名称幢号总层数规划用途用途名称批准用途实际用途房屋结构房屋结构名称建筑面积竣工时间总套数".indexOf(
+            label
+          ) > -1
+        ) {
+          return true;
+        } else {
+          return false;
+        }
+      },
+      /**
+       * @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: "补录成功!",
+            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
+          }
         })
-        .catch(() => {
-          this.$message({
-            type: "info",
-            message: "取消编辑",
-          });
-        });
-    },
-  },
-};
+        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";
-.cols {
-  td {
-    .many {
-      width: 100%;
-      height: 100%;
-      display: flex;
-      flex-direction: row;
-      div {
-        flex: 1;
-        border-right: 2px solid #e3e2e2;
-        line-height: 40px;
-        overflow: unset;
-      }
-      div:last-child {
-        border: 0;
+  @import "./qlxxCommon.scss";
+  .cols {
+    td {
+      .many {
+        width: 100%;
+        height: 100%;
+        display: flex;
+        flex-direction: row;
+        div {
+          flex: 1;
+          border-right: 2px solid #e3e2e2;
+          line-height: 40px;
+          overflow: unset;
+        }
+        div:last-child {
+          border: 0;
+        }
       }
     }
   }
-}
-.title {
-  position: relative;
-  .print {
-    // background-color: #0079fe;
-    z-index: 10;
-    position: absolute;
-    left: 11px;
-    top: 5px;
+  .title {
+    position: relative;
+    .print {
+      // background-color: #0079fe;
+      z-index: 10;
+      position: absolute;
+      left: 11px;
+      top: 5px;
+    }
   }
-}
 </style>

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

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

 <!--
  * @Description:
  * @Autor: miaofang
- * @LastEditTime: 2023-08-23 15:54:12
+ * @LastEditTime: 2023-09-18 13:44:04
 -->
 <template>
   <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>
 </template>
 
 <script>
-import { datas } from "./qlxxFormData.js";
-import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
-import { getLqList } from "@/api/djbDetail.js";
-import printTemplate from "./components/printTemplate.vue";
-export default {
-  components: {
-    printTemplate,
-  },
-  data() {
-    return {
-      printObj: {
-        id: "box",
-        //其他配置项，
-      },
-      shows: false,
-      title: "林权登记信息",
-      qsztList: datas.columns().qsztList,
-      checkList: datas.columns().checkList,
-      //传递参数
-      propsParam: this.$attrs,
-      //列表数据
-      tableData: [],
-      //空列值个数
-      emptycolNum: datas.columns().emptycolNum,
-      //列名称对象
-      columns: datas.columns().LDSYQ,
-      render: false,
-    };
-  },
-  created() {
-    this.loadData();
-  },
-  methods: {
-    /**
-     * @description: openPrint
-     * @author: miaofang
-     */
-    openPrint() {
-      this.render = true;
-      setTimeout(() => {
-        this.prinsss();
-      }, 100);
-    },
-    /**
-     * @description: prinsss
-     * @author: miaofang
-     */
-    prinsss() {
-      printJS({
-        printable: "boxldsyq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
-        type: "html",
-        maxWidth: 800, // 最大宽度
-        font_size: "", // 不设置则使用默认字体大小
-        style: `@font-face {
-          font-family: "STZHONGS";
-          src: url(${window.ttf}) format("truetype");
-        }`,
-        // 继承原来的所有样式
-        targetStyles: ["*"],
-      });
-      this.render=false
+  import { datas } from "./qlxxFormData.js";
+  import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
+  import { getLqList } from "@/api/djbDetail.js";
+  import djbDetail from "./components/djbDetail.vue"
+  export default {
+    components: {
+      djbDetail,
     },
-    /**
-     * @description: loadData
-     * @author: miaofang
-     */
-    loadData() {
-      if (this.$parent.addRepairRecord) {
-        this.columns.unshift({
-          prop: "cz",
-          label: "操作",
-        });
-      }
-      getLqList({
-        bdcdyid: this.propsParam.bdcdyid,
-        qllx: this.propsParam.qllx,
-        qszt: this.checkList,
-      }).then((res) => {
-        if (res.code === 200) {
-          this.tableData = res.result;
-          this.shows = this.tableData.length > 0;
-          this.tableData.forEach((item) => {
-            item.sjlx = getSjlx(item.sjlx);
-            item.ldsyqxz = getDictLeabel(item.ldsyqxz, "A45");
-            item.lz = getDictLeabel(item.lz, "A26");
-            item.qy = getDictLeabel(item.qy, "A52");
-          });
-          if (this.tableData.length < datas.columns().emptycolNum) {
-            this.emptycolNum =
-              datas.columns().emptycolNum - this.tableData.length;
-          } else {
-            this.emptycolNum = 0;
-          }
-        }
-      });
+    data () {
+      return {
+        printObj: {
+          id: "box",
+          //其他配置项，
+        },
+        shows: false,
+        title: "林权登记信息",
+        //传递参数
+        propsParam: this.$attrs,
+        //列表数据
+        tableData: [],
+        //列名称对象
+        columns: datas.columns().LDSYQ,
+        render: false,
+      };
     },
-    /**
-     * @description: checkChange
-     * @author: miaofang
-     */
-    checkChange() {
-      if (this.checkList.length === 0) {
-        this.tableData = [];
-        this.emptycolNum = datas.columns().emptycolNum;
-      } else {
-        this.loadData();
-      }
+    created () {
+      this.loadData();
     },
-    /**
-     * @description: getQsztName
-     * @param {*} code
-     * @author: miaofang
-     */
-    getQsztName(code) {
-      let name = "";
-      for (let item of this.qsztList) {
-        if (item.value == code) {
-          name = item.label;
-          break;
-        }
-      }
-      return name;
-    },
-    // 新增一条补录信息
-    /**
-     * @description: 新增一条补录信息
-     * @param {*} row
-     * @param {*} del
-     * @author: miaofang
-     */
-    editDialog(row, del) {
-      this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning",
-      })
-        .then(() => {
-          this.$parent.addRepairRecord(row, del);
-
-          this.$message({
-            type: "success",
-            message: "补录成功!",
-          });
-        })
-        .catch(() => {
-          this.$message({
-            type: "info",
-            message: "取消编辑",
+    methods: {
+      loadData () {
+        if (this.$parent.addRepairRecord) {
+          this.columns.unshift({
+            prop: "cz",
+            label: "操作",
           });
+        }
+        getLqList({
+          bdcdyid: this.propsParam.bdcdyid,
+          qllx: this.propsParam.qllx,
+          qszt: this.checkList,
+        }).then((res) => {
+          if (res.code === 200) {
+            this.tableData = res.result;
+            this.shows = this.tableData.length > 0;
+            this.tableData.forEach((item) => {
+              item.sjlx = getSjlx(item.sjlx);
+              item.ldsyqxz = getDictLeabel(item.ldsyqxz, "A45");
+              item.lz = getDictLeabel(item.lz, "A26");
+              item.qy = getDictLeabel(item.qy, "A52");
+            });
+            if (this.tableData.length < datas.columns().emptycolNum) {
+              this.emptycolNum =
+                datas.columns().emptycolNum - this.tableData.length;
+            } else {
+              this.emptycolNum = 0;
+            }
+          }
         });
-    },
-  },
-};
+      }
+    }
+  }
 </script>
 
 <style lang="scss" scoped>
-@import "./qlxxCommon.scss";
-.title {
-  position: relative;
-  .print {
-    // background-color: #0079fe;
-    z-index: 10;
-    position: absolute;
-    left: 11px;
-    top: 5px;
+  @import "./qlxxCommon.scss";
+  .title {
+    position: relative;
+    .print {
+      // background-color: #0079fe;
+      z-index: 10;
+      position: absolute;
+      left: 11px;
+      top: 5px;
+    }
   }
-}
 </style>

 <!--
  * @Description:
  * @Autor: miaofang
- * @LastEditTime: 2023-08-23 15:54:12
+ * @LastEditTime: 2023-09-18 13:44:35
 -->
 <template>
   <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>
 </template>
 
 <script>
-import { datas } from "./qlxxFormData.js";
-import { getSjlx } from "@/utils/dictionary.js";
-import { getNydsyqList } from "@/api/djbDetail.js";
-export default {
-  components: {
-    printTemplate,
-  },
-  data() {
-    return {
-      printObj: {
-        id: "box",
-        //其他配置项，
-      },
-      shows: false,
-      title: "农用地使用权登记信息",
-      qsztList: datas.columns().qsztList,
-      checkList: datas.columns().checkList,
-      //传递参数
-      propsParam: this.$attrs,
-      //列表数据
-      tableData: [],
-      //空列值个数
-      emptycolNum: datas.columns().emptycolNum,
-      //列名称对象
-      columns: datas.columns().NYDSYQ,
-      render: false,
-    };
-  },
-  created() {
-    var qllx = this.$route.query.sqywbm.substr(0, 3);
-    if (qllx == "A09") {
-      this.title = "土地经营权登记信息";
-    } else {
-      this.title = "农用地使用权登记信息";
-    }
-    this.loadData();
-  },
-  methods: {
-    /**
-     * @description: openPrint
-     * @author: miaofang
-     */
-    openPrint() {
-      this.render = true;
-      setTimeout(() => {
-        this.prinsss();
-      }, 100);
+  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: {
+      djbDetail,
     },
-    /**
-     * @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
+    data () {
+      return {
+        printObj: {
+          id: "box",
+          //其他配置项，
+        },
+        shows: false,
+        title: "农用地使用权登记信息",
+        //传递参数
+        propsParam: this.$attrs,
+        //列表数据
+        tableData: [],
+        //列名称对象
+        columns: datas.columns().NYDSYQ,
+        render: false,
+      };
     },
-    /**
-     * @description: loadData
-     * @author: miaofang
-     */
-    loadData() {
-      if (this.$parent.addRepairRecord) {
-        this.columns.unshift({
-          prop: "cz",
-          label: "操作",
-        });
-      }
-      getNydsyqList({
-        bdcdyid: this.propsParam.bdcdyid,
-        qllx: this.propsParam.qllx,
-        qszt: this.checkList,
-      }).then((res) => {
-        if (res.code === 200) {
-          this.tableData = res.result;
-          this.shows = this.tableData.length > 0;
-          this.tableData.forEach((item) => {
-            item.sjlx = getSjlx(item.sjlx);
-          });
-          if (this.tableData.length < datas.columns().emptycolNum) {
-            this.emptycolNum =
-              datas.columns().emptycolNum - this.tableData.length;
-          } else {
-            this.emptycolNum = 0;
-          }
-        }
-      });
-    },
-    /**
-     * @description: checkChange
-     * @author: miaofang
-     */
-    checkChange() {
-      if (this.checkList.length === 0) {
-        this.tableData = [];
-        this.emptycolNum = datas.columns().emptycolNum;
+    created () {
+      var qllx = this.$route.query.sqywbm.substr(0, 3);
+      if (qllx == "A09") {
+        this.title = "土地经营权登记信息";
       } 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;
-        }
+        this.title = "农用地使用权登记信息";
       }
-      return name;
+      this.loadData();
     },
-    // 新增一条补录信息
-    /**
-     * @description: 新增一条补录信息
-     * @param {*} row
-     * @param {*} del
-     * @author: miaofang
-     */
-    editDialog(row, del) {
-      this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning",
-      })
-        .then(() => {
-          this.$parent.addRepairRecord(row, del);
-
-          this.$message({
-            type: "success",
-            message: "补录成功!",
-          });
-        })
-        .catch(() => {
-          this.$message({
-            type: "info",
-            message: "取消编辑",
+    methods: {
+      loadData () {
+        if (this.$parent.addRepairRecord) {
+          this.columns.unshift({
+            prop: "cz",
+            label: "操作",
           });
+        }
+        getNydsyqList({
+          bdcdyid: this.propsParam.bdcdyid,
+          qllx: this.propsParam.qllx,
+          qszt: this.checkList,
+        }).then((res) => {
+          if (res.code === 200) {
+            this.tableData = res.result;
+            this.shows = this.tableData.length > 0;
+            this.tableData.forEach((item) => {
+              item.sjlx = getSjlx(item.sjlx);
+            });
+            if (this.tableData.length < datas.columns().emptycolNum) {
+              this.emptycolNum =
+                datas.columns().emptycolNum - this.tableData.length;
+            } else {
+              this.emptycolNum = 0;
+            }
+          }
         });
-    },
-  },
-};
+      }
+    }
+  };
 </script>
 
 <style lang="scss" scoped>
-@import "./qlxxCommon.scss";
-.title {
-  position: relative;
-  .print {
-    // background-color: #0079fe;
-    z-index: 10;
-    position: absolute;
-    left: 11px;
-    top: 5px;
+  @import "./qlxxCommon.scss";
+  .title {
+    position: relative;
+    .print {
+      // background-color: #0079fe;
+      z-index: 10;
+      position: absolute;
+      left: 11px;
+      top: 5px;
+    }
   }
-}
 </style>

 <!--
- * @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:
  * @Autor: miaofang
- * @LastEditTime: 2023-08-11 15:33:53
+ * @LastEditTime: 2023-09-18 13:45:03
 -->
 <template>
   <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>
 </template>
 
 <script>
-import { datas } from "./qlxxFormData.js";
-import { getSjlx } from "@/utils/dictionary.js";
-import { getLqList } from "@/api/djbDetail.js";
-import printTemplate from "./components/printTemplate.vue";
-export default {
-  components: {
-    printTemplate,
-  },
-  data() {
-    return {
-      printObj: {
-        id: "box",
-        //其他配置项，
-      },
-      shows: false,
-      title: "林权登记信息",
-      qsztList: datas.columns().qsztList,
-      checkList: datas.columns().checkList,
-      //传递参数
-      propsParam: this.$attrs,
-      //列表数据
-      tableData: [],
-      //空列值个数
-      emptycolNum: datas.columns().emptycolNum,
-      //列名称对象
-      columns: datas.columns().LDSYQ,
-      render: false,
-    };
-  },
-  created() {
-    this.loadData();
-  },
-  methods: {
-    /**
-     * @description: openPrint
-     * @author: miaofang
-     */
-    openPrint() {
-      this.render = true;
-      setTimeout(() => {
-        this.prinsss();
-      }, 100);
-    },
-    /**
-     * @description: prinsss
-     * @author: miaofang
-     */
-    prinsss() {
-      printJS({
-        printable: "boxsllmsyq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
-        type: "html",
-        maxWidth: 800, // 最大宽度
-        font_size: "", // 不设置则使用默认字体大小
-        style: `@font-face {
-          font-family: "STZHONGS";
-          src: url(${window.ttf}) format("truetype");
-        }`,
-        // 继承原来的所有样式
-        targetStyles: ["*"],
-      });
-      this.render=false
-    },
-    /**
-     * @description: loadData
-     * @author: miaofang
-     */
-    loadData() {
-      if (this.$parent.addRepairRecord) {
-        this.columns.unshift({
-          prop: "cz",
-          label: "操作",
-        });
-      }
-      getLqList({
-        bdcdyid: this.propsParam.bdcdyid,
-        qllx: this.propsParam.qllx,
-        qszt: this.checkList,
-      }).then((res) => {
-        if (res.code === 200) {
-          this.tableData = res.result;
-          this.shows = this.tableData.length > 0;
-          this.tableData.forEach((item) => {
-            item.sjlx = getSjlx(item.sjlx);
-          });
-          if (this.tableData.length < datas.columns().emptycolNum) {
-            this.emptycolNum =
-              datas.columns().emptycolNum - this.tableData.length;
-          } else {
-            this.emptycolNum = 0;
-          }
-        }
-      });
+  import { datas } from "./qlxxFormData.js";
+  import { getSjlx } from "@/utils/dictionary.js";
+  import { getLqList } from "@/api/djbDetail.js";
+  import djbDetail from "./components/djbDetail.vue"
+  export default {
+    components: {
+      djbDetail,
     },
-    /**
-     * @description: checkChange
-     * @author: miaofang
-     */
-    checkChange() {
-      if (this.checkList.length === 0) {
-        this.tableData = [];
-        this.emptycolNum = datas.columns().emptycolNum;
-      } else {
-        this.loadData();
-      }
+    data () {
+      return {
+        shows: false,
+        title: "林权登记信息",
+        //传递参数
+        propsParam: this.$attrs,
+        //列表数据
+        tableData: [],
+        //列名称对象
+        columns: datas.columns().LDSYQ,
+        render: false,
+      };
     },
-    /**
-     * @description: getQsztName
-     * @param {*} code
-     * @author: miaofang
-     */
-    getQsztName(code) {
-      let name = "";
-      for (let item of this.qsztList) {
-        if (item.value == code) {
-          name = item.label;
-          break;
-        }
-      }
-      return name;
+    created () {
+      this.loadData();
     },
-    // 新增一条补录信息
-    /**
-     * @description: 新增一条补录信息
-     * @param {*} row
-     * @param {*} del
-     * @author: miaofang
-     */
-    editDialog(row, del) {
-      this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning",
-      })
-        .then(() => {
-          this.$parent.addRepairRecord(row, del);
-
-          this.$message({
-            type: "success",
-            message: "补录成功!",
-          });
-        })
-        .catch(() => {
-          this.$message({
-            type: "info",
-            message: "取消编辑",
+    methods: {
+      loadData () {
+        if (this.$parent.addRepairRecord) {
+          this.columns.unshift({
+            prop: "cz",
+            label: "操作",
           });
+        }
+        getLqList({
+          bdcdyid: this.propsParam.bdcdyid,
+          qllx: this.propsParam.qllx,
+          qszt: this.checkList,
+        }).then((res) => {
+          if (res.code === 200) {
+            this.tableData = res.result;
+            this.shows = this.tableData.length > 0;
+            this.tableData.forEach((item) => {
+              item.sjlx = getSjlx(item.sjlx);
+            });
+            if (this.tableData.length < datas.columns().emptycolNum) {
+              this.emptycolNum =
+                datas.columns().emptycolNum - this.tableData.length;
+            } else {
+              this.emptycolNum = 0;
+            }
+          }
         });
+      }
     },
-  },
-};
+  };
 </script>
 
 <style lang="scss" scoped>
-@import "./qlxxCommon.scss";
-.title {
-  position: relative;
-  .print {
-    // background-color: #0079fe;
-    z-index: 10;
-    position: absolute;
-    left: 11px;
-    top: 5px;
+  @import "./qlxxCommon.scss";
+  .title {
+    position: relative;
+    .print {
+      // background-color: #0079fe;
+      z-index: 10;
+      position: absolute;
+      left: 11px;
+      top: 5px;
+    }
   }
-}
 </style>

 <!--
  * @Description:
  * @Autor: miaofang
- * @LastEditTime: 2023-08-23 15:54:12
+ * @LastEditTime: 2023-09-18 13:06:42
 -->
 <template>
   <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>
 </template>
 
@@ -77,68 +14,42 @@
   import { datas } from "./qlxxFormData.js";
   import { getSjlx } from "@/utils/dictionary.js";
   import { getTdsyqList } from "@/api/djbDetail.js";
-import printTemplate from "./components/printTemplate.vue";
-export default {
-  components: {
-    printTemplate,
-  },
-  data() {
-    return {
-      printObj: {
-        id: "box",
-        //其他配置项，
-      },
-      shows:false,
+  import djbDetail from "./components/djbDetail.vue"
+  export default {
+    components: {
+      djbDetail,
+    },
+    data () {
+      return {
+        printObj: {
+          id: "box",
+          //其他配置项，
+        },
+        shows: false,
         title: "土地所有权信息",
-        qsztList: datas.columns().qsztList,
-        checkList: datas.columns().checkList,
         //传递参数
         propsParam: this.$attrs,
         //列表数据
         tableData: [],
-        //空列值个数
-        emptycolNum: datas.columns().emptycolNum,
         //列名称对象
         columns: datas.columns().TDSYQ,
-      render:false
+        render: false,
       };
     },
     created () {
       this.loadData();
     },
     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
        * @author: miaofang
        */
       loadData () {
-
         if (this.$parent.addRepairRecord) {
           this.columns.unshift({
             prop: "cz",
-            label: "操作"
-          })
+            label: "操作",
+          });
         }
         getTdsyqList({
           bdcdyid: this.propsParam.bdcdyid,
@@ -147,10 +58,10 @@ export default {
         }).then((res) => {
           if (res.code === 200) {
             this.tableData = res.result;
-          this.shows=this.tableData.length>0
-            this.tableData.forEach(item => {
-              item.sjlx = getSjlx(item.sjlx)
-            })
+            this.shows = this.tableData.length > 0;
+            this.tableData.forEach((item) => {
+              item.sjlx = getSjlx(item.sjlx);
+            });
             if (this.tableData.length < datas.columns().emptycolNum) {
               this.emptycolNum =
                 datas.columns().emptycolNum - this.tableData.length;
@@ -158,76 +69,22 @@ export default {
               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>
 
 <style lang="scss" scoped>
   @import "./qlxxCommon.scss";
   .title {
-  position: relative;
-  .print {
-    // background-color: #0079fe;
-    z-index: 10;
-    position: absolute;
-    left: 11px;
-    top: 5px;
+    position: relative;
+    .print {
+      // background-color: #0079fe;
+      z-index: 10;
+      position: absolute;
+      left: 11px;
+      top: 5px;
+    }
   }
-}
 </style>

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

 <!--
  * @Description:
  * @Autor: miaofang
- * @LastEditTime: 2023-08-23 15:54:12
+ * @LastEditTime: 2023-09-18 13:46:21
 -->
 <template>
   <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>
 </template>
 
 <script>
-import { datas } from "./qlxxFormData.js";
-import { getYydjList } from "@/api/djbDetail.js";
-import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
-import printTemplate from "./components/printTemplate.vue";
-export default {
-  components: {
-    printTemplate,
-  },
-  data() {
-    return {
-      printObj: {
-        id: "box",
-        //其他配置项，
-      },
-      shows: false,
-      title: "异议登记信息",
-      qsztList: datas.columns().qsztList,
-      checkList: datas.columns().checkList,
-      //传递参数
-      propsParam: this.$attrs,
-      //列表数据
-      tableData: [],
-      //空列值个数
-      emptycolNum: datas.columns().emptycolNum,
-      //列名称对象
-      columns: datas.columns().YYDJ,
-      render: false,
-    };
-  },
-  created() {
-    this.loadData();
-  },
-  methods: {
-    openPrint() {
-      this.render = true;
-      setTimeout(() => {
-        this.prinsss();
-      }, 100);
+  import { datas } from "./qlxxFormData.js";
+  import { getYydjList } from "@/api/djbDetail.js";
+  import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
+  import djbDetail from "./components/djbDetail.vue"
+  export default {
+    components: {
+      djbDetail
     },
-    prinsss() {
-      printJS({
-        printable: "boxyydj", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
-        type: "html",
-        maxWidth: 800, // 最大宽度
-        font_size: "", // 不设置则使用默认字体大小
-        style: `@font-face {
-          font-family: "STZHONGS";
-          src: url(${window.ttf}) format("truetype");
-        }`,
-        // 继承原来的所有样式
-        targetStyles: ["*"],
-      });
-      this.render=false
-    },
-    /**
-     * @description: loadData
-     * @author: miaofang
-     */
-    loadData() {
-      if (this.$parent.addRepairRecord) {
-        this.columns.unshift({
-          prop: "cz",
-          label: "操作",
-        });
-      }
-      getYydjList({
-        bdcdyid: this.propsParam.bdcdyid,
-        qllx: this.propsParam.qllx,
-        qszt: this.checkList,
-      }).then((res) => {
-        if (res.code === 200) {
-          this.tableData = res.result;
-          this.shows = this.tableData.length > 0;
-          this.tableData.forEach((item) => {
-            item.sjlx = getSjlx(item.sjlx);
-            item.dybdclx = getDictLeabel(item.dybdclx, "A27");
-          });
-          if (this.tableData.length < datas.columns().emptycolNum) {
-            this.emptycolNum =
-              datas.columns().emptycolNum - this.tableData.length;
-          } else {
-            this.emptycolNum = 0;
-          }
-        }
-      });
+    data () {
+      return {
+        shows: false,
+        title: "异议登记信息",
+        //传递参数
+        propsParam: this.$attrs,
+        //列表数据
+        tableData: [],
+        //列名称对象
+        columns: datas.columns().YYDJ,
+        render: false,
+      };
     },
-    /**
-     * @description: checkChange
-     * @author: miaofang
-     */
-    checkChange() {
-      if (this.checkList.length === 0) {
-        this.tableData = [];
-        this.emptycolNum = datas.columns().emptycolNum;
-      } else {
-        this.loadData();
-      }
+    created () {
+      this.loadData();
     },
-    /**
-     * @description: getQsztName
-     * @param {*} code
-     * @author: miaofang
-     */
-    getQsztName(code) {
-      let name = "";
-      for (let item of this.qsztList) {
-        if (item.value == code) {
-          name = item.label;
-          break;
-        }
-      }
-      return name;
-    },
-    // 新增一条补录信息
-    /**
-     * @description: 新增一条补录信息
-     * @param {*} row
-     * @param {*} del
-     * @author: miaofang
-     */
-    editDialog(row, del) {
-      this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning",
-      })
-        .then(() => {
-          this.$parent.addRepairRecord(row, del);
-
-          this.$message({
-            type: "success",
-            message: "补录成功!",
+    methods: {
+      loadData () {
+        if (this.$parent.addRepairRecord) {
+          this.columns.unshift({
+            prop: "cz",
+            label: "操作",
           });
+        }
+        getYydjList({
+          bdcdyid: this.propsParam.bdcdyid,
+          qllx: this.propsParam.qllx,
+          qszt: this.checkList,
+        }).then((res) => {
+          if (res.code === 200) {
+            this.tableData = res.result;
+            this.shows = this.tableData.length > 0;
+            this.tableData.forEach((item) => {
+              item.sjlx = getSjlx(item.sjlx);
+              item.dybdclx = getDictLeabel(item.dybdclx, "A27");
+            });
+            if (this.tableData.length < datas.columns().emptycolNum) {
+              this.emptycolNum =
+                datas.columns().emptycolNum - this.tableData.length;
+            } else {
+              this.emptycolNum = 0;
+            }
+          }
         })
-        .catch(() => {
-          this.$message({
-            type: "info",
-            message: "取消编辑",
-          });
-        });
-    },
-  },
-};
+      }
+    }
+  }
 </script>
 
 <style lang="scss" scoped>
-@import "./qlxxCommon.scss";
-.title {
-  position: relative;
-  .print {
-    // background-color: #0079fe;
-    z-index: 10;
-    position: absolute;
-    left: 11px;
-    top: 5px;
+  @import "./qlxxCommon.scss";
+  .title {
+    position: relative;
+    .print {
+      z-index: 10;
+      position: absolute;
+      left: 11px;
+      top: 5px;
+    }
   }
-}
 </style>

@@ -22,14 +22,9 @@ class data extends filter {
           )
         }
       },
+      
       {
-        prop: "ywh",
-        label: "业务号",
-        // width: '110',
-      },
-      {
-        label: "权属状态",
-        // width: '80',
+        label: "推送状态",
         render: (h, scope) => {
           let obj = {
             "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",
         label: "创建时间",
       },
       {
+        prop: "createtime",
+        label: "推送时间",
+      },
+      {
+        prop: "createtime1",
+        label: "响应时间",
+      },
+      {
         label: '操作',
         width: '100',
         render: (h, scope) => {

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

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-09-13 11:26:39
+ * @LastEditTime: 2023-09-15 10:02:12
 -->
 <template>
   <div class="clxx">
@@ -167,6 +167,7 @@
         //type  1：列表初始化  2：新增材料
         return new Promise((resolve) => {
           this.unitData = this.$parent.unitData;
+          console.log(this.$parent.unitData, 'this.$parent.unitData;');
           var formdata = new FormData();
           formdata.append("bsmSlsq", this.$parent.bsmSlsq);
           if (this.$route.query.sqywbm == "DJBBL") {

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-09-13 15:58:06
+ * @LastEditTime: 2023-09-15 10:04:28
 -->
 <template>
   <div class="clmlmx-box">
@@ -232,7 +232,6 @@
        * @param {*} row
        */
       handleDelete (index, row) {
-        let that = this
         this.$confirm('此操作将永久删除该 是否继续?', '提示', {
           confirmButtonText: '确定',
           cancelButtonText: '取消',

 <!--
  * @Description: workFrame左侧菜单列表-普通
  * @Autor: renchao
- * @LastEditTime: 2023-09-13 14:21:14
+ * @LastEditTime: 2023-09-18 11:00:38
 -->
 <template>
   <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }">

 <!--
  * @Description: workFrame左侧菜单列表-分割
  * @Autor: renchao
- * @LastEditTime: 2023-09-12 13:32:29
+ * @LastEditTime: 2023-09-15 15:02:25
 -->
 <template>
   <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }">
@@ -61,10 +61,6 @@
   export default {
     data () {
       return {
-        //受理申请标识码
-        bsmSlsq: this.$route.query.bsmSlsq,
-        //当前流程所在环节
-        bestepid: this.$route.query.bestepid,
         // 变更前单元默认选中
         activeIndex: '0',
         // 变更后单元默认选中
@@ -105,13 +101,11 @@
       loadBdcdylist () {
         let that = this
         var formdata = new FormData();
-        formdata.append("bsmSlsq", this.bsmSlsq);
-        if (this.$route.query.bestepid) {
-          formdata.append("bestepid", this.bestepid);
-        }
-        if (this.$route.query.bsmBusiness) {
-          formdata.append("bsmBusiness", this.$route.query.bsmBusiness);
-        }
+        // 受理申请标识码
+        formdata.append("bsmSlsq", this.paramData.bsmSlsq);
+        // 当前流程所在环节
+        formdata.append("bestepid", this.paramData.bestepid);
+        formdata.append("bsmBusiness", this.paramData.bsmBusiness);
         if (this.$route.query.type == 'jdcx') {
           jdcxLeftMenu(formdata).then((res) => {
             if (res.code === 200 && res.result) {
@@ -152,7 +146,6 @@
           })
         }
       },
-      //批量按钮判断
       /**
        * @description: 批量按钮判断
        * @author: renchao
@@ -202,9 +195,9 @@
           .catch(() => {
             this.$message({
               type: "info",
-              message: "已取消删除",
-            });
-          });
+              message: "已取消删除"
+            })
+          })
       },
       /**
        * @description: 批量按钮点击事件
@@ -214,7 +207,6 @@
         this.currentSelectProps.batchOperation = true;
         // this.activeIndex = "-1";
         this.$parent.stepForm(0);
-
       },
       /**
        * @description: 申请单元点击事件

 <!--
  * @Description: 
  * @Autor: renchao
- * @LastEditTime: 2023-09-06 15:20:16
+ * @LastEditTime: 2023-09-14 17:19:26
 -->
 <template>
   <div class="slxx sdqxx">
@@ -119,10 +119,6 @@
       formdata.append("bsmSldy", this.propsParam.bsmSldy);
       formdata.append("djlx", this.propsParam.djlx);
       formdata.append("isEdit", this.viewEdit);
-      // Init(formdata).then((res) => {
-      //   if (res.code === 200 && res.result) {
-      //   }
-      // });
     },
     data () {
       return {

 <!--
  * @Description: 
  * @Autor: renchao
- * @LastEditTime: 2023-09-14 16:06:51
+ * @LastEditTime: 2023-09-18 14:06:16
 -->
 <template>
-  <div style="width:90%;height:100%;">
-    <canvas id="mxcad" style="width:90%;height:80%; position: relative;top:0">
+  <div style="width:100%;height:100%;">
+    <canvas id="mxcad" style="width:100%;height:100%; position: relative;top:0">
     </canvas>
   </div>
 </template>

@@ -3,14 +3,12 @@
  * @Autor: renchao
  * @LastEditTime: 2023-09-12 09:41:27
  */
-//流程环节操作按钮
 /**
  * @description: 流程环节操作按钮
  * @param {*} tabName
- * @param {*} djywbm
  * @author: renchao
  */
-export function getForm (tabName, djywbm) {
+export function getForm (tabName) {
   let form;
   switch (tabName) {
     case "tdsyqslxx":

 /*
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-08-31 09:35:49
+ * @LastEditTime: 2023-09-18 11:11:19
  */
 import { getPrintTemplateByCode } from "@/api/print";
 import { uploadUndo } from "@/api/clxx";
@@ -68,7 +68,6 @@ export default {
         }
       })
     },
-    //流程环节操作按钮
     /**
      * @description: 流程环节操作按钮
      * @param {*} item
@@ -239,8 +238,8 @@ export default {
             })
           })
           break;
-          case "B10":
-            break;
+        case "B10":
+          break;
         case "rm":
           this.del()
           break;
@@ -279,7 +278,6 @@ export default {
           });
         });
     },
-    //发送下一个环节
     /**
      * @description: 发送下一个环节
      * @param {*} obj
@@ -292,7 +290,6 @@ export default {
         tabList: this.tabList
       }, '800px', true)
     },
-    //转出最后一个流程
     /**
      * @description: 转出最后一个流程
      * @param {*} obj
@@ -305,7 +302,6 @@ export default {
         tabList: this.tabList
       }, '800px', true)
     },
-    //批量操作
     /**
      * @description: 批量操作
      * @author: renchao
@@ -337,7 +333,6 @@ export default {
         }
       })
     },
-    // 上传
     /**
      * @description: 上传
      * @param {*} file

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-09-13 14:00:22
+ * @LastEditTime: 2023-09-18 14:52:46
 -->
 <template>
   <div class="container">
@@ -38,8 +38,7 @@
     <!-- 内容框架 -->
     <div class="containerFrame">
       <!-- 左侧菜单栏 区分业务-->
-      <segmentMenu
-        v-if="['A0320099', 'A0330099'].includes(slsq.djqxbm)"
+      <segmentMenu v-if="['A0320099', 'A0330099'].includes(slsq.djqxbm)"
         @getCurrentSelectProps="getCurrentSelectProps" />
       <ordinaryMenu v-else @getCurrentSelectProps="getCurrentSelectProps" />
       <div class="leftCon">
@@ -51,7 +50,7 @@
         <div class="rightContainer">
           <div class="count">
             当前流程所在环节:
-            <span>{{ this.zbhj }}</span>
+            <span>{{ $route.query.zbhj }}</span>
           </div>
           <el-tabs
             v-model="tabName"
@@ -68,7 +67,6 @@
             <div v-if="shows">
               <receipt :Receiptdata="Receiptdata" id="boxaaa" />
             </div>
-
           </div>
           <component
             :key="fresh"
@@ -132,11 +130,6 @@
     mixins: [WorkFlow, publicFlow],
     data () {
       return {
-        // printObj: {
-        //    id: "box",
-        //     preview: true,
-        // },
-        isDialog: false,
         //受理申请标识码
         bsmSlsq: this.$route.query.bsmSlsq,
         //当前流程所在环节
@@ -166,7 +159,7 @@
         bsmZd: "",
         Receiptdata: {},
         shows: false
-      };
+      }
     },
     mounted () {
       this.$store.dispatch("user/refreshPage", false);
@@ -185,7 +178,7 @@
         //  获取打印回执数据
         var formdata = new FormData();
         formdata.append("bsmSldy", this.currentSelectProps.bsmSldy);
-        formdata.append("bsmSlsq", this.bsmSlsq);
+        formdata.append("bsmSlsq", this.paramData.bsmSlsq);
         formdata.append("djlx", this.currentSelectProps.djlx);
         BatchInit(formdata).then((res) => {
           if (res.code === 200 && res.result) {
@@ -194,6 +187,8 @@
             setTimeout(() => {
               this.prinsss()
             }, 100)
+          } else {
+            this.$message.error(res.message)
           }
         })
       },
@@ -209,7 +204,7 @@
         }`,
           // 继承原来的所有样式
           targetStyles: ["*"]
-        });
+        })
       },
       /**
        * @description: getCurrentSelectProps
@@ -217,7 +212,7 @@
        * @author: renchao
        */
       getCurrentSelectProps (val) {
-        this.currentSelectProps = val;
+        this.currentSelectProps = val
       },
       /**
        * @description: beforeunloadHandler
@@ -236,7 +231,7 @@
         //判断是窗口关闭还是刷新
         if (this._gap_time <= 10) {
           //取消认领
-          unClaimTask(this.bsmSlsq, this.bestepid);
+          unClaimTask(this.paramData.bsmSlsq, this.paramData.bestepid)
         }
       },
       /**
@@ -247,7 +242,6 @@
       stepForm (index) {
         getStepFormInfo(this.currentSelectProps).then((res) => {
           if (res.code === 200) {
-            // this.fresh++;
             //获取单元对应的所有表单信息
             this.tabList = res.result;
             //默认加载第一个表单信息
@@ -268,37 +262,14 @@
 
               this.tabList.forEach(function (item, index) {
                 if (item.value == "clxx") {
-                  that.clxxIndex = index;
-                  that.clxxForm = getForm(item.value, that.$route.query.sqywbm);
-                  that.clxxTab = item;
+                  that.clxxIndex = index
+                  that.clxxForm = getForm(item.value)
+                  that.clxxTab = item
                 }
-              });
+              })
             }
           }
-        });
-      },
-
-      /**
-       * @description: openDialog
-       * @author: renchao
-       */
-      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
-        );
+        })
       },
       /**
        * @description: 右侧表单选项卡事件

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-07-25 16:15:46
+ * @LastEditTime: 2023-09-18 11:13:06
 -->
 <template>
   <div class="container">
@@ -69,16 +69,16 @@
     },
     data () {
       return {
+        //受理申请标识码
+        bsmSlsq: this.$route.query.bsmSlsq,
+        //当前流程所在环节
+        bestepid: this.$route.query.bestepid,
         // 流程图
         imgSrc: "",
         // 折叠
         isShowdrawer: true,
         // 默认选中
         activeIndex: "0",
-        //受理申请标识码
-        bsmSlsq: this.$route.query.bsmSlsq,
-        //当前流程所在环节
-        bestepid: this.$route.query.bestepid,
         // 判断类型
         type: "READ_ONLY",
         //设置那个表单选中
@@ -99,7 +99,7 @@
         //材料信息选择卡索引
         clxxIndex: "",
         //材料信息选项卡对象
-        clxxTab: {},
+        clxxTab: {}
       };
     },
     methods: {
@@ -111,7 +111,6 @@
       getCurrentSelectProps (val) {
         this.currentSelectProps = val
       },
-      //申请单元点击事件
       /**
        * @description: 申请单元点击事件
        * @param {*} index
@@ -121,17 +120,18 @@
         this.currentSelectProps.type = "READ_ONLY"
         getStepFormInfo(this.currentSelectProps).then((res) => {
           if (res.code === 200) {
-            this.fresh++;
             //获取单元对应的所有表单信息
             this.tabList = res.result;
             //默认加载第一个表单信息
-            //默认加载第一个表单信息
             let arr = res.result.filter(item => item.defaultForm)
             if (arr.length > 0) {
               this.tabName = arr[0].value;
             } else {
               this.tabName = res.result[0].value;
             }
+            if (sessionStorage.getItem('activeName') == this.tabName) {
+              this.fresh++;
+            }
             this.ableOperation = this.tabList[0].ableOperation
             //批量操作无分屏按钮
             if (index != null) {
@@ -139,29 +139,28 @@
               let that = this;
               this.tabList.forEach(function (item, index) {
                 if (item.value == "clxx") {
-                  that.clxxIndex = index;
-                  that.clxxForm = getForm(item.value, that.$route.query.sqywbm);
-                  that.clxxTab = item;
+                  that.clxxIndex = index
+                  that.clxxForm = getForm(item.value)
+                  that.clxxTab = item
                 }
               })
             }
           }
         })
       },
-         //选项卡切换事件
-    /**
-     * @description: 右侧表单选项卡事件
-     * @param {*} handleClick
-     * @author: renchao
-     */
-    handleClick(a) {
-      let p = Object.keys(this.tabList[0]).filter(
-        (item) => item == "ableOperation"
-      );
-      if (p) {
-        this.ableOperation = this.tabList[a.index].ableOperation;
+      /**
+       * @description: 右侧表单选项卡事件
+       * @param {*} handleClick
+       * @author: renchao
+       */
+      handleClick (a) {
+        let p = Object.keys(this.tabList[0]).filter(
+          (item) => item == "ableOperation"
+        );
+        if (p) {
+          this.ableOperation = this.tabList[a.index].ableOperation;
+        }
       }
-    },
     }
   }
 </script>

@@ -197,7 +197,7 @@
           }
         })
         if (this.formData.isAdd != 1) {
-          store.dispatch('user/reWorkFresh', false)
+          store.dispatch("user/refreshPage", false);
           update(this.ruleForm).then(res => {
             if (res.code == 200) {
               this.$message.success('保存成功')
@@ -206,7 +206,7 @@
               this.resetTableFields();
               this.closeDialog();
               //刷新列表
-              store.dispatch('user/reWorkFresh', true)
+              store.dispatch("user/refreshPage", true);
             } else {
               this.$message.error(res.message);
             }
@@ -214,7 +214,7 @@
         } else {
           that.$refs['ruleForm'].validate((valid) => {
             if (valid) {
-              store.dispatch('user/reWorkFresh', false)
+              store.dispatch("user/refreshPage", false);
               addQy(this.ruleForm).then(res => {
                 if (res.code == 200) {
                   that.$message.success('保存成功')
@@ -223,7 +223,7 @@
                   that.resetTableFields();
                   that.closeDialog();
                   //刷新列表
-                  store.dispatch('user/reWorkFresh', true)
+                  store.dispatch("user/refreshPage", true);
                 } else {
                   that.$message.error(res.message);
                 }

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-09-07 15:04:46
+ * @LastEditTime: 2023-09-15 15:50:26
 -->
 <template>
   <dialogBox title="新建材料信息" width="20%" isMain v-model="myValue" @closeDialog="closeDialog" @submitForm="handleSubmit"
@@ -24,6 +24,13 @@
           </el-form-item>
         </el-col>
       </el-row>
+      <el-row :gutter="20">
+        <el-col :span="24">
+          <el-form-item label="材料编码" prop="clbm">
+            <el-input v-model="ruleForm.clbm"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
     </el-form>
   </dialogBox>
 </template>
@@ -40,6 +47,7 @@
         ruleForm: {
           cllx: "",
           clmc: "",
+          clbm: ""
         },
         rules: {
           cllx: [
@@ -47,7 +55,10 @@
           ],
           clmc: [
             { required: true, message: '请输入材料名称', trigger: 'blur' }
-          ]
+          ],
+          clbm: [
+            { required: true, message: '请输入材料编码', trigger: 'blur' }
+          ],
         }
       }
     },

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-09-14 11:14:54
+ * @LastEditTime: 2023-09-15 15:38:53
 -->
 <template>
   <div class="clmlmx-box">
@@ -37,8 +37,15 @@
             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>
+                <el-input value={scope.row.clmc} onInput={(val) => { scope.row.clmc = val }}></el-input>
+              )
+            }
+          },
+          {
+            label: "材料编码",
+            render: (h, scope) => {
+              return (
+                <el-input value={scope.row.clbm} onInput={(val) => { scope.row.clbm = val }}></el-input>
               )
             }
           },

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-09-14 14:23:19
+ * @LastEditTime: 2023-09-15 15:54:13
 -->
 <template>
   <div class="clxx">
@@ -289,7 +289,7 @@
         ywPopupDialog("申请材料目录", "xxba/components/clxx/dialog/clxxDetailDialog", {
           data: this.tableData,
           bsmCompany: this.formData.bsmCompany
-        }, "60%", true, false)
+        }, "50%", true, false)
       },
       //设置tableData
       setTableData (tableData) {

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-09-14 11:11:10
+ * @LastEditTime: 2023-09-15 15:41:36
 -->
 <template>
   <div class="from-clues">
@@ -39,6 +39,7 @@
   </div>
 </template>
 <script>
+  import { mapGetters } from 'vuex'
   import table from "@/utils/mixin/table"
   import { datas, sendThis } from "./data"
   import { queryQyByPage, addQy, remove } from "@/api/xxba.js";
@@ -65,6 +66,17 @@
         },
       };
     },
+    computed: {
+      ...mapGetters(['isRefresh'])
+    },
+    watch: {
+      isRefresh: {
+        handler (newVal, oldVal) {
+          if (newVal) this.queryClick()
+        },
+        immediate: true
+      }
+    },
     methods: {
       /**
        * @description: queryClick

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-09-07 14:30:50
+ * @LastEditTime: 2023-09-15 15:47:37
 -->
 <template>
   <div class="from-clues">
@@ -59,7 +59,6 @@
     watch: {
       workFresh: {
         handler (newVal, oldVal) {
-          console.log(newVal, 'newVal');
           if (newVal) this.queryClick()
         }
       }
@@ -138,6 +137,9 @@
             message: '已取消删除'
           })
         })
+      },
+      handleEdit (row) {
+        this.$popupDialog("编辑企业", "xxba/components/addDialog", { isAdd: 2, ...row }, "75%")
       }
     }
   }

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-09-12 13:39:20
+ * @LastEditTime: 2023-09-15 16:30:47
 -->
 <template>
   <div class="from-clues">
@@ -264,7 +264,7 @@
         this.$confirm("确定要删除吗, 是否继续?", "提示", {
           confirmButtonText: "确定",
           cancelButtonText: "取消",
-          type: "warning",
+          type: "warning"
         })
           .then(() => {
             deleteFlow(formdata).then((res) => {
@@ -274,18 +274,18 @@
                   type: "success",
                   message: "删除成功!",
                 });
-                this.queryClick();
+                this.queryClick()
               } else {
-                this.$message.error(res.message);
+                this.$message.error(res.message)
               }
             });
           })
           .catch(() => {
             this.$message({
               type: "info",
-              message: "已取消删除",
-            });
-          });
+              message: "已取消删除"
+            })
+          })
       },
       /**
        * @description: ywhClick
@@ -328,7 +328,6 @@
                 );
                 window.open(href, `workFrame${item.bsmSlsq}`);
               }
-
               localStorage.setItem("ywbl", JSON.stringify(item));
 
               //从待办箱进入的调取任务领取接口

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-08-16 09:50:02
+ * @LastEditTime: 2023-09-14 17:19:40
 -->
 <template>
   <div class="slxx">
@@ -310,6 +310,8 @@
       Init(formdata).then((res) => {
         if (res.code === 200 && res.result) {
           this.ruleForm = res.result;
+        } else {
+          this.$message.error(res.message);
         }
       });
     },

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-09-12 09:59:18
+ * @LastEditTime: 2023-09-14 17:19:58
 -->
 <template>
   <!-- 受理信息 -->
@@ -365,6 +365,7 @@
   import { mapGetters } from "vuex";
   export default {
     mounted () {
+      let that = this
       this.loading = true
       this.viewEdit = this.$parent.currentSelectTab.ableOperation;
       this.propsParam = this.$attrs;
@@ -381,14 +382,16 @@
           this.loading = false
         }, 200)
         if (res.code === 200 && res.result) {
-          this.ruleForm = res.result;
-          this.czrOptions = this.ruleForm.qlrList;
+          that.ruleForm = res.result;
+          that.czrOptions = this.ruleForm.qlrList;
+          that.ruleForm.qlrList.forEach((item) => {
+            if (item.sfczr == 1) {
+              that.czr = item.zjh
+            }
+          })
+        } else {
+          that.$message.error(res.message);
         }
-        this.ruleForm.qlrList.forEach((item) => {
-          if (item.sfczr == 1) {
-            this.czr = item.zjh
-          }
-        });
       }).catch(() => {
         this.loading = false
       })

 <!--
  * @Description: 房屋多幢受理信息
  * @Autor: ssq
- * @LastEditTime: 2023-09-13 14:41:34
+ * @LastEditTime: 2023-09-14 17:20:40
 -->
 <template>
   <div class="slxx">
@@ -103,7 +103,7 @@
           </el-col>
         </el-row>
         <el-row :gutter="10" v-if="ruleForm.fdcq1">
-           <el-col :span="8">
+          <el-col :span="8">
             <el-form-item label="独用土地面积：">
               <div class="flex">
                 <el-input
@@ -313,6 +313,8 @@
             }
           });
           this.czrOptions = this.ruleForm.qlrList;
+        } else {
+          this.$message.error(res.message);
         }
       })
     },

 <!--
  * @Description: 受理信息
  * @Autor: renchao
- * @LastEditTime: 2023-09-12 10:04:14
+ * @LastEditTime: 2023-09-15 16:09:33
 -->
 <template>
   <div class="slxx">
@@ -69,7 +69,7 @@
           </el-col>
           <el-col :span="8">
             <el-form-item label="坐落：">
-              <el-input maxlength="100" v-model="ruleForm.sldy.zl"></el-input>
+              <el-input maxlength="100" disabled v-model="ruleForm.sldy.zl"></el-input>
             </el-form-item>
           </el-col>
         </el-row>
@@ -440,6 +440,8 @@
             }
           });
           this.czrOptions = this.ruleForm.qlrList;
+        } else {
+          this.$message.error(res.message);
         }
       }).catch(() => {
         this.loading = false

 <!--
  * @Description: 受理信息
  * @Autor: renchao
- * @LastEditTime: 2023-09-13 14:16:46
+ * @LastEditTime: 2023-09-14 17:20:53
 -->
 <template>
   <div class="slxx">
@@ -299,6 +299,8 @@
             }
           });
           this.czrOptions = this.ruleForm.qlrList;
+        } else {
+          this.$message.error(res.message);
         }
       }).catch(() => {
         this.loading = false

 <!--
  * @Description: 受理信息
  * @Autor: renchao
- * @LastEditTime: 2023-09-13 14:31:33
+ * @LastEditTime: 2023-09-14 17:20:59
 -->
 <template>
   <div class="slxx">
@@ -296,6 +296,8 @@
           this.czrOptions = this.ruleForm.qlrList;
           this.gyfs = this.ruleForm.sldyList[0].gyfs;
           this.splicingFdcq2Info();
+        } else {
+          this.$message.error(res.message);
         }
         this.ruleForm.qlrList.forEach((item) => {
           if (item.sfczr == 1) {

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-09-13 14:31:42
+ * @LastEditTime: 2023-09-18 14:53:24
 -->
 <template>
   <!-- 受理信息 -->
@@ -264,6 +264,8 @@
             }
           });
           this.czrOptions = this.ruleForm.qlrList;
+        } else {
+          this.$message.error(res.message);
         }
       }).catch(() => {
         this.loading = false
@@ -356,6 +358,8 @@
               ...res.result.qlxxdatas,
               ...res.result.jsydsyqdatas,
             };
+          } else {
+            this.$message.error(res.message);
           }
         });
       },

@@ -2,7 +2,7 @@
 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-09-13 14:17:49
+ * @LastEditTime: 2023-09-14 17:21:19
 -->
 <template>
   <!-- 受理信息 -->
@@ -239,6 +239,8 @@
         if (res.code === 200 && res.result) {
           this.ruleForm = res.result;
           this.czrOptions = this.ruleForm.qlrList;
+        } else {
+          this.$message.error(res.message);
         }
         this.ruleForm.qlrList.forEach((item) => {
           if (item.sfczr == 1) {

@@ -352,6 +352,8 @@
           setTimeout(() => {
             this.loading = false
           }, 200)
+        } else {
+          this.$message.error(res.message);
         }
       })
     },

@@ -345,6 +345,8 @@
             ? (this.ruleForm.slsq.fzfs = "1")
             : this.ruleForm.slsq.fzfs;
           this.czrOptions = this.ruleForm.qlrList;
+        } else {
+          this.$message.error(res.message);
         }
       });
     },

@@ -227,9 +227,11 @@
             if (item.sfczr == 1) {
               this.czr = item.zjh
             }
-          });
+          })
+        } else {
+          this.$message.error(res.message);
         }
-      });
+      })
     },
     components: { qlrCommonTable, ywrCommonTable },
     computed: {

@@ -327,6 +327,8 @@
           setTimeout(() => {
             that.loading = false
           }, 200)
+        } else {
+          this.$message.error(res.message);
         }
       })
     },

@@ -345,6 +345,8 @@
               this.czr = item.zjh
             }
           })
+        } else {
+          this.$message.error(res.message);
         }
       }).catch(() => {
         this.loading = false

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-09-12 13:39:30
+ * @LastEditTime: 2023-09-18 11:15:30
 -->
 <template>
   <div class="from-clues">
@@ -11,16 +11,16 @@
         :model="queryForm"
         ref="queryForm"
         @submit.native.prevent
-        label-width="80px">
+        label-width="100px">
         <el-row>
           <el-col :span="5">
-            <el-form-item label="业务来源" label-width="70px">
+            <el-form-item label="业务来源">
               <el-select
                 v-model="queryForm.ywly"
-                @change="handleSelect('ywly', 'ywlymc', 'ywly')"
-                @clear="handleEmpty('ywlymc')"
                 class="width100"
                 filterable
+                @change="handleSelect('ywly', 'ywlymc', 'ywly')"
+                @clear="handleEmpty('ywlymc')"
                 clearable
                 placeholder="请选择业务来源">
                 <el-option
@@ -36,9 +36,9 @@
             <el-form-item label="权利类型">
               <el-select
                 v-model="queryForm.qllx"
+                class="width100"
                 @change="handleSelect('A8', 'qllxmc', 'qllx')"
                 @clear="handleEmpty('qllxmc')"
-                class="width100"
                 filterable
                 clearable
                 placeholder="请选择权利类型">
@@ -55,9 +55,9 @@
             <el-form-item label="登记类型">
               <el-select
                 v-model="queryForm.djlx"
+                class="width100"
                 @change="handleSelect('A21', 'djlxmc', 'djlx')"
                 @clear="handleEmpty('djlxmc')"
-                class="width100"
                 filterable
                 clearable
                 placeholder="请选择登记类型">
@@ -70,18 +70,18 @@
               </el-select>
             </el-form-item>
           </el-col>
-          <el-col :span="5">
+          <el-col :span="6">
             <el-form-item label="业务号">
               <el-input
                 placeholder="请输入业务号"
                 v-model="queryForm.ywh"
                 clearable
-                class="width200px">
+                class="width100">
               </el-input>
             </el-form-item>
           </el-col>
 
-          <el-col :span="4" class="btnColRight">
+          <el-col :span="3" class="btnColRight">
             <el-form-item>
               <el-button
                 type="primary"
@@ -91,6 +91,48 @@
             </el-form-item>
           </el-col>
         </el-row>
+        <el-row>
+          <el-col :span="5">
+            <el-form-item label="不动产单元号">
+              <el-input
+                placeholder="请输入不动产单元号"
+                v-model="queryForm.bdcdyh"
+                clearable
+                class="width100">
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="5">
+            <el-form-item label="申请人">
+              <el-input
+                placeholder="如需要模糊查询，前后输入%"
+                v-model="queryForm.sqrmc"
+                clearable
+                class="width100">
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="5">
+            <el-form-item label="申请人证件号">
+              <el-input
+                placeholder="如需要模糊查询，前后输入%"
+                v-model="queryForm.sqrzjhm"
+                clearable
+                class="width100">
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="坐落">
+              <el-input
+                placeholder="如需要模糊查询，前后输入%"
+                v-model.trim="queryForm.zl"
+                clearable
+                class="width100">
+              </el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
         <el-row class="advanced-search">
           <span>搜索条件：</span>
           <ul>

 /*
  * @Description: 
  * @Autor: renchao
- * @LastEditTime: 2023-08-28 15:43:19
+ * @LastEditTime: 2023-09-18 11:07:59
  */
 import filter from '@/utils/filter.js'
 let vm = null
@@ -83,7 +83,7 @@ class data extends filter {
         render: (h, scope) => {
           return (
             <div>
-              <el-tooltip effect="dark" content={scope.row.ywrmc} placement="top" popper-class="tooltip-width ">
+              <el-tooltip effect="dark" content={scope.row.ywrmc} placement="top" popper-class="tooltip-width">
                 <span class="ellipsis-table"> {scope.row.ywrmc}</span>
               </el-tooltip>
             </div>

@@ -306,6 +306,7 @@
         ywPopupDialog('楼盘表', 'lpb/index', {
             bsm: item.bsm,
             bsmSqyw:this.sqywInfo.bsmSqyw,
+            onlyShow: false,
             scyclx:1
         }, '85%', true,false)
       },

 /*
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-05-05 09:45:31
+ * @LastEditTime: 2023-09-18 11:30:35
  */
 import Router from '@/router'
 export default {
@@ -28,9 +28,9 @@ export default {
         "/workFrame?bsmSlsq=" +
         data.bsmSlsq +
         "&bestepid=" +
-        data.bestepid + '&bsmBusiness=' + '&sqywbm=' + type+"&zbhj=受理"
+        data.bestepid + '&bsmBusiness=' + '&sqywbm=' + type + "&zbhj=受理"
       );
-      window.open(href, "_blank");
+         window.open(href, "_blank")
       this.$popupCacel()
     },
     /**

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-08-02 10:03:03
+ * @LastEditTime: 2023-09-18 14:53:01
 -->
 <template>
   <div class="from-clues">
@@ -115,7 +115,7 @@
               type: 'success'
             })
             if (!this.isJump) {
-              this.jump(res.result, this.djywbm)
+              this.jump(res.result)
             } else {
               store.dispatch('user/refreshPage', true);
             }

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-08-24 11:02:25
+ * @LastEditTime: 2023-09-15 14:34:40
 -->
 <template>
   <!-- 主体权利信息查询 -->
@@ -249,9 +249,9 @@
        * @param {*} row
        * @author: miaofang
        */
-            handleLpbClick (item) {
-              console.log("item",item);
-              console.log("this.sqywInfo",this.sqywInfo);
+      handleLpbClick (item) {
+        console.log("item",item);
+        console.log("this.sqywInfo",this.sqywInfo);
         this.$popup('楼盘表', 'lpb/index', {
           width: '85%',
           formData: {
@@ -261,6 +261,7 @@
             bsmSqyw: this.sqywInfo.bsmSqyw,
             djqxbm: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodecode : "",
             djqxmc: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodename : "",
+            onlyShow: false
           }
         })
       },

 /*
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-08-29 13:08:08
+ * @LastEditTime: 2023-09-15 17:25:11
  */
 import filter from '@/utils/filter.js'
 let vm = null
@@ -34,6 +34,7 @@ class data extends filter {
       {
         prop: "status",
         label: "状态",
+        width: '130',
         render: (h, scope) => {
           return (
             <div>
@@ -80,8 +81,15 @@ class data extends filter {
         }
       },
       {
-        prop: "qlrzjhm",
         label: "证件号",
+        witdth: '100',
+        render: (h, scope) => {
+          return (
+            <el-tooltip effect="dark" content={scope.row.qlrzjhm} placement="top" popper-class="tooltip-width ">
+              <span class="ellipsis-table"> {scope.row.qlrzjhm}</span>
+            </el-tooltip>
+          )
+        }
       },
       {
         prop: "qlxzmc",

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-07-25 14:47:41
+ * @LastEditTime: 2023-09-18 11:25:30
 -->
 <template>
   <div class="from-clues">
@@ -78,7 +78,6 @@
           <el-col :span="4" class="btnColRight">
             <el-form-item>
               <el-button type="primary" native-type="submit" @click="handleSearch">查询</el-button>
-              <el-button @click="moreQueryClick">高级查询</el-button>
             </el-form-item>
           </el-col>
         </el-row>
@@ -147,7 +146,6 @@
       this.queryClick()
     },
     methods: {
-      // 初始化数据
       /**
        * @description: 初始化数据
        * @author: renchao
@@ -172,12 +170,6 @@
       handleSort (name, sort) {
         console.log(name, sort);
       },
-      // 高级查询
-      /**
-       * @description: 高级查询
-       * @author: renchao
-       */
-      moreQueryClick () { },
       /**
        * @description: openDialog
        * @param {*} scroll
@@ -192,14 +184,14 @@
        * @author: renchao
        */
       handleLpbClick (item) {
-        console.log("item",item);
-         this.$popup('楼盘表', 'lpb/index', {
+        console.log("item", item);
+        this.$popup('楼盘表', 'lpb/index', {
           width: '85%',
           formData: {
             bsm: item.zrzbsm,
             zrzbsm: item.zrzbsm,
             zdbsm: item.zrzbsm,
-
+            onlyShow: true
           }
         })
       }

@@ -64,9 +64,9 @@ class data extends filter {
         }
       },
       {
-        prop: "ywh",
         label: "业务号",
-        width: '110',
+        prop: "ywh",
+        minWidth: '100',
       },
       {
         prop: "qllxmc",
@@ -84,9 +84,15 @@ class data extends filter {
         minWidth: '150',
       },
       {
-        prop: "bdcqzh",
         label: "不动产权证号",
-        minWidth: '150'
+        minWidth: '150',
+        render: (h, scope) => {
+          return (
+            <el-tooltip effect="dark" content={scope.row.bdcqzh} placement="top" popper-class="tooltip-width ">
+              <span class="ellipsis-table"> {scope.row.bdcqzh}</span>
+            </el-tooltip>
+          )
+        }
       },
       {
         prop: "qlrmc",
@@ -119,9 +125,15 @@ class data extends filter {
         minWidth: '80'
       },
       {
-        prop: "zl",
         label: "坐落",
-        minWidth: '150'
+        minWidth: '150',
+        render: (h, scope) => {
+          return (
+            <el-tooltip effect="dark" content={scope.row.zl} placement="top" popper-class="tooltip-width ">
+              <span class="ellipsis-table"> {scope.row.zl}</span>
+            </el-tooltip>
+          )
+        }
       },
       {
         label: '操作',

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-07-25 16:34:27
+ * @LastEditTime: 2023-09-18 11:19:07
 -->
 <template>
   <div class="from-clues">
@@ -139,7 +139,6 @@
       handleSort (name, sort) {
         console.log(name, sort);
       },
-      // 高级查询
       /**
        * @description: 高级查询
        * @author: renchao
@@ -151,7 +150,7 @@
        * @author: renchao
        */
       openDialog (item) {
-        const { href } = this.$router.resolve('/workFrameView?bsmSlsq=' + item.bsmSlsq + '&bestepid=' + item.bestepid + '&bsmBusiness=' + item.bsmBusiness + '&viewtype=3' + '&type=jdcx')
+        const { href } = this.$router.resolve('/workFrameView?bsmSlsq=' + item.bsmSlsq + '&bestepid=' + item.bestepid + '&bsmBusiness=' + item.bsmBusiness + '&type=jdcx')
         window.open(href, `urlname${item.bsmSlsq}`)
       }
     }

@@ -23,6 +23,21 @@ class data extends filter {
         }
       },
       {
+        label: "证书状态",
+        width: '80',
+        render: (h, scope) => {
+          return (
+            <div>
+              {
+                scope.row.zszt == '1' ?
+                  <div class='allow'>有效</div> :
+                  <div class='prohibit'>失效</div>
+              }
+            </div>
+          )
+        }
+      },
+      {
         label: "领取状态",
         width: '80',
         render: (h, scope) => {
@@ -38,31 +53,41 @@ class data extends filter {
         }
       },
       {
-        prop: "lzrxm",
-        label: "领取人",
-        width: '100'
+        label: "不动产权证类型",
+        width: '120',
+        render: (h, scope) => {
+          return (
+            <div>
+              {
+                scope.row.bdcqzlx == '1' ?
+                  <div>不动产权证书</div> :
+                  <div>不动产登记证明</div>
+              }
+            </div>
+          )
+        }
       },
       {
-        prop: "fzsj",
-        label: "领取时间",
-        width: '140'
+        label: "业务号",
+        minWidth: '100',
+        render: (h, scope) => {
+          return (
+            <div>
+              <el-link type="primary" onClick={() => { vm.openYwDialog(scope.row) }}>{scope.row.ywh}</el-link>
+            </div>
+          )
+        }
       },
       {
-        prop: "ywh",
-        label: "业务号",
-        width: '100'
+        label: "权利类型",
+        prop: "qllx",
       },
-
       {
         prop: "ysxlh",
         label: "印刷序列号",
         width: '100'
       },
       {
-        label: "权利类型",
-        prop: "qllx",
-      },
-      {
         prop: "bdcqzh",
         label: "不动产权证号",
         minWidth: '150',
@@ -101,7 +126,7 @@ class data extends filter {
         }
       },
       {
-        label: "证书内容",
+        label: "证书详情",
         width: '80',
         render: (h, scope) => {
           return (

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-09-01 10:11:39
+ * @LastEditTime: 2023-09-18 14:53:09
 -->
 <template>
   <div class="from-clues">
@@ -37,7 +37,6 @@
           <el-col :span="4" class="btnColRight">
             <el-form-item>
               <el-button type="primary" native-type="submit" @click="handleSearch">查询</el-button>
-              <!-- <el-button @click="moreQueryClick()">高级查询</el-button> -->
             </el-form-item>
           </el-col>
         </el-row>
@@ -75,12 +74,12 @@
         tableData: {
           total: 0,
           columns: datas.columns(),
-          data: [],
-        },
-      };
+          data: []
+        }
+      }
     },
     activated () {
-      this.queryClick();
+      this.queryClick()
     },
     methods: {
       /**
@@ -111,6 +110,15 @@
           }, '1210px', true)
           this.$endLoading()
         })
+      },
+      /**
+       * @description: openWorkDialog
+       * @param {*} item
+       * @author: renchao
+       */
+      openYwDialog (item) {
+        const { href } = this.$router.resolve('/workFrameView?bsmSlsq=' + item.bsmSlsq + '&bestepid=' + item.bestepid + '&bsmBusiness=' + item.bsmBusiness + '&viewtype=3' + '&type=jdcx')
+        window.open(href, `urlname${item.bsmSlsq}`)
       }
     }
   }

@@ -100,6 +100,7 @@
             // onlyShow: true,
             djqxbm: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodecode : "",
             djqxmc: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodename : "",
+            onlyShow: true
           }
         })
       }