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

 <!--
  * @Description: 
  * @Autor: renchao
- * @LastEditTime: 2023-09-19 15:52:44
+ * @LastEditTime: 2023-09-22 09:30:34
 -->
 <template>
   <div class='ywdialog'>
@@ -35,5 +35,6 @@
   @import "~@/styles/public.scss";
   .ywdialog {
     min-width: 230px;
+    padding-bottom: 20px;
   }
 </style>
\ No newline at end of file

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-05-17 10:39:47
+ * @LastEditTime: 2023-09-21 16:03:36
 -->
 <template>
   <dialogBox
     title="权利人信息"
-    width="60%"
+    width="75%"
     isMain
     v-model="myValue"
     :isFullscreen="false"
     @submitForm="submitForm"
     @closeDialog="closeDialog"
-    :isButton="showButton"
-  >
+    :isButton="isShow">
+    <el-tabs v-model="activeName" @tab-click="handleClick" class="from-clues-header">
+      <el-tab-pane label="基本信息" name="1"></el-tab-pane>
+      <el-tab-pane label="企业信息" v-if="showButton" name="2"></el-tab-pane>
+      <el-tab-pane label="银行机构" v-if="showButton" name="3"></el-tab-pane>
+    </el-tabs>
+
     <el-form
       :model="ruleForm"
+      v-if="activeName==1"
       :rules="rules"
       ref="ruleForm"
-      label-width="120px"
-    >
+      label-width="120px">
+      <el-form-item label="身份证读卡器">
+        <el-button type="text" icon="el-icon-tickets" :disabled="!showButton" @click="readClick">读取</el-button>
+        <el-button type="primary" v-if="isBz" @click="handleFilings">信息备案</el-button>
+      </el-form-item>
       <el-row>
         <el-col :span="8">
           <el-form-item label="权利人类型" prop="qlrlx">
@@ -28,56 +37,51 @@
               v-model="ruleForm.qlrlx"
               class="width100"
               :disabled="!showButton"
-              placeholder="请选择"
-            >
+              placeholder="请选择">
               <el-option
                 v-for="item in dictData['A36']"
                 :key="item.dcode"
                 :label="item.dname"
-                :value="item.dcode"
-              >
+                :value="item.dcode">
               </el-option>
             </el-select>
           </el-form-item>
         </el-col>
         <el-col :span="8">
           <el-form-item label="姓名/名称" prop="qlrmc">
-              <el-input
+            <el-input
               v-model="ruleForm.qlrmc"
               maxlegth="15"
-              :disabled="!showButton"
-            ></el-input>
+              :disabled="!showButton"></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="8">
           <el-form-item label="证件种类" prop="zjzl">
-          <el-select
+            <el-select
               clearable
               v-model="ruleForm.zjzl"
               :disabled="!showButton"
               class="width100"
-              placeholder="请选择"
-            >
+              @change="handleZjzl"
+              placeholder="请选择">
               <el-option
                 v-for="item in dictData['A30']"
                 :key="item.dcode"
                 :label="item.dname"
-                :value="item.dcode"
-              >
+                :value="item.dcode">
               </el-option>
             </el-select>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row>
-      <el-col :span="8">
+        <el-col :span="8">
           <el-form-item label="证件号" prop="zjh">
             <el-input
               v-model="ruleForm.zjh"
               :disabled="!showButton"
               maxlength="18"
-              oninput="this.value=this.value.replace(/[^\X0-9]/g,'')"
-            ></el-input>
+              oninput="this.value=this.value.replace(/[^\X0-9]/g,'')"></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="8">
@@ -86,8 +90,7 @@
               v-model="ruleForm.dh"
               :disabled="!showButton"
               maxlength="11"
-              oninput="value=value.replace(/[^\d]/g,'')"
-            ></el-input>
+              oninput="value=value.replace(/[^\d]/g,'')"></el-input>
           </el-form-item>
         </el-col>
 
@@ -96,8 +99,7 @@
             <el-input
               v-model="ruleForm.qlbl"
               maxlength="32"
-              :disabled="!showButton || this.ruleForm.gyfs == 1"
-            ></el-input>
+              :disabled="!showButton || this.ruleForm.gyfs == 1"></el-input>
           </el-form-item>
         </el-col>
       </el-row>
@@ -107,8 +109,7 @@
             <el-input
               v-model="ruleForm.frmc"
               maxlength="32"
-              :disabled="!showButton"
-            ></el-input>
+              :disabled="!showButton"></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="8">
@@ -116,8 +117,7 @@
             <el-input
               v-model="ruleForm.gj"
               maxlength="3"
-              :disabled="!showButton"
-            ></el-input>
+              :disabled="!showButton"></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="8">
@@ -125,8 +125,7 @@
             <el-input
               v-model="ruleForm.hjszss"
               maxlength="3"
-              :disabled="!showButton"
-            ></el-input>
+              :disabled="!showButton"></el-input>
           </el-form-item>
         </el-col>
       </el-row>
@@ -137,8 +136,7 @@
             <el-input
               v-model="ruleForm.dz"
               maxlength="100"
-              :disabled="!showButton"
-            ></el-input>
+              :disabled="!showButton"></el-input>
           </el-form-item>
         </el-col>
       </el-row>
@@ -149,8 +147,7 @@
             <el-input
               v-model="ruleForm.fzjg"
               maxlength="10"
-              :disabled="!showButton"
-            ></el-input>
+              :disabled="!showButton"></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="8">
@@ -158,8 +155,7 @@
             <el-input
               v-model="ruleForm.dzyj"
               :disabled="!showButton"
-              maxlength="25"
-            ></el-input>
+              maxlength="25"></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="8">
@@ -168,8 +164,7 @@
               v-model.number="ruleForm.yb"
               :disabled="!showButton"
               maxlength="6"
-              oninput="value=value.replace(/[^\d]/g,'')"
-            ></el-input>
+              oninput="value=value.replace(/[^\d]/g,'')"></el-input>
           </el-form-item>
         </el-col>
       </el-row>
@@ -180,8 +175,7 @@
             <el-input
               v-model="ruleForm.gzdw"
               maxlength="32"
-              :disabled="!showButton"
-            ></el-input>
+              :disabled="!showButton"></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="16">
@@ -189,8 +183,7 @@
             <el-input
               v-model="ruleForm.dlrjgmc"
               maxlength="32"
-              :disabled="!showButton"
-            ></el-input>
+              :disabled="!showButton"></el-input>
           </el-form-item>
         </el-col>
       </el-row>
@@ -202,8 +195,7 @@
               v-model="ruleForm.dlrdhhm"
               :disabled="!showButton"
               maxlength="11"
-              oninput="value=value.replace(/[^\d]/g,'')"
-            ></el-input>
+              oninput="value=value.replace(/[^\d]/g,'')"></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="8">
@@ -211,8 +203,7 @@
             <el-input
               v-model="ruleForm.dlrxm"
               maxlength="15"
-              :disabled="!showButton"
-            ></el-input>
+              :disabled="!showButton"></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="8">
@@ -222,14 +213,12 @@
               v-model="ruleForm.dlrzjlx"
               :disabled="!showButton"
               class="width100"
-              placeholder="请选择"
-            >
+              placeholder="请选择">
               <el-option
                 v-for="item in dictData['A30']"
                 :key="item.dcode"
                 :label="item.dname"
-                :value="item.dcode"
-              >
+                :value="item.dcode">
               </el-option>
             </el-select>
           </el-form-item>
@@ -243,14 +232,12 @@
               v-model="ruleForm.xb"
               :disabled="!showButton"
               class="width100"
-              placeholder="请选择"
-            >
+              placeholder="请选择">
               <el-option
                 v-for="item in dictData['A43']"
                 :key="item.dcode"
                 :label="item.dname"
-                :value="item.dcode"
-              >
+                :value="item.dcode">
               </el-option>
             </el-select>
           </el-form-item>
@@ -260,111 +247,408 @@
             <el-input
               v-model="ruleForm.dlrzjh"
               :disabled="!showButton"
-              maxlength="18"
-            ></el-input>
+              maxlength="18"></el-input>
           </el-form-item>
         </el-col>
       </el-row>
     </el-form>
+
+    <div v-if="activeName==2" class="padding10">
+      <el-form :model="queryFormQY" label-width="80px">
+        <el-row>
+          <el-col :span="8">
+            <el-form-item label="姓名/名称">
+              <el-input placeholder="姓名/名称" v-model="queryFormQY.qymc" clearable class="width100">
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="证件号">
+              <el-input placeholder="证件号" v-model="queryFormQY.zjh" clearable class="width100">
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8" class="btnColRight">
+            <el-form-item>
+              <el-button type="primary" @click="handleSearchQY">查询</el-button>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <el-table :data="tableDataQy.data" border v-Loading="loading" :height="426.8">
+        <el-table-column label="序号" type="index" width="50" align="center">
+          <template slot-scope="scope">
+            {{(pageData.currentPage - 1) * pageData.pageSize + scope.$index + 1}}
+          </template>
+        </el-table-column>
+        <el-table-column v-for="item in tableDataQy.columns" :key="item.index" :width="item.width" :prop="item.prop" :label="item.label" align="center">
+        </el-table-column>
+        <el-table-column label="操作" width="50">
+          <template slot-scope="scope">
+            <el-button type="text" @click="handleSelect(scope.row)">使用</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <el-pagination background layout="prev, pager, next,total" :total="tableDataQy.total"
+        @current-change="handleQYCurrentChange"></el-pagination>
+    </div>
+    <div v-if="activeName==3" class="padding10">
+      <el-form :model="queryFormYH" label-width="80px">
+        <el-row>
+          <el-col :span="8">
+            <el-form-item label="姓名/名称">
+              <el-input placeholder="姓名/名称" v-model="queryFormYH.qymc" clearable class="width100">
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="证件号">
+              <el-input placeholder="证件号" v-model="queryFormYH.zjh" clearable class="width100">
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8" class="btnColRight">
+            <el-form-item>
+              <el-button type="primary" @click="handleSearchYH">查询</el-button>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <el-table :data="tableDataYh.data" border v-Loading="loading" :height="426.8">
+        <el-table-column label="序号" type="index" width="50" align="center">
+          <template slot-scope="scope">
+            {{(pageData.currentPage - 1) * pageData.pageSize + scope.$index + 1}}
+          </template>
+        </el-table-column>
+        <el-table-column v-for="item in tableDataYh.columns" :key="item.index" :prop="item.prop" :label="item.label" align="center">
+        </el-table-column>
+        <el-table-column label="操作" width="50">
+          <template slot-scope="scope">
+            <el-button type="text" @click="handleSelect(scope.row)">使用</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <el-pagination background layout="prev, pager, next,total" :total="tableDataYh.total"
+        @current-change="handleYHCurrentChange"></el-pagination>
+    </div>
   </dialogBox>
 </template>
 <script>
-import { mapGetters } from "vuex";
-export default {
-  props: {
-    value: { type: Boolean, default: false },
-    details: { type: Object, default: {} },
-    showButton: { type: Boolean, default: false },
-  },
-  computed: {
-    ...mapGetters(["dictData"]),
-  },
-  data() {
-    return {
-      myValue: this.value,
-      ruleForm: {
-        bsmBdcqz: "",
-        bsmQlr: "",
-        bsmQlxx: "",
-        bz: "",
-        cbfbm: "",
-        dh: "",
-        dlrdhhm: "",
-        dlrjgmc: "",
-        dlrxm: "",
-        dlrzjh: "",
-        dlrzjlx: "",
-        dz: "",
-        dzyj: "",
-        fbfbm: "",
-        frdh: "",
-        frmc: "",
-        fzjg: "",
-        gj: "",
-        gzdw: "",
-        hjszss: "",
-        qlrlx: "",
-        qlrmc: "",
-        qlrtz: "",
-        sfczr: "",
-        sshy: "",
-        sxh: 0,
-        xb: "",
-        yb: "",
-        zjh: "",
-        zjzl: "",
-      },
-      rules: {
-        qlrlx: [{ required: true, message: "权利人类型", trigger: "change" }],
-        qlrmc: [{ required: true, message: "姓名/名称", trigger: "blur" }],
-        zjzl: [{ required: true, message: "证件种类", trigger: "change" }],
-        zjh: [{ required: true, message: "证件号", trigger: "blur" }],
-      },
-    };
-  },
-  watch: {
-    value(val) {
-      this.myValue = _.cloneDeep(val);
+  import { mapGetters } from "vuex";
+  import store from '@/store/index.js'
+  import { replace } from "@/api/company.js"
+  import { getUuid } from "@/utils/operation.js"
+  import { getIdCardInfo } from '@/utils/operation.js'
+  import { queryQyByPage, queryYhByPage, addQy } from "@/api/xxba.js";
+  import { dataYh, dataQy, sendThis } from "./addQlrData";
+  export default {
+    props: {
+      value: { type: Boolean, default: false },
+      details: { type: Object, default: {} },
+      showButton: { type: Boolean, default: false },
     },
-    details: {
-      handler: function (val, oldVal) {
-        this.ruleForm = val;
-      },
-      deep: true,
+    computed: {
+      ...mapGetters(["dictData"]),
+    },
+    mounted () {
+      sendThis(this);
+    },
+    data () {
+      return {
+        isShow: false,
+        isBz: false,
+        activeName: '1',
+        loading: false,
+        myValue: this.value,
+        ruleForm: {
+          bsmBdcqz: "",
+          bsmQlr: "",
+          bsmQlxx: "",
+          bz: "",
+          cbfbm: "",
+          dh: "",
+          dlrdhhm: "",
+          dlrjgmc: "",
+          dlrxm: "",
+          dlrzjh: "",
+          dlrzjlx: "",
+          dz: "",
+          dzyj: "",
+          fbfbm: "",
+          frdh: "",
+          frmc: "",
+          fzjg: "",
+          gj: "",
+          gzdw: "",
+          hjszss: "",
+          qlrlx: "",
+          qlrmc: "",
+          qlrtz: "",
+          sfczr: "",
+          sshy: "",
+          sxh: 0,
+          xb: "",
+          yb: "",
+          zjh: "",
+          zjzl: "",
+        },
+        rules: {
+          qlrlx: [{ required: true, message: "权利人类型", trigger: "change" }],
+          qlrmc: [{ required: true, message: "姓名/名称", trigger: "blur" }],
+          zjzl: [{ required: true, message: "证件种类", trigger: "change" }],
+          zjh: [{ required: true, message: "证件号", trigger: "blur" }],
+        },
+        pageData: {
+          currentPage: 1,
+          pageSize: 8
+        },
+        // 企业
+        queryFormQY: {
+          qymc: "",
+          zjh: ""
+        },
+        tableDataQy: {
+          total: 0,
+          columns: dataQy.columns(),
+          data: [],
+        },
+        // 银行
+        queryFormYH: {
+          qymc: "",
+          zjh: ""
+        },
+        tableDataYh: {
+          total: 0,
+          columns: dataYh.columns(),
+          data: [
+          ]
+        }
+      }
     },
-  },
-  methods: {
-    /**
-     * @description: closeDialog
-     * @author: renchao
-     */
-    closeDialog() {
-      this.$emit("input", false);
-      this.$refs["ruleForm"].resetFields();
+    watch: {
+      value (val) {
+        this.myValue = _.cloneDeep(val)
+        if (val && Object.keys(this.details).length > 0) {
+          this.activeName = '1'
+        }
+        this.isShow = this.showButton
+      },
+      details: {
+        handler: function (val, oldVal) {
+          this.ruleForm = val;
+        },
+        deep: true
+      }
     },
-    /**
-     * @description: submitForm
-     * @author: renchao
-     */
-    submitForm() {
-      this.$refs.ruleForm.validate((valid) => {
-        if (valid) {
-          this.$emit("input", false);
-          this.$emit("updateDetail", _.cloneDeep(this.ruleForm));
+    methods: {
+      handleZjzl (val) {
+        if (['6', '7', '8'].includes(val)) {
+          this.isBz = true
+        } else {
+          this.isBz = false
+        }
+      },
+      /**
+       * @description: 信息备案
+       * @author: renchao
+       */
+      handleFilings () {
+        this.ruleForm.qymc = this.ruleForm.qlrmc
+        this.ruleForm.dwdz = this.ruleForm.dz
+        addQy(this.ruleForm).then(res => {
+          if (res.code == 200) {
+            this.$message.success('备案成功')
+          } else {
+            this.$message.error(res.message);
+          }
+        })
+      },
+      /**
+       * @description: handleClick
+       * @author: renchao
+       */
+      handleClick (event, tab) {
+        if (this.activeName != 1) {
+          this.isShow = false
         } else {
-          return false;
+          this.isShow = true
+        }
+        this.pageData.currentPage = 1
+        if (this.activeName == 2) {
+          this.handleSearchQY()
+        } else {
+          this.handleSearchYH()
+        }
+      },
+      /**
+       * @description:企业查询
+       * @param {*} val
+       * @param {*} code
+       * @author: renchao
+       */
+      dicStatus (val, code) {
+        let data = store.getters.dictData[code],
+          name = '暂无'
+        if (data) {
+          data.map((item) => {
+            if (item.dcode == val) {
+              name = item.dname
+            }
+          })
+          return name
         }
-      });
+      },
+      /**
+       * @description: 企业信息搜索
+       * @author: renchao
+       */
+      handleSearchQY () {
+        let data = { ...this.queryFormQY, ...this.pageData }
+        this.tableDataQy.data = []
+        queryQyByPage(data).then((res) => {
+          if (res.code === 200) {
+            let { total, records } = res.result;
+            this.tableDataQy.total = total;
+            this.tableDataQy.data = records;
+            this.tableDataQy.data.forEach(item => {
+              item.zjzlMc = this.dicStatus(item.zjzl, 'A30')
+              item.qlrmc = item.qymc
+              item.dz = item.dwdz
+              item.id = getUuid(16)
+            })
+          }
+        })
+      },
+      /**
+       * @description: handleQYCurrentChange
+       * @param {*} val
+       * @author: renchao
+       */
+      handleQYCurrentChange (val) {
+        this.pageData.currentPage = val
+        this.handleSearchQY()
+      },
+      /**
+       * @description: handlesQYSelect
+       * @param {*} val
+       * @author: renchao
+       */
+      handleSelect (val) {
+        let that = this
+        let bsmSldy = window.currentSelect.bsmSldy ? window.currentSelect.bsmSldy : ''
+        this.$confirm('是否同步材料信息?', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+        }).then(() => {
+          replace(val.bsmCompany, this.$route.query.bsmSlsq, bsmSldy).then(res => {
+            that.$emit("updateDetail", _.cloneDeep({ ...val, sqrlx: '2' }));
+            that.$emit("input", false);
+            if (res.code == 200) {
+              that.$message({
+                type: 'success',
+                message: '同步成功!'
+              })
+            } else {
+              this.$message.error(res.message);
+            }
+          })
+        }).catch(() => {
+          this.$message({
+            type: 'info',
+            message: '已取消'
+          })
+        })
+      },
+      /**
+       * @description: 银行信息搜索
+       * @author: renchao
+       */
+      handleSearchYH () {
+        let data = { ...this.queryFormYH, ...this.pageData }
+        this.tableDataYh.data = []
+        queryYhByPage(data).then((res) => {
+          if (res.code === 200) {
+            let { total, records } = res.result;
+            this.tableDataYh.total = total;
+            this.tableDataYh.data = records;
+            this.tableDataYh.data.forEach(item => {
+              item.zjzlMc = this.dicStatus(item.zjzl, 'A30')
+              item.qlrmc = item.qymc
+              item.dz = item.dwdz
+              item.id = getUuid(16)
+            })
+          }
+        })
+      },
+      /**
+       * @description: handleYHCurrentChange
+       * @param {*} val
+       * @author: renchao
+       */
+      handleYHCurrentChange (val) {
+        this.pageData.currentPage = val
+        this.handleSearchQY()
+      },
+      /**
+       * @description: 身份证打卡器
+       * @author: renchao
+       */
+      readClick () {
+        getIdCardInfo().then(res => {
+          if (res.data.code == 0) {
+            let data = res.data.IDCardInfo
+            this.ruleForm.qlrmc = data.name
+            this.ruleForm.zjzl = '1'
+            this.ruleForm.zjh = data.cardID
+            this.ruleForm.xb = data.sexCode
+            this.ruleForm.dz = data.address
+            this.ruleForm.fzjg = data.issueOrgan
+            this.$message({
+              message: '读取成功！',
+              type: 'success'
+            })
+          } else {
+            this.$message({
+              message: res.data.message,
+              type: 'warning'
+            })
+          }
+        })
+      },
+      /**
+       * @description: closeDialog
+       * @author: renchao
+       */
+      closeDialog () {
+        this.$emit("input", false);
+        this.$refs["ruleForm"].resetFields();
+      },
+      /**
+       * @description: submitForm
+       * @author: renchao
+       */
+      submitForm () {
+        this.$refs.ruleForm.validate((valid) => {
+          if (valid) {
+            this.$emit("input", false);
+            this.$emit("updateDetail", _.cloneDeep(this.ruleForm));
+          } else {
+            return false;
+          }
+        });
+      },
     },
-  },
-};
+  };
 </script>
 <style scoped lang="scss">
-@import "~@/styles/dialogBoxheader.scss";
-.submit-button {
-  text-align: center;
-  height: 52px;
-  padding-top: 10px;
-  background-color: #fff;
-}
+  @import "~@/styles/dialogBoxheader.scss";
+  .submit-button {
+    text-align: center;
+    height: 52px;
+    padding-top: 10px;
+    background-color: #fff;
+  }
+  .padding10 {
+    padding-bottom: 10px;
+  }
 </style>

+/*
+ * @Description:
+ * @Autor: renchao
+ * @LastEditTime: 2023-09-21 15:45:27
+ */
+import filter from '@/utils/filter.js'
+let vm = null
+
+const sendThis = (_this) => {
+  vm = _this
+}
+class data1 extends filter {
+  constructor() {
+    super()
+  }
+  columns () {
+    return [
+      {
+        prop: "qlrmc",
+        label: "姓名/名称",
+      },
+      {
+        prop: "zjzlMc",
+        label: "证件种类"
+      },
+      {
+        prop: "zjh",
+        label: "证件号",
+      },
+      {
+        prop: "frmc",
+        label: "法人名称",
+      },
+      {
+        prop: "dwdz",
+        label: "地址",
+      },
+      {
+        prop: "dh",
+        label: "联系电话",
+      }
+    ]
+  }
+
+}
+class data2 extends filter {
+  constructor() {
+    super()
+
+  }
+  columns () {
+    return [
+      {
+        prop: "qlrmc",
+        label: "姓名/名称",
+      },
+      {
+        prop: "zjzlMc",
+        label: "证件种类",
+      },
+      {
+        prop: "zjh",
+        label: "证件号",
+      },
+      {
+        prop: "frmc",
+        label: "法人名称",
+      },
+      {
+        prop: "dwdz",
+        label: "地址",
+      },
+      {
+        prop: "dh",
+        label: "联系电话",
+      },
+    ]
+  }
+
+}
+let dataYh = new data1()
+let dataQy = new data2()
+export {
+  dataYh,
+  dataQy,
+  sendThis
+}

 <!--
  * @Description: workFrame左侧菜单列表-普通
  * @Autor: renchao
- * @LastEditTime: 2023-07-17 16:16:13
+ * @LastEditTime: 2023-09-21 16:02:05
 -->
 <template>
   <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }">
@@ -171,7 +171,6 @@
         this.$parent.loadComponent(this.currentSelectProps, data);
         this.$parent.tabset();
       },
-      //申请单元点击事件
       /**
        * @description: 申请单元点击事件
        * @param {*} index
@@ -180,6 +179,7 @@
       unitClick (index) {
         this.clickindex = index
         this.currentSelectProps = this.supplementarylist[index];
+        window.currentSelect = this.supplementarylist[index]
         this.$emit("getCurrentSelectProps", this.currentSelectProps);
       },
       /**

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-09-01 13:30:54
+ * @LastEditTime: 2023-09-21 16:02:53
 -->
 <template>
   <div>
@@ -21,8 +21,9 @@
   </div>
 </template>
 <script>
-  import addQlr from "./dialog/addQlr.vue";
   import { mapGetters } from "vuex";
+  import addQlr from "./dialog/addQlr.vue";
+  import { getIdCardInfo } from '@/utils/operation.js'
   export default {
     components: {
       addQlr,
@@ -102,7 +103,7 @@
                   icon="el-icon-tickets"
                   disabled={!this.ableOperation}
                   onClick={() => {
-                    this.readClick(scope);
+                    this.readClick(scope.row)
                   }}
                 >
                   读取
@@ -178,12 +179,12 @@
           this.$nextTick(() => {
             if (val.length == 0 || !val) {
               that.tableDataList = _.cloneDeep([
-                {
-                  qlrmc: "",
-                  dlrzjlx: "",
-                  dlrzjh: "",
-                  fr: "",
-                },
+                // {
+                //   qlrmc: "",
+                //   dlrzjlx: "",
+                //   dlrzjh: "",
+                //   fr: "",
+                // },
               ]);
             } else {
               that.tableDataList = _.cloneDeep(val);
@@ -255,15 +256,32 @@
         this.tableDataList.splice(index, 1);
         this.$emit("upDateQlrxxList", this.tableDataList);
       },
-
-      // 身份证读取
       /**
        * @description: 身份证读取
        * @author: renchao
        */
-      readClick () { },
-
-      // 身份证读取按钮禁用
+      readClick (row) {
+        getIdCardInfo().then(res => {
+          if (res.data.code == 0) {
+            let data = res.data.IDCardInfo
+            row.qlrmc = data.name
+            row.zjzl = '1'
+            row.zjh = data.cardID
+            row.xb = data.sexCode
+            row.dz = data.address
+            row.fzjg = data.issueOrgan
+            this.$message({
+              message: '读取成功！',
+              type: 'success'
+            })
+          } else {
+            this.$message({
+              message: res.data.message,
+              type: 'warning'
+            })
+          }
+        })
+      },
       /**
        * @description: 身份证读取按钮禁用
        * @author: renchao

 <template>
-<div class="all">
-  <div class="tbalede">
+  <div class="all">
+    <div class="tbalede">
       <div class="title">
         {{ title }}
       </div>
-       <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">
-              <span>
-                {{ getQsztName(row[item.prop]) }}
-              </span>
-                <span v-if="['djyy','fj'].includes(item.prop)">
-                  {{ row[item.prop] }}
-                </span>
+      <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">
+            <span>
+              {{ getQsztName(row[item.prop]) }}
+            </span>
+            <span v-if="['djyy','fj'].includes(item.prop)">
+              {{ row[item.prop] }}
+            </span>
 
-              <span v-if="(item.prop !== 'qszt' && item.prop !== 'djyy'&& item.prop !== 'fj') && !judge(item.label)">
-                {{ row[item.prop] }}
-              </span>
-              <div v-if="judge(item.label)">
-                <div v-for="(label, index) in row.djQlxxFdcqxmDoList" :key="index">
-                  {{ label[item.prop] }}
-                </div>
+            <span v-if="(item.prop !== 'qszt' && item.prop !== 'djyy'&& item.prop !== 'fj') && !judge(item.label)">
+              {{ row[item.prop] }}
+            </span>
+            <div v-if="judge(item.label)">
+              <div v-for="(label, index) in row.djQlxxFdcqxmDoList" :key="index">
+                {{ label[item.prop] }}
               </div>
-            </td>
-            <td v-for="count in emptycolNum" :key="~count"></td>
-          </tr>
+            </div>
+          </td>
+          <td v-for="count in emptycolNum" :key="~count"></td>
+        </tr>
       </table>
-       </div>
-      <div class="tbalede">
-       <div class="title">
+    </div>
+    <div class="tbalede">
+      <div class="title">
         {{ title }}
       </div>
       <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">
-              <span class="ooo" v-if="item.prop == 'qszt'">
-                {{ getQsztName(row[item.prop]) }}
-              </span>
-
-              <el-tooltip v-if="['djyy','fj'].includes(item.prop)" >
-                <span>
-                  {{ row[item.prop] }}
-                </span>
-              </el-tooltip>
+        <tr v-for="(item, colindex) in columns" :key="colindex">
+          <td>
+            {{ item.label }}
+          </td>
+          <td v-for="(row, index) in tableData" :key="index">
+            <span class="ooo" v-if="item.prop == 'qszt'">
+              {{ getQsztName(row[item.prop]) }}
+            </span>
 
-              <span v-if="(item.prop !== 'qszt' && item.prop !== 'djyy'&& item.prop !== 'fj') && !judge(item.label)">
+            <el-tooltip v-if="['djyy','fj'].includes(item.prop)">
+              <span>
                 {{ row[item.prop] }}
               </span>
-              <div v-if="judge(item.label)">
-                <div v-for="(label, index) in row.djQlxxFdcqxmDoList" :key="index">
-                  {{ label[item.prop] }}
-                </div>
+            </el-tooltip>
+
+            <span v-if="(item.prop !== 'qszt' && item.prop !== 'djyy'&& item.prop !== 'fj') && !judge(item.label)">
+              {{ row[item.prop] }}
+            </span>
+            <div v-if="judge(item.label)">
+              <div v-for="(label, index) in row.djQlxxFdcqxmDoList" :key="index">
+                {{ label[item.prop] }}
               </div>
-            </td>
-            <td v-for="count in emptycolNum" :key="~count"></td>
-          </tr>
-   </table>
+            </div>
+          </td>
+          <td v-for="count in emptycolNum" :key="~count"></td>
+        </tr>
+      </table>
+    </div>
   </div>
-</div>
 </template>
 
 <script>
@@ -77,7 +77,7 @@
         qsztList: datas.columns().qsztList,
         checkList: datas.columns().checkList,
         //传递参数
-          bdcdyid: this.$route.query.bdcdyid,
+        bdcdyid: this.$route.query.bdcdyid,
         qllx: this.$route.query.qllx,
         //列表数据
         tableData: [],
@@ -110,7 +110,7 @@
           if (res.code === 200) {
             this.tableData = res.result;
             this.tableData.forEach(item => {
-               this.tableData.push(item)
+              this.tableData.push(item)
               item.sjlx = getSjlx(item.sjlx)
 
             })
@@ -195,129 +195,123 @@
 
 <style lang="scss" scoped>
   .all {
-  width: 794px;
-  height: 100%;
-  margin: auto;
-  background-color: rgb(255, 255, 255);
-overflow: hidden
-}
-.tbalede {
-  width: 794px;
-  height: 1123px;
-  margin: auto;
-      .title {
-            width: 100%;
-            font-weight: 700;
-            font-size: 16px;
-            text-align: center;
-            height: 62px;
-            line-height: 62px;
-            position: relative;
-            margin: 0 3px;
-        }
-}
-.top {
-  width: 80%;
-  height: 100px;
-  margin: auto;
-  display: flex;
-  position: relative;
-}
-p {
-  position: absolute;
-  bottom: 10px;
-  right: 10px;
-}
-table {
-  width: 80%;
-  border: 1px solid black;
-  margin: 0 auto;
-  border-collapse: collapse;
-}
-.head {
-  font-size: 20px;
-  width: 100%;
-  height: 40px;
-  margin: auto;
-}
-.dyh {
-  padding: 10px;
-  font-size: 12px;
-  text-align: left;
-}
-
-
-.content {
-  height: 40px;
-}
-.slash-wrap {
-  position: relative;
-  box-sizing: border-box;
-  width: 150px;
-  height: 40px;
-}
-/* 斜线 */
-.slash1 {
-  position: absolute;
-  display: block;
-  top: 0;
-  left: 0;
-  width: 133px;
-  height: 1px;
-  background-color: #949393;
-  transform: rotate(17.93010235415598deg);
-  transform-origin: top left;
-}
-/* 左下角文字 */
-.left {
-  position: absolute;
-  left: 30px;
-  bottom: 5px;
-}
-
-/* 右上角文字 */
-.mid {
-  position: absolute;
-  /* 右上角 right:0; top: 0; */
-  right: 29px;
-  top: 4px;
-}
-   .xxTable {
-            width: 100%;
-            border-collapse: collapse;
+    width: 794px;
+    height: 100%;
+    margin: auto;
+    background-color: rgb(255, 255, 255);
+    overflow: hidden;
+  }
+  .tbalede {
+    width: 794px;
+    height: 1123px;
+    margin: auto;
+    .title {
+      width: 100%;
+      font-weight: 700;
+      font-size: 16px;
+      text-align: center;
+      height: 62px;
+      line-height: 62px;
+      position: relative;
+      margin: 0 3px;
+    }
+  }
+  .top {
+    width: 80%;
+    height: 100px;
+    margin: auto;
+    display: flex;
+    position: relative;
+  }
+  p {
+    position: absolute;
+    bottom: 10px;
+    right: 10px;
+  }
+  table {
+    width: 80%;
+    border: 1px solid black;
+    margin: 0 auto;
+    border-collapse: collapse;
+  }
+  .head {
+    font-size: 20px;
+    width: 100%;
+    height: 40px;
+    margin: auto;
+  }
+  .dyh {
+    padding: 10px;
+    font-size: 12px;
+    text-align: left;
+  }
 
+  .content {
+    height: 40px;
+  }
+  .slash-wrap {
+    position: relative;
+    box-sizing: border-box;
+    width: 150px;
+    height: 40px;
+  }
+  /* 斜线 */
+  .slash1 {
+    position: absolute;
+    display: block;
+    top: 0;
+    left: 0;
+    width: 133px;
+    height: 1px;
+    background-color: #949393;
+    transform: rotate(17.93010235415598deg);
+    transform-origin: top left;
+  }
+  /* 左下角文字 */
+  .left {
+    position: absolute;
+    left: 30px;
+    bottom: 5px;
+  }
 
+  /* 右上角文字 */
+  .mid {
+    position: absolute;
+    /* 右上角 right:0; top: 0; */
+    right: 29px;
+    top: 4px;
+  }
+  .xxTable {
+    width: 100%;
+    border-collapse: collapse;
 
-            tr td {
-                border: 2px solid rgb(227, 226, 226);
-                text-align: center;
-                height: 40px;
-                font-size: 13px;
-                // flex: 1;
-                // display: flex;
-                // align-items: center;
-                // justify-content: center;
-                min-width: 80px;
-                z-index: 1;
-                .ooo{
-                  width: 190px!important;
-
-                }
-            }
-            td:first-child{
-                flex: inherit !important;
-                // width: 200px !important;
-                min-width: 180px !important;
-            }
-
-        }
-        .ellipsis-line {
-  display: inline-block;
-  width: 300px;
-  height: 100px!important;
-  line-height: 20px!important;
-  word-break: break-all;
-  text-overflow: ellipsis;
-  overflow: hidden;
-}
+    tr td {
+      border: 2px solid rgb(227, 226, 226);
+      text-align: center;
+      height: 40px;
+      font-size: 13px;
+      // flex: 1;
+      // display: flex;
+      // align-items: center;
+      // justify-content: center;
+      min-width: 80px;
+      z-index: 1;
+      .ooo {
+        width: 190px !important;
+      }
+    }
+    td:first-child {
+      flex: inherit !important;
+      // min-width: 180px !important;
+    }
+  }
+  .ellipsis-line {
+    display: inline-block;
+    width: 300px;
+    height: 100px !important;
+    line-height: 20px !important;
+    word-break: break-all;
+    text-overflow: ellipsis;
+    overflow: hidden;
+  }
 </style>

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-08-25 17:16:32
+ * @LastEditTime: 2023-09-22 09:56:51
 -->
 <template>
- <div class="all">
+  <div class="all">
     <div class="tbalede">
-        <table class="xxTable">
-           <tr>
+      <table class="xxTable">
+        <tr>
           <th colspan="5" class="head"> {{ title }}</th>
         </tr>
-          <tr v-for="(item, colindex) in columns" :key="colindex">
-            <td>
-              {{ item.label }}
-            </td>
-            <td
-              v-for="(row, index) in tableData"
-              :key="index">
-                <span>
-                  {{ getQsztName(row[item.prop]) }}
-                </span>
+        <tr v-for="(item, colindex) in columns" :key="colindex">
+          <td>
+            {{ item.label }}
+          </td>
+          <td
+            v-for="(row, index) in tableData"
+            :key="index">
+            <span>
+              {{ getQsztName(row[item.prop]) }}
+            </span>
 
-                <span>
-                  {{ row[item.prop] }}
-                </span>
+            <span>
+              {{ row[item.prop] }}
+            </span>
 
-            </td>
-            <td v-for="count in emptycolNum" :key="~count"></td>
-          </tr>
-        </table>
-      </div>
+          </td>
+          <td v-for="count in emptycolNum" :key="~count"></td>
+        </tr>
+      </table>
+    </div>
   </div>
 </template>
 
@@ -44,7 +44,7 @@
         qsztList: datas.columns().qsztList,
         checkList: datas.columns().checkList,
         //传递参数
-          bdcdyid: this.$route.query.bdcdyid,
+        bdcdyid: this.$route.query.bdcdyid,
         qllx: this.$route.query.qllx,
         //列表数据
         tableData: [],
@@ -151,108 +151,105 @@
 </script>
 
   <style lang="scss" scoped>
-   .all {
-  width: 794px;
-  height: 100%;
-  margin: auto;
-  background-color: rgb(255, 255, 255);
-}
-.tbalede {
-  width: 794px;
-  height: 1123px;
-  margin: auto;
-}
-.top {
-  width: 80%;
-  height: 100px;
-  margin: auto;
-  display: flex;
-  position: relative;
-}
-p {
-  position: absolute;
-  bottom: 10px;
-  right: 10px;
-}
-table {
-  width: 80%;
-  border: 1px solid black;
-  margin: 0 auto;
-  border-collapse: collapse;
-}
-.head {
-  font-size: 20px;
-  width: 100%;
-  height: 40px;
-  margin: auto;
-}
-.dyh {
-  padding: 10px;
-  font-size: 12px;
-  text-align: left;
-}
-
+  .all {
+    width: 794px;
+    height: 100%;
+    margin: auto;
+    background-color: rgb(255, 255, 255);
+  }
+  .tbalede {
+    width: 794px;
+    height: 1123px;
+    margin: auto;
+  }
+  .top {
+    width: 80%;
+    height: 100px;
+    margin: auto;
+    display: flex;
+    position: relative;
+  }
+  p {
+    position: absolute;
+    bottom: 10px;
+    right: 10px;
+  }
+  table {
+    width: 80%;
+    border: 1px solid black;
+    margin: 0 auto;
+    border-collapse: collapse;
+  }
+  .head {
+    font-size: 20px;
+    width: 100%;
+    height: 40px;
+    margin: auto;
+  }
+  .dyh {
+    padding: 10px;
+    font-size: 12px;
+    text-align: left;
+  }
 
-.content {
-  height: 40px;
-}
-.slash-wrap {
-  position: relative;
-  box-sizing: border-box;
-  width: 150px;
-  height: 40px;
-}
-/* 斜线 */
-.slash1 {
-  position: absolute;
-  display: block;
-  top: 0;
-  left: 0;
-  width: 133px;
-  height: 1px;
-  background-color: #949393;
-  transform: rotate(17.93010235415598deg);
-  transform-origin: top left;
-}
-/* 左下角文字 */
-.left {
-  position: absolute;
-  left: 30px;
-  bottom: 5px;
-}
+  .content {
+    height: 40px;
+  }
+  .slash-wrap {
+    position: relative;
+    box-sizing: border-box;
+    width: 150px;
+    height: 40px;
+  }
+  /* 斜线 */
+  .slash1 {
+    position: absolute;
+    display: block;
+    top: 0;
+    left: 0;
+    width: 133px;
+    height: 1px;
+    background-color: #949393;
+    transform: rotate(17.93010235415598deg);
+    transform-origin: top left;
+  }
+  /* 左下角文字 */
+  .left {
+    position: absolute;
+    left: 30px;
+    bottom: 5px;
+  }
 
-/* 右上角文字 */
-.mid {
-  position: absolute;
-  /* 右上角 right:0; top: 0; */
-  right: 29px;
-  top: 4px;
-}
-   .xxTable {
-            width: 100%;
-            border-collapse: collapse;
-table-layout:fixed;
+  /* 右上角文字 */
+  .mid {
+    position: absolute;
+    /* 右上角 right:0; top: 0; */
+    right: 29px;
+    top: 4px;
+  }
+  .xxTable {
+    width: 100%;
+    border-collapse: collapse;
+    table-layout: fixed;
 
-
-            td {
-                border: 1px solid rgb(0, 0, 0);
-                text-align: center;
-                height: 40px;
-                width: 80px!important;
-                word-wrap:break-word
-            }
-            td:first-child{
-                min-width: 180px !important;
-            }
-
-        }
-        .ellipsis-line {
-  display: inline-block;
-  width: 300px;
-  height: 100px!important;
-  line-height: 20px!important;
-  word-break: break-all;
-  text-overflow: ellipsis;
-  overflow: hidden;
-}
+    td {
+      border: 1px solid rgb(0, 0, 0);
+      text-align: center;
+      height: 40px;
+      width: 80px !important;
+      word-wrap: break-word;
+    }
+    td:first-child {
+      // min-width: 180px !important;
+    }
+  }
+  .ellipsis-line {
+    display: inline-block;
+    width: 300px;
+    height: 100px !important;
+    line-height: 20px !important;
+    word-break: break-all;
+    text-overflow: ellipsis;
+    overflow: hidden;
+  }
 </style>

@@ -60,7 +60,8 @@
                 top: 0px;
                 z-index: 3;
                 margin-top: -2px;
-                &:after{
+
+                &:after {
                     content: "";
                     display: inline-block;
                     width: 100%;
@@ -77,7 +78,8 @@
                 position: sticky;
                 top: 40px;
                 z-index: 3;
-                &:after{
+
+                &:after {
                     content: "";
                     display: inline-block;
                     width: 100%;
@@ -102,7 +104,9 @@
                 left: 0;
                 z-index: 2;
                 margin-left: -2px;
-                &:before{
+                width: 200px;
+
+                &:before {
                     content: "";
                     display: inline-block;
                     width: 2px;
@@ -113,7 +117,8 @@
                     left: -2px;
                     z-index: 3;
                 }
-                &:after{
+
+                &:after {
                     content: "";
                     display: inline-block;
                     width: 2px;
@@ -228,11 +233,12 @@
                 min-width: 340px;
                 z-index: 1;
             }
-            td:first-child{
+
+            td:first-child {
                 flex: inherit !important;
-                // width: 200px !important;
-                min-width: 180px !important;
+                // min-width: 180px !important;
             }
+
             >tr:nth-child(odd) td {
                 background: #f2f2f2;
             }
@@ -258,4 +264,4 @@
             margin-left: 2px;
         }
     }
-}
+}
\ No newline at end of file

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-09-18 15:07:44
+ * @LastEditTime: 2023-09-22 09:49:24
 -->
 <template>
   <div class="djxxTable">
@@ -40,14 +40,14 @@
        * @description: loadData
        * @author: renchao
        */
-      loadData () {
+      loadData (checkList = []) {
         if (this.$parent.addRepairRecord) {
           this.columns.unshift({ prop: "cz", label: "操作" });
         }
         getCfdjList({
           bdcdyid: this.propsParam.bdcdyid,
           qllx: this.propsParam.qllx,
-          qszt: this.checkList,
+          qszt: checkList
         }).then((res) => {
           if (res.code === 200) {
             this.tableData = res.result;

@@ -23,13 +23,12 @@
               {{ item.label }}
             </td>
             <td v-for="(row, index) in tableData" :key="index">
-             <div class="setbut" v-if="item.prop == 'bhqk'">
-                 {{ index?"变化后": "变化前"}}
+              <div class="setbut" v-if="item.prop == 'bhqk'">
+                {{ index?"变化后": "变化前"}}
               </div>
               <div
-                v-if="item.prop == 'cz' && row.sjlx != '系统数据'"
-              ></div>
-               <span v-if="item.prop == 'qszt'" :class="item.co">
+                v-if="item.prop == 'cz' && row.sjlx != '系统数据'"></div>
+              <span v-if="item.prop == 'qszt'" :class="item.co">
                 {{ getQsztName(row[item.prop]) }}
               </span>
               <span v-else :class="item.co"> {{ row[item.prop] }}</span>
@@ -42,150 +41,146 @@
 </template>
 
 <script>
-import { datas } from "./qlxxFormData.js";
-import { getSjlx } from "@/utils/dictionary.js";
-import { getDjbQlxxDiff } from "@/api/djbDetail.js";
-export default {
-  props: {
-    formData: {
-      type: Object,
-      default: {},
+  import { datas } from "./qlxxFormData.js";
+  import { getSjlx } from "@/utils/dictionary.js";
+  import { getDjbQlxxDiff } from "@/api/djbDetail.js";
+  export default {
+    props: {
+      formData: {
+        type: Object,
+        default: {},
+      },
     },
-  },
-  data() {
-    return {
-      radio: 1,
-      title: "变化情况对比",
-      qsztList: datas.columns().qsztList,
-      //列表数据
-      tableData: [],
-      //空列值个数
-      emptycolNum: 1,
-      //列名称对象
-      columns: [],
-      columnsall:[],
-       columnsum:[]
-    };
-  },
-  created() {
-    switch (this.formData.dqqllx) {
-      case "JSYDSYQ":
-        this.columns = datas.columns().JSYDSYQ;
-        break;
-      case "FDCQ2":
-        this.columns = datas.columns().FDCQ2;
-        break;
-      case "NYDSYQ":
-        this.columns = datas.columns().NYDSYQ;
-        break;
-      case "DYAQ":
-        this.columns = datas.columns().DYAQ;
-        break;
-      case "DYIQ":
-        this.columns = datas.columns().DYIQ;
-        break;
-      case "YGDJ":
-        this.columns = datas.columns().YGDJ;
-        break;
-      case "CFDJ":
-        this.columns = datas.columns().CFDJ;
-        break;
-      case "YYDJ":
-        this.columns = datas.columns().YYDJ;
-        break;
-    }
-    this.getdata();
-  },
-  methods: {
-    getArrDifference: function(arr1, arr2){
-  return arr1.concat(arr2).filter(function(value, i, arr){
-    return arr.indexOf(value) === arr.lastIndexOf(value);
-  })
-},
-    /**
-     * @description: checkChange
-     * @author: renchao
-     */
-    getdata() {
-      getDjbQlxxDiff(this.formData.bsmQlxx).then((res) => {
-        if (res.code === 200) {
-        this.tableData.push(res.result.ssQlxx)
-        this.tableData.push(res.result.currentQlxx)
+    data () {
+      return {
+        radio: 1,
+        title: "变化情况对比",
+        qsztList: datas.columns().qsztList,
+        //列表数据
+        tableData: [],
+        //空列值个数
+        emptycolNum: 1,
+        //列名称对象
+        columns: [],
+        columnsall: [],
+        columnsum: []
+      };
+    },
+    created () {
+      switch (this.formData.dqqllx) {
+        case "JSYDSYQ":
+          this.columns = datas.columns().JSYDSYQ;
+          break;
+        case "FDCQ2":
+          this.columns = datas.columns().FDCQ2;
+          break;
+        case "NYDSYQ":
+          this.columns = datas.columns().NYDSYQ;
+          break;
+        case "DYAQ":
+          this.columns = datas.columns().DYAQ;
+          break;
+        case "DYIQ":
+          this.columns = datas.columns().DYIQ;
+          break;
+        case "YGDJ":
+          this.columns = datas.columns().YGDJ;
+          break;
+        case "CFDJ":
+          this.columns = datas.columns().CFDJ;
+          break;
+        case "YYDJ":
+          this.columns = datas.columns().YYDJ;
+          break;
+      }
+      this.getdata();
+    },
+    methods: {
+      getArrDifference: function (arr1, arr2) {
+        return arr1.concat(arr2).filter(function (value, i, arr) {
+          return arr.indexOf(value) === arr.lastIndexOf(value);
+        })
+      },
+      /**
+       * @description: checkChange
+       * @author: renchao
+       */
+      getdata () {
+        getDjbQlxxDiff(this.formData.bsmQlxx).then((res) => {
+          if (res.code === 200) {
+            this.tableData.push(res.result.ssQlxx)
+            this.tableData.push(res.result.currentQlxx)
 
-          this.tableData.map((item) => {
-            item.sjlx = getSjlx(item.sjlx);
-          });
-       for (let key in  this.tableData[0]) {
-         this.columnsum=this.columns.filter((item,index) => {
-             if(this.tableData[1][key]!==this.tableData[0][key]&&this.columns[index].prop==key){
-               this.columns[index].bt="bgc"
-                this.columns[index].co="red"
-             }
-           return this.columns[index].bt=="bgc"
-           })
-       }
-          this.columns.unshift({
-            prop: "bhqk",
-            label: ""
-          })
-          this.columnsum.unshift({
-            prop: "bhqk",
-            label: ""
-          })
-         this.columnsall= this.columns
+            this.tableData.map((item) => {
+              item.sjlx = getSjlx(item.sjlx);
+            });
+            for (let key in this.tableData[0]) {
+              this.columnsum = this.columns.filter((item, index) => {
+                if (this.tableData[1][key] !== this.tableData[0][key] && this.columns[index].prop == key) {
+                  this.columns[index].bt = "bgc"
+                  this.columns[index].co = "red"
+                }
+                return this.columns[index].bt == "bgc"
+              })
+            }
+            this.columns.unshift({
+              prop: "bhqk",
+              label: ""
+            })
+            this.columnsum.unshift({
+              prop: "bhqk",
+              label: ""
+            })
+            this.columnsall = this.columns
 
 
 
-        }
-      });
-    }
+          }
+        });
+      }
     /**
      * @description: getQsztName
      * @param {*} code
      * @author: renchao
      */,
-    getQsztName(code) {
-      let name = "";
-      for (let item of this.qsztList) {
-        if (item.value == code) {
-          name = item.label;
-          break;
+      getQsztName (code) {
+        let name = "";
+        for (let item of this.qsztList) {
+          if (item.value == code) {
+            name = item.label;
+            break;
+          }
         }
-      }
-      return name;
-    },
+        return name;
+      },
 
-    checkChange() {
-      if(this.radio==2){
-        this.columnsall=this.columnsum
+      checkChange () {
+        if (this.radio == 2) {
+          this.columnsall = this.columnsum
 
-      }else{
-         this.columnsall=this.columns
+        } else {
+          this.columnsall = this.columns
 
-      }
+        }
+      },
     },
-  },
-};
+  };
 </script>
 
 <style lang="scss" scoped>
-@import "./qlxxCommon.scss";
-.bgc{
-
-   td{
-  // background-color: rgb(182, 203, 207) !important;
-
+  @import "./qlxxCommon.scss";
+  .bgc {
+    td {
+      // background-color: rgb(182, 203, 207) !important;
     }
   }
-.xxTable tr td{
-
-    min-width: 520px!important;
-
-}
-  .red{
+  .xxTable tr td {
+    min-width: 520px !important;
+  }
+  .red {
     color: red;
   }
-  .setbut{
+  .setbut {
     font-size: 18px;
     font-weight: 700;
   }

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-09-21 10:53:44
+ * @LastEditTime: 2023-09-22 09:47:08
 -->
 <template>
   <div class="tableBox">
@@ -172,7 +172,7 @@
           this.tableData = [];
           this.emptycolNum = datas.columns().emptycolNum;
         } else {
-          this.$parent.loadData();
+          this.$parent.loadData(this.checkList);
         }
       },
       /**

@@ -9,8 +9,7 @@
       class="tbalede"
       v-for="(el, indexx) in datass"
       :key="indexx"
-      style="page-break-after: always"
-    >
+      style="page-break-after: always">
       <div class="title">{{ title }}</div>
       <div class="num">共{{ datass.length }}页，第{{ indexx + 1 }}页</div>
       <table class="xxTable">
@@ -25,8 +24,7 @@
           <td
             v-show="el.emptycolNum"
             v-for="count in emptycolNum"
-            :key="count"
-          ></td>
+            :key="count"></td>
         </tr>
       </table>
     </div>
@@ -34,126 +32,120 @@
 </template>
 
 <script>
-import { datas } from "./qlxxFormData.js";
-import { getSjlx } from "@/utils/dictionary.js";
-import { getFieldListByQlxx } from "@/api/SysDjbFieldDO.js";
+  import { datas } from "./qlxxFormData.js";
+  import { getSjlx } from "@/utils/dictionary.js";
+  import { getFieldListByQlxx } from "@/api/SysDjbFieldDO.js";
 
-export default {
-  data() {
-    return {
-      title: this.$parent.title,
-      //列表数据
-      //空列值个数
-      emptycolNum: 4,
-      //列名称对象
-      columns: [],
-      datass: [],
-    };
-  },
-  props: {
-    tableData: {
-      type: Array,
-      default: () => [],
+  export default {
+    data () {
+      return {
+        title: this.$parent.title,
+        //列表数据
+        //空列值个数
+        emptycolNum: 4,
+        //列名称对象
+        columns: [],
+        datass: [],
+      };
     },
-    render: {
-      type: Boolean,
-      default: false,
-    },
-  },
-  created() {},
-  watch: {
-    tableData: {
-      handler(newValue, oldValue) {
-        this.tableData = newValue;
+    props: {
+      tableData: {
+        type: Array,
+        default: () => [],
+      },
+      render: {
+        type: Boolean,
+        default: false,
       },
     },
-    render: {
-      handler(newValue, oldValue) {
-        console.log("newValue",newValue);
-        console.log("columns",this.columns);
-        if (newValue) {
-          this.loadData();
-        }
+    created () { },
+    watch: {
+      tableData: {
+        handler (newValue, oldValue) {
+          this.tableData = newValue;
+        },
+      },
+      render: {
+        handler (newValue, oldValue) {
+          console.log("newValue", newValue);
+          console.log("columns", this.columns);
+          if (newValue) {
+            this.loadData();
+          }
+        },
       },
+      immediate: true,
+      deep: true,
     },
-    immediate: true,
-    deep: true,
-  },
-  methods: {
-    /**
-     * @description: loadData
-     * @author: miaofang
-     */
-    loadData() {
-      getFieldListByQlxx({
-        qllx: this.tableData[0].qllx,
-      }).then((res) => {
-        if (res.code === 200) {
-          this.columns = res.result;
-          console.log("columnssssssssssss",this.columns);
+    methods: {
+      /**
+       * @description: loadData
+       * @author: miaofang
+       */
+      loadData () {
+        getFieldListByQlxx({
+          qllx: this.tableData[0].qllx,
+        }).then((res) => {
+          if (res.code === 200) {
+            this.columns = res.result;
+            console.log("columnssssssssssss", this.columns);
+          }
+        });
+        if (this.tableData.length && this.datass.length == 0) {
+          for (let i = 0; i < this.tableData.length; i += 4) {
+            this.datass.push(this.tableData.slice(i, i + 4));
+          }
+          let num = this.datass[this.datass.length - 1].length;
+          if (num < 4) {
+            this.emptycolNum = 4 - num;
+            this.datass[this.datass.length - 1].emptycolNum = true;
+          } else {
+            this.emptycolNum = 0;
+          }
         }
-      });
-      if (this.tableData.length && this.datass.length == 0) {
-        for (let i = 0; i < this.tableData.length; i += 4) {
-          this.datass.push(this.tableData.slice(i, i + 4));
-        }
-        let num = this.datass[this.datass.length - 1].length;
-        if (num < 4) {
-          this.emptycolNum = 4 - num;
-          this.datass[this.datass.length - 1].emptycolNum = true;
-        } else {
-          this.emptycolNum = 0;
-        }
-      }
+      },
     },
-  },
-};
+  };
 </script>
 
 <style lang="scss" scoped>
-.tbalede {
-  width: 100%;
-  margin: auto;
-  position: relative;
-  .num {
-   position: absolute;
-   right: 10px;
-   top: 0px;
-  }
-  .title {
+  .tbalede {
     width: 100%;
-    font-weight: 700;
-    font-size: 16px;
-    text-align: center;
-    height: 62px;
-    line-height: 62px;
+    margin: auto;
     position: relative;
-    margin: 0 3px;
-  }
-  .xxTable {
-    width: 100%;
-    border-collapse: collapse;
-
-    tr td {
-      border: 2px solid rgb(227, 226, 226);
+    .num {
+      position: absolute;
+      right: 10px;
+      top: 0px;
+    }
+    .title {
+      width: 100%;
+      font-weight: 700;
+      font-size: 16px;
       text-align: center;
-      height: 40px;
-      font-size: 13px;
-      min-width: 80px;
-      z-index: 1;
-      min-width: 80px;
-      padding: 5px;
+      height: 62px;
+      line-height: 62px;
+      position: relative;
+      margin: 0 3px;
     }
-    td {
-      width: 20px !important;
-      word-break: break-all;
-      //       /* 方法一：使用 word-break */
-      // word-break: break-all;
-      // // /* 方法二：使用 white-space */
-      // // white-space: pre-wrap;
-      // // /* 方法三：使用 overflow-wrap */
-      // // overflow-wrap: break-word;
+    .xxTable {
+      width: 100%;
+      border-collapse: collapse;
+
+      tr td {
+        border: 2px solid rgb(227, 226, 226);
+        text-align: center;
+        height: 40px;
+        font-size: 13px;
+        min-width: 80px;
+        z-index: 1;
+        min-width: 80px;
+        padding: 5px;
+      }
+      td {
+        width: 20px !important;
+        word-break: break-all;
+      }
     }
   }
-}
 </style>

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-09-18 15:04:32
+ * @LastEditTime: 2023-09-22 09:50:12
 -->
 <template>
   <div class="djxxTable">
@@ -40,14 +40,14 @@
        * @description: loadData
        * @author: renchao
        */
-      loadData () {
+      loadData (checkList = []) {
         if (this.$parent.addRepairRecord) {
           this.columns.unshift({ prop: "cz", label: "操作" });
         }
         getDiyaqList({
           bdcdyid: this.propsParam.bdcdyid,
           qllx: this.propsParam.qllx,
-          qszt: this.checkList,
+          qszt: checkList
         }).then((res) => {
           if (res.code === 200) {
             this.tableData = res.result;

 <!--
  * @Description:
  * @Autor: miaofang
- * @LastEditTime: 2023-09-18 15:04:54
+ * @LastEditTime: 2023-09-22 09:50:28
 -->
 <template>
   <div class="djxxTable">
@@ -36,14 +36,14 @@
       this.loadData();
     },
     methods: {
-      loadData () {
+      loadData (checkList = []) {
         if (this.$parent.addRepairRecord) {
           this.columns.unshift({ prop: "cz", label: "操作" });
         }
         getDiyiqList({
           bdcdyid: this.propsParam.bdcdyid,
           qllx: this.propsParam.qllx,
-          qszt: this.checkList,
+          qszt: checkList
         }).then((res) => {
           if (res.code === 200) {
             this.tableData = res.result;

@@ -14,17 +14,15 @@
         :default-expand-all="true"
         :expand-on-click-node="false"
         node-key="id"
-        :default-checked-keys="[showTab]"
-      >
+        :default-checked-keys="[showTab]">
       </el-tree>
-    <el-collapse v-model="activeName" accordion>
+      <el-collapse v-model="activeName" accordion>
         <el-collapse-item
-        class="sfqqq"
-        ref="sfq"
+          class="sfqqq"
+          ref="sfq"
           v-for="(item, index) in sfqdata"
           :key="index"
-          :name="index"
-        >
+          :name="index">
           <template slot="title">
             <span class="text" @click="tap(item)">
               <span>
@@ -32,13 +30,12 @@
               </span>
             </span>
           </template>
-            <p
+          <p
             v-for="(item, index) in item.children"
             :re="item"
             :key="index"
             :class="[isActive == index ? activeCls : '', errorCls]"
-            @click="taplist(item, index)"
-          >
+            @click="taplist(item, index)">
             <span>
               {{ item.label }}
             </span>
@@ -53,130 +50,129 @@
       <component
         :is="componentTag"
         @getBdcdyh="getBdcdyh"
-        v-bind="currentSelectProps"
-      />
+        v-bind="currentSelectProps" />
     </div>
   </div>
 </template>
 <script>
-import { getBdcqljqtsx } from "@/api/djbDetail.js";
-import { loadTreeData,loadsfqData, getNode } from "./djbFrameData.js";
-import { searchTaskToDo } from "@/api/workflow/search.js";
-import { leftMenu } from "@/api/workFlow.js";
-export default {
-  data() {
-    return {
-      //接收参数
-      // propsParam: this.$attrs,
-      //左侧目录
-      catalog: {},
-      //选择加载哪一个组件
-      componentTag: "",
-      //子组件接收参数
-      currentSelectProps: {},
-      //左侧树形结构数据
-      treedata: [],
-       sfqdata: [],
-         keyy: "",
+  import { getBdcqljqtsx } from "@/api/djbDetail.js";
+  import { loadTreeData, loadsfqData, getNode } from "./djbFrameData.js";
+  import { searchTaskToDo } from "@/api/workflow/search.js";
+  import { leftMenu } from "@/api/workFlow.js";
+  export default {
+    data () {
+      return {
+        //接收参数
+        // propsParam: this.$attrs,
+        //左侧目录
+        catalog: {},
+        //选择加载哪一个组件
+        componentTag: "",
+        //子组件接收参数
+        currentSelectProps: {},
+        //左侧树形结构数据
+        treedata: [],
+        sfqdata: [],
+        keyy: "",
         iskey: "",
-       activeName: 0,
-      // 查询参数
-      queryForm: {},
+        activeName: 0,
+        // 查询参数
+        queryForm: {},
 
-      defaultNode: "",
-      isActive: "",
-      activeCls: "select",
-      errorCls: "unselected",
-      defaultProps: {
-        value: "id",
-        children: "children",
-        label: "label",
-      },
-      showTab: "bdcqldjml", // 选中状态,根据表格中权利类型判断
-    };
-  },
-  mounted() {
-    this.getdata();
-  },
-  methods: {
-    // 截取字符的方法
-    /**
-     * @description: 截取字符的方法
-     * @param {*} obj
-     * @author: renchao
-     */
-    getCaption(obj) {
-      let index = obj.lastIndexOf("=");
-      obj = obj.substring(index + 1, obj.length);
-      return obj;
-    },
-    // 通过不动产业务号获取参数
-    /**
-     * @description: 通过不动产业务号获取参数
-     * @author: renchao
-     */
-    getdata() {
-      this.queryForm = {
-        bdcdyh: this.getCaption(window.location.href),
-        currentPage: 1,
-        djlx: "",
-        pageSize: 10,
-        qllx: "",
-        ywh: "",
-        ywly: "",
+        defaultNode: "",
+        isActive: "",
+        activeCls: "select",
+        errorCls: "unselected",
+        defaultProps: {
+          value: "id",
+          children: "children",
+          label: "label",
+        },
+        showTab: "bdcqldjml", // 选中状态,根据表格中权利类型判断
       };
-      if (this.queryForm) {
-        this.$startLoading();
-        searchTaskToDo({
-          ...this.queryForm,
-        }).then((res) => {
-          if (res.code === 200) {
-            let { records } = res.result;
-
-            this.loadBdcdylist(records[0].bsmSlsq, records[0].bestepid);
-            this.$endLoading();
-          }
-        });
-      }
     },
+    mounted () {
+      this.getdata();
+    },
+    methods: {
+      // 截取字符的方法
+      /**
+       * @description: 截取字符的方法
+       * @param {*} obj
+       * @author: renchao
+       */
+      getCaption (obj) {
+        let index = obj.lastIndexOf("=");
+        obj = obj.substring(index + 1, obj.length);
+        return obj;
+      },
+      // 通过不动产业务号获取参数
+      /**
+       * @description: 通过不动产业务号获取参数
+       * @author: renchao
+       */
+      getdata () {
+        this.queryForm = {
+          bdcdyh: this.getCaption(window.location.href),
+          currentPage: 1,
+          djlx: "",
+          pageSize: 10,
+          qllx: "",
+          ywh: "",
+          ywly: "",
+        };
+        if (this.queryForm) {
+          this.$startLoading();
+          searchTaskToDo({
+            ...this.queryForm,
+          }).then((res) => {
+            if (res.code === 200) {
+              let { records } = res.result;
 
-    // 获取不动产信息
-    /**
-     * @description: 获取不动产信息
-     * @param {*} a
-     * @param {*} b
-     * @author: renchao
-     */
-    loadBdcdylist(a, b) {
-      var formdata = new FormData();
-      formdata.append("bsmSlsq", a);
-      formdata.append("bestepid", b);
-      leftMenu(formdata).then((res) => {
-        if (res.code === 200) {
-          if (res.result) {
-            this.currentSelectProps = res.result[0];
-            this.loadData(this.currentSelectProps.bdcdyh);
-          }
+              this.loadBdcdylist(records[0].bsmSlsq, records[0].bestepid);
+              this.$endLoading();
+            }
+          });
         }
-      });
-    },
+      },
 
-     /**
-     * @description: getBdcdyh
-     * @author: miaofang
-     * 点击不动产单元号事件
-     */
-    getBdcdyh(val) {
-      this.addloadData(val);
-    },
-    /**
-     * @description: addloadData
-     * @author: miaofang
-     */
-    addloadData(val) {
-      getBdcqljqtsx({
-        bdcdyid: val.bdcdyid,
-        bdcdyh: val.bdcdyh,
+      // 获取不动产信息
+      /**
+       * @description: 获取不动产信息
+       * @param {*} a
+       * @param {*} b
+       * @author: renchao
+       */
+      loadBdcdylist (a, b) {
+        var formdata = new FormData();
+        formdata.append("bsmSlsq", a);
+        formdata.append("bestepid", b);
+        leftMenu(formdata).then((res) => {
+          if (res.code === 200) {
+            if (res.result) {
+              this.currentSelectProps = res.result[0];
+              this.loadData(this.currentSelectProps.bdcdyh);
+            }
+          }
+        });
+      },
+
+      /**
+      * @description: getBdcdyh
+      * @author: miaofang
+      * 点击不动产单元号事件
+      */
+      getBdcdyh (val) {
+        this.addloadData(val);
+      },
+      /**
+       * @description: addloadData
+       * @author: miaofang
+       */
+      addloadData (val) {
+        getBdcqljqtsx({
+          bdcdyid: val.bdcdyid,
+          bdcdyh: val.bdcdyh,
         }).then((res) => {
           if (res.code === 200) {
             if (this.sfqdata.some((item) => item.bdcdyid === val.bdcdyid)) {
@@ -190,34 +186,34 @@ export default {
             }
           }
         });
-      this.currentSelectProps = {
-        bdcdyid: val.bdcdyid,
-        bdcdyh: val.bdcdyh,
-        qllx: this.currentSelectProps.qllx,
-        bsmQlxx: this.currentSelectProps.bsmQlxx,
-      };
-    },
-    /**
-     * @description: loadData
-     * @author: renchao
-     */
-    loadData(val) {
-      getBdcqljqtsx({
-        bdcdyid: this.currentSelectProps.bdcdyid,
-        bdcdyh: val,
-      }).then((res) => {
-        if (res.code === 200) {
-          this.treedata = loadTreeData(val);
+        this.currentSelectProps = {
+          bdcdyid: val.bdcdyid,
+          bdcdyh: val.bdcdyh,
+          qllx: this.currentSelectProps.qllx,
+          bsmQlxx: this.currentSelectProps.bsmQlxx,
+        };
+      },
+      /**
+       * @description: loadData
+       * @author: renchao
+       */
+      loadData (val) {
+        getBdcqljqtsx({
+          bdcdyid: this.currentSelectProps.bdcdyid,
+          bdcdyh: val,
+        }).then((res) => {
+          if (res.code === 200) {
+            this.treedata = loadTreeData(val);
             this.sfqdata.push(
-            loadsfqData(res.result, val, this.currentSelectProps.bdcdyid)
-          );
-          this.$nextTick(function () {
-            this.defaultNode = getNode(
-              this.currentSelectProps.qllx,
-              { linShi: 0, xianShi: 0, liShi: 0 },
-                res.result.bdcdylx|| ""
+              loadsfqData(res.result, val, this.currentSelectProps.bdcdyid)
+            );
+            this.$nextTick(function () {
+              this.defaultNode = getNode(
+                this.currentSelectProps.qllx,
+                { linShi: 0, xianShi: 0, liShi: 0 },
+                res.result.bdcdylx || ""
               );
-                this.sfqdata[0].children.forEach((item, index) => {
+              this.sfqdata[0].children.forEach((item, index) => {
                 if (item.id == this.defaultNode.id) {
                   this.loadComponent(item.form);
                   this.isActive = index;
@@ -232,31 +228,31 @@ export default {
             });
           }
         });
-      this.currentSelectProps = {
-        bdcdyid: this.currentSelectProps.bdcdyid,
-        bdcdyh: this.currentSelectProps.bdcdyh,
-        qllx: this.currentSelectProps.qllx,
-        bsmQlxx: this.currentSelectProps.bsmQlxx,
-      };
-    },
-    /*
-        点击登记簿菜单
+        this.currentSelectProps = {
+          bdcdyid: this.currentSelectProps.bdcdyid,
+          bdcdyh: this.currentSelectProps.bdcdyh,
+          qllx: this.currentSelectProps.qllx,
+          bsmQlxx: this.currentSelectProps.bsmQlxx,
+        };
+      },
+      /*
+          点击登记簿菜单
+         */
+      /**
+       * @description: 点击登记簿菜单
+       * @param {*} data
+       * @author: renchao
        */
-    /**
-     * @description: 点击登记簿菜单
-     * @param {*} data
-     * @author: renchao
-     */
-    handleNodeClick(data) {
-      this.loadComponent(data.form);
-    },
+      handleNodeClick (data) {
+        this.loadComponent(data.form);
+      },
 
-            /**
-     * @description: setstyle
-     * @param {*} data
-     * @author: renchao
-     * 设置样式和点击定位到当前功能
-     */
+      /**
+* @description: setstyle
+* @param {*} data
+* @author: renchao
+* 设置样式和点击定位到当前功能
+*/
       // setstyle (newindex, index, key) {
       //   if (key != undefined || this.keyy == index) {
       //     if (key != undefined) {
@@ -274,154 +270,154 @@ export default {
       //     dpme.style.border = "none";
       //   }
       // },
-       /**
-     * @description: tap
-     * @param {*} data
-     * @author: renchao
-     * 新增列表功能
-     */
-    tap(data, index) {
-      this.loadComponent(data.form);
-    },
-     /**
-     * @description: taplist
-     * @param {*} data
-     * @author: renchao
-     * 新增列表功能
-     */
-    taplist(data, index) {
-      this.loadComponent(data.form);
-      this.isActive = index;
-    },
+      /**
+    * @description: tap
+    * @param {*} data
+    * @author: renchao
+    * 新增列表功能
+    */
+      tap (data, index) {
+        this.loadComponent(data.form);
+      },
+      /**
+      * @description: taplist
+      * @param {*} data
+      * @author: renchao
+      * 新增列表功能
+      */
+      taplist (data, index) {
+        this.loadComponent(data.form);
+        this.isActive = index;
+      },
       /**
      * @description: loadComponent
      * @param {*} form
      * @author: renchao
      */
-    loadComponent(form) {
-      this.componentTag = (r) =>
-        require.ensure([], () => r(require("@/views/registerBook/" + form)));
+      loadComponent (form) {
+        this.componentTag = (r) =>
+          require.ensure([], () => r(require("@/views/registerBook/" + form)));
+      },
     },
-  },
-};
+  };
 </script>
 <style scoped lang="scss">
-/deep/.rollTable {
-  height: calc(120vh - 254px) !important;
-}
-
-.content {
-  width: 100%;
-  height: 100%;
-  display: flex;
-
-  .left {
-    width: 256px;
-    height: 100%;
-    background-color: #f5f5f5;
-    color: #333;
-    border: 1px solid rgb(228, 228, 228);
+  /deep/.rollTable {
+    height: calc(120vh - 254px) !important;
   }
 
-  .right {
-    width: calc(100% - 256px);
+  .content {
+    width: 100%;
     height: 100%;
-    // overflow-y: scroll;
-    overflow: auto;
-    background-color: #f5f5f5;
-    border: 1px solid rgb(228, 228, 228);
+    display: flex;
+
+    .left {
+      width: 256px;
+      height: 100%;
+      background-color: #f5f5f5;
+      color: #333;
+      border: 1px solid rgb(228, 228, 228);
+    }
+
+    .right {
+      width: calc(100% - 256px);
+      height: 100%;
+      // overflow-y: scroll;
+      overflow: auto;
+      background-color: #f5f5f5;
+      border: 1px solid rgb(228, 228, 228);
+    }
   }
-}
 
-/deep/ .expanded.el-tree-node__expand-icon,
-/deep/ .el-tree-node__expand-icon {
-  visibility: hidden;
-}
+  /deep/ .expanded.el-tree-node__expand-icon,
+  /deep/ .el-tree-node__expand-icon {
+    visibility: hidden;
+  }
 
-/deep/ .el-tree-node__content {
-  border: 1px solid rgb(228, 228, 228);
-  height: 45px;
-}
+  /deep/ .el-tree-node__content {
+    border: 1px solid rgb(228, 228, 228);
+    height: 45px;
+  }
 
-/deep/ .el-tree-node:focus > .el-tree-node__content {
-  // background-color: #f5f5f5;
-  // color: #0079fe;
-  // border-right: 4px solid #0079fe;
-}
+  /deep/ .el-tree-node:focus > .el-tree-node__content {
+    // background-color: #f5f5f5;
+    // color: #0079fe;
+    // border-right: 4px solid #0079fe;
+  }
 
-/deep/.el-tree-node {
-  white-space: pre-wrap;
-}
+  /deep/.el-tree-node {
+    white-space: pre-wrap;
+  }
 
-/deep/ .is-current > .el-tree-node__content {
-  // background-color: #f5f5f5;
-  // color: #0079fe;
-  // border-right: 4px solid #0079fe;
-}
-/deep/.el-collapse-item__header {
-  width: 100%;
-  cursor: pointer;
-  position: relative;
-  .el-collapse-item__arrow {
-    position: absolute;
-    top: 15px;
-    right: 0px;
+  /deep/ .is-current > .el-tree-node__content {
+    // background-color: #f5f5f5;
+    // color: #0079fe;
+    // border-right: 4px solid #0079fe;
   }
-  align-items: center;
-  .text {
+  /deep/.el-collapse-item__header {
     width: 100%;
+    cursor: pointer;
+    position: relative;
+    .el-collapse-item__arrow {
+      position: absolute;
+      top: 15px;
+      right: 0px;
+    }
+    align-items: center;
+    .text {
+      width: 100%;
+      height: 45px;
+      display: inline-block;
+      span {
+        margin-left: 60px;
+        padding-top: 10px;
+        display: inline-block;
+        line-height: 15px;
+      }
+    }
     height: 45px;
     display: inline-block;
+    line-height: 45px;
+    border: 1px solid rgb(228, 228, 228);
+  }
+  /deep/.el-collapse-item__content {
+    padding-bottom: 5px;
+  }
+  /deep/.unselected {
+    // white-space: wrap;
+    border: none;
+    cursor: pointer;
+    width: 250px;
+    height: 45px;
+    border: 1px solid rgb(228, 228, 228);
+    border-right: 4px solid #f5f5f5;
+    margin: auto;
+    text-align: center;
+    align-items: center;
     span {
-      margin-left: 60px;
-      padding-top: 10px;
+      width: 100%;
       display: inline-block;
-      line-height: 15px;
+      justify-content: center;
+      align-items: center;
     }
   }
-  height: 45px;
-  display: inline-block;
-  line-height: 45px;
-  border: 1px solid rgb(228, 228, 228);
-}
-/deep/.el-collapse-item__content {
-  padding-bottom: 5px;
-}
-/deep/.unselected {
-  // white-space: wrap;
-  border: none;
-  cursor: pointer;
-  width: 250px;
-  height: 45px;
-  border: 1px solid rgb(228, 228, 228);
-  border-right: 4px solid #f5f5f5;
-  margin: auto;
-  text-align: center;
-  align-items: center;
-  span {
-  width: 100%;
-  display: inline-block;
-    justify-content: center;
-    align-items: center;
-  }
-}
 
-.select {
-  border: none;
-  cursor: pointer;
-  width: 250px;
-  height: 45px;
-  background-color: #f5f5f5;
-  color: #0079fe;
-  border-right: 4px solid #0079fe;
-  margin: auto;
-  text-align: center;
-  align-items: center;
-   span {
-  width: 100%;
-  display: inline-block;
-    justify-content: center;
+  .select {
+    border: none;
+    cursor: pointer;
+    width: 250px;
+    height: 45px;
+    background-color: #f5f5f5;
+    color: #0079fe;
+    border-right: 4px solid #0079fe;
+    margin: auto;
+    text-align: center;
     align-items: center;
+    span {
+      width: 100%;
+      display: inline-block;
+      justify-content: center;
+      align-items: center;
+    }
   }
-}
 </style>

@@ -5,37 +5,37 @@
 -->
 <template>
   <div class="djbfm">
-     <el-button class="print" v-print="printObj">打印</el-button>
-   <div class="fm" id="box">
-    <p>
-      <font style="">{{ info.sheng }}</font>
-      省 (区、市)
-      <font>{{ info.shi }}</font>
-      市 (区)
-      <font>{{ info.xian }}</font>
-      区 (县、市)
-    </p>
-    <p>
-      <font>{{ info.jdh }}</font>
-      街道 (乡、镇)
-      <font>{{ info.jfh }}</font>
-      街坊 (村)
-      <font>{{ info.zh }}</font>
-      组
-    </p>
-    <div class="title">不动产登记簿</div>
-    <p>
-      宗地/宗海号:
-      <font>{{ info.zddm }}</font>
-    </p>
-    <div class="bottom">
+    <el-button class="print" v-print="printObj">打印</el-button>
+    <div class="fm" id="box">
       <p>
-        登记机构:
-        <font>{{ info.djjg }}</font>
+        <font style="">{{ info.sheng }}</font>
+        省 (区、市)
+        <font>{{ info.shi }}</font>
+        市 (区)
+        <font>{{ info.xian }}</font>
+        区 (县、市)
       </p>
+      <p>
+        <font>{{ info.jdh }}</font>
+        街道 (乡、镇)
+        <font>{{ info.jfh }}</font>
+        街坊 (村)
+        <font>{{ info.zh }}</font>
+        组
+      </p>
+      <div class="title">不动产登记簿</div>
+      <p>
+        宗地/宗海号:
+        <font>{{ info.zddm }}</font>
+      </p>
+      <div class="bottom">
+        <p>
+          登记机构:
+          <font>{{ info.djjg }}</font>
+        </p>
+      </div>
     </div>
   </div>
-</div>
 
 </template>
 
@@ -45,10 +45,10 @@
   export default {
     data () {
       return {
-              printObj: {
-        id: "box",
-        //其他配置项，
-      },
+        printObj: {
+          id: "box",
+          //其他配置项，
+        },
         //传递参数
         propsParam: this.$attrs,
         info: {},
@@ -78,58 +78,55 @@
     width: 100%;
     height: 100%;
     position: relative;
-    .print{
-        // background-color: #0079fe;
-        z-index: 10;
-        position: absolute;
-        left: 11px;
-       top: 5px;
-
-
-      }
-
+    .print {
+      // background-color: #0079fe;
+      z-index: 10;
+      position: absolute;
+      left: 11px;
+      top: 5px;
+    }
   }
-   .fm{
-   width: 100%;
+  .fm {
+    width: 100%;
     height: 100%;
     background: #fff;
     line-height: 45px;
     text-align: center;
     font-size: 18px;
     font-family: serif;
-      }
-    font {
-      border-bottom: 1px solid #000;
-      display: inline-block;
-      padding: 0 15px;
-      line-height: 16px;
-    }
+  }
+  font {
+    border-bottom: 1px solid #000;
+    display: inline-block;
+    padding: 0 15px;
+    line-height: 16px;
+  }
 
-    .title {
-      height: 40%;
-      display: flex;
-      font-size: 38px;
-      color: #000;
-      justify-content: center;
-      align-items: center;
-    }
+  .title {
+    height: 40%;
+    display: flex;
+    font-size: 38px;
+    color: #000;
+    justify-content: center;
+    align-items: center;
+  }
 
-    .bottom {
-      position: absolute;
-      bottom: 0px;
-      text-align: center;
-      width: 100%;
-      left: 0;
-      height: 100px;
-      line-height: 100px;
+  .bottom {
+    position: absolute;
+    bottom: 0px;
+    text-align: center;
+    width: 100%;
+    left: 0;
+    height: 100px;
+    line-height: 100px;
 
-      p {
-        font-size: 28px;
-      }
+    p {
+      font-size: 28px;
+    }
 
-      font {
-        font-size: 24px;
-        line-height: 24px;
-      }
+    font {
+      font-size: 24px;
+      line-height: 24px;
     }
+  }
 </style>

 <!--
  * @Description:
  * @Autor: miaofang
- * @LastEditTime: 2023-09-18 15:01:13
+ * @LastEditTime: 2023-09-22 09:49:44
 -->
 <template>
   <div class="djxxTable">
@@ -39,14 +39,14 @@
        * @description: loadData
        * @author: miaofang
        */
-      loadData () {
+      loadData (checkList = []) {
         if (this.$parent.addRepairRecord) {
           this.columns.unshift({ prop: "cz", label: "操作" });
         }
         getFdcq2List({
           bdcdyid: this.propsParam.bdcdyid,
           qllx: this.propsParam.qllx,
-          qszt: this.checkList,
+          qszt: checkList
         }).then((res) => {
           if (res.code === 200) {
             this.tableData = res.result;

 <!--
  * @Description:
  * @Autor: miaofang
- * @LastEditTime: 2023-09-18 13:43:36
+ * @LastEditTime: 2023-09-22 09:49:31
 -->
 <template>
   <div class="djxxTable">
@@ -40,11 +40,11 @@
       this.loadData();
     },
     methods: {
-      loadData () {
+      loadData (checkList = []) {
         getJsydsyqList({
           bdcdyid: this.propsParam.bdcdyid,
           qllx: this.propsParam.qllx,
-          qszt: this.checkList,
+          qszt: checkList
         }).then((res) => {
           if (res.code === 200) {
             this.tableData = res.result;

 <!--
  * @Description:
  * @Autor: miaofang
- * @LastEditTime: 2023-09-18 13:44:04
+ * @LastEditTime: 2023-09-22 09:53:54
 -->
 <template>
   <div class="djxxTable">
@@ -40,7 +40,7 @@
       this.loadData();
     },
     methods: {
-      loadData () {
+      loadData (checkList = []) {
         if (this.$parent.addRepairRecord) {
           this.columns.unshift({
             prop: "cz",
@@ -50,7 +50,7 @@
         getLqList({
           bdcdyid: this.propsParam.bdcdyid,
           qllx: this.propsParam.qllx,
-          qszt: this.checkList,
+          qszt: checkList
         }).then((res) => {
           if (res.code === 200) {
             this.tableData = res.result;

 <!--
  * @Description:
  * @Autor: miaofang
- * @LastEditTime: 2023-09-18 13:44:35
+ * @LastEditTime: 2023-09-22 09:53:31
 -->
 <template>
   <div class="djxxTable">
@@ -46,7 +46,7 @@
       this.loadData();
     },
     methods: {
-      loadData () {
+      loadData (checkList = []) {
         if (this.$parent.addRepairRecord) {
           this.columns.unshift({
             prop: "cz",
@@ -56,7 +56,7 @@
         getNydsyqList({
           bdcdyid: this.propsParam.bdcdyid,
           qllx: this.propsParam.qllx,
-          qszt: this.checkList,
+          qszt: checkList
         }).then((res) => {
           if (res.code === 200) {
             this.tableData = res.result;
@@ -68,13 +68,13 @@
               this.emptycolNum =
                 datas.columns().emptycolNum - this.tableData.length;
             } else {
-              this.emptycolNum = 0;
+              this.emptycolNum = 0
             }
           }
-        });
+        })
       }
     }
-  };
+  }
 </script>
 
 <style lang="scss" scoped>

@@ -60,7 +60,8 @@
                 top: 0px;
                 z-index: 3;
                 margin-top: -2px;
-                &:after{
+
+                &:after {
                     content: "";
                     display: inline-block;
                     width: 100%;
@@ -77,7 +78,8 @@
                 position: sticky;
                 top: 40px;
                 z-index: 3;
-                &:after{
+
+                &:after {
                     content: "";
                     display: inline-block;
                     width: 100%;
@@ -102,7 +104,8 @@
                 left: 0;
                 z-index: 2;
                 margin-left: -2px;
-                &:before{
+
+                &:before {
                     content: "";
                     display: inline-block;
                     width: 2px;
@@ -113,7 +116,8 @@
                     left: -2px;
                     z-index: 3;
                 }
-                &:after{
+
+                &:after {
                     content: "";
                     display: inline-block;
                     width: 2px;
@@ -228,11 +232,12 @@
                 min-width: 340px;
                 z-index: 1;
             }
-            td:first-child{
+
+            td:first-child {
                 flex: inherit !important;
-                // width: 200px !important;
-                min-width: 180px !important;
+                // min-width: 180px !important;
             }
+
             >tr:nth-child(odd) td {
                 background: #f2f2f2;
             }
@@ -258,4 +263,4 @@
             margin-left: 2px;
         }
     }
-}
+}
\ No newline at end of file

 <!--
  * @Description:
  * @Autor: miaofang
- * @LastEditTime: 2023-09-18 13:45:03
+ * @LastEditTime: 2023-09-22 09:53:19
 -->
 <template>
   <div class="djxxTable">
@@ -36,7 +36,7 @@
       this.loadData();
     },
     methods: {
-      loadData () {
+      loadData (checkList = []) {
         if (this.$parent.addRepairRecord) {
           this.columns.unshift({
             prop: "cz",
@@ -46,7 +46,7 @@
         getLqList({
           bdcdyid: this.propsParam.bdcdyid,
           qllx: this.propsParam.qllx,
-          qszt: this.checkList,
+          qszt: checkList
         }).then((res) => {
           if (res.code === 200) {
             this.tableData = res.result;

@@ -44,7 +44,7 @@
        * @description: loadData
        * @author: miaofang
        */
-      loadData () {
+      loadData (checkList = []) {
         if (this.$parent.addRepairRecord) {
           this.columns.unshift({
             prop: "cz",
@@ -54,7 +54,7 @@
         getTdsyqList({
           bdcdyid: this.propsParam.bdcdyid,
           qllx: this.propsParam.qllx,
-          qszt: this.checkList,
+          qszt: checkList
         }).then((res) => {
           if (res.code === 200) {
             this.tableData = res.result;

 <!--
  * @Description:
  * @Autor: miaofang
- * @LastEditTime: 2023-09-18 13:40:33
+ * @LastEditTime: 2023-09-22 09:52:50
 -->
 <template>
   <div class="djxxTable">
@@ -36,7 +36,7 @@
       this.loadData();
     },
     methods: {
-      loadData () {
+      loadData (checkList = []) {
         // 判断是否在登记簿补录调的子页面
         if (this.$parent.addRepairRecord) {
           this.columns.unshift({
@@ -47,7 +47,7 @@
         getYgdjList({
           bdcdyid: this.propsParam.bdcdyid,
           qllx: this.propsParam.qllx,
-          qszt: this.checkList,
+          qszt: checkList
         }).then((res) => {
           if (res.code === 200) {
             this.tableData = res.result;
@@ -60,7 +60,7 @@
               this.emptycolNum =
                 datas.columns().emptycolNum - this.tableData.length;
             } else {
-              this.emptycolNum = 0;
+              this.emptycolNum = 0
             }
           }
         })

 <!--
  * @Description:
  * @Autor: miaofang
- * @LastEditTime: 2023-09-18 15:06:35
+ * @LastEditTime: 2023-09-22 09:52:37
 -->
 <template>
   <div class="djxxTable">
@@ -36,7 +36,7 @@
       this.loadData();
     },
     methods: {
-      loadData () {
+      loadData (checkList = []) {
         if (this.$parent.addRepairRecord) {
           this.columns.unshift({
             prop: "cz",
@@ -46,7 +46,7 @@
         getYydjList({
           bdcdyid: this.propsParam.bdcdyid,
           qllx: this.propsParam.qllx,
-          qszt: this.checkList,
+          qszt: checkList
         }).then((res) => {
           if (res.code === 200) {
             this.tableData = res.result;

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-09-20 16:07:43
+ * @LastEditTime: 2023-09-21 16:42:53
 -->
 <template>
   <dialogBox
@@ -543,7 +543,7 @@
           cancelButtonText: '取消',
         }).then(() => {
           replace(val.bsmCompany, this.$route.query.bsmSlsq, bsmSldy).then(res => {
-            that.$emit("updateDetail", _.cloneDeep(val));
+            that.$emit("updateDetail", _.cloneDeep({ ...val, sqrlx: '2' }));
             that.$emit("input", false);
             if (res.code == 200) {
               that.$message({

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-09-19 14:04:13
+ * @LastEditTime: 2023-09-22 10:09:05
 -->
 <template>
   <div class="from-clues loadingtext" v-Loading="loading" element-loading-text="拼命加载中..." style="height:720px;text-align: center;">
@@ -224,18 +224,18 @@
               arr.push(currentLine);
               if (i > 0) {
                 arr.forEach((line, index) => {
-                  context.fillText(line, 129, 490 + (26 * (i - 1)) + 4 * num + (index * 14)); // 调整行高
+                  context.fillText(line, 129, 485 + (24 * (i - 1)) + 4 * num + (index * 14)); // 调整行高
                 })
               } else {
                 arr.forEach((line, index) => {
-                  context.fillText(line, 129, 500 + (26 * (i - 1)) + (index * 14)); // 调整行高
+                  context.fillText(line, 129, 495 + (26 * (i - 1)) + (index * 14)); // 调整行高
                 })
               }
             } else {
               if (i > 0) {
-                context.fillText(lines[i] ? lines[i] : '', 129, 500 + 4 * num + (24 * (i - 1)));
+                context.fillText(lines[i] ? lines[i] : '', 129, 495 + 4 * num + (24 * (i - 1)));
               } else {
-                context.fillText(lines[i] ? lines[i] : '', 129, 505 + (24 * (i - 1)));
+                context.fillText(lines[i] ? lines[i] : '', 129, 500 + (24 * (i - 1)));
               }
             }
           }

 /*
  * @Description: 
  * @Autor: renchao
- * @LastEditTime: 2023-07-14 16:59:38
+ * @LastEditTime: 2023-09-21 16:18:47
  */
 import filter from '@/utils/filter.js'
 let vm = null
@@ -39,17 +39,6 @@ class data extends filter {
             <div>
               <a style='color:#3498db;' v-show={scope.row.djblzt == 1}>{this.yWstatus(scope.row)}</a>
               <span v-show={scope.row.djblzt != 1}>{this.yWstatus(scope.row)}</span>
-              {/* <a style='color:#3498db;' v-show={scope.row.djblzt == 1} >正在办理</a>
-              <span v-show={scope.row.zjgcdyzt == 1}>,在建工程抵押</span>
-              <span v-show={scope.row.ycfzt == 1}>,已预查封</span>
-              <span v-show={scope.row.ycfzt == 1}>,已预查封</span>
-              <span v-show={scope.row.cfzt == 1}>,已查封</span>
-              <span v-show={scope.row.diyizt == 1}>,已地役</span>
-              <span v-show={scope.row.yyzt == 1}>,异议中</span>
-              <span v-show={scope.row.xzzt == 1}>,已限制</span>
-              <span v-show={scope.row.ygmmzt == 1}>,已预告买卖</span>
-              <span v-show={scope.row.ygdyzt == 1}>,已预告抵押</span>
-              <span v-show={scope.row.dyzt == 1}>,已抵押</span> */}
             </div>
           )
         }
@@ -72,7 +61,7 @@ class data extends filter {
         label: "权利性质",
       },
       {
-        prop: "mj",
+        prop: "zdmj",
         label: "面积(㎡)",
       },
       {
@@ -80,7 +69,7 @@ class data extends filter {
         label: "权利设定方式",
       },
       {
-        prop: "ytmc",
+        prop: "showTdyt",
         label: "土地用途",
       },
       {