Merge branch 'dev'

 /*
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-06-14 15:05:38
+ * @LastEditTime: 2023-09-21 09:27:14
  */
 import Vue from 'vue'
 import Popup from './index.vue'
@@ -50,6 +50,8 @@ const Popup1 = (title, editItem, data, formData) => {
   let instance = new PopupBox({
     data
   }).$mount()
+  // 设置 z-index 并递增层级计数器
+  instance.zIndex = data.zIndexCounter++
   document.body.appendChild(instance.$el)
   Vue.nextTick(() => {
     instance.isShow = true

 <!--
  * @Description: 
  * @Autor: renchao
- * @LastEditTime: 2023-09-19 10:19:52
+ * @LastEditTime: 2023-09-21 09:25:47
 -->
 <template>
   <transition name="msgbox-fade">
-    <div class="ls-mask" v-if="myShow">
+    <div class="ls-mask" ref="popup" v-if="myShow">
       <div class="ls-mask-window" :class="isMain ? 'mainCenter' : 'contentCenter'" :style="{ 'width': width }">
         <div class="ls-head">
           <div class="ls-title" :style="{ 'text-align': titleStyle }">
@@ -30,6 +30,7 @@
     name: 'index',
     data () {
       return {
+        zIndexCounter: 2000,
         title: '标题',
         editItem: "",
         isMain: false,

@@ -13,29 +13,29 @@
 </template>
 
 <script>
-import { mapGetters } from 'vuex'
-import Logo from './Logo'
-import SidebarItem from './SidebarItem'
-import variables from '@/styles/variables.scss'
-import { asyncRoutes } from '@/router'
-export default {
-  components: { SidebarItem, Logo },
-  computed: {
-    ...mapGetters(['permission_routes', 'sidebar']),
-    activeMenu () {
-      const route = this.$route
-      const { meta, path } = route
-      if (meta.activeMenu) {
-        return meta.activeMenu
+  import { mapGetters } from 'vuex'
+  import Logo from './Logo'
+  import SidebarItem from './SidebarItem'
+  import variables from '@/styles/variables.scss'
+  import { asyncRoutes } from '@/router'
+  export default {
+    components: { SidebarItem, Logo },
+    computed: {
+      ...mapGetters(['permission_routes', 'sidebar']),
+      activeMenu () {
+        const route = this.$route
+        const { meta, path } = route
+        if (meta.activeMenu) {
+          return meta.activeMenu
+        }
+        return path
+      },
+      variables () {
+        return variables
+      },
+      asyncRoutes () {
+        return asyncRoutes
       }
-      return path
-    },
-    variables () {
-      return variables
-    },
-    asyncRoutes () {
-      return asyncRoutes
     }
   }
-}
 </script>

 /*
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-08-28 15:31:31
+ * @LastEditTime: 2023-09-25 10:56:39
  */
 import store from '@/store'
 // table 内部过滤器 由于过滤器只能在模板中使用 所以 就有了 jsx内部方法过滤器
@@ -110,4 +110,11 @@ export default class filter {
 
     return text;
   }
+  joinItem (val) {
+    if (Array.isArray(val) && val.length > 0) {
+      return val.join()
+    } else {
+      return val
+    }
+  }
 }

 <!--
  * @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-04-26 16:05:28
+ * @LastEditTime: 2023-09-22 13:38:52
 -->
 <!-- 批量删除弹框 -->
 <template>
@@ -52,7 +52,6 @@
       }
     },
     methods: {
-      // 批量删除确定按钮
       /**
        * @description: 批量删除确定按钮
        * @author: renchao

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-09-19 09:28:13
+ * @LastEditTime: 2023-10-08 08:35:11
 -->
 <template>
   <div class="clxx">
@@ -255,12 +255,7 @@
           sfggcl: data.sfggcl,
         };
         //是否公共材料
-        if (data.sfggcl == "0") {
-          obj["bsmSldy"] = this.$parent.currentSelectProps.bsmSldy;
-        }
-        if (this.$route.query.sqywbm == "DJBBL") {
-          obj.bsmSldy = this.$parent.bsmRepair
-        }
+        obj["bsmSldy"] = this.$parent.currentSelectProps.bsmRepair;
         saveClml(obj).then(async (res) => {
           if (res.code == 200) {
             let res = await this.clmlInitList(2);

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-05-17 10:39:47
+ * @LastEditTime: 2023-09-26 16:49:33
 -->
 <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,407 @@
             <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
+            })
+          }
+        })
+      },
+      /**
+       * @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: '取消',
+          distinguishCancelAndClose: true,//区分取消与关闭
+        }).then(() => {
+          replace(val.bsmCompany, this.$route.query.bsmSlsq, bsmSldy).then(res => {
+            that.$emit("updateDetail", _.cloneDeep({ ...val, qlrlx: '2', id: getUuid(16) }));
+            that.$emit("input", false);
+            if (res.code == 200) {
+              that.$message({
+                type: 'success',
+                message: '同步成功!'
+              })
+            } else {
+              this.$message.error(res.message);
+            }
+          })
+        }).catch(action => {
+          if (action == 'cancel') {
+            that.$emit("updateDetail", _.cloneDeep({ ...val, sqrlx: '2' }));
+            that.$emit("input", false);
+          }
+        })
+      },
+      /**
+       * @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
+            })
+          }
+        })
+      },
+      /**
+       * @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:
  * @Autor: renchao
- * @LastEditTime: 2023-05-17 10:39:47
+ * @LastEditTime: 2023-09-26 15:40:49
 -->
 <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"
       :rules="rules"
+      v-if="activeName==1"
       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="ywrlx">
@@ -28,14 +37,12 @@
               v-model="ruleForm.ywrlx"
               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>
@@ -53,14 +60,12 @@
               v-model="ruleForm.zjzl"
               :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>
@@ -73,8 +78,7 @@
               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">
@@ -83,8 +87,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>
         <el-col :span="8">
@@ -92,8 +95,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>
@@ -103,8 +105,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">
@@ -112,8 +113,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">
@@ -121,8 +121,7 @@
             <el-input
               v-model="ruleForm.hjszss"
               maxlength="3"
-              :disabled="!showButton"
-            ></el-input>
+              :disabled="!showButton"></el-input>
           </el-form-item>
         </el-col>
       </el-row>
@@ -133,8 +132,7 @@
             <el-input
               v-model="ruleForm.txdz"
               maxlength="100"
-              :disabled="!showButton"
-            ></el-input>
+              :disabled="!showButton"></el-input>
           </el-form-item>
         </el-col>
       </el-row>
@@ -145,8 +143,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">
@@ -154,8 +151,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">
@@ -164,8 +160,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>
@@ -176,8 +171,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">
@@ -185,8 +179,7 @@
             <el-input
               v-model="ruleForm.dlrjg"
               maxlength="32"
-              :disabled="!showButton"
-            ></el-input>
+              :disabled="!showButton"></el-input>
           </el-form-item>
         </el-col>
       </el-row>
@@ -198,8 +191,7 @@
               v-model="ruleForm.dlrdh"
               :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">
@@ -207,8 +199,7 @@
             <el-input
               v-model="ruleForm.dlrmc"
               maxlength="15"
-              :disabled="!showButton"
-            ></el-input>
+              :disabled="!showButton"></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="8">
@@ -218,14 +209,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>
@@ -239,14 +228,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>
@@ -257,100 +244,398 @@
               v-model="ruleForm.dlrzjh"
               :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-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: {
-        ywrlx: "",
-        ywrmc: "",
-        zjzl: "",
-        zjh: "",
-        dh: "",
-        xb: "",
-        frmc: "",
-        gjdq: "",
-        szss: "",
-        txdz: "",
-        yb: "",
-        fzjg: "",
-        dzyj: "",
-        qlbl: "",
-        gzdw: "",
-        dljg: "",
-        dlrxm: "",
-        dlrzjlx: "",
-        dlrzjh: "",
-      },
-      rules: {
-        ywrlx: [{ required: true, message: "义务人类型", trigger: "change" }],
-        ywrmc: [{ 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 "./addYwrData";
+  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"])
     },
-  },
-  methods: {
-    /**
-     * @description: closeDialog
-     * @author: renchao
-     */
-    closeDialog() {
-      this.$emit("input", false);
-      this.$refs["ruleForm"].resetFields();
+    mounted () {
+      sendThis(this)
     },
-    /**
-     * @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;
+    data () {
+      return {
+        isShow: false,
+        isBz: false,
+        activeName: '1',
+        loading: false,
+        myValue: this.value,
+        ruleForm: {
+          ywrlx: "",
+          ywrmc: "",
+          zjzl: "",
+          zjh: "",
+          dh: "",
+          xb: "",
+          frmc: "",
+          gjdq: "",
+          szss: "",
+          txdz: "",
+          yb: "",
+          fzjg: "",
+          dzyj: "",
+          qlbl: "",
+          gzdw: "",
+          dljg: "",
+          dlrxm: "",
+          dlrzjlx: "",
+          dlrzjh: "",
+        },
+        rules: {
+          ywrlx: [{ required: true, message: "义务人类型", trigger: "change" }],
+          ywrmc: [{ 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: [
+          ]
         }
-      });
+      }
     },
-  },
-};
+    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
+      }
+    },
+    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.ywrlx
+        this.ruleForm.dwdz = this.ruleForm.txdz
+        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 {
+          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.ywrmc = item.qymc
+              item.txdz = 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: '取消',
+          distinguishCancelAndClose: true,//区分取消与关闭
+        }).then(() => {
+          replace(val.bsmCompany, this.$route.query.bsmSlsq, bsmSldy).then(res => {
+            that.$emit("updateDetail", _.cloneDeep({ ...val, ywrlx: '2' }));
+            that.$emit("input", false);
+            if (res.code == 200) {
+              that.$message({
+                type: 'success',
+                message: '同步成功!'
+              })
+            } else {
+              this.$message.error(res.message)
+            }
+          })
+        }).catch(action => {
+          if (action == 'cancel') {
+            that.$emit("updateDetail", _.cloneDeep({ ...val, sqrlx: '2' }));
+            that.$emit("input", false);
+          }
+        })
+      },
+      /**
+       * @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.ywrmc = item.qymc
+              item.txdz = 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.ywrmc = data.name
+            this.ruleForm.zjzl = '1'
+            this.ruleForm.zjh = data.cardID
+            this.ruleForm.xb = data.sexCode
+            this.ruleForm.txdz = 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-22 13:42:40
+ */
+import filter from '@/utils/filter.js'
+let vm = null
+
+const sendThis = (_this) => {
+  vm = _this
+}
+class data1 extends filter {
+  constructor() {
+    super()
+  }
+  columns () {
+    return [
+      {
+        prop: "ywrmc",
+        label: "姓名/名称",
+      },
+      {
+        prop: "zjzlMc",
+        label: "证件种类"
+      },
+      {
+        prop: "zjh",
+        label: "证件号",
+      },
+      {
+        prop: "frmc",
+        label: "法人名称",
+      },
+      {
+        prop: "txdz",
+        label: "地址",
+      },
+      {
+        prop: "dh",
+        label: "联系电话",
+      }
+    ]
+  }
+
+}
+class data2 extends filter {
+  constructor() {
+    super()
+
+  }
+  columns () {
+    return [
+      {
+        prop: "ywrmc",
+        label: "姓名/名称",
+      },
+      {
+        prop: "zjzlMc",
+        label: "证件种类",
+      },
+      {
+        prop: "zjh",
+        label: "证件号",
+      },
+      {
+        prop: "frmc",
+        label: "法人名称",
+      },
+      {
+        prop: "txdz",
+        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-10-08 10:30:24
 -->
 <template>
   <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }">
@@ -21,11 +21,12 @@
             <div>补录信息</div>
           </el-menu-item>
         </el-menu>
-        <el-menu :default-active="activeIndex" @select="unitClick">
+        <el-menu v-model="activeIndex" :default-active="activeIndex" @select="unitClick">
           <el-menu-item
             v-for="(item, index) in supplementarylist"
             :index="index.toString()"
             :key="index">
+            <p class="dot" v-if="item.isSave == '0'"></p>
             <div>
               <p v-if="item.operate=='D'">{{ item.qllxmc }} <span class="tpcolor">(删除)</span></p>
               <p v-else>{{ item.qllxmc }} <span class="tpcolor">({{ item.operate=="U"?"编辑":"新增" }})</span></p>
@@ -69,6 +70,7 @@
         bsmSlsq: this.$route.query.bsmSlsq,
         //当前流程所在环节
         bestepid: this.$route.query.bestepid,
+        bsmBusiness: this.$route.query.bsmBusiness,
         //受理申请标识码
         bdcdyid: this.$route.query.bdcdyid,
         //当前流程所在环节
@@ -76,7 +78,6 @@
         qllx: this.$route.query.qllx,
         // 默认选中
         activeIndex: "0",
-        clickindex:"",
         // 折叠
         isShowdrawer: true,
         delel: true,
@@ -101,19 +102,10 @@
       this.delel = this.$parent.isEdit
       this.loadBdcdylist();
     },
-    computed: {
-      // ...mapGetters(["isRefresh"]),
-    },
-    watch: {
-      // isRefresh: {
-      //   handler(newVal, oldVal) {
-      //     if (newVal) this.loadBdcdylist();
-      //   },
-      //   immediate: true,
-      // },
+    beforeDestroy () {
+      sessionStorage.removeItem('keyPath')
     },
     methods: {
-      //读取申请单元信息
       /**
        * @description: 读取申请单元信息
        * @author: renchao
@@ -122,7 +114,8 @@
         var formdata = new FormData();
         if (this.bsmSlsq) {
           formdata.append("bsmSlsq", this.bsmSlsq);
-          formdata.append("bestepid", this.bestepid);
+          formdata.append("bestepid", this.bestepid ? this.bestepid : '');
+          formdata.append("bsmBusiness", this.bsmBusiness ? this.bsmBusiness : '');
           leftMenu(formdata).then((res) => {
             if (res.code === 200 && res.result) {
               this.currentSelectProps = res.result[0];
@@ -130,45 +123,48 @@
             }
           });
         }
-
-
       },
-      // 获取右侧菜单
       /**
        * @description: 获取右侧菜单
        * @param {*} row
        * @author: renchao
        */
       getleftMenubl (row) {
+        let that = this
         leftMenubl(this.bsmSlsq).then((res) => {
           this.supplementarylist = res.result;
           if (row) {
             this.supplementarylist.forEach((item, index) => {
               if (item.bsmRepair == row.bsmRepair) {
                 this.activeIndex = index.toString()
-                // 补录成功后定位到该条记录
-                this.unitClick(index)
+                this.unitClick(this.activeIndex)
               }
             })
-            if(row=="change"){
-              this.unitClick(this.clickindex)
-
-            }
-          }else{
-             if (this.supplementarylist.length) {
-            this.unitClick(0)
-             this.activeIndex = "0"
+            // if (row == "change") {
+            //   if (sessionStorage.getItem('keyPath') && sessionStorage.getItem('keyPath') >= 0) {
+            //     that.unitClick(sessionStorage.getItem('keyPath') - 0)
+            //     that.activeIndex = sessionStorage.getItem('keyPath')
+            //   } else {
+            //     that.unitClick(0)
+            //     that.activeIndex = "0"
+            //   }
+            // }
           } else {
-            this.loadBdcdylist()
-            // this.$emit("getCurrentSelectProps", this.currentSelectProps);
+            if (this.supplementarylist.length) {
+              if (sessionStorage.getItem('keyPath') && sessionStorage.getItem('keyPath') >= 0) {
+                that.unitClick(sessionStorage.getItem('keyPath') - 0)
+                that.activeIndex = sessionStorage.getItem('keyPath')
+              } else {
+                that.loadBdcdylist()
+                that.activeIndex = "-1";
+                // that.unitClick(0)
+                // that.activeIndex = "0"
+              }
+            } else {
+              // this.loadBdcdylist()
+            }
           }
-
-       }
-
-
-
-
-        });
+        })
       },
       /**
        * @description: handleNodeClick
@@ -181,26 +177,28 @@
         this.$parent.loadComponent(this.currentSelectProps, data);
         this.$parent.tabset();
       },
-      //申请单元点击事件
       /**
        * @description: 申请单元点击事件
        * @param {*} index
        * @author: renchao
        */
       unitClick (index) {
-         this.clickindex=index
+        this.activeIndex = index.toString();
+        sessionStorage.setItem('keyPath', this.activeIndex);
         this.currentSelectProps = this.supplementarylist[index];
+        window.currentSelect = this.supplementarylist[index]
         this.$emit("getCurrentSelectProps", this.currentSelectProps);
       },
-      //登记簿点击事件
       /**
        * @description: 登记簿点击事件
        * @author: renchao
        */
       djbClick () {
-        this.loadBdcdylist();
+        this.loadBdcdylist()
+        window.currentSelect = {}
+        this.activeIndex = "-1";
+        sessionStorage.removeItem('keyPath')
       },
-      // 删除补录记录
       /**
        * @description: 删除补录记录
        * @param {*} row
@@ -223,30 +221,27 @@
                 if (!this.supplementarylist.length) {
                   getdjblist()
                 }
-
-              });
-            });
+              })
+            })
           })
           .catch(() => {
             this.$message({
               type: "info",
-              message: "已取消删除",
-            });
-          });
+              message: "已取消删除"
+            })
+          })
       },
-      //补录信息点击事件默认展示第一条补录记录
       /**
        * @description: 补录信息点击事件默认展示第一条补录记录
        * @author: renchao
        */
       blxxClick () {
         if (this.supplementarylist.length) {
-          this.unitClick(0);
+          this.unitClick(0)
         }
-
-      },
-    },
-  };
+      }
+    }
+  }
 </script>
 <style scoped lang="scss">
   @import "~@/styles/mixin.scss";
@@ -323,8 +318,8 @@
       color: red;
       line-height: 22px;
     }
-    .ywh{
-    font-size: 12px;
+    .ywh {
+      font-size: 12px;
     }
     .el-icon-delete {
       margin-top: 10px;
@@ -333,7 +328,7 @@
       height: 27px;
       float: left;
     }
-    .el-icon-delete:hover{
+    .el-icon-delete:hover {
       color: #0079fe;
     }
   }

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-09-01 13:30:54
+ * @LastEditTime: 2023-09-28 15:15:37
 -->
 <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);
@@ -215,7 +216,6 @@
     },
     methods: {
       /**
-       * @handleupdateDetail: 删除
        * @param {*} value
        * @author: renchao
        */
@@ -255,23 +255,32 @@
         this.tableDataList.splice(index, 1);
         this.$emit("upDateQlrxxList", this.tableDataList);
       },
-
-      // 身份证读取
       /**
        * @description: 身份证读取
        * @author: renchao
        */
-      readClick () { },
-
-      // 身份证读取按钮禁用
-      /**
-       * @description: 身份证读取按钮禁用
-       * @author: renchao
-       */
-      onreadClick () {
-        this.$message.error("此阶段不可编辑");
+      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: 修改
        * @param {*} index

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-09-01 13:43:42
+ * @LastEditTime: 2023-09-28 15:15:21
 -->
 <template>
   <div>
@@ -21,8 +21,9 @@
   </div>
 </template>
 <script>
-  import addYwr from "./dialog/addYwr.vue";
   import { mapGetters } from "vuex";
+  import addYwr from "./dialog/addYwr.vue";
+  import { getIdCardInfo } from '@/utils/operation.js'
   export default {
     components: {
       addYwr,
@@ -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([
-                {
-                  ywrmc: "",
-                  dlrzjlx: "",
-                  dlrzjh: "",
-                  fr: "",
-                },
+                // {
+                //   ywrmc: "",
+                //   dlrzjlx: "",
+                //   dlrzjh: "",
+                //   fr: "",
+                // },
               ]);
             } else {
               that.tableDataList = _.cloneDeep(val);
@@ -247,24 +248,41 @@
         this.isaddupdate = true;
       },
       /**
-       * @description: 删除
        * @param {*} index
        * @param {*} row
-       * @author: renchao
        */
       deleClick (index, row) {
         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.ywrmc = data.name
+            row.zjzl = '1'
+            row.zjh = data.cardID
+            row.xb = data.sexCode
+            row.txdz = data.address
+            row.fzjg = data.issueOrgan
+            this.$message({
+              message: '读取成功！',
+              type: 'success'
+            })
+          } else {
+            this.$message({
+              message: res.data.message,
+              type: 'warning'
+            })
+          }
+        })
+      },
 
-      // 修改
       /**
        * @description: 修改
        * @param {*} index

@@ -20,7 +20,7 @@ export default {
       return false;
     },
   },
-  data() {
+  data () {
     return {
       ssqlxxshow: true,
       //表单是否可操作
@@ -78,10 +78,10 @@ export default {
 
     };
   },
-  created() {
+  created () {
     this.loadData();
   },
-  mounted() {
+  mounted () {
     this.ableOperation = this.$parent.ableOperation;
   },
   methods: {
@@ -90,7 +90,7 @@ export default {
      * @param {*} val
      * @author: renchao
      */
-    ztQlxxchange(val) {
+    ztQlxxchange (val) {
       this.ruleForm.ztQlxx = val;
     },
     /**
@@ -98,13 +98,13 @@ export default {
      * @param {*} val
      * @author: renchao
      */
-    ssQlxxchange(val) {
+    ssQlxxchange (val) {
       this.ruleForm.ssQlxx = val;
       this.ruleForm.qlxx.ssywh = val.ywh;
       this.ssQlxxchangediolog(val);
     },
     // 弹框事件
-    ssQlxxchangediolog(val) {
+    ssQlxxchangediolog (val) {
       this.$confirm("是否将上手权利信息同步到表单", "提示", {
         iconClass: "el-icon-question", //自定义图标样式
         confirmButtonText: "确认", //确认按钮文字更换
@@ -166,7 +166,7 @@ export default {
      * @param {*} val
      * @author: renchao
      */
-    djlxchange(val) {
+    djlxchange (val) {
       if (val == null || val == 100) {
         this.ssqlxxshow = false;
       } else {
@@ -177,30 +177,30 @@ export default {
      * @description: loadData
      * @author: renchao
      */
-    loadData() {
-      this.$startLoading();
+    loadData () {
+      this.loading = true
       this.propsParam.isEdit = this.$parent.isEdit;
       init(this.propsParam).then((res) => {
+        this.loading = false
         if (res.code == 200) {
           this.ruleForm = res.result;
-          if(this.ruleForm.diyaq){
-            this.ruleForm.diyaq.dyfs="1"
+          if (this.ruleForm.diyaq) {
+            this.ruleForm.diyaq.dyfs = "1"
           }
-          if(this.ruleForm.ygdj){
-            this.ruleForm.ygdj.jedw="1"
-            this.ruleForm.ygdj.mjdw="1"
-            if(this.ruleForm.ygdj.sfczjzhxz==null){
-              this.ruleForm.ygdj.sfczjzhxz="1"
+          if (this.ruleForm.ygdj) {
+            this.ruleForm.ygdj.jedw = "1"
+            this.ruleForm.ygdj.mjdw = "1"
+            if (this.ruleForm.ygdj.sfczjzhxz == null) {
+              this.ruleForm.ygdj.sfczjzhxz = "1"
             }
           }
-          if(this.ruleForm.diyaq){
-            this.ruleForm.diyaq.mjdw="1"
+          if (this.ruleForm.diyaq) {
+            this.ruleForm.diyaq.mjdw = "1"
           }
           let djlx = this.ruleForm.qlxx.djlx;
           if (djlx == null || djlx == 100) {
             this.ssqlxxshow = false;
           }
-          this.$endLoading();
           this.isShow = true;
           //获取主体信息
           getSsQlxx({
@@ -222,15 +222,16 @@ export default {
             }
           });
         }
-      });
+      }).catch(() => {
+        this.loading = false
+      })
     },
-    // 更新土地用途信息
     /**
      * @description: 更新土地用途信息
      * @param {*} val
      * @author: renchao
      */
-    upDateTdytxxList(val) {
+    upDateTdytxxList (val) {
       this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
       this.key++;
     },
@@ -239,18 +240,17 @@ export default {
      * @param {*} val
      * @author: renchao
      */
-    upDateQlrxxList(val) {
+    upDateQlrxxList (val) {
       this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
       this.czrOptions = this.ruleForm.qlrData;
       this.key++;
     },
-    // 更新义务人信息
     /**
      * @description: 更新义务人信息
      * @param {*} val
      * @author: renchao
      */
-    upDateYwrxxList(val) {
+    upDateYwrxxList (val) {
       this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
       this.key++;
     },
@@ -258,7 +258,7 @@ export default {
      * @description: onSubmit
      * @author: renchao
      */
-    onSubmit() {
+    onSubmit () {
       this.$refs.ruleForm.validate((valid) => {
         if (valid) {
           if (this.ruleForm.qlrData.length == 0) {
@@ -288,16 +288,16 @@ export default {
             }
             this.ruleForm.qlrData[0].sfczr = "1";
           } else {
-              if (this.ruleForm.qlrData.length <= 1) {
-                this.$message({
-                  showClose: true,
-                  message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
-                  type: "error",
-                });
-                return false;
-              }
-              }
-
+            if (this.ruleForm.qlrData.length <= 1) {
+              this.$message({
+                showClose: true,
+                message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
+                type: "error",
+              });
+              return false;
+            }
+          }
+          this.$store.dispatch("user/refreshPage", false);
           save(this.ruleForm).then((res) => {
             if (res.code === 200) {
               this.$message({

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-08-30 15:52:11
+ * @LastEditTime: 2023-09-26 13:25:47
 -->
 <template>
   <!-- 受理信息 -->
@@ -10,6 +10,7 @@
       :model="ruleForm"
       :rules="rules"
       :class="{ readonly: editDisabled }"
+      v-Loading="loading"
       ref="ruleForm"
       :label-position="flag ? 'top' : ''"
       :inline="flag"
@@ -491,6 +492,7 @@
 
     data () {
       return {
+        loading: false,
         mjdw: "1",
         //表单是否可操作
         rules: {
@@ -525,8 +527,8 @@
           ywhrules: [{ required: true, message: "业务号", trigger: "change" }],
         }
       }
-    },
-  };
+    }
+  }
 </script>
 <style scoped lang="scss">
   @import "~@/styles/public.scss";

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-09-15 09:33:54
+ * @LastEditTime: 2023-09-26 13:26:40
 -->
 <template>
   <!-- 受理信息 -->
@@ -10,7 +10,7 @@
       :model="ruleForm"
       :rules="rules"
       :class="{ readonly: editDisabled }"
-      class="loadingtext"
+      v-Loading="loading"
       ref="ruleForm"
       :label-position="flag ? 'top' : ''"
       :inline="flag"
@@ -433,7 +433,8 @@
     components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable },
     data () {
       return {
-        //传递参数\
+        loading: false,
+        //传递参数
         rules: {
           ssQlxxrules: [
             { required: true, message: "上手权利信息", trigger: "blur" },

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-09-11 16:37:36
+ * @LastEditTime: 2023-09-26 13:34:22
 -->
 <template>
   <!-- 受理信息 -->
@@ -10,7 +10,7 @@
       :model="ruleForm"
       :rules="rules"
       :class="{ readonly: editDisabled }"
-      class="loadingtext"
+      v-Loading="loading"
       ref="ruleForm"
       :label-position="flag ? 'top' : ''"
       :inline="flag"
@@ -441,6 +441,7 @@
     components: { qlrCommonTable, tdytTable, selectTable },
     data () {
       return {
+        loading: false,
         mjdw: "1",
         // 键名转换，方法默认是label和children进行树状渲染
         normalizer (node) {
@@ -572,9 +573,10 @@
        * @author: renchao
        */
       loadData () {
-        this.$startLoading();
+        this.loading = true
         this.propsParam.isEdit = this.$parent.isEdit;
         init(this.propsParam).then((res) => {
+          this.loading = false
           if (res.code == 200) {
             this.ruleForm = res.result;
             let djlx = this.ruleForm.qlxx.djlx;
@@ -582,7 +584,6 @@
               this.ssqlxxshow = false;
             }
             this.ruleForm.fdcq2.jedw = "1";
-            this.$endLoading();
             this.isShow = true;
             //获取主体信息
             getSsQlxx({
@@ -595,7 +596,9 @@
               }
             });
           }
-        });
+        }).catch(() => {
+          this.loading = false
+        })
       },
       /**
        * @description: 更新土地用途信息

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-08-22 16:27:45
+ * @LastEditTime: 2023-10-08 14:47:33
 -->
 <template>
   <!-- 受理信息 -->
@@ -183,15 +183,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="登记机构："
@@ -296,6 +287,7 @@
     },
     data () {
       return {
+        loading: false,
         mjdw: "1",
         ssqlxxshow: true,
         props: {
@@ -396,7 +388,6 @@
         this.ruleForm.qlxx.ssywh = val.ywh;
         this.ssQlxxchangediolog(val);
       },
-      // 弹框事件
       /**
        * @description: 弹框事件
        * @param {*} val
@@ -435,6 +426,7 @@
 
                 }
               }
+              this.ruleForm.qlxx.gyfs = this.nowlist.qlxx.gyfs
               if (!this.ruleForm.tdytqxList.length) {
                 this.ruleForm.tdytqxList = this.nowlist.tdytqxList;
               }
@@ -469,7 +461,6 @@
           this.ssqlxxshow = true;
         }
       },
-      // 字典
       /**
        * @description: 字典
        * @param {*} val
@@ -483,17 +474,21 @@
        * @author: renchao
        */
       loadData () {
-        this.$startLoading();
+        this.loading = true
         this.propsParam.isEdit = this.$parent.isEdit;
         init(this.propsParam).then((res) => {
+          this.loading = false
           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({
@@ -506,7 +501,9 @@
               }
             });
           }
-        });
+        }).catch(() => {
+          this.loading = false
+        })
       },
       /**
        * @description: 更新土地用途信息
@@ -603,4 +600,7 @@
 <style scoped lang="scss">
   @import "~@/styles/public.scss";
   @import "~@/styles/slxx/slxx.scss";
+  /deep/.el-form-item__error {
+    display: none;
+  }
 </style>

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-08-22 16:27:45
+ * @LastEditTime: 2023-09-26 13:27:29
 -->
 <template>
   <!-- 受理信息 -->
@@ -10,7 +10,7 @@
       :model="ruleForm"
       :rules="rules"
       :class="{ readonly: editDisabled }"
-      class="loadingtext"
+      v-Loading="loading"
       ref="ruleForm"
       :label-position="flag ? 'top' : ''"
       :show-message="false"
@@ -388,6 +388,7 @@
     },
     data () {
       return {
+        loading: false,
         mjdw: "1",
         ssqlxxshow: true,
         props: {
@@ -577,16 +578,17 @@
        * @author: renchao
        */
       loadData () {
-        this.$startLoading();
+        this.loading = true
         this.propsParam.isEdit = this.$parent.isEdit;
         init(this.propsParam).then((res) => {
+          this.loading = false
           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 {

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-09-11 16:38:51
+ * @LastEditTime: 2023-10-08 09:46:31
 -->
 <template>
   <!-- 受理信息 -->
@@ -11,7 +11,7 @@
       :rules="rules"
       ref="ruleForm"
       :class="{ readonly: editDisabled }"
-      class="loadingtext"
+      v-Loading="loading"
       :show-message="false"
       :label-position="flag ? 'top' : ''"
       :inline="flag"
@@ -89,13 +89,13 @@
               </el-select>
             </el-form-item>
           </el-col>
-        </el-row>
-        <el-row :gutter="10">
           <el-col :span="8">
             <el-form-item label="不动产单元号：">
               <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
             </el-form-item>
           </el-col>
+        </el-row>
+        <el-row :gutter="10">
           <el-col :span="8">
             <el-form-item
               label="业务号："
@@ -126,15 +126,6 @@
               <el-input v-model="ruleForm.qlxx.djjg"></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="不动产权证号："
@@ -161,8 +152,6 @@
               <el-input v-model="ruleForm.tdsyq.djyy"></el-input>
             </el-form-item>
           </el-col>
-        </el-row>
-        <el-row :gutter="10">
           <el-col :span="8">
             <el-form-item label="农用地面积：">
               <div class="flex">
@@ -207,6 +196,8 @@
               </div>
             </el-form-item>
           </el-col>
+        </el-row>
+        <el-row :gutter="10">
           <el-col :span="8">
             <el-form-item label="林地面积：">
               <div class="flex">
@@ -229,8 +220,6 @@
               </div>
             </el-form-item>
           </el-col>
-        </el-row>
-        <el-row :gutter="10">
           <el-col :span="8">
             <el-form-item label="草地面积：">
               <div class="flex">
@@ -275,6 +264,8 @@
               </div>
             </el-form-item>
           </el-col>
+        </el-row>
+        <el-row :gutter="10">
           <el-col :span="8">
             <el-form-item label="建筑使用面积：">
               <div class="flex">
@@ -297,8 +288,6 @@
               </div>
             </el-form-item>
           </el-col>
-        </el-row>
-        <el-row :gutter="10">
           <el-col :span="8">
             <el-form-item label="未利用地面积：">
               <div class="flex">
@@ -409,6 +398,7 @@
     },
     data () {
       return {
+        loading: false,
         ssqlxxshow: true,
         props: {
           label: "bdcqzh",
@@ -505,7 +495,6 @@
         this.ruleForm.qlxx.ssywh = val.ywh;
         this.ssQlxxchangediolog(val);
       },
-      // 弹框事件
       /**
        * @description: 弹框事件
        * @param {*} val
@@ -545,6 +534,7 @@
 
                   }
                 }
+                this.ruleForm.qlxx.gyfs = this.nowlist.qlxx.gyfs
                 if (!this.ruleForm.tdytqxList.length) {
                   this.ruleForm.tdytqxList = this.nowlist.tdytqxList;
                 }
@@ -595,16 +585,16 @@
        * @author: renchao
        */
       loadData () {
-        this.$startLoading();
+        this.loading = true
         this.propsParam.isEdit = this.$parent.isEdit;
         init(this.propsParam).then((res) => {
+          this.loading = false
           if (res.code == 200) {
             this.ruleForm = res.result;
             let djlx = this.ruleForm.qlxx.djlx;
             if (djlx == null || djlx == 100) {
               this.ssqlxxshow = false;
             }
-            this.$endLoading();
             this.isShow = true;
             //获取主体信息
             getSsQlxx({

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-08-25 09:50:48
+ * @LastEditTime: 2023-09-26 13:31:57
  :show-message="false"
 -->
 <template>
@@ -11,7 +11,7 @@
       :model="ruleForm"
       :rules="rules"
       :class="{ readonly: editDisabled }"
-      class="loadingtext"
+      v-Loading="loading"
       ref="ruleForm"
       :label-position="flag ? 'top' : ''"
       :show-message="false"
@@ -491,7 +491,8 @@
     components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable },
     data () {
       return {
-        //传递参数\
+        loading: false,
+        //传递参数
         rules: {
           ztQlxxrules: [
             { required: true, message: "抵押不动产信息", trigger: "blur" },

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-08-22 16:28:03
+ * @LastEditTime: 2023-09-26 13:31:31
  :show-message="false"
 -->
 <template>
@@ -11,7 +11,7 @@
       :model="ruleForm"
       :rules="rules"
       :class="{ readonly: editDisabled }"
-      class="loadingtext"
+      v-Loading="loading"
       ref="ruleForm"
       :label-position="flag ? 'top' : ''"
       :show-message="false"
@@ -244,7 +244,7 @@
           </el-col>
           <el-col :span="8">
             <el-form-item label="所在层：">
-              <el-input maxlength="20"  v-model="ruleForm.ygdj.szc"></el-input>
+              <el-input maxlength="20" v-model="ruleForm.ygdj.szc"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
@@ -275,15 +275,15 @@
           </el-col>
           <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
             <el-form-item label="注销预告业务号：">
-              <el-input maxlength="20" onkeyup="this.value=this.value.replace(/[^\w_]/g,'');"  v-model="ruleForm.qlxx.zxywh"></el-input>
+              <el-input maxlength="20" onkeyup="this.value=this.value.replace(/[^\w_]/g,'');" v-model="ruleForm.qlxx.zxywh"></el-input>
             </el-form-item>
           </el-col>
-           <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
+          <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
             <el-form-item label="注销预告原因：">
               <el-input v-model="ruleForm.ygdj.zxyy"></el-input>
             </el-form-item>
           </el-col>
-             <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
+          <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
             <el-form-item label="注销时间：">
               <el-date-picker
                 v-model="ruleForm.qlxx.zxsj"
@@ -412,7 +412,8 @@
     components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable },
     data () {
       return {
-        //传递参数\
+        loading: false,
+        //传递参数
         rules: {
           ztQlxxrules: [
             { required: true, message: "抵押不动产信息", trigger: "blur" },

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-08-22 16:28:07
+ * @LastEditTime: 2023-10-08 09:35:26
 -->
 <template>
   <!-- 受理信息 -->
@@ -10,7 +10,7 @@
       :model="ruleForm"
       :rules="rules"
       :class="{ readonly: editDisabled }"
-      class="loadingtext"
+      v-Loading="loading"
       ref="ruleForm"
       :label-position="flag ? 'top' : ''"
       :inline="flag"
@@ -172,16 +172,6 @@
         </el-row>
         <el-row :gutter="10">
           <!-- <el-col :span="8">
-            <el-form-item label="权利类型：">
-              <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input>
-            </el-form-item>
-          </el-col> -->
-          <!-- <el-col :span="8">
-            <el-form-item label="登记原因：">
-              <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input>
-            </el-form-item>
-          </el-col> -->
-          <el-col :span="8">
             <el-form-item
               label="登记类型："
               prop="qlxx.djlx"
@@ -195,24 +185,6 @@
                 </el-option>
               </el-select>
             </el-form-item>
-          </el-col>
-          <!-- <el-col :span="8">
-            <el-form-item label="不动产坐落：">
-              <el-input v-model="ruleForm.qlxx.zl"></el-input>
-            </el-form-item>
-          </el-col> -->
-          <!-- <el-col :span="8">
-            <el-form-item
-              label="不动产权证号："
-              prop="qlxx.bdcqzh"
-              :rules="rules.bdcqzhrules">
-              <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
@@ -365,6 +337,7 @@
     components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable },
     data () {
       return {
+        loading: false,
         ssqlxxshow: true,
         //表单是否可操作
         propsParam: this.$attrs,
@@ -384,10 +357,6 @@
           ztQlxxrules: [
             { required: true, message: "抵押不动产信息", trigger: "blur" },
           ],
-          // bdcqzhrules: [
-          //   { required: true, message: "不动产证号 ", trigger: "blur" },
-          // ],
-          // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
           djjgrules: [{ required: true, message: "登记机构", trigger: "change" }],
           dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
           djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-09-15 09:30:33
+ * @LastEditTime: 2023-09-21 09:39:21
 -->
 <template>
   <el-dialog
@@ -12,14 +12,6 @@
     custom-class="insetDialog"
     append-to-body
     width="31%">
-    <!-- <el-radio-group v-model="radio">
-      <el-radio-button
-        v-for="(value, key) in qllxlistdata"
-        :key="key"
-        :label="value"
-      ></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>

 <!--
  * @Description: 审批意见
  * @Autor: renchao
- * @LastEditTime: 2023-05-17 10:41:24
+ * @LastEditTime: 2023-09-28 11:27:03
 -->
 <template>
   <div class="spyj loadingtext">
@@ -14,8 +14,7 @@
         <el-form
           :model="tableData[index]"
           label-width="120px"
-          ref="ruleFormRef'"
-        >
+          ref="ruleFormRef'">
           <div class="spyj_form">
             <div class="item_left">
               <div class="right">{{ item.jdmc }}意见</div>
@@ -30,14 +29,11 @@
                       :rows="4"
                       class="opinion"
                       placeholder="请输入审批意见"
-                      v-model="item.shyj"
-                    ></el-input>
+                      v-model="item.shyj"></el-input>
                     <el-button
                       class="opinion_btn"
                       @click="commonOpinion(index)"
-                      v-if="ableOperation"
-                      >常用意见</el-button
-                    >
+                      v-if="ableOperation">常用意见</el-button>
                   </el-form-item>
                 </el-col>
               </el-row>
@@ -47,8 +43,7 @@
                     <el-input
                       maxlength="20"
                       :disabled="!ableOperation"
-                      v-model="item.shryxm"
-                    ></el-input>
+                      v-model="item.shryxm"></el-input>
                   </el-form-item>
                 </el-col>
                 <el-col :span="8">
@@ -59,8 +54,7 @@
                       type="date"
                       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>
@@ -77,283 +71,282 @@
   </div>
 </template>
 <script>
-import { addidea, getShList } from "@/api/djbRepair.js";
-import { mapGetters } from "vuex";
-export default {
-  computed: {
-    ...mapGetters(["userData", "yjsqOptions"]),
-  },
-  data() {
-    return {
-      isNoData: false,
-      currentindex: 0,
-      ableOperation: false,
-      tableData: [{ jdmc: "初审" }, { jdmc: "复审" }, { jdmc: "核定" }],
-      falg: false,
-      falg1: false,
-      monitor:true
-    };
-  },
-
-  watch: {
-    yjsqOptions: {
-      handler(val) {
-        if(this.monitor){
-          this.add("");
-          this.monitor=false
-        }else{
-          this.add(val.opinion);
-        }
-      },
-      deep: true,
-      immediate: true,
+  import { addidea, getShList } from "@/api/djbRepair.js";
+  import { mapGetters } from "vuex";
+  export default {
+    computed: {
+      ...mapGetters(["userData", "yjsqOptions"]),
     },
-  },
-  created() {},
-  mounted() {
-    this.ableOperation = this.$parent.ableOperation;
-    this.getShList();
-  },
-  methods: {
-  /**
-     * @description: getShList
-     * @param {*} obj
-     * @author: renchao
-     */
-    getShList() {
-      this.$startLoading();
-      var formdata = {
-        bsmRepair: this.$parent.bsmRepair,
+    data () {
+      return {
+        isNoData: false,
+        currentindex: 0,
+        ableOperation: false,
+        tableData: [{ jdmc: "初审" }, { jdmc: "复审" }, { jdmc: "核定" }],
+        falg: false,
+        falg1: false,
+        monitor: true
       };
-      getShList(formdata).then((res) => {
-        this.$endLoading();
-        if (res.code === 200 && res.result) {
-          if (res.result.length) {
-            this.tableData = res.result;
+    },
+
+    watch: {
+      yjsqOptions: {
+        handler (val) {
+          if (this.monitor) {
+            this.add("");
+            this.monitor = false
+          } else {
+            this.add(val.opinion);
           }
-        }
-      });
+        },
+        deep: true,
+        immediate: true,
+      },
     },
-    /**
-     * @description: judgment
-     * @param {*} obj
-     * @author: renchao
-     */
-    judgment(obj) {},
-    /**
-     * @description: onSubmit
-     * @author: renchao
-     */
-    onSubmit() {
-      if (
-        this.tableData[2].shyj == null ||
-        this.tableData[2].shryxm == null ||
-        this.tableData[2].shkssj == null ||
-        this.tableData[2].shyj == "" ||
-        this.tableData[2].shryxm == "" ||
-        this.tableData[2].shkssj == ""
-      ) {
-        this.falg = false;
-        this.$message.error("请完善核定意见信息填写");
-      } else {
-        this.falg = true;
-        if (this.tableData[0].shyj != null && this.tableData[0].shyj != ""||
-            this.tableData[0].shryxm != null && this.tableData[0].shryxm != ""||
+    created () { },
+    mounted () {
+      this.ableOperation = this.$parent.ableOperation;
+      this.getShList();
+    },
+    methods: {
+      /**
+         * @description: getShList
+         * @param {*} obj
+         * @author: renchao
+         */
+      getShList () {
+        this.$startLoading();
+        var formdata = {
+          bsmRepair: this.$parent.bsmRepair,
+        };
+        getShList(formdata).then((res) => {
+          this.$endLoading();
+          if (res.code === 200 && res.result) {
+            if (res.result.length) {
+              this.tableData = res.result;
+            }
+          }
+        });
+      },
+      /**
+       * @description: judgment
+       * @param {*} obj
+       * @author: renchao
+       */
+      judgment (obj) { },
+      /**
+       * @description: onSubmit
+       * @author: renchao
+       */
+      onSubmit () {
+        if (
+          this.tableData[2].shyj == null ||
+          this.tableData[2].shryxm == null ||
+          this.tableData[2].shkssj == null ||
+          this.tableData[2].shyj == "" ||
+          this.tableData[2].shryxm == "" ||
+          this.tableData[2].shkssj == ""
+        ) {
+          this.falg = false;
+          this.$message.error("请完善核定意见信息填写");
+        } else {
+          this.falg = true;
+          if (this.tableData[0].shyj != null && this.tableData[0].shyj != "" ||
+            this.tableData[0].shryxm != null && this.tableData[0].shryxm != "" ||
             this.tableData[0].shkssj != null && this.tableData[0].shkssj != "") {
-          if (
-            this.tableData[0].shyj == null ||
-            this.tableData[0].shyj == ""||
-            this.tableData[0].shryxm == null ||
-            this.tableData[0].shryxm == "" ||
-            this.tableData[0].shkssj == null ||
-            this.tableData[0].shkssj == ""
-          ) {
-            this.$message.error("请完善初审意见信息填写");
-            this.falg = false;
+            if (
+              this.tableData[0].shyj == null ||
+              this.tableData[0].shyj == "" ||
+              this.tableData[0].shryxm == null ||
+              this.tableData[0].shryxm == "" ||
+              this.tableData[0].shkssj == null ||
+              this.tableData[0].shkssj == ""
+            ) {
+              this.$message.error("请完善初审意见信息填写");
+              this.falg = false;
+            } else {
+              this.falg = true;
+            }
           } else {
             this.falg = true;
           }
-        } else {
-          this.falg = true;
-        }
-         if (this.tableData[1].shyj != null && this.tableData[1].shyj != ""||
-            this.tableData[1].shryxm != null && this.tableData[1].shryxm != ""||
+          if (this.tableData[1].shyj != null && this.tableData[1].shyj != "" ||
+            this.tableData[1].shryxm != null && this.tableData[1].shryxm != "" ||
             this.tableData[1].shkssj != null && this.tableData[1].shkssj != "") {
-          if (
-            this.tableData[1].shyj == null ||
-            this.tableData[1].shyj == ""||
-            this.tableData[1].shryxm == null ||
-            this.tableData[1].shryxm == "" ||
-            this.tableData[1].shkssj == null ||
-            this.tableData[1].shkssj == ""
-          ) {
-            this.$message.error("请完善复审意见信息填写");
-            this.falg1 = false;
+            if (
+              this.tableData[1].shyj == null ||
+              this.tableData[1].shyj == "" ||
+              this.tableData[1].shryxm == null ||
+              this.tableData[1].shryxm == "" ||
+              this.tableData[1].shkssj == null ||
+              this.tableData[1].shkssj == ""
+            ) {
+              this.$message.error("请完善复审意见信息填写");
+              this.falg1 = false;
+            } else {
+              this.falg1 = true;
+            }
           } else {
             this.falg1 = true;
           }
-        } else {
-          this.falg1 = true;
         }
-      }
 
-      if (this.falg && this.falg1) {
-        this.tableData.forEach((item, index) => {
-          item["bsmBusiness"] = this.$parent.bsmRepair;
-        }),
-          addidea(this.tableData).then((res) => {
-            if (res.code === 200) {
-              this.$message.success("保存成功");
-              this.refresh += 1;
-            } else {
-              this.$message.error(res.message);
-            }
-          });
-      } else {
-        return false;
-      }
-    },
-    //打开常用意见列表弹窗
-    /**
-     * @description: 打开常用意见列表弹窗
-     * @param {*} index
-     * @author: renchao
-     */
-    commonOpinion(index) {
-      this.currentindex = index;
-      this.$popupDialog(
-        "常用意见",
-        "workflow/components/dialog/commonOpinion",
-        {},
-        "70%",
-        true
-      );
-    },
-    /**
-     * @description: add
-     * @param {*} val
-     * @author: renchao
-     */
-    add(val) {
-      if (val != "") {
-        this.$set(this.tableData[this.currentindex], "shyj", val);
-      }
+        if (this.falg && this.falg1) {
+          this.tableData.forEach((item, index) => {
+            item["bsmBusiness"] = this.$parent.bsmRepair;
+          }),
+            addidea(this.tableData).then((res) => {
+              if (res.code === 200) {
+                this.$message.success("保存成功");
+                this.refresh += 1;
+              } else {
+                this.$message.error(res.message);
+              }
+            });
+        } else {
+          return false;
+        }
+      },
+      //打开常用意见列表弹窗
+      /**
+       * @description: 打开常用意见列表弹窗
+       * @param {*} index
+       * @author: renchao
+       */
+      commonOpinion (index) {
+        this.currentindex = index;
+        this.$popupDialog(
+          "常用意见",
+          "workflow/components/dialog/commonOpinion",
+          {},
+          "70%",
+          true
+        );
+      },
+      /**
+       * @description: add
+       * @param {*} val
+       * @author: renchao
+       */
+      add (val) {
+        if (val != "") {
+          this.$set(this.tableData[this.currentindex], "shyj", val);
+        }
+      },
     },
-  },
-};
+  };
 </script>
 <style scoped lang="scss">
-@import "~@/styles/mixin.scss";
+  @import "~@/styles/mixin.scss";
 
-.spyj {
-  width: 100%;
-  height: 100%;
-  background-color: #f5f5f5;
-  padding: 5px;
-  .box {
-    overflow-x: auto;
+  .spyj {
     width: 100%;
-    height: 95%;
-    background: #fff;
-    text-align: center;
-    padding: 4px;
-    overflow-y: scroll;
-    padding-top: 20px;
-    padding: 20px 40px;
-    .spyj_title {
+    height: 100%;
+    background-color: #f5f5f5;
+    .box {
+      overflow-x: auto;
       width: 100%;
-      height: 80px;
-      border: 1px solid $borderColor;
-      background-color: #eceef2;
-      display: flex;
-    }
-    .leftadd {
-      width: 3%;
-      height: 100%;
-      display: flex;
-      font-size: 14px;
-      text-indent: 20px;
-      align-items: center;
-      border: 1px solid $borderColor;
-    }
-    .righttitle {
-      width: 80%;
-      height: 100%;
-      line-height: 80px;
-      border: 1px solid $borderColor;
-      margin: auto;
-      font-size: 22px;
-      font-weight: 400;
+      height: 95%;
+      background: #fff;
+      text-align: center;
+      padding: 4px;
+      overflow-y: scroll;
+      padding-top: 20px;
+      padding: 20px 40px;
+      .spyj_title {
+        width: 100%;
+        height: 80px;
+        border: 1px solid $borderColor;
+        background-color: #eceef2;
+        display: flex;
+      }
+      .leftadd {
+        width: 3%;
+        height: 100%;
+        display: flex;
+        font-size: 14px;
+        text-indent: 20px;
+        align-items: center;
+        border: 1px solid $borderColor;
+      }
+      .righttitle {
+        width: 80%;
+        height: 100%;
+        line-height: 80px;
+        border: 1px solid $borderColor;
+        margin: auto;
+        font-size: 22px;
+        font-weight: 400;
+      }
     }
-  }
 
-  /deep/.el-form-item {
-    margin-bottom: 0;
-  }
-
-  .bottom10 {
-    margin-bottom: 15px;
-  }
-
-  .spyj_form {
-    display: flex;
-    border: 1px solid $borderColor;
+    /deep/.el-form-item {
+      margin-bottom: 0;
+    }
 
-    .item_left {
-      width: 150px;
-      background-color: #f8f8fa;
-      color: #606266;
-      display: flex;
-      font-size: 14px;
-      text-indent: 50px;
-      align-items: center;
-      border-right: 1px solid $borderColor;
+    .bottom10 {
+      margin-bottom: 15px;
     }
 
-    .item_right {
-      flex: 1;
-      width: 100%;
+    .spyj_form {
+      display: flex;
+      border: 1px solid $borderColor;
 
-      /deep/.el-form-item__label {
+      .item_left {
+        width: 150px;
         background-color: #f8f8fa;
+        color: #606266;
+        display: flex;
+        font-size: 14px;
+        text-indent: 50px;
+        align-items: center;
+        border-right: 1px solid $borderColor;
       }
-      /deep/.el-form-item__content {
-        display: block;
-        text-align: left;
-      }
-      .opinion_item {
-        /deep/.el-form-item__error {
-          margin-top: -16px !important;
-          left: 3px;
+
+      .item_right {
+        flex: 1;
+        width: 100%;
+
+        /deep/.el-form-item__label {
+          background-color: #f8f8fa;
+        }
+        /deep/.el-form-item__content {
+          display: block;
+          text-align: left;
         }
+        .opinion_item {
+          /deep/.el-form-item__error {
+            margin-top: -16px !important;
+            left: 3px;
+          }
 
-        border-bottom: 1px solid $borderColor;
-      }
+          border-bottom: 1px solid $borderColor;
+        }
 
-      .opinion {
-        position: relative;
-        font-size: 14px;
+        .opinion {
+          position: relative;
+          font-size: 14px;
 
-        /deep/.el-textarea__inner {
-          border: none;
+          /deep/.el-textarea__inner {
+            border: none;
+          }
         }
-      }
 
-      .opinion_btn {
-        position: absolute;
-        right: 15px;
-        bottom: 10px;
+        .opinion_btn {
+          position: absolute;
+          right: 15px;
+          bottom: 10px;
+        }
       }
     }
-  }
 
-  .submit_button {
-    text-align: center;
-    margin: 15px 0;
-  }
+    .submit_button {
+      text-align: center;
+      margin: 15px 0;
+    }
 
-  .el-date-editor.el-input {
-    width: 100%;
+    .el-date-editor.el-input {
+      width: 100%;
+    }
   }
-}
 </style>

 /*
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-09-18 16:32:42
+ * @LastEditTime: 2023-09-21 09:55:21
  */
 //流程环节操作按钮
 export function getForm (tabName) {

 /*
  * @Description:workFramezu.vue组件的方法  头部按钮弹框方法
  * @Autor: miaofang
- * @LastEditTime: 2023-09-18 11:06:44
+ * @LastEditTime: 2023-09-26 14:25:23
  */
 import { getPrintTemplateByCode } from "@/api/print";
 import { getQllxByBdcdyid } from "@/api/djbDetail.js";
@@ -23,6 +23,8 @@ export default {
       //是否开启材料分屏
       splitScreen: false,
       //设置表单组件是否刷选值
+      bsmSlsq: this.$route.query.bsmSlsq,
+      bestepid: this.$route.query.bestepid,
       fresh: 10,
       //左侧菜单数据集合
       unitData: [],
@@ -49,9 +51,8 @@ export default {
      */
     flowInitParam () {
       var formdata = new FormData();
-
-      formdata.append("bsmSlsq", this.bsmSlsq);
-      formdata.append("bestepid", this.bestepid);
+      formdata.append("bsmSlsq", this.bsmSlsq)
+      formdata.append("bestepid", this.bestepid ? this.bestepid : '')
       if (this.type) {
         formdata.append("type", "READ_ONLY");
       }
@@ -73,7 +74,6 @@ export default {
         }
       })
     },
-    //流程环节操作按钮
     /**
      * @description: 流程环节操作按钮
      * @param {*} item
@@ -91,7 +91,7 @@ export default {
           })
           break;
         case "B1":
-          getWorkFlowImage(this.bsmSlsq, this.$route.query.bestepid).then(res => {
+          getWorkFlowImage(this.bsmSlsq, this.bestepid ? this.bestepid : '').then(res => {
             let { result } = res
             this.$popupDialog("流程图", "workflow/components/processViewer", {
               xml: result.xml,
@@ -178,13 +178,13 @@ export default {
         case "back": //退回按钮
           this.$popupDialog("退回", "workflow/components/th", {
             bsmSlsq: this.bsmSlsq,
-            bestepid: this.bestepid
+            bestepid: this.bestepid ? this.bestepid : ''
           }, '800px', true)
           break;
         case "transfer": //转件按钮
           getNextLinkInfo({
             bsmSlsq: this.bsmSlsq,
-            bestepid: this.bestepid,
+            bestepid: this.bestepid ? this.bestepid : ''
           }).then((res) => {
             if (res.code === 200) {
               if (res.result) {
@@ -198,18 +198,18 @@ export default {
         case "stop": //终止按钮
           this.$popupDialog("终止", "workflow/components/stop", {
             bsmSlsq: this.bsmSlsq,
-            bestepid: this.bestepid,
+            bestepid: this.bestepid ? this.bestepid : ''
           }, '600px', true)
           break;
         case "signout":
           window.close();
           //取消认领
-          unClaimTask(this.bsmSlsq, this.bestepid)
+          unClaimTask(this.bsmSlsq, this.bestepid ? this.bestepid : '')
           break;
         case "B9":
           var formdata = new FormData();
           formdata.append("bsmSlsq", this.bsmSlsq);
-          formdata.append("bestepid", this.bestepid);
+          formdata.append("bestepid", this.bestepid ? this.bestepid : '');
           this.$confirm("请确认是否登簿", "提示", {
             iconClass: "el-icon-question", //自定义图标样式
             confirmButtonText: "确认", //确认按钮文字更换
@@ -271,7 +271,6 @@ export default {
           });
         });
     },
-    //发送下一个环节
     /**
      * @description: 发送下一个环节
      * @param {*} obj
@@ -285,7 +284,6 @@ export default {
         tshowidea: this.showidea
       }, '600px', true)
     },
-    //转出最后一个流程
     /**
      * @description: 转出最后一个流程
      * @author: renchao
@@ -299,8 +297,6 @@ export default {
 
       }, '600px', true)
     },
-
-    //批量操作
     /**
      * @description: 批量操作
      * @author: renchao
@@ -332,10 +328,8 @@ export default {
         }
       })
     },
-    // 上传
     /**
      * @description: 上传
-     * @param {*} file
      * @author: renchao
      */
     beforeUpload (file) {

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-09-15 09:27:14
+ * @LastEditTime: 2023-09-21 14:57:51
 -->
 <template>
   <div class="container">
@@ -73,8 +73,6 @@
   import { getForm } from "./flowform";
   import { getStepFormInfo } from "@/api/workFlow.js";
   import NoticeBar from "@/components/NoticeBar/index";
-  // import ProcessViewer from "./components/processViewer.vue";
-
   import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue";
   import qllxDailog from "./djbBook/components/qllxDailog";
   import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue";
@@ -128,9 +126,6 @@
         ableOperation: false,
       };
     },
-    mounted () {
-      // this.getleftMenubl()
-    },
     methods: {
       /**
        * @description: stepForm
@@ -155,10 +150,10 @@
                     that.clxxForm = getForm(item.value, that.$route.query.sqywbm);
                     that.clxxTab = item;
                   }
-                });
+                })
               }
-            });
-          });
+            })
+          })
         }
       },
       /**
@@ -226,7 +221,6 @@
         if (p) {
           this.ableOperation = this.tabList[a.index].ableOperation;
         }
-
       },
       /**
        * @description: 右侧表单选项卡事件
@@ -285,13 +279,13 @@
             } else {
               this.$alert(res.message, "提示", {
                 confirmButtonText: "确定",
-                type: "warning",
-              });
+                type: "warning"
+              })
             }
           })
           .catch((res) => {
-            console.log("错", res);
-          });
+            console.log("错", res)
+          })
       }
     }
   }

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-05-24 15:31:00
+ * @LastEditTime: 2023-09-26 15:30:36
 -->
 <template>
   <div class="container">
@@ -12,8 +12,7 @@
         <li
           @click="operation(item)"
           v-for="(item, index) in leftButtonList"
-          :key="index"
-        >
+          :key="index">
           <svg-icon class="icon" :icon-class="item.icon" />
           <span class="iconName">{{ item.name }}</span>
         </li>
@@ -22,8 +21,7 @@
         <li
           @click="operation(item)"
           v-for="(item, index) in rightButtonList"
-          :key="index"
-        >
+          :key="index">
           <svg-icon class="icon" :icon-class="item.icon" />
           <span class="iconName">{{ item.name }}</span>
         </li>
@@ -48,21 +46,18 @@
           <el-tabs
             v-model="tabName"
             :before-leave="beforeLeave"
-            @tab-click="handleClick"
-          >
+            @tab-click="handleClick">
             <el-tab-pane
               :label="item.name"
               :name="item.value"
               v-for="item in tabList"
-              :key="item.value"
-            >
+              :key="item.value">
             </el-tab-pane>
           </el-tabs>
           <component
             :key="fresh"
             :is="componentTag"
-            v-bind="currentSelectProps"
-          />
+            v-bind="currentSelectProps" />
         </div>
       </div>
     </div>
@@ -71,231 +66,230 @@
   </div>
 </template>
 <style scoped lang="scss">
-@import "~@/styles/mixin.scss";
-@import "./workFrame.scss";
+  @import "~@/styles/mixin.scss";
+  @import "./workFrame.scss";
 </style>
 <script>
-import WorkFlow from "./mixin/index";
-import { getForm } from "./flowform";
-import { getBlYbxStepFormInfo } from "@/api/workFlow.js";
-import NoticeBar from "@/components/NoticeBar/index";
-// import ProcessViewer from "./components/processViewer.vue";
-// 引入左侧菜单
-import { leftMenubl } from "@/api/djbRepair.js";
-import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue";
-import qllxDailog from "./djbBook/components/qllxDailog";
-import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue";
-import { loadTreeData, getNode } from "./components/leftmenu/djbFrameData.js";
-// 登记簿数据信息
-import { addRepairRecord } from "@/api/djbRepair.js";
+  import WorkFlow from "./mixin/index";
+  import { getForm } from "./flowform";
+  import { getBlYbxStepFormInfo } from "@/api/workFlow.js";
+  import NoticeBar from "@/components/NoticeBar/index";
+  // import ProcessViewer from "./components/processViewer.vue";
+  // 引入左侧菜单
+  import { leftMenubl } from "@/api/djbRepair.js";
+  import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue";
+  import qllxDailog from "./djbBook/components/qllxDailog";
+  import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue";
+  import { loadTreeData, getNode } from "./components/leftmenu/djbFrameData.js";
+  // 登记簿数据信息
+  import { addRepairRecord } from "@/api/djbRepair.js";
 
-import { getBdcqljqtsx } from "@/api/djbDetail.js";
-export default {
-  components: {
-    selectBdc,
-    NoticeBar,
-    ordinaryMenu,
-    qllxDailog,
-  },
-  mixins: [WorkFlow],
-  data() {
-    return {
-      bsmSlsq: this.$route.query.bsmSlsq,
-      bestepid: this.$route.query.bestepid,
-      bsmBusiness: this.$route.query.bsmBusiness,
-      //设置那个表单选中
-      tabName: "",
-      // 弹框显示
-      dialogVisible: true,
-      isEdit: false,
-      //表单集合
-      tabList: [],
-      type: "READ_ONLY",
-      //选择加载哪一个组件
-      componentTag: "",
-      //设置表单传递数据
-      currentSelectProps: {},
-      // 首次拿到的业务信息
-      oneSelectProps: {},
-      //材料信息选择卡索引
-      oneget: true,
-      //页面监听时间
-      _beforeUnload_time: "",
-      treedata: {},
-      bsmRepair: "",
-      tabdata: [],
-      defaultNode: {},
-      ableOperation: false,
-    };
-  },
-  mounted() {
-    // this.getleftMenubl()
-  },
-
-  methods: {
-    /**
-     * @description: stepForm
-     * @param {*} qllx
-     * @author: renchao
-     */
-    stepForm(qllx) {
-      this.oneSelectProps.qllx = qllx;
-      if (this.$refs.Menu.supplementarylist.length) {
-        this.oneSelectProps.type = this.type;
-        getBlYbxStepFormInfo(this.oneSelectProps).then((res) => {
-          this.$nextTick(function () {
-            this.tabList = res.result;
-            this.tabName = this.tabList[0].value;
-            this.ableOperation = this.tabList[0].ableOperation;
-            this.getFromRouter(this.tabName);
-          });
-        });
-      }
+  import { getBdcqljqtsx } from "@/api/djbDetail.js";
+  export default {
+    components: {
+      selectBdc,
+      NoticeBar,
+      ordinaryMenu,
+      qllxDailog,
     },
-    // 获取右侧选项卡
-    /**
-     * @description: 获取右侧选项卡
-     * @param {*} val
-     * @author: renchao
-     */
-    getCurrentSelectProps(val) {
-      this.bsmRepair = val.bsmRepair;
-      if (val.bdcdyid) {
-        this.oneSelectProps = val;
-      }
-      this.currentSelectProps = val;
-      if (this.currentSelectProps.bsmRepair) {
-        this.stepForm(this.currentSelectProps.qllx);
-      } else if (!this.oneget) {
-        this.getdjblist();
-      }
-      if (this.oneget) {
-        this.oneget = false;
-        this.stepForm(this.currentSelectProps.qllx);
-      }
+    mixins: [WorkFlow],
+    data () {
+      return {
+        bsmSlsq: this.$route.query.bsmSlsq,
+        bestepid: this.$route.query.bestepid,
+        bsmBusiness: this.$route.query.bsmBusiness,
+        //设置那个表单选中
+        tabName: "",
+        // 弹框显示
+        dialogVisible: true,
+        isEdit: false,
+        //表单集合
+        tabList: [],
+        type: "READ_ONLY",
+        //选择加载哪一个组件
+        componentTag: "",
+        //设置表单传递数据
+        currentSelectProps: {},
+        // 首次拿到的业务信息
+        oneSelectProps: {},
+        //材料信息选择卡索引
+        oneget: true,
+        //页面监听时间
+        _beforeUnload_time: "",
+        treedata: {},
+        bsmRepair: "",
+        tabdata: [],
+        defaultNode: {},
+        ableOperation: false,
+      };
+    },
+    mounted () {
+      // this.getleftMenubl()
     },
-    // 获取渲染登记簿列表
-    /**
-     * @description: 获取渲染登记簿列表
-     * @author: renchao
-     */
-    getdjblist() {
-      getBdcqljqtsx({
-        bdcdyid: this.currentSelectProps.bdcdyid,
-        bdcdyh: this.currentSelectProps.bdcdyh,
-      }).then((res) => {
-        if (res.code === 200) {
-          this.treedata = loadTreeData(res.result, this.bdcdyh);
-          this.$nextTick(function () {
-            this.defaultNode = getNode(this.currentSelectProps.qllx, {
-              linShi: 0,
-              xianShi: 0,
-              liShi: 0,
+
+    methods: {
+      /**
+       * @description: stepForm
+       * @param {*} qllx
+       * @author: renchao
+       */
+      stepForm (qllx) {
+        this.oneSelectProps.qllx = qllx;
+        if (this.$refs.Menu.supplementarylist.length) {
+          this.oneSelectProps.type = this.type;
+          getBlYbxStepFormInfo(this.oneSelectProps).then((res) => {
+            this.$nextTick(function () {
+              this.tabList = res.result;
+              this.tabName = this.tabList[0].value;
+              this.ableOperation = this.tabList[0].ableOperation;
+              this.getFromRouter(this.tabName);
             });
-            this.tabName = this.defaultNode.id; //data[0].id为默认选中的节点
           });
-          let settree = JSON.parse(JSON.stringify(this.treedata));
-          this.tabdata = [
-            ...settree,
-            ...settree[1].children[0].children[0].children,
-          ];
-          this.tabdata.forEach((item, index, arr) => {
-            arr[index].name = item.label;
-            arr[index].value = item.id;
-          });
-          this.tabList = this.tabdata;
         }
-      });
-    },
-    //选项卡切换事件
-    /**
-     * @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 {*} activeName
-     * @author: renchao
-     */
-    beforeLeave(activeName) {
-      if (activeName && activeName != 0) this.getFromRouter(activeName);
-    },
-    //切换选项卡内容组件
-    /**
-     * @description: 切换选项卡内容组件
-     * @param {*} tabname
-     * @author: renchao
-     */
-    getFromRouter(tabname) {
-      this.componentTag = getForm(tabname);
-    },
-    /**
-     * @description: closefp
-     * @author: renchao
-     */
-    closefp() {
-      this.splitScreen = this.splitScreen ? false : true;
-      this.$store.dispatch("app/set1tScreen", this.splitScreen);
-      this.getFromRouter(this.tabList[0].value);
-      this.clxxForm = getForm(this.tabList[1].value);
-    },
-    // 增加补录记录
-    /**
-     * @description: 增加补录记录
-     * @param {*} row
-     * @param {*} del
-     * @author: renchao
-     */
-    addRepairRecord(row, del) {
-      let from = {
-        bsmQlxx: "",
-        bsmSlsq: this.bsmSlsq,
-        bsmSldy: this.currentSelectProps.bsmSldy,
-        operate: "C",
-        qllx: "",
-      };
-      if (row) {
-        from.bsmQlxx = row.bsmQlxx;
-        if (del) {
-          from.operate = del;
-        } else {
-          from.operate = row.bsmQlxx ? "U" : "C";
+      },
+      /**
+       * @description: 获取右侧选项卡
+       * @param {*} val
+       * @author: renchao
+       */
+      getCurrentSelectProps (val) {
+        this.bsmRepair = val.bsmRepair;
+        if (val.bdcdyid) {
+          this.oneSelectProps = val;
+        }
+        this.currentSelectProps = val;
+        if (this.currentSelectProps.bsmRepair) {
+          this.stepForm(this.currentSelectProps.qllx);
+        } else if (!this.oneget) {
+          this.getdjblist();
+        }
+        if (this.oneget) {
+          this.oneget = false;
+          this.stepForm(this.currentSelectProps.qllx);
         }
-        from.qllx = row.qllx;
-      }
-      addRepairRecord(from)
-        .then((res) => {
-          if (res.code == "200") {
-            this.$refs.qllxlist.dialogVisible = false;
-            this.$nextTick(() => {
-              this.$refs.Menu.getleftMenubl(res.result);
-              this.$message({
-                type: "success",
-                message: "补录成功!",
+      },
+      // 获取渲染登记簿列表
+      /**
+       * @description: 获取渲染登记簿列表
+       * @author: renchao
+       */
+      getdjblist () {
+        getBdcqljqtsx({
+          bdcdyid: this.currentSelectProps.bdcdyid,
+          bdcdyh: this.currentSelectProps.bdcdyh,
+        }).then((res) => {
+          if (res.code === 200) {
+            this.treedata = loadTreeData(res.result, this.bdcdyh);
+            this.$nextTick(function () {
+              this.defaultNode = getNode(this.currentSelectProps.qllx, {
+                linShi: 0,
+                xianShi: 0,
+                liShi: 0,
               });
+              this.tabName = this.defaultNode.id; //data[0].id为默认选中的节点
             });
-          } else {
-            this.$alert(res.message, "提示", {
-              confirmButtonText: "确定",
-              type: "warning",
+            let settree = JSON.parse(JSON.stringify(this.treedata));
+            this.tabdata = [
+              ...settree,
+              ...settree[1].children[0].children[0].children,
+            ];
+            this.tabdata.forEach((item, index, arr) => {
+              arr[index].name = item.label;
+              arr[index].value = item.id;
             });
+            this.tabList = this.tabdata;
           }
-        })
-        .catch((res) => {
-          console.log("错", res);
         });
+      },
+      //选项卡切换事件
+      /**
+       * @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 {*} activeName
+       * @author: renchao
+       */
+      beforeLeave (activeName) {
+        if (activeName && activeName != 0) this.getFromRouter(activeName);
+      },
+      //切换选项卡内容组件
+      /**
+       * @description: 切换选项卡内容组件
+       * @param {*} tabname
+       * @author: renchao
+       */
+      getFromRouter (tabname) {
+        this.componentTag = getForm(tabname);
+      },
+      /**
+       * @description: closefp
+       * @author: renchao
+       */
+      closefp () {
+        this.splitScreen = this.splitScreen ? false : true;
+        this.$store.dispatch("app/set1tScreen", this.splitScreen);
+        this.getFromRouter(this.tabList[0].value);
+        this.clxxForm = getForm(this.tabList[1].value);
+      },
+      // 增加补录记录
+      /**
+       * @description: 增加补录记录
+       * @param {*} row
+       * @param {*} del
+       * @author: renchao
+       */
+      addRepairRecord (row, del) {
+        let from = {
+          bsmQlxx: "",
+          bsmSlsq: this.bsmSlsq,
+          bsmSldy: this.currentSelectProps.bsmSldy,
+          operate: "C",
+          qllx: "",
+        };
+        if (row) {
+          from.bsmQlxx = row.bsmQlxx;
+          if (del) {
+            from.operate = del;
+          } else {
+            from.operate = row.bsmQlxx ? "U" : "C";
+          }
+          from.qllx = row.qllx;
+        }
+        addRepairRecord(from)
+          .then((res) => {
+            if (res.code == "200") {
+              this.$refs.qllxlist.dialogVisible = false;
+              this.$nextTick(() => {
+                this.$refs.Menu.getleftMenubl(res.result);
+                this.$message({
+                  type: "success",
+                  message: "补录成功!",
+                });
+              });
+            } else {
+              this.$alert(res.message, "提示", {
+                confirmButtonText: "确定",
+                type: "warning",
+              });
+            }
+          })
+          .catch((res) => {
+            console.log("错", res);
+          });
+      },
     },
-  },
-};
+  };
 </script>
 <style scoped lang="scss"></style>

 <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-19 09:12:32
+ * @LastEditTime: 2023-09-22 09:47:08
 -->
 <template>
   <div class="tableBox">
@@ -71,10 +71,10 @@
               <span v-if="item.prop == 'qszt'">
                 {{ getQsztName(row[item.prop]) }}
               </span>
-              <el-link v-if="item.prop == 'ywh'"
+              <el-link v-if="['zxywh', 'ywh'].includes(item.prop)"
                 @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>
+              <span v-if="!['qszt','ywh', 'zxywh' ].includes(item.prop)">{{ row[item.prop] }}</span>
             </p>
 
             <el-tooltip
@@ -172,7 +172,7 @@
           this.tableData = [];
           this.emptycolNum = datas.columns().emptycolNum;
         } else {
-          this.$parent.loadData();
+          this.$parent.loadData(this.checkList);
         }
       },
       /**
@@ -229,13 +229,16 @@
         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')
+            const { href } = Router.resolve('/workFrameView?bsmSlsq=' + data.bsmSlsq + '&bsmBusiness=' + data.bsmBusiness)
             window.open(href, `urlname${data.bsmSlsq}`)
           })
         } else {
           getBlParamsByYwh(ywh, bsmQlxx).then(res => {
             let data = res.result
-            ywPopupDialog("材料信息", "registerBook/components/clxx/index", data, "60%", true, false)
+            this.$popup('材料信息', 'registerBook/components/clxx/index', {
+              width: '60%',
+              formData: data
+            })
           })
         }
       }

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

@@ -116,11 +116,12 @@ export default {
               return item.bdcdyid == val.bdcdyid;
             });
             this.activeName = index;
-
+            
             // this.setstyle(index, 0, this.iskey);
           } else {
             this.sfqdata.push(loadsfqData(res.result, val.bdcdyh, val.bdcdyid));
             this.activeName = this.sfqdata.length - 1;
+            this.isActive=""
             // this.$nextTick(() => {
             //   this.setstyle(this.sfqdata.length - 1, 0, this.iskey);
             // })
@@ -217,7 +218,6 @@ export default {
      * @author: renchao
      */
     loadComponent(form) {
-      console.log(form, "form");
       this.componentTag = (r) =>
         require.ensure([], () => r(require("@/views/registerBook/" + form)));
     },

@@ -121,189 +121,161 @@
           ywh: "",
           ywly: "",
         };
-      },
-      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;
-
-                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,
+        if (this.queryForm) {
+          this.$startLoading();
+          searchTaskToDo({
+            ...this.queryForm,
           }).then((res) => {
             if (res.code === 200) {
-              if (this.sfqdata.some((item) => item.bdcdyid === val.bdcdyid)) {
-                let index = this.sfqdata.findIndex((item) => {
-                  return item.bdcdyid == val.bdcdyid;
-                });
-                this.activeName = index
-              } else {
-                this.sfqdata.push(loadsfqData(res.result, val.bdcdyh, val.bdcdyid));
-                this.activeName = this.sfqdata.length - 1;
-              }
+              let { records } = res.result;
+
+              this.loadBdcdylist(records[0].bsmSlsq, records[0].bestepid);
+              this.$endLoading();
             }
           });
-          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 || ""
-                );
-                this.sfqdata[0].children.forEach((item, index) => {
-                  if (item.id == this.defaultNode.id) {
-                    this.loadComponent(item.form);
-                    this.isActive = index;
-                  }
-                })
-                // this.$refs.tree.setCurrentKey(this.defaultNode.id); //data[0].id为默认选中的节点
-                // this.loadComponent(this.defaultNode.form);
+        }
+      },
 
-                // this.setstyle(0, 0, this.iskey);
-              });
+      // 获取不动产信息
+      /**
+       * @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.currentSelectProps = {
-            bdcdyid: this.currentSelectProps.bdcdyid,
-            bdcdyh: this.currentSelectProps.bdcdyh,
-            qllx: this.currentSelectProps.qllx,
-            bsmQlxx: this.currentSelectProps.bsmQlxx,
-          };
-        },
-        /*
-            点击登记簿菜单
-           */
-        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) {
-        //       this.keyy = key
-        //     }
-        //     this.loadComponent(this.$refs.sfq[newindex].$children[this.keyy].$attrs.re.form);
-        //     let dpme = this.$refs.sfq[newindex].$children[this.keyy].$el
-        //     dpme.style.backgroundColor = "#f5f5f5";
-        //     dpme.style.color = "#0079fe";
-        //     dpme.style.borderRight = "4px solid #0079fe";
-        //   } else {
-        //     let dpme = this.$refs.sfq[newindex].$children[this.keyy].$el
-        //     dpme.style.backgroundColor = "#ffffff";
-        //     dpme.style.color = "black";
-        //     dpme.style.border = "none";
-        //   }
-        // },
-        /**
-      * @description: tap
-      * @param {*} data
-      * @author: renchao
-      * 新增列表功能
+      /**
+      * @description: getBdcdyh
+      * @author: miaofang
+      * 点击不动产单元号事件
       */
-        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
+      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)) {
+              let index = this.sfqdata.findIndex((item) => {
+                return item.bdcdyid == val.bdcdyid;
+              });
+              this.activeName = index
+            } else {
+              this.sfqdata.push(loadsfqData(res.result, val.bdcdyh, val.bdcdyid));
+              this.activeName = this.sfqdata.length - 1;
+            }
+          }
+        });
+        this.currentSelectProps = {
+          bdcdyid: val.bdcdyid,
+          bdcdyh: val.bdcdyh,
+          qllx: this.currentSelectProps.qllx,
+          bsmQlxx: this.currentSelectProps.bsmQlxx,
+        };
+      },
+      /**
+       * @description: loadData
        * @author: renchao
        */
-        loadComponent (form) {
-          this.componentTag = (r) =>
-            require.ensure([], () => r(require("@/views/registerBook/" + form)));
-        },
+      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 || ""
+              );
+              this.sfqdata[0].children.forEach((item, index) => {
+                if (item.id == this.defaultNode.id) {
+                  this.loadComponent(item.form);
+                  this.isActive = index;
+                }
+              })
+              // this.$refs.tree.setCurrentKey(this.defaultNode.id); //data[0].id为默认选中的节点
+              // this.loadComponent(this.defaultNode.form);
+
+              // this.setstyle(0, 0, this.iskey);
+
+              // this.setstyle(0, 0, this.iskey);
+            });
+          }
+        });
+        this.currentSelectProps = {
+          bdcdyid: this.currentSelectProps.bdcdyid,
+          bdcdyh: this.currentSelectProps.bdcdyh,
+          qllx: this.currentSelectProps.qllx,
+          bsmQlxx: this.currentSelectProps.bsmQlxx,
+        };
       },
+      /*
+          点击登记簿菜单
+         */
+      handleNodeClick (data) {
+        this.loadComponent(data.form);
+      },
+    },
+    /*
+        点击登记簿菜单
+       */
+    /**
+     * @description: 点击登记簿菜单
+     * @param {*} data
+     * @author: renchao
+     */
+    handleNodeClick (data) {
+      this.loadComponent(data.form);
+    },
+    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)));
     }
-  }
+  };
 </script>
 <style scoped lang="scss">
   /deep/.rollTable {
@@ -343,6 +315,8 @@
     height: 45px;
   }
 
+ 
+
   /deep/.el-tree-node {
     white-space: pre-wrap;
   }
@@ -376,33 +350,44 @@
   /deep/.el-collapse-item__content {
     padding-bottom: 5px;
   }
-  /deep/.sfqcontent {
-    white-space: wrap;
+  /deep/.unselected {
+    // white-space: wrap;
     border: none;
-    padding: 0;
-    margin: 0;
     cursor: pointer;
-    width: 100%;
-    height: 100px;
-    word-break: break-word;
-    display: inline;
+    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 {
-      font-size: 13px;
-      display: block;
-      line-height: 15px;
-      margin-left: 70px;
+      width: 100%;
+      display: inline-block;
+      justify-content: center;
+      align-items: center;
     }
     height: 45px;
     border: 1px solid rgb(228, 228, 228);
     border-right: 4px solid #f5f5f5;
   }
-  .sfqcontent:hover {
-    background-color: #f5f5f5;
-    color: black;
-  }
-  .sfqcontent:focus {
+
+  .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: renchao
+ * @LastEditTime: 2023-09-18 13:39:51
+-->
+<template>
+  <div class="content">
+    自然幢列表（待开发）
+  </div>
+</template>
+<script>
+import { getBdcqljqtsx } from "@/api/djbDetail.js";
+import { loadTreeData, loadsfqData, getNode } from "./djbFrameData.js";
+export default {
+  data() {
+    return {
+    }
+  },
+
+  mounted() {
+
+  },
+  methods: {
+
+  },
+};
+</script>
+<style scoped lang="scss">
+
+</style>

 <!--
  * @Description:
  * @Autor: miaofang
- * @LastEditTime: 2023-09-18 14:48:07
+ * @LastEditTime: 2023-09-21 11:05:33
 -->
 <template>
   <div class="djxxTable">
@@ -72,7 +72,7 @@
               <span v-if="item.prop == 'qszt'">
                 {{ getQsztName(row[item.prop]) }}
               </span>
-              <el-link v-if="item.prop == 'ywh'"
+              <el-link v-if=" ['zxywh', 'ywh'].includes(item.prop)"
                 @click="handleSelectYwh(tableData, row[item.prop])"
                 type="primary">{{ row[item.prop] }}</el-link>
               <el-tooltip
@@ -88,6 +88,7 @@
 
               <span
                 v-if="
+                  item.prop !== 'zxywh' &&
                   item.prop !== 'ywh' &&
                   item.prop !== 'qszt' &&
                   item.prop !== 'djyy' &&
@@ -291,14 +292,16 @@
         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')
+            const { href } = Router.resolve('/workFrameView?bsmSlsq=' + data.bsmSlsq + '&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}`)
+            this.$popup('材料信息', 'registerBook/components/clxx/index', {
+              width: '60%',
+              formData: data
+            })
           })
         }
       }

 <!--
  * @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-26 16:47:20
 -->
 <template>
   <dialogBox
@@ -512,11 +512,10 @@
             let { total, records } = res.result;
             this.tableDataQy.total = total;
             this.tableDataQy.data = records;
-            this.tableDataQy.data.forEach(item => {
+            this.tableDataQy.data.forEach((item, index) => {
               item.zjzlMc = this.dicStatus(item.zjzl, 'A30')
               item.sqrmc = item.qymc
               item.txdz = item.dwdz
-              item.id = getUuid(16)
             })
           }
         })
@@ -541,9 +540,10 @@
         this.$confirm('是否同步材料信息?', '提示', {
           confirmButtonText: '确定',
           cancelButtonText: '取消',
+          distinguishCancelAndClose: true,//区分取消与关闭
         }).then(() => {
           replace(val.bsmCompany, this.$route.query.bsmSlsq, bsmSldy).then(res => {
-            that.$emit("updateDetail", _.cloneDeep(val));
+            that.$emit("updateDetail", _.cloneDeep({ ...val, sqrlx: '2', id: getUuid(16) }));
             that.$emit("input", false);
             if (res.code == 200) {
               that.$message({
@@ -551,14 +551,14 @@
                 message: '同步成功!'
               })
             } else {
-              this.$message.error(res.message);
+              that.$message.error(res.message);
             }
           })
-        }).catch(() => {
-          this.$message({
-            type: 'info',
-            message: '已取消'
-          })
+        }).catch(action => {
+          if (action == 'cancel') {
+            that.$emit("updateDetail", _.cloneDeep({ ...val, sqrlx: '2' }));
+            that.$emit("input", false);
+          }
         })
       },
       /**
@@ -573,11 +573,10 @@
             let { total, records } = res.result;
             this.tableDataYh.total = total;
             this.tableDataYh.data = records;
-            this.tableDataYh.data.forEach(item => {
+            this.tableDataYh.data.forEach((item, index) => {
               item.zjzlMc = this.dicStatus(item.zjzl, 'A30')
               item.sqrmc = item.qymc
               item.txdz = item.dwdz
-              item.id = getUuid(16)
             })
           }
         })

@@ -11,7 +11,7 @@
   import { mapGetters } from 'vuex'
   import { getSzRecordList } from "@/api/bdcqz.js";
   import table from "@/utils/mixin/table";
-  import { datas } from "../../javascript/szxxdata";
+  import { szxxdatas } from "../../javascript/szxxdata";
   export default {
     components: {
 
@@ -34,7 +34,7 @@
         details: {},
         tableData: {
           total: 0,
-          columns: datas.columns(),
+          columns: szxxdatas.columns(),
           data: [],
         },
       }

 <!--
  * @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: miaofang
+ * @LastEditTime: 2023-09-19 14:04:13
+-->
+<template>
+  <div
+    class="from-clues loadingtext"
+    v-Loading="loading"
+    element-loading-text="拼命加载中..."
+    style="height: 720px; text-align: center"
+  >
+    <!-- 表单部分 -->
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane label="证书预览" name="zsyl">
+        <el-empty
+          description="暂无数据"
+          v-if="headTabBdcqz.length == 0 && noData"
+        ></el-empty>
+        <div class="zsys">
+          <canvas
+            ref="zs"
+            width="1000"
+            v-show="this.bdcqz.bdcqzlx == 1"
+            height="700"
+          ></canvas>
+          <canvas
+            ref="zm"
+            width="1180"
+            v-show="this.bdcqz.bdcqzlx == 2"
+            height="780"
+          ></canvas>
+        </div>
+      </el-tab-pane>
+      <el-tab-pane label="证书详情" name="lcjl">
+          <div class="slxx_title title-block">
+          证书详情信息
+          <div class="triangle"></div>
+        </div>
+      <el-form :rules="rules" ref="ruleForm" label-width="120px">
+      <el-row>
+        <el-col :span="8">
+          <el-form-item label="权利人" prop="cyxm">
+            <el-input disabled v-model="bdcqz.qlr" maxlegth="15"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="义务人" prop="jtgxdm">
+             <el-input disabled v-model="bdcqz.qlr" maxlegth="15"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="坐落" prop="cbfdm">
+            <el-input disabled v-model="bdcqz.zl" maxlegth="15"></el-input>
+          </el-form-item>
+        </el-col>
+
+      </el-row>
+            <el-row>
+        <el-col :span="8">
+          <el-form-item label="不动产单元号" prop="cyxm">
+            <el-input disabled v-model="bdcqz.bdcdyh" maxlegth="15"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="印刷序列号" prop="jtgxdm">
+            <el-input disabled v-model="bdcqz.ysxlh" maxlegth="15"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="不动产权证号" prop="cbfdm">
+            <el-input disabled v-model="bdcqz.bdcqzh" maxlegth="15"></el-input>
+          </el-form-item>
+        </el-col>
+
+      </el-row>
+      </el-form>
+        <div class="slxx_title title-block">
+          缮证记录信息
+          <div class="triangle"></div>
+        </div>
+        <div class="from-clues-content">
+          <lb-table
+            class="sz"
+            :column="szxxtableData.columns"
+            heightNumSetting
+            :pagination="false"
+            :key="key"
+            :data="szxxtableData.data"
+          >
+          </lb-table>
+        </div>
+        <div class="slxx_title title-block">
+          发证记录信息
+          <div class="triangle"></div>
+        </div>
+        <lb-table
+          border
+          :column="tableDatas.columns"
+          :heightNum="100"
+          :data="tableDatas.data"
+          :pagination="false"
+        >
+        </lb-table>
+      </el-tab-pane>
+      <el-tab-pane label="电子证照" name="third"> 等一个照片 </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<script>
+// import { zsyldatas } from "../../javascript/zsyl.js";
+import { getSlsqBdcqzList } from "@/api/bdcqz.js";
+import { getCertificateList } from "@/api/bdcqz.js";
+import { getSzRecordList } from "@/api/bdcqz.js";
+import { szxxdatas } from "../../javascript/szxxdatapart";
+import { datas } from "../../javascript/fzxxdatapart";
+export default {
+  name: "zsyl",
+  props: {
+    formData: {
+      type: Object,
+      default: {},
+    },
+  },
+  data() {
+    return {
+      key: 0,
+      noData: false,
+      imgSrc: require("@/image/bdcqz/bdcqzs2.jpg"),
+      bdczmSrc: require("@/image/bdcqz/bdczm.jpg"),
+      loading: false,
+      //印刷序列号集合
+      ysxlh: [],
+      //列名称对象
+      columns: [],
+      //选择的不动产权证文件
+      bdcqz: "",
+      //证书打开类型 是否需要展示打印按钮
+      isToPrint: false,
+      //tab切换栏数组
+      tabslist: [],
+      headTabBdcqz: [],
+      //tab选择绑定值
+      activeName: "zsyl",
+      //证书图片预览
+      previewImage: "",
+      ruleForm: {
+        bsmBdcqz: "",
+        szmc: "不动产权证书",
+        bsmBdcqz: "",
+        szzh: "",
+        ysxlh: "",
+      },
+      formdata: {},
+      szxxtableData: {
+        total: 0,
+        columns: szxxdatas.columns(),
+        data: [],
+      },
+      tableDatas: {
+        total: 0,
+        columns: datas.columns().fzgrid,
+        data: [],
+      },
+    };
+  },
+  mounted() {
+    this.queryClick();
+    this.query();
+    if (this.formData.bdcqz) {
+      //从缮证进入
+      this.bdcqz = this.formData.bdcqz;
+    } else {
+      //从按钮进入
+      this.getHeadTabBdcqz();
+    }
+  },
+  methods: {
+    /**
+     * @description: queryClick
+     * @author: miaofang
+     */
+    queryClick() {
+      this.formdata.bsmSlsq = this.formData.bsmSlsq;
+      getCertificateList(this.formdata).then((res) => {
+        if (res.code === 200) {
+          this.tableDatas.data = res.result ? res.result : [];
+          console.log("this.tableDatas",this.tableDatas);
+        }
+      });
+    },
+    /**
+     * @description: query
+     * @author: miaofang
+     */
+    query() {
+      getSzRecordList({ bsmBdcqz: this.formData.bsmBdcqz }).then((res) => {
+        if (res.code == 200) {
+          this.szxxtableData.data = res.result;
+          this.key++;
+        }
+      });
+    },
+    /**
+     * @description: 获取证书内容
+     * @param {*} code
+     * @author: miaofang
+     */
+    getRowValue(code) {
+      var value = this.bdcqz[code];
+      return value;
+    },
+    /**
+     * @description: 获取受理申请下全部不动产权证
+     * @author: miaofang
+     */
+    getHeadTabBdcqz() {
+      console.log("formData", this.formData);
+      this.loading = true;
+      getSlsqBdcqzList({ bsmSlsq: this.formData.bsmSlsq }).then((res) => {
+        if (res.code == 200) {
+          this.noData = true;
+          if (res.result && res.result.length > 0) {
+            console.log("res.resultttttttttttttttttttt", res.result);
+            this.bdcqz = res.result[0];
+            this.headTabBdcqz = res.result;
+            if (this.bdcqz.bdcqzlx == 1) {
+              this.drawTextOnImage();
+            } else {
+              this.drawTextzmImage();
+            }
+          }
+        }
+        this.loading = false;
+      });
+    },
+    /**
+     * @description: tab表头切换方法
+     * @param {*} e
+     * @author: miaofang
+     */
+    handleClick(tab, event) {
+      console.log(tab, event);
+      this.bdcqz = this.headTabBdcqz[0];
+      if (this.bdcqz.bdcqzlx == 1) {
+        this.drawTextOnImage();
+      } else {
+        this.drawTextzmImage();
+      }
+    },
+    /**
+     * @description: 不动产证书
+     * @author: miaofang
+     */
+    drawTextOnImage() {
+      function getByteLen(val) {
+        var len = 0;
+        if (!val) return len;
+        for (var i = 0; i < val.length; i++) {
+          var length = val.charCodeAt(i);
+          if (length >= 0 && length <= 128) {
+            len += 1;
+          } else {
+            len += 2;
+          }
+        }
+        return len;
+      }
+      const canvas = this.$refs.zs;
+      const context = canvas.getContext("2d");
+      const image = new Image();
+      image.onload = () => {
+        context.drawImage(image, 0, 0);
+        context.font = "18px 楷体";
+        context.fillStyle = "#000000";
+        context.fillText(this.bdcqz.sjjc ? this.bdcqz.sjjc : "", 60, 56);
+        context.fillText(this.bdcqz.djnd ? this.bdcqz.djnd : "", 113, 56);
+        context.fillText(this.bdcqz.sxqc ? this.bdcqz.sxqc : "", 180, 56);
+        context.fillText(this.bdcqz.sxh ? this.bdcqz.sxh : "", 370, 56);
+        context.fillText(this.bdcqz.qlr ? this.bdcqz.qlr : "", 129, 97);
+        context.fillText(this.bdcqz.gyqk ? this.bdcqz.gyqk : "", 129, 136);
+
+        this.bdcdyh =
+          this.bdcqz.bdcdyh.slice(0, 6) +
+          " " +
+          this.bdcqz.bdcdyh.slice(6, 12) +
+          " " +
+          this.bdcqz.bdcdyh.slice(12, 19) +
+          " " +
+          this.bdcqz.bdcdyh.slice(19, this.bdcqz.bdcdyh.length);
+        context.fillText(this.bdcdyh ? this.bdcdyh : "", 129, 223);
+
+        context.fillText(this.bdcqz.qllx ? this.bdcqz.qllx : "", 129, 263);
+        context.fillText(this.bdcqz.qlxz ? this.bdcqz.qlxz : "", 129, 303);
+        context.fillText(this.bdcqz.yt ? this.bdcqz.yt : "", 129, 346);
+        // context.fillText(this.bdcqz.mj ? this.bdcqz.mj : '', 129, 386);
+        let lines6 = this.bdcqz.mj ? this.bdcqz.mj.split(" ") : [];
+        if (getByteLen(this.bdcqz.mj) > 41) {
+          lines6.forEach((line, index) => {
+            const y = 378 + index * 27; // 每行文本的垂直位置
+            let currentLine = "";
+            let arr = [];
+            for (let word of line) {
+              const testLine = currentLine + word;
+              const lineWidth = context.measureText(testLine).width;
+              if (lineWidth <= 330) {
+                currentLine = testLine;
+              } else {
+                arr.push(currentLine);
+                currentLine = word;
+              }
+            }
+            arr.push(currentLine);
+            arr.forEach((line, index) => {
+              context.fillText(line, 129, y + index * 20); // 调整行高
+            });
+          });
+        } else {
+          lines6.forEach((line, index) => {
+            const y = 386 + index * 27; // 每行文本的垂直位置
+            let currentLine = "";
+            let arr = [];
+            for (let word of line) {
+              const testLine = currentLine + word;
+              const lineWidth = context.measureText(testLine).width;
+              if (lineWidth <= 330) {
+                currentLine = testLine;
+              } else {
+                arr.push(currentLine);
+                currentLine = word;
+              }
+            }
+            arr.push(currentLine);
+            arr.forEach((line, index) => {
+              context.fillText(line, 129, y + index * 20); // 调整行高
+            });
+          });
+        }
+        // 权利其他状态
+        let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split("\n") : [];
+        for (let i = 0; i < lines.length; i++) {
+          let num = Math.ceil(getByteLen(lines[i]) / 38);
+          if (getByteLen(lines[i]) > 38) {
+            let currentLine = "";
+            let arr = [];
+            for (let word of lines[i]) {
+              const testLine = currentLine + word;
+              const lineWidth = context.measureText(testLine).width;
+              if (lineWidth <= 323) {
+                currentLine = testLine;
+              } else {
+                arr.push(currentLine);
+                currentLine = word;
+              }
+            }
+            arr.push(currentLine);
+            if (i > 0) {
+              arr.forEach((line, index) => {
+                context.fillText(
+                  line,
+                  129,
+                  490 + 26 * (i - 1) + 4 * num + index * 14
+                ); // 调整行高
+              });
+            } else {
+              arr.forEach((line, index) => {
+                context.fillText(line, 129, 500 + 26 * (i - 1) + index * 14); // 调整行高
+              });
+            }
+          } else {
+            if (i > 0) {
+              context.fillText(
+                lines[i] ? lines[i] : "",
+                129,
+                500 + 4 * num + 24 * (i - 1)
+              );
+            } else {
+              context.fillText(
+                lines[i] ? lines[i] : "",
+                129,
+                505 + 24 * (i - 1)
+              );
+            }
+          }
+        }
+
+        let lines1 = this.bdcqz.fj ? this.bdcqz.fj.split("\n") : [];
+        lines1.forEach((line, index) => {
+          const y = 100 + index * 30; // 每行文本的垂直位置
+          let currentLine = "";
+          let arr = [];
+          for (let word of line) {
+            const testLine = currentLine + word;
+            const lineWidth = context.measureText(testLine).width;
+            if (lineWidth <= 395) {
+              currentLine = testLine;
+            } else {
+              arr.push(currentLine);
+              currentLine = word;
+            }
+          }
+          arr.push(currentLine);
+          arr.forEach((line, index) => {
+            context.fillText(line, 580, y + index * 30); // 调整行高
+          });
+        });
+        let lines3 = this.bdcqz.syqx ? this.bdcqz.syqx.split(" ") : [];
+        if (getByteLen(this.bdcqz.syqx) > 41) {
+          lines3.forEach((line, index) => {
+            const y = 423 + index * 27; // 每行文本的垂直位置
+            let currentLine = "";
+            let arr = [];
+            for (let word of line) {
+              const testLine = currentLine + word;
+              const lineWidth = context.measureText(testLine).width;
+              if (lineWidth <= 330) {
+                currentLine = testLine;
+              } else {
+                arr.push(currentLine);
+                currentLine = word;
+              }
+            }
+            arr.push(currentLine);
+            arr.forEach((line, index) => {
+              context.fillText(line, 129, y + index * 20); // 调整行高
+            });
+          });
+        } else {
+          lines3.forEach((line, index) => {
+            const y = 430 + index * 27; // 每行文本的垂直位置
+            let currentLine = "";
+            let arr = [];
+            for (let word of line) {
+              const testLine = currentLine + word;
+              const lineWidth = context.measureText(testLine).width;
+              if (lineWidth <= 315) {
+                currentLine = testLine;
+              } else {
+                arr.push(currentLine);
+                currentLine = word;
+              }
+            }
+            arr.push(currentLine);
+            arr.forEach((line, index) => {
+              context.fillText(line, 129, y + index * 20); // 调整行高
+            });
+          });
+        }
+
+        let lines2 = this.bdcqz.zl ? this.bdcqz.zl.split(" ") : [];
+        if (getByteLen(this.bdcqz.zl) > 41) {
+          lines2.forEach((line, index) => {
+            const y = 170 + index * 20; // 每行文本的垂直位置
+            let currentLine = "";
+            let arr = [];
+            for (let word of line) {
+              const testLine = currentLine + word;
+              const lineWidth = context.measureText(testLine).width;
+              if (lineWidth <= 336) {
+                currentLine = testLine;
+              } else {
+                arr.push(currentLine);
+                currentLine = word;
+              }
+            }
+            arr.push(currentLine);
+            arr.forEach((line, index) => {
+              context.fillText(line, 129, y + index * 20); // 调整行高
+            });
+          });
+        } else {
+          lines2.forEach((line, index) => {
+            const y = 180 + index * 20; // 每行文本的垂直位置
+            let currentLine = "";
+            let arr = [];
+            for (let word of line) {
+              const testLine = currentLine + word;
+              const lineWidth = context.measureText(testLine).width;
+              if (lineWidth <= 336) {
+                currentLine = testLine;
+              } else {
+                arr.push(currentLine);
+                currentLine = word;
+              }
+            }
+            arr.push(currentLine);
+            arr.forEach((line, index) => {
+              context.fillText(line, 129, y + index * 20); // 调整行高
+            });
+          });
+        }
+      };
+      image.src = this.imgSrc;
+    },
+    /**
+     * @description: 不动产证明
+     * @author: miaofang
+     */
+    drawTextzmImage() {
+      function getByteLen(val) {
+        var len = 0;
+        if (!val) return len;
+        for (var i = 0; i < val.length; i++) {
+          var length = val.charCodeAt(i);
+          if (length >= 0 && length <= 128) {
+            len += 1;
+          } else {
+            len += 2;
+          }
+        }
+        return len;
+      }
+
+      const canvas = this.$refs.zm;
+      const context = canvas.getContext("2d");
+      const image = new Image();
+      image.onload = () => {
+        context.drawImage(image, 0, 0);
+        context.font = "18px 楷体";
+        context.fillStyle = "#000000";
+        // ysxlh
+        context.fillText(this.bdcqz.ysxlh ? this.bdcqz.ysxlh : "", 280, 712);
+        // djsj
+        if (this.bdcqz.djsj) {
+          let djsjList = this.bdcqz.djsj.split(" ")[0].split("/");
+          context.fillText(djsjList[0] ? djsjList[0] : "", 327, 580);
+          context.fillText(djsjList[1] ? djsjList[1] : "", 393, 580);
+          context.fillText(djsjList[2] ? djsjList[2] : "", 443, 580);
+        }
+        context.fillText(this.bdcqz.sjjc ? this.bdcqz.sjjc : "", 620, 125);
+        context.fillText(this.bdcqz.djnd ? this.bdcqz.djnd : "", 665, 125);
+        context.fillText(this.bdcqz.sxqc ? this.bdcqz.sxqc : "", 750, 125);
+        context.fillText(this.bdcqz.sxh ? this.bdcqz.sxh : "", 960, 123);
+        context.fillText(
+          this.bdcqz.zmqlhsx ? this.bdcqz.zmqlhsx : "",
+          775,
+          180
+        );
+        context.fillText(this.bdcqz.qlr ? this.bdcqz.qlr : "", 775, 228);
+        // 义务人
+        context.fillText(this.bdcqz.ywr ? this.bdcqz.ywr : "", 775, 275);
+        // context.fillText(this.bdcqz.zl ? this.bdcqz.zl : '', 775, 325);
+
+        let lines2 = this.bdcqz.zl ? this.bdcqz.zl.split(" ") : [];
+        if (getByteLen(this.bdcqz.zl) > 41) {
+          lines2.forEach((line, index) => {
+            const y = 315 + index * 20; // 每行文本的垂直位置
+            let currentLine = "";
+            let arr = [];
+            for (let word of line) {
+              const testLine = currentLine + word;
+              const lineWidth = context.measureText(testLine).width;
+              if (lineWidth <= 295) {
+                currentLine = testLine;
+              } else {
+                arr.push(currentLine);
+                currentLine = word;
+              }
+            }
+            arr.push(currentLine);
+            arr.forEach((line, index) => {
+              context.fillText(line, 775, y + index * 20); // 调整行高
+            });
+          });
+        } else {
+          lines2.forEach((line, index) => {
+            const y = 325 + index * 20; // 每行文本的垂直位置
+            let currentLine = "";
+            let arr = [];
+            for (let word of line) {
+              const testLine = currentLine + word;
+              const lineWidth = context.measureText(testLine).width;
+              if (lineWidth <= 295) {
+                currentLine = testLine;
+              } else {
+                arr.push(currentLine);
+                currentLine = word;
+              }
+            }
+            arr.push(currentLine);
+            arr.forEach((line, index) => {
+              context.fillText(line, 775, y + index * 20); // 调整行高
+            });
+          });
+        }
+
+        // bdcdyh
+        this.bdcdyh =
+          this.bdcqz.bdcdyh.slice(0, 6) +
+          " " +
+          this.bdcqz.bdcdyh.slice(6, 12) +
+          " " +
+          this.bdcqz.bdcdyh.slice(12, 19) +
+          " " +
+          this.bdcqz.bdcdyh.slice(19, this.bdcqz.bdcdyh.length);
+        context.fillText(this.bdcdyh ? this.bdcdyh : "", 775, 373);
+        // qlqtzk
+        const maxWidth = 295; // 最大宽度限制
+        let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split("\n") : [];
+        for (let i = 0; i < lines.length; i++) {
+          let num = Math.ceil(getByteLen(lines[i]) / 37);
+          if (getByteLen(lines[i]) > 37) {
+            let currentLine = "";
+            let arr = [];
+            for (let word of lines[i]) {
+              const testLine = currentLine + word;
+              const lineWidth = context.measureText(testLine).width;
+              if (lineWidth <= maxWidth) {
+                currentLine = testLine;
+              } else {
+                arr.push(currentLine);
+                currentLine = word;
+              }
+            }
+            arr.push(currentLine);
+            if (i > 0) {
+              arr.forEach((line, index) => {
+                context.fillText(
+                  line,
+                  770,
+                  428 + 25 * (i - 1) + 5 * num + index * 15
+                ); // 调整行高
+              });
+            } else {
+              arr.forEach((line, index) => {
+                context.fillText(line, 770, 435 + 25 * (i - 1) + index * 14); // 调整行高
+              });
+            }
+          } else {
+            if (i > 0) {
+              context.fillText(
+                lines[i] ? lines[i] : "",
+                770,
+                440 + 5 * num + 24 * (i - 1)
+              );
+            } else {
+              context.fillText(
+                lines[i] ? lines[i] : "",
+                770,
+                440 + 24 * (i - 1)
+              );
+            }
+          }
+        }
+        // fj
+        let lines1 = this.bdcqz.fj ? this.bdcqz.fj.split("\n") : [];
+        for (let i = 0; i < lines1.length; i++) {
+          let num = Math.ceil(getByteLen(lines1[i]) / 37);
+          if (getByteLen(lines1[i]) > 37) {
+            let currentLine = "";
+            let arr = [];
+            for (let word of lines1[i]) {
+              const testLine = currentLine + word;
+              const lineWidth = context.measureText(testLine).width;
+              if (lineWidth <= maxWidth) {
+                currentLine = testLine;
+              } else {
+                arr.push(currentLine);
+                currentLine = word;
+              }
+            }
+            arr.push(currentLine);
+            if (i > 0) {
+              arr.forEach((line, index) => {
+                context.fillText(
+                  line,
+                  770,
+                  610 + 25 * (i - 1) + 5 * num + index * 15
+                ); // 调整行高
+              });
+            } else {
+              arr.forEach((line, index) => {
+                context.fillText(line, 770, 610 + 25 * (i - 1) + index * 15); // 调整行高
+              });
+            }
+          } else {
+            if (i > 0) {
+              context.fillText(
+                lines1[i] ? lines1[i] : "",
+                770,
+                610 + 5 * num + 23 * (i - 1)
+              );
+            } else {
+              context.fillText(
+                lines1[i] ? lines1[i] : "",
+                770,
+                610 + 23 * (i - 1)
+              );
+            }
+          }
+        }
+      };
+
+      image.src = this.bdczmSrc;
+    },
+  },
+  computed: {
+    hdiffHeight() {
+      return 0;
+      //  return this.headTabBdcqz.length > 1 ? 54 : 0
+    },
+  },
+};
+</script>
+<style scoped lang="scss">
+@import "~@/styles/mixin.scss";
+
+.imgClass {
+  display: inline-block;
+  height: auto;
+  max-width: 100%;
+}
+
+.middle_padding {
+  padding-bottom: 10px;
+}
+
+.zsyl-button {
+  text-align: center;
+  margin-top: 20px;
+
+  .operation_button {
+    width: 100px;
+    border: 1px solid rgb(0, 121, 254);
+  }
+
+  .dy-button {
+    color: white;
+    background-color: rgb(0, 121, 254);
+  }
+}
+
+.table-column {
+  border-spacing: 1px;
+  width: 100%;
+
+  tr td {
+    border: 1px solid #ccc;
+    text-align: center;
+    height: 40px;
+    padding: 4px;
+    font-size: 13px;
+    background: rgb(251, 249, 229);
+  }
+}
+
+.zsyl-title {
+  background: #fafbe5;
+  text-align: center;
+  padding: 5px 0px;
+  font-size: 20px;
+}
+
+.no-data {
+  font-size: 18px;
+  display: flex;
+  text-align: center;
+  justify-content: center;
+}
+.el-tab-pane {
+  width: 1190px;
+  height: 670px;
+  overflow-y: auto;
+}
+.zsys {
+  width: 1180px;
+  height: 670px;
+}
+/deep/.el-table {
+  height: 100px !important;
+}
+/deep/.sz {
+  height: 340px !important;
+}
+.el-form{
+  margin-top: 20px;
+}
+</style>

 <!--
  * @Description: workFrame左侧菜单列表-普通
  * @Autor: renchao
- * @LastEditTime: 2023-09-20 15:46:25
+ * @LastEditTime: 2023-09-22 10:12:37
 -->
 <template>
   <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }">
@@ -49,8 +49,8 @@
       return {
         //受理申请标识码
         bsmSlsq: this.$route.query.bsmSlsq,
-        //当前流程所在环节
         bestepid: this.$route.query.bestepid,
+        bsmBusiness: this.$route.query.bsmBusiness,
         // 默认选中
         activeIndex: '0',
         // 折叠
@@ -89,14 +89,10 @@
       loadBdcdylist (status = false) {
         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);
-        }
-        if (this.$route.query.type == 'jdcx') {
+        formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
+        formdata.append("bestepid", this.bestepid ? this.bestepid : '');
+        formdata.append("bsmBusiness", this.bsmBusiness ? this.bsmBusiness : '');
+        if (this.type) {
           jdcxLeftMenu(formdata).then((res) => {
             if (res.code === 200 && res.result) {
               that.unitData = res.result;
@@ -186,10 +182,6 @@
             deleteSlbdcdy(formdata).then((res) => {
               if (res.code == 200) {
                 this.$message.success("删除成功");
-                /**
-                 * @description: 更新列表
-                 * @author: miaofang
-                 */
                 this.loadBdcdylist()
                 // this.$parent.updateDialog();
               } else {
@@ -223,7 +215,7 @@
         this.$popupDialog("批量删除", "workflow/components/batchDel", {
           bsmSlsq: this.bsmSlsq,
           dataList: this.unitData,
-        }, '50%', true)
+        }, '55%', true)
       },
       /**
        * @description: 申请单元点击事件

 <!--
  * @Description: workFrame左侧菜单列表-分割
  * @Autor: renchao
- * @LastEditTime: 2023-09-20 15:33:05
+ * @LastEditTime: 2023-09-21 14:44:34
 -->
 <template>
   <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }">
@@ -61,6 +61,9 @@
   export default {
     data () {
       return {
+        bsmSlsq: this.$route.query.bsmSlsq,
+        bsmBusiness: this.$route.query.bsmBusiness,
+        bestepid: this.$route.query.bestepid,
         // 变更前单元默认选中
         activeIndex: '0',
         // 变更后单元默认选中
@@ -102,11 +105,10 @@
         let that = this
         var formdata = new FormData();
         // 受理申请标识码
-        formdata.append("bsmSlsq", this.paramData.bsmSlsq);
-        // 当前流程所在环节
-        formdata.append("bestepid", this.paramData.bestepid);
-        formdata.append("bsmBusiness", this.paramData.bsmBusiness);
-        if (this.$route.query.type == 'jdcx') {
+        formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
+        formdata.append("bsmBusiness", this.bsmBusiness ? this.bsmBusiness : '');
+        formdata.append("bestepid", this.bestepid ? this.bestepid : '');
+        if (this.type) {
           jdcxLeftMenu(formdata).then((res) => {
             if (res.code === 200 && res.result) {
               this.aroundUnitData = res.result.filter(item => item.bglx == '1')
@@ -208,6 +210,7 @@
        * @author: renchao
        */
       batchUnitClick () {
+        window.currentSelect = {}
         this.currentSelectProps.batchOperation = true;
         // this.activeIndex = "-1";
         this.$parent.stepForm(0);

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-09-01 13:35:05
+ * @LastEditTime: 2023-09-26 16:40:49
 -->
 <template>
   <div>
@@ -165,20 +165,37 @@
        * @author: renchao
        */
       handleupdateDetail (value) {
+        let that = this
         let arr = this.tableData.map(item => item.zjh)
+        // if (this.isaddupdate) {
+        //   if (!arr.includes(value.zjh)) {
+        //     this.tableDataList[this.tableDataList.length] = _.cloneDeep(value);
+        //     this.$emit('upDateQlrxxList', this.tableDataList)
+        //   } else {
+        //     setTimeout(() => {
+        //       that.$message.error('证件号不能重复')
+        //     }, 1500)
+        //   }
+        // } else {
+        //   if (!arr.includes(value.zjh) || this.tableData[this.dataIndex].zjh == value.zjh) {
+        //     this.tableDataList[this.dataIndex] = _.cloneDeep(value);
+        //     this.$emit('upDateQlrxxList', this.tableDataList)
+        //   } else {
+        //     setTimeout(() => {
+        //       that.$message.error('证件号不能重复')
+        //     }, 1500)
+        //   }
+        // }
+
         if (this.isaddupdate) {
-          if (!arr.includes(value.zjh)) {
+          if (!_.isEqual(value, this.tableData)) {
             this.tableDataList[this.tableDataList.length] = _.cloneDeep(value);
-            this.$emit('upDateQlrxxList', this.tableDataList)
-          } else {
-            this.$message.error('证件号不能重复');
+            this.$emit("upDateQlrxxList", this.tableDataList);
           }
         } else {
-          if (!arr.includes(value.zjh) || this.tableData[this.dataIndex].zjh == value.zjh) {
+          if (!_.isEqual(value, this.tableData)) {
             this.tableDataList[this.dataIndex] = _.cloneDeep(value);
-            this.$emit('upDateQlrxxList', this.tableDataList)
-          } else {
-            this.$message.error('证件号不能重复');
+            this.$emit("upDateQlrxxList", this.tableDataList);
           }
         }
         this.key++

 <!--
  * @Description: 审批意见
  * @Autor: renchao
- * @LastEditTime: 2023-08-25 09:16:01
+ * @LastEditTime: 2023-10-08 14:48:32
 -->
 <template>
   <div class="spyj loadingtext">
@@ -14,8 +14,7 @@
         <el-form
           :model="tableData[index]"
           label-width="120px"
-          ref="ruleForm'"
-        >
+          ref="ruleForm'">
           <div class="spyj_form">
             <div class="item_left">
               <div class="right">{{ item.jdmc }}意见</div>
@@ -25,22 +24,18 @@
                 <el-col :span="24">
                   <el-form-item
                     label-width="0"
-                    class="opinion_item"
-                  >
+                    class="opinion_item">
                     <el-input
                       :disabled="!viewEdit || item.show"
                       type="textarea"
                       :rows="4"
                       class="opinion"
                       placeholder="请输入审批意见"
-                      v-model="item.shyj"
-                    ></el-input>
+                      v-model="item.shyj"></el-input>
                     <el-button
                       class="opinion_btn"
                       @click="commonOpinion(index)"
-                       :disabled="!viewEdit|| item.show"
-                      >常用意见</el-button
-                    >
+                      :disabled="!viewEdit|| item.show">常用意见</el-button>
                   </el-form-item>
                 </el-col>
               </el-row>
@@ -61,94 +56,91 @@
         </el-form>
       </div>
       <div class="submit_button" v-if="viewEdit">
-        <el-button type="primary" :disabled="shows" @click="onSubmit()"
-          >保存</el-button
-        >
+        <el-button type="primary" :disabled="shows" @click="onSubmit()">保存</el-button>
       </div>
     </div>
     <!-- <el-empty v-if="isNoData" description="暂无数据"></el-empty> -->
   </div>
 </template>
 <script>
-import { saveSpyjBySlsq, getSpyjList } from "@/api/opinion.js";
-import { mapGetters } from "vuex";
-import { getNewDatesh } from "@/utils/util";
-export default {
-  computed: {
-    ...mapGetters(["dqhj", "yjsqOptions", "userInfo"]),
-  },
-  data() {
-    return {
-      currentindex: 0,
-      refresh: 10,
-      viewEdit: false,
-      bsmSlsq: this.$route.query.bsmSlsq,
-      bestepid: this.$route.query.bestepid,
-      propsParam: {},
-      tableData: [],
-      shows: false,
-    };
-  },
+  import { saveSpyjBySlsq, getSpyjList } from "@/api/opinion.js";
+  import { mapGetters } from "vuex";
+  import { getNewDatesh } from "@/utils/util";
+  export default {
+    computed: {
+      ...mapGetters(["dqhj", "yjsqOptions", "userInfo"]),
+    },
+    data () {
+      return {
+        currentindex: 0,
+        refresh: 10,
+        viewEdit: false,
+        bsmSlsq: this.$route.query.bsmSlsq,
+        bestepid: this.$route.query.bestepid,
+        propsParam: {},
+        tableData: [],
+        shows: false,
+      };
+    },
 
-  watch: {
-    yjsqOptions: {
-      handler(val) {
-        this.add(val.opinion);
+    watch: {
+      yjsqOptions: {
+        handler (val) {
+          this.add(val.opinion);
+        },
+        deep: true,
+        immediate: true,
       },
-      deep: true,
-      immediate: true,
-    },
-     dqhj: {
-      handler(val) {
-        this.propsParam = this.$attrs;
-        this.dataset()
-        if(this.$parent.dqhj){
-            this.getShList();
-        }
+      dqhj: {
+        handler (val) {
+          this.propsParam = this.$attrs;
+          this.dataset()
+          this.getShList();
+
+        },
+        deep: true,
+        immediate: true,
       },
-      deep: true,
-      immediate: true,
-    },
 
-  },
-  created() {},
-  methods: {
-     /**
-     * @description: dataset
-     * @param {*} 数据处理
-     * @author: renchao
-     */
-    dataset(){
-      this.viewEdit = this.$parent.currentSelectTab.ableOperation;
-    // switch (this.$parent.dqhj) {
-    //   case "cs":
-    //     this.indexdqlc = 0;
-    //     this.jdmc = "初审";
-    //     break;
-    //   case "fs":
-    //     this.indexdqlc = 1;
-    //     this.jdmc = "复审";
-    //     break;
-    //   case "hd":
-    //     this.indexdqlc = 2;
-    //     this.jdmc = "核定";
-    //     break;
-    // }
     },
-    /**
-     * @description: getShList
-     * @param {*} obj
-     * @author: renchao
-     */
-    getShList() {
-      this.$startLoading();
-      var formdata = new FormData();
-      formdata.append("bsmBusiness", this.propsParam.bsmBusiness);
-      formdata.append("bestepid", this.$route.query.bestepid);
+    created () { },
+    methods: {
+      /**
+      * @description: dataset
+      * @param {*} 数据处理
+      * @author: renchao
+      */
+      dataset () {
+        this.viewEdit = this.$parent.currentSelectTab.ableOperation;
+        // switch (this.$parent.dqhj) {
+        //   case "cs":
+        //     this.indexdqlc = 0;
+        //     this.jdmc = "初审";
+        //     break;
+        //   case "fs":
+        //     this.indexdqlc = 1;
+        //     this.jdmc = "复审";
+        //     break;
+        //   case "hd":
+        //     this.indexdqlc = 2;
+        //     this.jdmc = "核定";
+        //     break;
+        // }
+      },
+      /**
+       * @description: getShList
+       * @param {*} obj
+       * @author: renchao
+       */
+      getShList () {
+        this.$startLoading();
+        var formdata = new FormData();
+        formdata.append("bsmBusiness", this.propsParam.bsmBusiness);
+        formdata.append("bestepid", this.$route.query.bestepid);
 
-      getSpyjList(formdata).then((res) => {
+        getSpyjList(formdata).then((res) => {
 
-        if (res.code === 200 && res.result) {
+          if (res.code === 200 && res.result) {
             this.tableData = res.result;
             if (this.shows) {
               this.shows = false;
@@ -186,27 +178,27 @@ export default {
             });
             this.$endLoading();
 
-        }
+          }
 
-      });
+        });
 
-    },
-    /**
-     * @description: onSubmit
-     * @author: renchao
-     */
-    onSubmit() {
+      },
+      /**
+       * @description: onSubmit
+       * @author: renchao
+       */
+      onSubmit () {
 
-          this.tableData.forEach((item, index) => {
-            item["bsmBusiness"] = this.propsParam.bsmBusiness;
-            item["czjg"] = "1";
-          });
-             var index = this.tableData.findIndex(
-              (item) => item.shyj ==null||item.shyj ==""
-            );
-            if(index==-1){
-              this.shows = true;
-               saveSpyjBySlsq(this.tableData).then((res) => {
+        this.tableData.forEach((item, index) => {
+          item["bsmBusiness"] = this.propsParam.bsmBusiness;
+          item["czjg"] = "1";
+        });
+        var index = this.tableData.findIndex(
+          (item) => item.shyj == null || item.shyj == ""
+        );
+        if (index == -1) {
+          this.shows = true;
+          saveSpyjBySlsq(this.tableData).then((res) => {
             if (res.code === 200) {
               this.$message.success("保存成功");
               this.refresh += 1;
@@ -215,151 +207,150 @@ export default {
               this.$message.error(res.message);
             }
           });
-            }else{
-             this.$message.error("意见不能为空");
-            }
+        } else {
+          this.$message.error("意见不能为空");
+        }
 
+      },
+      //打开常用意见列表弹窗
+      /**
+       * @description: 打开常用意见列表弹窗
+       * @param {*} index
+       * @author: renchao
+       */
+      commonOpinion (index) {
+        this.currentindex = index;
+        this.$popupDialog(
+          "常用意见",
+          "workflow/components/dialog/commonOpinion",
+          {},
+          "70%",
+          true
+        );
+      },
+      /**
+       * @description: add
+       * @param {*} val
+       * @author: renchao
+       */
+      add (val) {
+        if (val != "" && this.tableData.length > 0) {
+          this.$set(this.tableData[this.currentindex], "shyj", val);
+        }
+      },
     },
-    //打开常用意见列表弹窗
-    /**
-     * @description: 打开常用意见列表弹窗
-     * @param {*} index
-     * @author: renchao
-     */
-    commonOpinion(index) {
-      this.currentindex = index;
-      this.$popupDialog(
-        "常用意见",
-        "workflow/components/dialog/commonOpinion",
-        {},
-        "70%",
-        true
-      );
-    },
-    /**
-     * @description: add
-     * @param {*} val
-     * @author: renchao
-     */
-    add(val) {
-      if (val != ""&&this.tableData.length>0) {
-        this.$set(this.tableData[this.currentindex], "shyj", val);
-      }
-    },
-  },
-};
+  };
 </script>
 <style scoped lang="scss">
-@import "~@/styles/mixin.scss";
+  @import "~@/styles/mixin.scss";
 
-.spyj {
-  width: 100%;
-  height: 100%;
-  background-color: #f5f5f5;
-  padding: 5px;
-  .box {
-    overflow-x: auto;
+  .spyj {
     width: 100%;
-    height: 95%;
-    background: #fff;
-    text-align: center;
-    padding: 4px;
-    overflow-y: scroll;
-    padding-top: 20px;
-    padding: 20px 40px;
-    .spyj_title {
+    height: 100%;
+    background-color: #f5f5f5;
+    .box {
+      overflow-x: auto;
       width: 100%;
-      height: 80px;
-      border: 1px solid $borderColor;
-      background-color: #eceef2;
-      display: flex;
-    }
-    .leftadd {
-      width: 3%;
-      height: 100%;
-      display: flex;
-      font-size: 14px;
-      text-indent: 20px;
-      align-items: center;
-      border: 1px solid $borderColor;
-    }
-    .righttitle {
-      width: 80%;
-      height: 100%;
-      line-height: 80px;
-      border: 1px solid $borderColor;
-      margin: auto;
-      font-size: 22px;
-      font-weight: 400;
+      height: 95%;
+      background: #fff;
+      text-align: center;
+      padding: 4px;
+      overflow-y: scroll;
+      padding-top: 20px;
+      padding: 20px 40px;
+      .spyj_title {
+        width: 100%;
+        height: 80px;
+        border: 1px solid $borderColor;
+        background-color: #eceef2;
+        display: flex;
+      }
+      .leftadd {
+        width: 3%;
+        height: 100%;
+        display: flex;
+        font-size: 14px;
+        text-indent: 20px;
+        align-items: center;
+        border: 1px solid $borderColor;
+      }
+      .righttitle {
+        width: 80%;
+        height: 100%;
+        line-height: 80px;
+        border: 1px solid $borderColor;
+        margin: auto;
+        font-size: 22px;
+        font-weight: 400;
+      }
     }
-  }
-
-  /deep/.el-form-item {
-    margin-bottom: 0;
-  }
-
-  .bottom10 {
-    margin-bottom: 15px;
-  }
 
-  .spyj_form {
-    display: flex;
-    border: 1px solid $borderColor;
+    /deep/.el-form-item {
+      margin-bottom: 0;
+    }
 
-    .item_left {
-      width: 150px;
-      background-color: #f8f8fa;
-      color: #606266;
-      display: flex;
-      font-size: 14px;
-      text-indent: 50px;
-      align-items: center;
-      border-right: 1px solid $borderColor;
+    .bottom10 {
+      margin-bottom: 15px;
     }
 
-    .item_right {
-      flex: 1;
-      width: 100%;
+    .spyj_form {
+      display: flex;
+      border: 1px solid $borderColor;
 
-      /deep/.el-form-item__label {
+      .item_left {
+        width: 150px;
         background-color: #f8f8fa;
+        color: #606266;
+        display: flex;
+        font-size: 14px;
+        text-indent: 50px;
+        align-items: center;
+        border-right: 1px solid $borderColor;
       }
-      /deep/.el-form-item__content {
-        display: block;
-        text-align: left;
-      }
-      .opinion_item {
-        /deep/.el-form-item__error {
-          margin-top: -16px !important;
-          left: 3px;
+
+      .item_right {
+        flex: 1;
+        width: 100%;
+
+        /deep/.el-form-item__label {
+          background-color: #f8f8fa;
+        }
+        /deep/.el-form-item__content {
+          display: block;
+          text-align: left;
+        }
+        .opinion_item {
+          /deep/.el-form-item__error {
+            margin-top: -16px !important;
+            left: 3px;
+          }
+          border-bottom: 1px solid $borderColor;
         }
-        border-bottom: 1px solid $borderColor;
-      }
 
-      .opinion {
-        position: relative;
-        font-size: 14px;
+        .opinion {
+          position: relative;
+          font-size: 14px;
 
-        /deep/.el-textarea__inner {
-          border: none;
+          /deep/.el-textarea__inner {
+            border: none;
+          }
         }
-      }
 
-      .opinion_btn {
-        position: absolute;
-        right: 15px;
-        bottom: 10px;
+        .opinion_btn {
+          position: absolute;
+          right: 15px;
+          bottom: 10px;
+        }
       }
     }
-  }
 
-  .submit_button {
-    text-align: center;
-    margin: 15px 0;
-  }
+    .submit_button {
+      text-align: center;
+      margin: 15px 0;
+    }
 
-  .el-date-editor.el-input {
-    width: 100%;
+    .el-date-editor.el-input {
+      width: 100%;
+    }
   }
-}
 </style>

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-05-17 10:41:45
+ * @LastEditTime: 2023-09-27 08:51:13
 -->
 <template>
   <div class="from-clues">
@@ -15,8 +15,10 @@
       placeholder="请输入终止原因"
       type="textarea"
       :rows="4"></el-input>
-    <el-button style="float: right" @click="cancelBack">取消</el-button>
-    <el-button type="primary" @click="onSubmit" style="float: right">退件</el-button>
+    <div style="overflow:hidden;text-align:center;margin-top:10px">
+      <el-button @click="cancelBack">取消</el-button>
+      <el-button type="primary" @click="onSubmit">退件</el-button>
+    </div>
   </div>
 </template>
 
@@ -59,13 +61,13 @@
           }, 1000);
         });
       },
-         /**
-     * @description: closeDialog
-     * @author: renchao
-     */
-    cancelBack() {
-      popupCacel();
-    },
+      /**
+  * @description: closeDialog
+  * @author: renchao
+  */
+      cancelBack () {
+        popupCacel();
+      },
     },
   };
 </script>

@@ -104,7 +104,6 @@ export default {
   watch: {
     workFresh: {
       handler(newVal, oldVal) {
-        console.log(newVal, "newVal");
         if (newVal) this.list();
       },
     },
@@ -146,7 +145,7 @@ export default {
           "证书证明预览",
           "workflow/components/dialog/zsyl",
           { bdcqz: item, bsmSlsq: this.$route.query.bsmSlsq },
-          "76%",
+          '1230px',
           true
         );
       } else {
@@ -269,7 +268,7 @@ export default {
   }
   .zm-card.no-print {
     background-image: url("~@/image/zm-gray.png");
-    
+
     /deep/ .el-card__header {
       &:after {
         background-color: #6d7278;

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-09-01 13:33:27
+ * @LastEditTime: 2023-09-26 15:45:06
 -->
 <template>
   <div>
@@ -124,12 +124,6 @@
           let that = this
           this.$nextTick(() => {
             if (val.length == 0 || !val) {
-              // that.tableDataList = _.cloneDeep([{
-              //   sqrmc: '',
-              //   dlrzjlx: '',
-              //   dlrzjh: '',
-              //   fr: ''
-              // }])
             } else {
               that.tableDataList = _.cloneDeep(val)
             }
@@ -209,6 +203,7 @@
        * @author: renchao
        */
       deleClick (index, row) {
+        debugger
         this.tableDataList.splice(index, 1)
         this.$emit('upDateQlrxxList', this.tableDataList)
       },

+/*
+ * @Description:
+ * @Autor: renchao
+ * @LastEditTime: 2023-08-29 12:55:07
+ */
+import filter from '@/utils/filter.js'
+let vm = null
+
+const sendThis = (_this) => {
+  vm = _this
+}
+class data extends filter {
+  constructor() {
+    super()
+  }
+  columns () {
+    return {
+      //发证列表
+      fzgrid: [
+        {
+          label: '序号',
+          type: 'index',
+          width: '50'
+        },
+        {
+          prop: "fzrmc",
+          label: "发证人"
+        },
+        {
+          prop: "bdcqzlx",
+          label: "不动产权证类型",
+          width: '130',
+          render: (h, scope) => {
+            return (
+              <div>
+                <span v-show={scope.row.bdcqzlx == '1'}>不动产权证书</span>
+                <span v-show={scope.row.bdcqzlx == '2'}>不动产登记证明</span>
+              </div>
+            )
+          }
+        },
+        {
+           label: "权利类型",
+          width: '100',
+          render: (h, scope) => {
+            return (
+              <el-tooltip effect="dark" content={scope.row.qllx} placement="top" popper-class="tooltip-width ">
+                <span class="ellipsis-table"> {scope.row.qllx}</span>
+              </el-tooltip>
+            )
+          }
+        },
+        {
+          label: "面积（㎡）",
+          width: '100',
+          render: (h, scope) => {
+            return (
+              <el-tooltip effect="dark" content={scope.row.mj} placement="top" popper-class="tooltip-width ">
+                <span class="ellipsis-table"> {scope.row.mj}</span>
+              </el-tooltip>
+            )
+          }
+        },
+        {
+          prop: "fzsj",
+          label: "发证时间",
+          width: '140',
+        },
+        {
+          prop: "lzrxm",
+          label: "领证人姓名"
+        },
+      ],
+    }
+  }
+}
+let datas = new data()
+export {
+  datas,
+  sendThis
+}

 /*
- * @Description: 
+ * @Description:
  * @Autor: renchao
  * @LastEditTime: 2023-05-17 10:39:03
  */
@@ -16,6 +16,7 @@ class data extends filter {
   columns () {
     return [
       {
+        width:"50px",
         label: '序号',
         type: 'index',
         render: (h, scope) => {
@@ -59,8 +60,8 @@ class data extends filter {
     ]
   }
 }
-let datas = new data()
+let szxxdatas = new data()
 export {
-  datas,
+  szxxdatas,
   sendThis
 }

+/*
+ * @Description:
+ * @Autor: renchao
+ * @LastEditTime: 2023-05-17 10:39:03
+ */
+import filter from '@/utils/filter.js'
+let vm = null
+
+const sendThis = (_this) => {
+  vm = _this
+}
+class data extends filter {
+  constructor() {
+    super()
+  }
+  columns () {
+    return [
+      {
+        width:"50px",
+        label: '序号',
+        type: 'index',
+        render: (h, scope) => {
+          return (
+            <div>
+              {scope.$index + 1}
+            </div>
+          )
+        }
+      },
+      {
+        prop: "szry",
+        label: "缮证人员",
+      },
+      {
+        prop: "szsj",
+        label: "缮证时间",
+      },
+      {
+        label: "是否作废",
+        render: (h, scope) => {
+          if (scope.row.sfzf == '0') {
+            return <div>否</div>
+          } else {
+            return <div>已作废</div>
+          }
+        }
+      },
+      {
+        prop: "bz",
+        label: "备注信息",
+      },
+    ]
+  }
+}
+let szxxdatas = new data()
+export {
+  szxxdatas,
+  sendThis
+}

 /*
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-09-20 16:56:46
+ * @LastEditTime: 2023-09-25 08:59:56
  */
 import { getPrintTemplateByCode } from "@/api/print";
 import { uploadUndo } from "@/api/clxx";
@@ -52,7 +52,7 @@ export default {
     flowInitParam () {
       var formdata = new FormData();
       formdata.append("bsmSlsq", this.bsmSlsq);
-      formdata.append("bestepid", this.bestepid);
+      formdata.append("bestepid", this.bestepid ? this.bestepid : '');
       if (this.type) {
         formdata.append("type", "READ_ONLY");
       }
@@ -85,7 +85,7 @@ export default {
           })
           break;
         case "B1":
-          getWorkFlowImage(this.bsmSlsq, this.$route.query.bestepid).then(res => {
+          getWorkFlowImage(this.bsmSlsq, this.bestepid ? this.bestepid : '').then(res => {
             let { result } = res
             this.$popupDialog("流程图", "workflow/components/processViewer", {
               xml: result.xml,
@@ -126,7 +126,7 @@ export default {
           this.$popupDialog("证书证明预览", "workflow/components/dialog/zsyl", {
             bsmSlsq: this.bsmSlsq,
             entryType: '1'
-          }, '1210px', true)
+          }, '1230px', true)
           break;
         case "B6":
           //根据编号获取对应信息
@@ -163,22 +163,22 @@ export default {
                 bsm: res.result[0],
                 onlyShow: false,
                 unitData: window.unitData,
-                bsmSlsq:this.bsmSlsq,
-                showSave:true,
+                bsmSlsq: this.bsmSlsq,
+                showSave: true,
                 djlx: window.djlx
               }, '90%', true)
             } else {
               this.$message.error(res.message)
             }
           })
-          .catch((err) => {
-            this.$message.error(err)
-          });
+            .catch((err) => {
+              this.$message.error(err)
+            });
           window.djlx && this.$popupDialog('楼盘表', 'lpb/zjgcdy', {
             onlyShow: false,
             unitData: window.unitData,
-            bsmSlsq:this.bsmSlsq,
-            showSave:true,
+            bsmSlsq: this.bsmSlsq,
+            showSave: true,
             djlx: window.djlx
           }, '90%', true)
           break;
@@ -192,13 +192,13 @@ export default {
         case "back": //退回按钮
           this.$popupDialog("退回", "workflow/components/th", {
             bsmSlsq: this.bsmSlsq,
-            bestepid: this.bestepid
+            bestepid: this.bestepid ? this.bestepid : ''
           }, '800px', true)
           break;
         case "transfer": //转件按钮
           getNextLinkInfo({
             bsmSlsq: this.bsmSlsq,
-            bestepid: this.bestepid,
+            bestepid: this.bestepid ? this.bestepid : ''
           }).then((res) => {
             if (res.code === 200) {
               if (res.result) {
@@ -212,18 +212,18 @@ export default {
         case "stop": //终止按钮
           this.$popupDialog("终止", "workflow/components/stop", {
             bsmSlsq: this.bsmSlsq,
-            bestepid: this.bestepid,
+            bestepid: this.bestepid ? this.bestepid : ''
           }, '600px', true)
           break;
         case "signout":
           window.close();
           //取消认领
-          unClaimTask(this.bsmSlsq, this.bestepid)
+          unClaimTask(this.bsmSlsq, this.bestepid ? this.bestepid : '')
           break;
         case "B9":
           var formdata = new FormData();
           formdata.append("bsmSlsq", this.bsmSlsq);
-          formdata.append("bestepid", this.bestepid);
+          formdata.append("bestepid", this.bestepid ? this.bestepid : '');
           this.$confirm("请确认是否登簿", "提示", {
             iconClass: "el-icon-info", //自定义图标样式
             confirmButtonText: "确认", //确认按钮文字更换
@@ -265,7 +265,7 @@ export default {
       this.$confirm("确定要删除吗, 是否继续?", "提示", {
         confirmButtonText: "确定",
         cancelButtonText: "取消",
-        type: "warning",
+        type: "warning"
       })
         .then(() => {
           deleteFlow(formdata).then((res) => {
@@ -279,14 +279,14 @@ export default {
             } else {
               this.$message.error(res.message);
             }
-          });
+          })
         })
         .catch(() => {
           this.$message({
             type: "info",
-            message: "已取消删除",
-          });
-        });
+            message: "已取消删除"
+          })
+        })
     },
     /**
      * @description: 发送下一个环节
@@ -337,7 +337,7 @@ export default {
       formdata.append("bsmSlsq", this.bsmSlsq);
       uploadUndo(formdata).then(res => {
         if (res.code == 200) {
-          this.$message.success("导入成功");
+          this.$message.success("导入成功")
         } else {
           this.$message.error(res.message)
         }

 /*
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-09-12 10:52:24
+ * @LastEditTime: 2023-09-21 14:16:39
  */
 import { getForm } from "../flowform";
 import { getHomeNoticeList } from "@/api/home.js"
@@ -55,7 +55,7 @@ export default {
           break;
         }
       }
-      this.componentTag = getForm(tabname, this.$route.query.sqywbm);
+      this.componentTag = getForm(tabname);
     }
   }
 }

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-09-18 14:52:46
+ * @LastEditTime: 2023-10-08 14:48:23
 -->
 <template>
   <div class="container">
@@ -178,7 +178,7 @@
         //  获取打印回执数据
         var formdata = new FormData();
         formdata.append("bsmSldy", this.currentSelectProps.bsmSldy);
-        formdata.append("bsmSlsq", this.paramData.bsmSlsq);
+        formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
         formdata.append("djlx", this.currentSelectProps.djlx);
         BatchInit(formdata).then((res) => {
           if (res.code === 200 && res.result) {
@@ -231,7 +231,7 @@
         //判断是窗口关闭还是刷新
         if (this._gap_time <= 10) {
           //取消认领
-          unClaimTask(this.paramData.bsmSlsq, this.paramData.bestepid)
+          unClaimTask(this.$route.query.bsmSlsq, this.bestepid ? this.bestepid : '')
         }
       },
       /**

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-09-20 17:30:41
+ * @LastEditTime: 2023-09-21 13:11:04
 -->
 <template>
   <div class="container">
@@ -18,7 +18,7 @@
       <ul>
         <li @click="operation(item)" v-for="(item, index) in rightButtonList" :key="index">
           <svg-icon class="icon" :icon-class="item.icon" />
-          <span class="iconName">{{ item.name }} {{ item.value }}</span>
+          <span class="iconName">{{ item.name }}</span>
         </li>
       </ul>
       <NoticeBar class="NoticeBar" :noticeList="noticeList" v-if="noticeList.length > 0" />
@@ -71,8 +71,6 @@
       return {
         //受理申请标识码
         bsmSlsq: this.$route.query.bsmSlsq,
-        //当前流程所在环节
-        bestepid: this.$route.query.bestepid,
         // 流程图
         imgSrc: "",
         // 折叠

 /*
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-05-17 10:42:40
+ * @LastEditTime: 2023-09-25 09:31:27
  */
 export default {
   data () {
@@ -12,7 +12,6 @@ export default {
     }
   },
   methods: {
-    // 点击高级查询弹出查询弹框
     /**
      * @description: 点击高级查询弹出查询弹框
      * @author: renchao
@@ -21,7 +20,6 @@ export default {
       this.isSearch = true
 
     },
-    // 查询事件
     /**
      * @description: 查询事件
      * @param {*} bs
@@ -36,7 +34,6 @@ export default {
         }
       })
     },
-    // 清空单个表单
     /**
      * @description: 清空单个表单
      * @param {*} el
@@ -62,7 +59,6 @@ export default {
       }
       this.searchForm[el] = ''
     },
-    // 删除单个查询条件
     /**
      * @description: 删除单个查询条件
      * @param {*} item
@@ -92,7 +88,8 @@ export default {
     iterationData () {
       let obj = {
         ywlymc: '业务来源', qllxmc: '权利类型', djlxmc: '登记类型', ywh: '业务号', sqywmc: '申请业务名称',
-        qlrmc: '权利人', ywrmc: '义务人', slsj: '受理时间'
+        bdcdyh: '不动产单元号',
+        sqrmc: '申请人', sqrzjhm: '申请人证件号', zl: '坐落'
       }
       this.searchList = Object.entries({ ...this.searchForm, ...this.otherForm }).map((item) => {
         const [name, value] = item
@@ -109,7 +106,6 @@ export default {
       this.iterationData()
       this.queryClick()
     },
-    // 清空查询条件
     /**
      * @description: 清空查询条件
      * @author: renchao
@@ -120,7 +116,11 @@ export default {
         ywly: "",
         qllx: "",
         djlx: "",
-        ywh: ""
+        ywh: "",
+        bdcdyh: "",
+        sqrmc: "",
+        sqrzjhm: "",
+        zl: ""
       }
       this.otherForm = {}
       this.searchList = []

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-09-15 16:30:47
+ * @LastEditTime: 2023-09-25 10:33:39
 -->
 <template>
   <div class="from-clues">
@@ -221,14 +221,18 @@
       };
     },
     methods: {
-      // 列表渲染接口
       /**
        * @description: 列表渲染接口
        * @author: renchao
        */
       queryClick () {
         this.$startLoading();
-        this.searchForm.ywh = this.queryForm.ywh;
+        const { ywh, bdcdyh, sqrmc, sqrzjhm, zl } = this.queryForm;
+        this.searchForm.ywh = ywh;
+        this.searchForm.bdcdyh = bdcdyh;
+        this.searchForm.sqrmc = sqrmc;
+        this.searchForm.sqrzjhm = sqrzjhm;
+        this.searchForm.zl = zl;
         this.iterationData();
         searchTaskToDo({
           ...this.queryForm,
@@ -303,32 +307,20 @@
               //有任务权限
               if (item.sjlx == "3") {
                 const { href } = this.$router.resolve(
-                  "/djbworkFrame?bsmSlsq=" +
-                  item.bsmSlsq +
-                  "&bestepid=" +
-                  item.bestepid +
-                  "&bsmBusiness=" +
-                  "&sqywbm=" +
-                  item.djywbm +
-                  "&zbhj=" +
-                  item.zbhj
+                  "/djbworkFrame?bsmSlsq=" + item.bsmSlsq +
+                  "&bestepid=" + item.bestepid +
+                  "&zbhj=" + item.zbhj
                 );
                 window.open(href, `djbworkFrame${item.bsmSlsq}`);
               } else {
                 const { href } = this.$router.resolve(
-                  "/workFrame?bsmSlsq=" +
-                  item.bsmSlsq +
-                  "&bestepid=" +
-                  item.bestepid +
-                  "&bsmBusiness=" +
-                  "&sqywbm=" +
-                  item.djywbm +
-                  "&zbhj=" +
-                  item.zbhj
-                );
-                window.open(href, `workFrame${item.bsmSlsq}`);
+                  "/workFrame?bsmSlsq=" + item.bsmSlsq +
+                  "&bestepid=" + item.bestepid +
+                  "&zbhj=" + item.zbhj
+                )
+                window.open(href, `workFrame${item.bsmSlsq}`)
               }
-              localStorage.setItem("ywbl", JSON.stringify(item));
+              localStorage.setItem("ywbl", JSON.stringify(item))
 
               //从待办箱进入的调取任务领取接口
               claimTask(item.bsmSlsq, item.bestepid);
@@ -341,10 +333,10 @@
           } else {
             this.$message.error("用户任务权限判断失败，请联系管理员");
           }
-        });
-      },
-    },
-  };
+        })
+      }
+    }
+  }
 </script>
 <style scoped lang="scss">
   @import "~@/styles/public.scss";

 /*
  * @Description: 
  * @Autor: renchao
- * @LastEditTime: 2023-09-20 17:17:22
+ * @LastEditTime: 2023-09-25 10:58:15
  */
 import filter from '@/utils/filter.js'
 let vm = null
@@ -62,7 +62,9 @@ class data extends filter {
         align: 'center',
         minWidth: '100',
         render: (h, scope) => {
-          return <el-link type="primary" onClick={() => { vm.ywhClick(scope.row) }}>{scope.row.ywh}</el-link>
+          return (
+            <el-link type="primary" onClick={() => { vm.ywhClick(scope.row) }}>{this.joinItem(scope.row.ywh)}</el-link>
+          )
         }
       },
       {
@@ -81,8 +83,8 @@ class data extends filter {
         render: (h, scope) => {
           return (
             <div>
-              <el-tooltip effect="dark" content={scope.row.qlrmc} placement="top" popper-class="tooltip-width ">
-                <span class="ellipsis-table"> {scope.row.qlrmc}</span>
+              <el-tooltip effect="dark" content={this.joinItem(scope.row.qlrmc)} placement="top" popper-class="tooltip-width ">
+                <span class="ellipsis-table"> {this.joinItem(scope.row.qlrmc)}</span>
               </el-tooltip>
             </div>
           )
@@ -94,8 +96,8 @@ class data extends filter {
         render: (h, scope) => {
           return (
             <div>
-              <el-tooltip effect="dark" content={scope.row.ywrmc} placement="top" popper-class="tooltip-width ">
-                <span class="ellipsis-table"> {scope.row.ywrmc}</span>
+              <el-tooltip effect="dark" content={this.joinItem(scope.row.ywrmc)} placement="top" popper-class="tooltip-width ">
+                <span class="ellipsis-table"> {this.joinItem(scope.row.ywrmc)}</span>
               </el-tooltip>
             </div>
           )

 <!--
  * @Description: 房屋多幢受理信息
  * @Autor: ssq
- * @LastEditTime: 2023-09-20 13:39:05
+ * @LastEditTime: 2023-09-25 15:11:12
 -->
 <template>
   <div class="slxx">
@@ -428,6 +428,18 @@
       onSubmit () {
         let that = this;
         let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt);
+
+        let jzmjArr = this.ruleForm.fdcqxm.filter((item) => {
+          return item.jzmj && item.jzmj !== '';
+        });
+        if (jzmjArr.length < this.ruleForm.fdcqxm.length) {
+          this.$message({
+            showClose: true,
+            message: "请检查房屋多幢明细建筑面积",
+            type: "error",
+          });
+          return false;
+        }
         if (arr.length > 0) {
           this.$message({
             showClose: true,

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-09-20 14:27:17
+ * @LastEditTime: 2023-09-26 15:16:04
 -->
 <template>
   <!-- 受理信息 -->
@@ -446,6 +446,7 @@
          * @description: saveData
          * @author: renchao
          */
+        this.$store.dispatch("user/refreshPage", false);
         saveData(this.ruleForm).then((res) => {
           if (res.code === 200) {
             this.$message({

@@ -96,7 +96,7 @@
         <el-row :gutter="10" v-if="ruleForm.qlxx">
           <el-col :span="8">
             <el-form-item label="房屋用途：">
-              <el-select v-model="ruleForm.ygdj.ghyt">
+              <el-select v-model="ruleForm.ygdj.ghyt" :disabled="!viewEdit">
                 <el-option
                   v-for="item in dictData['A17']"
                   :key="item.dcode"
@@ -182,6 +182,7 @@
           <el-col :span="24">
             <el-form-item label="附记：">
               <el-input
+              :disabled="!viewEdit"
                 v-model="ruleForm.ygdj.fj"
                 type="textarea"
                 maxlength="500"

@@ -121,19 +121,25 @@
         </div>
         <el-row :gutter="10">
           <el-col :span="8">
-            <el-form-item label="原不动产证号：">
+            <el-form-item label="原不动产证号："
+              prop="sldy.ybdcqzsh"
+              :rules="rules.ybdcqzshrules">
               <el-input disabled v-model="ruleForm.sldy.ybdcqzsh"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item label="预告登记种类：">
+            <el-form-item label="预告登记种类："
+              prop="ygdj.ygdjzlmc"
+              :rules="rules.ygdjzlmcrules">
               <el-input disabled v-model="ruleForm.ygdj.ygdjzlmc"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
             <el-form-item
               label="是否禁止或者限制转让的约定："
-              label-width="200px">
+              label-width="200px"
+              prop="ygdj.sfczjzhxz"
+              :rules="rules.sfczjzhxzrules">
               <el-radio-group
                 v-model="ruleForm.ygdj.sfczjzhxz"
                 :disabled="!viewEdit">
@@ -145,7 +151,9 @@
         </el-row>
         <el-row :gutter="10">
           <el-col :span="8">
-            <el-form-item label="被担保主债权数额：">
+            <el-form-item label="被担保主债权数额："
+              prop="ygdj.qdjg"
+              :rules="rules.qdjgrules">
               <div class="flex">
                 <el-input
                   v-model="ruleForm.ygdj.qdjg"
@@ -164,7 +172,9 @@
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item label="债务履行起始时间：">
+            <el-form-item label="债务履行起始时间："
+              prop="ygdj.zwlxqssj"
+              :rules="rules.zwlxqssjrules">
               <el-date-picker
                 v-model="ruleForm.ygdj.zwlxqssj"
                 :disabled="!viewEdit"
@@ -172,7 +182,9 @@
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item label="债务履行结束时间：">
+            <el-form-item label="债务履行结束时间："
+              prop="ygdj.zwlxjssj"
+              :rules="rules.zwlxjssjrules">
               <el-date-picker
                 v-model="ruleForm.ygdj.zwlxjssj"
                 :disabled="!viewEdit"
@@ -182,10 +194,12 @@
         </el-row>
         <el-row :gutter="10">
           <el-col :span="24">
-            <el-form-item label="担保范围：">
+            <el-form-item label="担保范围："
+              prop="ygdj.dbfw"
+              :rules="rules.dbfwrules">
               <el-input
                 v-model="ruleForm.ygdj.dbfw"
-                :disabled="ruleForm.sldy.djlx == '300' && !viewEdit"></el-input>
+                :disabled="!viewEdit"></el-input>
             </el-form-item>
           </el-col>
         </el-row>
@@ -359,7 +373,21 @@
         ruleForm: {},
         //传递参数
         propsParam: this.$attrs,
-        rules: {}
+        rules: {
+          ybdcqzshrules: [
+            { required: true, message: "原不动产证号", trigger: "blur" },
+          ],
+          ygdjzlmcrules: [
+            { required: true, message: "预告登记种类", trigger: "blur" },
+          ],
+          sfczjzhxzrules: [
+            { required: true, message: "是否禁止或者限制转让的约定：", trigger: "blur" },
+          ],
+          qdjgrules: [{ required: true, message: "被担保主债权数额", trigger: "blur" }],
+          zwlxqssjrules: [{ required: true, message: "债务履行起始时间", trigger: "blur" }],
+          zwlxjssjrules: [{ required: true, message: "债务履行结束时间", trigger: "blur" }],
+          dbfwrules: [{ required: true, message: "担保范围", trigger: "blur" }],
+        }
       }
     },
     methods: {

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-09-19 10:04:58
+ * @LastEditTime: 2023-09-25 11:08:07
 -->
 <template>
   <div class="from-clues">
@@ -197,34 +197,46 @@
           qllx: "",
           djlx: "",
           ywh: "",
+          bdcdyh: "",
+          sqrmc: "",
+          sqrzjhm: "",
+          zl: ""
         },
         searchForm: {
           ywlymc: "",
           qllxmc: "",
           djlxmc: "",
           ywh: "",
+          bdcdyh: "",
+          sqrmc: "",
+          sqrzjhm: "",
+          zl: ""
         },
         tableData: {
           total: 0,
           columns: datas.columns(),
-          data: [],
-        },
-      };
+          data: []
+        }
+      }
     },
     activated () {
       this.queryClick();
       window["getBpageList"] = () => {
-        this.queryClick();
-      };
+        this.queryClick()
+      }
     },
     methods: {
       /**
        * @description: 列表渲染接口
-       * @author: renchao
        */
       queryClick () {
         this.$startLoading();
-        this.searchForm.ywh = this.queryForm.ywh;
+        const { ywh, bdcdyh, sqrmc, sqrzjhm, zl } = this.queryForm;
+        this.searchForm.ywh = ywh;
+        this.searchForm.bdcdyh = bdcdyh;
+        this.searchForm.sqrmc = sqrmc;
+        this.searchForm.sqrzjhm = sqrzjhm;
+        this.searchForm.zl = zl;
         this.iterationData();
         searchTaskDone({
           ...this.queryForm,
@@ -264,22 +276,17 @@
         if (item.sjlx == "3") {
           item.djywbm = "DJBBL";
           const { href } = this.$router.resolve(
-            "/djbworkFrameview?bsmSlsq=" +
-            item.bsmSlsq +
-            "&bestepid=" +
-            item.bestepid +
-            "&sqywbm=" +
-            item.djywbm
+            "/djbworkFrameview?bsmSlsq=" + item.bsmSlsq +
+            "&bestepid=" + item.bestepid +
+            "&sqywbm=" + item.djywbm
           );
           window.open(href, `djbworkFrameview${item.bsmSlsq}`);
         } else {
           const { href } = this.$router.resolve(
-            "/workFrameView?bsmSlsq=" +
-            item.bsmSlsq +
-            "&bestepid=" +
-            item.bestepid
+            "/workFrameView?bsmSlsq=" + item.bsmSlsq +
+            "&bestepid=" + item.bestepid
           );
-          window.open(href, `workFrameView${item.bsmSlsq}`);
+          window.open(href, `workFrameView${item.bsmSlsq}`)
         }
       }
     }

 /*
  * @Description: 
  * @Autor: renchao
- * @LastEditTime: 2023-09-18 11:07:59
+ * @LastEditTime: 2023-09-25 10:59:16
  */
 import filter from '@/utils/filter.js'
 let vm = null
@@ -56,7 +56,7 @@ class data extends filter {
         label: "业务号",
         width: '100',
         render: (h, scope) => {
-          return <el-link type="primary" onClick={() => { vm.ywhClick(scope.row) }}>{scope.row.ywh}</el-link>
+          return <el-link type="primary" onClick={() => { vm.ywhClick(scope.row) }}>{this.joinItem(scope.row.ywh)}</el-link>
         }
       },
       {
@@ -70,8 +70,8 @@ class data extends filter {
         render: (h, scope) => {
           return (
             <div>
-              <el-tooltip effect="dark" content={scope.row.qlrmc} placement="top" popper-class="tooltip-width ">
-                <span class="ellipsis-table"> {scope.row.qlrmc}</span>
+              <el-tooltip effect="dark" content={this.joinItem(scope.row.qlrmc)} placement="top" popper-class="tooltip-width ">
+                <span class="ellipsis-table"> {this.joinItem(scope.row.qlrmc)}</span>
               </el-tooltip>
             </div>
           )
@@ -83,8 +83,8 @@ class data extends filter {
         render: (h, scope) => {
           return (
             <div>
-              <el-tooltip effect="dark" content={scope.row.ywrmc} placement="top" popper-class="tooltip-width">
-                <span class="ellipsis-table"> {scope.row.ywrmc}</span>
+              <el-tooltip effect="dark" content={this.joinItem(scope.row.ywrmc)} placement="top" popper-class="tooltip-width">
+                <span class="ellipsis-table"> {this.joinItem(scope.row.ywrmc)}</span>
               </el-tooltip>
             </div>
           )

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-08-16 14:59:46
+ * @LastEditTime: 2023-09-21 10:18:57
 -->
 <template>
   <div class="from-clues">
@@ -252,9 +252,9 @@
         this.$popup("登记簿详情", "registerBook/djbFrame", {
           formData: param
         })
-      },
-    },
-  };
+      }
+    }
+  }
 </script>
 <style scoped lang="scss">
   @import "~@/styles/mixin.scss";

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-08-23 14:54:00
+ * @LastEditTime: 2023-09-21 09:37:44
 -->
 <template>
   <!-- 抵押权利信息查询 -->
@@ -223,9 +223,9 @@
         this.$popup("登记簿详情", "registerBook/djbFrame", {
           formData: param
         })
-      },
-    },
-  };
+      }
+    }
+  }
 </script>
 <style scoped lang="scss">
   @import "~@/styles/mixin.scss";

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-09-21 09:05:06
+ * @LastEditTime: 2023-09-25 14:49:14
 -->
 <template>
   <div class="from-clues">
@@ -90,7 +90,7 @@
             </el-col>
             <el-col :span="10" class="btnColRight">
               <el-form-item>
-                <el-button type="primary" @click="resetForm(true)">重置</el-button>
+                <!-- <el-button type="primary" @click="resetForm(true)">重置</el-button> -->
                 <el-button type="primary" @click="handleSearch">查询</el-button>
               </el-form-item>
             </el-col>
@@ -99,7 +99,7 @@
         </el-form>
       </div>
       <div class="from-clues-content loadingtext">
-        <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :calcHeight="300"
+        <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :calcHeight="262"
           :current-page.sync="pageData.currentPage" :total="dztableData.total" @size-change="handleSizeChange" @select="select"
           @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="dztableData.columns"
           :data="dztableData.data">
@@ -371,7 +371,18 @@
         this.$popup("登记簿详情", "registerBook/djbFrame", {
           formData: param
         })
-      }
+      },
+      dzlist (row) {
+        var param = {
+          bdcdyid: row.bdcdyid,
+          qllx: row.qllx,
+          bdcdyh: row.bdcdyh,
+          bsmQlxx: row.bsmQlxx,
+        };
+        this.$popup("自然幢列表", "registerBook/dzlist", {
+          formData: param
+        })
+      },
     }
   }
 </script>

 /*
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-05-05 09:45:31
+ * @LastEditTime: 2023-09-26 13:44:11
  */
 import Router from '@/router'
 export default {
   methods: {
-    //点击行选中或取消复选框
     /**
      * @description: 点击行选中或取消复选框
-     * @param {*} row
-     * @param {*} column
-     * @param {*} event
      * @author: renchao
      */
     handleRowClick (row, column, event) {
@@ -19,23 +15,16 @@ export default {
     },
     /**
      * @description: jump
-     * @param {*} data
-     * @param {*} type
-     * @author: renchao
      */
     jump (data, type) {
       const { href } = Router.resolve(
-        "/djbworkFrame?bsmSlsq=" +
-        data.bsmSlsq +
-        "&bestepid=" +
-        data.bestepid + '&bsmBusiness=' + '&sqywbm=' + type
+        "/djbworkFrame?bsmSlsq=" + data.bsmSlsq +
+        "&bestepid=" + data.bestepid + '&sqywbm=' + type
       );
       window.open(href, "_blank");
-      this.$popupCacel()
     },
     /**
      * @description: queryClick
-     * @author: renchao
      */
     queryClick () {
       this.pageData.currentPage = 1

 /*
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-09-18 11:30:35
+ * @LastEditTime: 2023-09-21 14:59:02
  */
 import Router from '@/router'
 export default {
@@ -19,18 +19,14 @@ export default {
     },
     /**
      * @description: jump
-     * @param {*} data
-     * @param {*} type
      * @author: renchao
      */
     jump (data, type) {
       const { href } = Router.resolve(
-        "/workFrame?bsmSlsq=" +
-        data.bsmSlsq +
-        "&bestepid=" +
-        data.bestepid + '&bsmBusiness=' + '&sqywbm=' + type + "&zbhj=受理"
-      );
-         window.open(href, "_blank")
+        "/workFrame?bsmSlsq=" + data.bsmSlsq +
+        "&bestepid=" + data.bestepid + "&zbhj=受理"
+      )
+      window.open(href, "_blank")
       this.$popupCacel()
     },
     /**

@@ -38,7 +38,6 @@
           </el-col>
           <el-col :span="3" class="btnColRight">
             <el-form-item>
-              <!-- <el-button type="primary" @click="resetForm(true)">重置</el-button> -->
               <el-button type="primary" @click="handleSearch">查询</el-button>
             </el-form-item>
           </el-col>
@@ -67,7 +66,7 @@
   import { datas, sendThis } from "../javascript/selecBdcql.js";
   import { defaultParameters } from "../javascript/publicDefaultPar.js";
   import { selectQlxx } from "@/api/ywsq.js";
-  import { startBusinessFlow,startTogetherFlow } from "@/api/workFlow.js";
+  import { startBusinessFlow, startTogetherFlow } from "@/api/workFlow.js";
   import { getQllxByBsmSqyw } from "@/api/sysSqdjyw.js";
   export default {
     mixins: [table, jump],
@@ -127,64 +126,64 @@
           return;
         }
         this.loading = true;
-        if(this.sqywInfo.sqfl=='1'){
+        if (this.sqywInfo.sqfl == '1') {
           startBusinessFlow({
-                    bsmSqyw: this.sqywInfo.bsmSqyw,
-                    bdcdysz: this.bdcdysz,
-                  }).then((res) => {
-                    this.loading = false
-                    if (res.code == 200) {
-                      this.$message({
-                        showClose: true,
-                        message: "发起申请成功",
-                        type: "success",
-                      });
-                      if (!this.isJump) {
-                        this.jump(res.result, this.sqywInfo.djywbm);
-                      } else {
-                        store.dispatch('user/refreshPage', true);
-                      }
-                      this.$popupCacel()
-                    } else {
-                      if (res.result && res.result.length > 0) {
-                        ywPopupDialog("申请错误明细", "components/ywdialog", { result: res.result }, '36%', true)
-                      } else {
-                        ywPopupDialog("申请错误明细", "components/ywdialog", { message: res.message }, '36%', true)
-                      }
-                    }
-                  }).catch(() => {
-                    this.loading = false
-                  })
-        }else{
-           startTogetherFlow({
-          bsmSqyw: this.sqywInfo.bsmSqyw,
-          bdcdysz: this.bdcdysz,
-        }).then((res) => {
-          this.loading = false
-          if (res.code == 200) {
-            this.$message({
-              showClose: true,
-              message: '发起申请成功',
-              type: 'success'
-            })
-            if (!this.isJump) {
-              this.jump(res.result, this.sqywInfo.djywbm)
-            } else {
-              store.dispatch('user/refreshPage', true);
+            bsmSqyw: this.sqywInfo.bsmSqyw,
+            bdcdysz: this.bdcdysz,
+          }).then((res) => {
+            this.loading = false
+            if (res.code == 200) {
+              this.$message({
+                showClose: true,
+                message: "发起申请成功",
+                type: "success",
+              });
+              if (!this.isJump) {
+                this.jump(res.result, this.sqywInfo.djywbm);
+              } else {
+                store.dispatch('user/refreshPage', true);
+              }
               this.$popupCacel()
+            } else {
+              if (res.result && res.result.length > 0) {
+                ywPopupDialog("申请错误明细", "components/ywdialog", { result: res.result }, '36%', true)
+              } else {
+                ywPopupDialog("申请错误明细", "components/ywdialog", { message: res.message }, '36%', true)
+              }
             }
-          } else {
-            if (res.result && res.result.length > 0) {
-              ywPopupDialog("申请错误明细", "components/ywdialog", { result: res.result }, '36%', true)
+          }).catch(() => {
+            this.loading = false
+          })
+        } else {
+          startTogetherFlow({
+            bsmSqyw: this.sqywInfo.bsmSqyw,
+            bdcdysz: this.bdcdysz,
+          }).then((res) => {
+            this.loading = false
+            if (res.code == 200) {
+              this.$message({
+                showClose: true,
+                message: '发起申请成功',
+                type: 'success'
+              })
+              if (!this.isJump) {
+                this.jump(res.result, this.sqywInfo.djywbm)
+              } else {
+                store.dispatch('user/refreshPage', true);
+                this.$popupCacel()
+              }
             } else {
-              ywPopupDialog("申请错误明细", "components/ywdialog", { message: res.message }, '36%', true)
+              if (res.result && res.result.length > 0) {
+                ywPopupDialog("申请错误明细", "components/ywdialog", { result: res.result }, '36%', true)
+              } else {
+                ywPopupDialog("申请错误明细", "components/ywdialog", { message: res.message }, '36%', true)
+              }
             }
-          }
-        }).catch(() => {
-          this.loading = false
-        })
+          }).catch(() => {
+            this.loading = false
+          })
         }
-        
+
       },
       /**
        * @description: handleSelectionChange

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-08-02 10:03:15
+ * @LastEditTime: 2023-09-26 13:42:02
 -->
 <template>
   <div class="from-clues">
     <!-- 表单部分 -->
     <div class="from-clues-header">
-      <el-form :model="queryForm" ref="queryForm" @submit.native.prevent label-width="70px">
+      <el-form :model="queryForm" ref="queryForm" @submit.native.prevent label-width="100px">
         <el-row>
-          <el-col :span="10">
-            <el-form-item label="不动产单元号" label-width="105px">
+          <el-col :span="8">
+            <el-form-item label="不动产单元号">
               <el-input placeholder="请输入不动产单元号" maxlength="28" v-model="queryForm.bdcdyh" clearable class="width100">
               </el-input>
             </el-form-item>
           </el-col>
-          <el-col :span="10">
-            <el-form-item label="不动产权证号" label-width="105px">
+          <el-col :span="8">
+            <el-form-item label="不动产权证号">
               <el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width100">
               </el-input>
             </el-form-item>
           </el-col>
-          <el-col :span="5">
+          <el-col :span="8">
             <el-form-item label="业务号">
               <el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable class="width100">
               </el-input>
             </el-form-item>
           </el-col>
-          <el-col :span="6">
+          <el-col :span="8">
             <el-form-item label="坐落">
-              <el-input placeholder="" v-model.trim="queryForm.zl" clearable class="width200px">
+              <el-input placeholder="" v-model.trim="queryForm.zl" clearable class="width100">
               </el-input>
             </el-form-item>
           </el-col>
-          <el-col :span="4" class="btnColRight">
+          <el-col :span="16" class="btnColRight">
             <el-form-item>
-              <!-- <el-button type="primary" @click="resetForm(true)">重置</el-button> -->
               <el-button type="primary" @click="handleSearch">查询</el-button>
+              <el-button type="primary" @click="resetForm(true)">重置</el-button>
             </el-form-item>
           </el-col>
         </el-row>
@@ -120,16 +120,6 @@
           }
         });
       },
-      // 高级查询
-      moreQueryClick () { },
-      // openDialog (scroll) {
-      //   this.$popupDialog('登记簿详情', 'registerBook/djbFrame', scroll, '85%');
-      // },
-      // handleLpbClick (item) {
-      //   this.$popupDialog('楼盘表', 'lpb/index', {
-      //     bsm: ''
-      //   }, '85%')
-      // },
       /**
        * @description: ywhClick
        * @param {*} item)
@@ -249,10 +239,8 @@
           bdcdyh: row.bdcdyh,
           bsmQlxx: row.bsmQlxx,
         };
-        this.$popup("登记簿详情", "registerBook/djbFrame", {
-          formData: param
-        })
-      },
+        ywPopupDialog("登记簿详情", "registerBook/djbFrame", param, '80%', true)
+      }
     }
   }
 </script>

@@ -244,7 +244,7 @@ class data extends filter {
         render: (h, scope) => {
           return (
             <div>
-              <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openBook(scope.row) }}>自然幢</el-button>
+              <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.dzlist(scope.row) }}>自然幢</el-button>
             </div>
           )
         }

 /*
  * @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: "土地用途",
       },
       {

 /*
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-08-04 09:52:38
+ * @LastEditTime: 2023-09-26 09:01:55
  */
 import filter from '@/utils/filter.js'
 let vm = null
@@ -35,6 +35,7 @@ class data extends filter {
       {
         prop: "status",
         label: "状态",
+        minWidth: '130',
         render: (h, scope) => {
           return (
             <div>
@@ -58,7 +59,7 @@ class data extends filter {
         prop: "bdcqzh",
         label: "不动产登记证明号",
         minWidth: '150'
-      },    
+      },
       {
         prop: "qlrmc",
         label: "权利人",
@@ -82,15 +83,21 @@ class data extends filter {
       {
         prop: "qdjg",
         label: "被担保主债权数额",
-      },      
+      },
       {
         prop: "dyqx",
         label: "债务履行期限",
       },
       {
-        prop: "zl",
         label: "坐落",
-        minWidth: '130'
+        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: '操作',
@@ -98,7 +105,7 @@ class data extends filter {
         render: (h, scope) => {
           return (
             <div>
-              <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openDialog(scope.row) }}>登记薄</el-button>
+              <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openBook(scope.row) }}>登记薄</el-button>
             </div>
           )
         }

@@ -39,6 +39,7 @@
        */
 
       loadView (view) {
+        console.log(view, 'viewviewview');
         return (r) =>
           require.ensure([], () => r(require(`./components/${view}.vue`)));
       },

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-09-18 11:25:30
+ * @LastEditTime: 2023-09-21 10:39:16
 -->
 <template>
   <div class="from-clues">
@@ -184,7 +184,6 @@
        * @author: renchao
        */
       handleLpbClick (item) {
-        console.log("item", item);
         this.$popup('楼盘表', 'lpb/index', {
           width: '85%',
           formData: {

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-09-19 10:04:04
+ * @LastEditTime: 2023-09-21 10:35:34
 -->
 <template>
   <div class="from-clues">
@@ -150,8 +150,8 @@
           const { href } = this.$router.resolve(
             "/djbworkFrameview?bsmSlsq=" +
             item.bsmSlsq +
-            "&bestepid=" +
-            item.bestepid +
+            "&bsmBusiness=" +
+            item.bsmBusiness +
             "&sqywbm=" +
             item.djywbm
           );
@@ -160,10 +160,10 @@
           const { href } = this.$router.resolve(
             "/workFrameView?bsmSlsq=" +
             item.bsmSlsq +
-            "&bestepid=" +
-            item.bestepid
+            "&bsmBusiness=" +
+            item.bsmBusiness
           );
-          window.open(href, `workFrameView${item.bsmSlsq}`);
+          window.open(href, `workFrameView${item.bsmSlsq}`)
         }
       }
     }

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-09-18 14:53:09
+ * @LastEditTime: 2023-09-21 10:41:10
 -->
 <template>
   <div class="from-clues">
@@ -104,11 +104,10 @@
        */
       openDialog (item) {
         bdcqzPreview(item).then(res => {
-          this.$popupDialog("证书证明预览", "workflow/components/dialog/zsyl", {
+          this.$popupDialog("证书证明预览", "workflow/components/dialog/zsylxq", {
             bsmSlsq: item.bsmSlsq,
             bsmBdcqz: item.bsmBdcqz
-          }, '1210px', true)
-          this.$endLoading()
+          }, '1230px', true)
         })
       },
       /**
@@ -117,8 +116,26 @@
        * @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}`)
+        if (item.sjlx == "3") {
+          item.djywbm = "DJBBL";
+          const { href } = this.$router.resolve(
+            "/djbworkFrameview?bsmSlsq=" +
+            item.bsmSlsq +
+            "&bsmBusiness=" +
+            item.bsmBusiness +
+            "&sqywbm=" +
+            item.djywbm
+          );
+          window.open(href, `djbworkFrameview${item.bsmSlsq}`);
+        } else {
+          const { href } = this.$router.resolve(
+            "/workFrameView?bsmSlsq=" +
+            item.bsmSlsq +
+            "&bsmBusiness=" +
+            item.bsmBusiness
+          );
+          window.open(href, `workFrameView${item.bsmSlsq}`)
+        }
       }
     }
   }