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

@@ -119,7 +119,7 @@ export function getSlsqBdcqzList (params) {
 }
 
 /**
- * @description: 证书预览
+ * @description: 证书证明预览
  * @param {*} data
  * @author: renchao
  */

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-08-22 16:27:35
+ * @LastEditTime: 2023-08-30 15:52:11
 -->
 <template>
   <!-- 受理信息 -->
@@ -10,7 +10,6 @@
       :model="ruleForm"
       :rules="rules"
       :class="{ readonly: editDisabled }"
-      class="loadingtext"
       ref="ruleForm"
       :label-position="flag ? 'top' : ''"
       :inline="flag"
@@ -313,20 +312,6 @@
               <el-input v-model="ruleForm.qlxx.zl"></el-input>
             </el-form-item>
           </el-col>
-          <!-- <el-col :span="8">
-          <el-form-item label="不动产登记证明号：" prop="bdcqzh">
-            <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="在建建筑物抵押范围：">
               <el-input v-model="ruleForm.diyaq.zjjzwdyfw"></el-input>
@@ -401,24 +386,6 @@
               </el-date-picker>
             </el-form-item>
           </el-col>
-
-          <!-- <el-col :span="8">
-            <el-form-item label="是否预告登记：">
-              <el-select v-model="ruleForm.diyaq.sfygdj">
-                <el-option
-                  v-for="item in dictData['A6']"
-                  :key="item.dcode"
-                  :label="item.dname"
-                  :value="item.dcode"></el-option>
-              </el-select>
-            </el-form-item>
-          </el-col> -->
-          <!-- <el-col :span="8">
-            <el-form-item label="在建建筑物坐落：">
-              <el-input v-model="ruleForm.diyaq.zjzzwzl"></el-input>
-            </el-form-item>
-          </el-col> -->
-
           <el-col :span="24">
             <el-form-item label="登记原因：">
               <el-input v-model="ruleForm.diyaq.djyy"></el-input>

 /*
  * @Description:workFramezu.vue组件的方法  头部按钮弹框方法
  * @Autor: miaofang
- * @LastEditTime: 2023-08-10 13:41:26
+ * @LastEditTime: 2023-08-30 15:52:01
  */
 import { getPrintTemplateByCode } from "@/api/print";
 import { getQllxByBdcdyid } from "@/api/djbDetail.js";
@@ -44,7 +44,6 @@ export default {
     this.flowInitParam();
   },
   methods: {
-    //加载流程初始参数
     /**
      * @description: 加载流程初始参数
      * @author: renchao

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-07-21 11:23:22
+ * @LastEditTime: 2023-09-01 09:18:29
 -->
 <template>
   <div class="edit">
@@ -460,7 +460,6 @@
   }
   .edit {
     height: 100%;
-    background-color: #f4f9ff;
     .tab-content {
       border: 1px solid #dedede;
       border-left: 0;

@@ -27,8 +27,15 @@ class data extends filter {
         }
       },
       {
-        prop: 'bdcqzh',
+        width: '130',
         label: '不动产权证号',
+        render: (h, scope) => {
+          return (
+            <el-tooltip effect="dark" content={scope.row.bdcqzh} placement="top" popper-class="tooltip-width ">
+              <span class="ellipsis-table"> {scope.row.bdcqzh}</span>
+            </el-tooltip>
+          )
+        }
       },
       {
         prop: 'djsj',
@@ -43,8 +50,15 @@ class data extends filter {
         label: '网签时间',
       },
       {
-        prop: 'bdcdyh',
+        width: '130',
         label: '不动产单元号',
+        render: (h, scope) => {
+          return (
+            <el-tooltip effect="dark" content={scope.row.bdcdyh} placement="top" popper-class="tooltip-width ">
+              <span class="ellipsis-table"> {scope.row.bdcdyh}</span>
+            </el-tooltip>
+          )
+        }
       },
       {
         prop: 'gyfs',
@@ -59,8 +73,15 @@ class data extends filter {
         label: '证件号',
       },
       {
-        prop: 'zl',
         label: '房地坐落',
+        width: '100',
+        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>
+          )
+        }
       },
       {
         prop: 'fwmj',

@@ -141,7 +141,6 @@
       handleSort (name, sort) {
         console.log(name, sort);
       },
-      // 查看
       /**
        * @description: 查看
        * @param {*} scope

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-08-30 08:40:36
+ * @LastEditTime: 2023-09-01 08:20:51
 -->
 <template>
   <el-form ref="ruleForm" :model="ruleForm" label-width="100px" :rules="rules">
@@ -187,9 +187,9 @@
             setTimeout(() => {
               that.ruleForm.tmpcontent = document.getElementById("S1").value;
               if (that.ruleForm.tmpno == 'zsdy') {
-                LODOP.ADD_PRINT_SETUP_BKIMG("<img border='0' src='http://192.168.2.38:9000/bdcdj/zhengshu_image/bdcqzs2.jpg'>");
+                LODOP.ADD_PRINT_SETUP_BKIMG("<img border='0' src=" + window._config.services.management + "':9000/bdcdj/zhengshu_image/bdcqzs2.jpg'>");
               } else if (that.ruleForm.tmpno == 'zmdy') {
-                LODOP.ADD_PRINT_SETUP_BKIMG("<img border='0' src='http://192.168.2.38:9000/bdcdj/zhengshu_image/bdcdjzm.jpg'>");
+                LODOP.ADD_PRINT_SETUP_BKIMG("<img border='0' src=" + window._config.services.management + "':9000/bdcdj/zhengshu_image/bdcdjzm.jpg'>");
               }
               LODOP.SET_SHOW_MODE("BKIMG_PRINT", 1);//打印包含背景图	
               that.loadStatus = '2';

@@ -5,7 +5,7 @@
 -->
 <template>
   <div>
-    <ul class="edit-title-list" v-if="djlxList.length > 0">
+    <ul class="edit-title-list" v-if="djlxList.length > 0 ">
       <li v-for="(item, index) in djlxList" @click="handleTitleSelct(item, index)" :key="index"
         :class="{ active: index == tn }">
         {{ item.nodename }}
@@ -190,15 +190,19 @@
        */
       init () {
         this.tn = 0;
-        getDjlxInfo(this.formData.bsmSqyw).then((res) => {
-          let { result } = res;
-          this.djlxList = result ? result : [];
-          if (this.djlxList.length > 0) {
-            this.getDetail(this.djlxList[0].bsmSqyw);
-          } else {
+        if(this.formData.sqfl=="2"){
             this.getDetail(this.formData.bsmSqyw);
-          }
-        })
+        }else{
+            getDjlxInfo(this.formData.bsmSqyw).then((res) => {
+                      let { result } = res;
+                      this.djlxList = result ? result : [];
+                      if (this.djlxList.length > 0) {
+                        this.getDetail(this.djlxList[0].bsmSqyw);
+                      } else {
+                        this.getDetail(this.formData.bsmSqyw);
+                      }
+                    })
+        }        
       },
       /**
        * @description: orderNoChange

@@ -54,317 +54,318 @@
   </el-form>
 </template>
 <script>
-import { addSysNotice, updateSysNotice } from "@/api/sysNotice.js";
-import { upload } from "@/api/file.js";
-import { quillEditor } from "vue-quill-editor";
-export default {
-  props: {
-    formData: {
-      type: Object,
-      default: () => { }
-    }
-  },
-  components: { quillEditor },
-  data () {
-    return {
-      ruleForm: {
-        noticeTitle: "",
-        noticeContent: "",
-        noticeFileUrl: "",
-        noticeSource: "",
-        validDays: 14,
-        noticeType: "1"
-      },
-      rules: {
-        noticeTitle: [
-          { required: true, message: "请输入通知标题", trigger: "blur" }
-        ],
-        noticeContent: [
-          { required: true, message: "请输入通知内容", trigger: "blur" }
-        ],
-        noticeSource: [
-          { required: true, message: "请输入通知来源", trigger: "blur" }
-        ]
-      },
-      // 富文本编辑器配置
-      editorOption: {
-        theme: "snow", // or 'bubble'
-        modules: {
-          toolbar: {
-            container: [
-              ["bold", "italic", "underline", "strike"], // 加粗 斜体 下划线 删除线
-              ["blockquote", "code-block"], // 引用  代码块
-              [{ header: 1 }, { header: 2 }], // 1、2 级标题
-              [{ list: "ordered" }, { list: "bullet" }], // 有序、无序列表
-              [{ script: "sub" }, { script: "super" }], // 上标/下标
-              [{ indent: "-1" }, { indent: "+1" }], // 缩进
-              [{ direction: "rtl" }], // 文本方向
-              [{ size: ["small", false, "large", "huge"] }], // 字体大小
-              [{ header: [1, 2, 3, 4, 5, 6] }], // 标题
-              [{ color: [] }, { background: [] }], // 字体颜色、字体背景颜色
-              // [{ font: ['songti'] }], // 字体种类
-              [{ align: [] }], // 对齐方式
-              ["clean"], // 清除文本格式
-              ["image", "video"] // 链接、图片、视频
-            ],
-            handlers: {
-              image: function (value) {
-                if (value) {
-                  // 用upload的点击事件代替文本编辑器的图片上传事件
-                  document.querySelector(".richUpload input").click();
-                } else {
-                  this.quill.format("image", false);
+  import { addSysNotice, updateSysNotice } from "@/api/sysNotice.js";
+  import { upload } from "@/api/file.js";
+  import store from '@/store'
+  import { quillEditor } from "vue-quill-editor";
+  export default {
+    props: {
+      formData: {
+        type: Object,
+        default: () => { }
+      }
+    },
+    components: { quillEditor },
+    data () {
+      return {
+        ruleForm: {
+          noticeTitle: "",
+          noticeContent: "",
+          noticeFileUrl: "",
+          noticeSource: "",
+          validDays: 14,
+          noticeType: "1"
+        },
+        rules: {
+          noticeTitle: [
+            { required: true, message: "请输入通知标题", trigger: "blur" }
+          ],
+          noticeContent: [
+            { required: true, message: "请输入通知内容", trigger: "blur" }
+          ],
+          noticeSource: [
+            { required: true, message: "请输入通知来源", trigger: "blur" }
+          ]
+        },
+        // 富文本编辑器配置
+        editorOption: {
+          theme: "snow", // or 'bubble'
+          modules: {
+            toolbar: {
+              container: [
+                ["bold", "italic", "underline", "strike"], // 加粗 斜体 下划线 删除线
+                ["blockquote", "code-block"], // 引用  代码块
+                [{ header: 1 }, { header: 2 }], // 1、2 级标题
+                [{ list: "ordered" }, { list: "bullet" }], // 有序、无序列表
+                [{ script: "sub" }, { script: "super" }], // 上标/下标
+                [{ indent: "-1" }, { indent: "+1" }], // 缩进
+                [{ direction: "rtl" }], // 文本方向
+                [{ size: ["small", false, "large", "huge"] }], // 字体大小
+                [{ header: [1, 2, 3, 4, 5, 6] }], // 标题
+                [{ color: [] }, { background: [] }], // 字体颜色、字体背景颜色
+                // [{ font: ['songti'] }], // 字体种类
+                [{ align: [] }], // 对齐方式
+                ["clean"], // 清除文本格式
+                ["image", "video"] // 链接、图片、视频
+              ],
+              handlers: {
+                image: function (value) {
+                  if (value) {
+                    // 用upload的点击事件代替文本编辑器的图片上传事件
+                    document.querySelector(".richUpload input").click();
+                  } else {
+                    this.quill.format("image", false);
+                  }
                 }
               }
             }
-          }
-        },
-        placeholder: "请输入正文"
+          },
+          placeholder: "请输入正文"
+        }
+      };
+    },
+    mounted () {
+      this.$nextTick(() => {
+        //创建富文本粘贴事件监听
+        let quill = this.$refs.myQuillEditor.quill;
+        this.$forceUpdate();
+        quill.root.addEventListener(
+          "paste",
+          evt => {
+            if (
+              evt.clipboardData &&
+              evt.clipboardData.files &&
+              evt.clipboardData.files.length
+            ) {
+              evt.preventDefault();
+              [].forEach.call(evt.clipboardData.files, file => {
+                if (!file.type.match(/^image\/(gif|jpe?g|a?png|bmp)/i)) {
+                  return;
+                }
+                that.clipboardPictureChange(file);
+              });
+            }
+          },
+          false
+        )
+      })
+      if (!this.formData.isButtonFlag) {
+        this.getDetailInfo(this.formData)
       }
-    };
-  },
-  mounted () {
-    this.$nextTick(() => {
-      //创建富文本粘贴事件监听
-      let quill = this.$refs.myQuillEditor.quill;
-      this.$forceUpdate();
-      quill.root.addEventListener(
-        "paste",
-        evt => {
-          if (
-            evt.clipboardData &&
-            evt.clipboardData.files &&
-            evt.clipboardData.files.length
-          ) {
-            evt.preventDefault();
-            [].forEach.call(evt.clipboardData.files, file => {
-              if (!file.type.match(/^image\/(gif|jpe?g|a?png|bmp)/i)) {
-                return;
-              }
-              that.clipboardPictureChange(file);
-            });
+      if (this.formData.edit) {
+        this.getDetailInfo(this.formData)
+      }
+    },
+    methods: {
+      /**
+       * @description: submitForm
+       * @author: renchao
+       */
+      submitForm () {
+        let that = this;
+        that.$refs.ruleForm.validate(valid => {
+          if (valid) {
+            if (that.ruleForm.bsmNotice) {
+              that.editNotice();
+            } else {
+              that.addNotice();
+            }
+          } else {
+            return false;
           }
-        },
-        false
-      )
-    })
-    if (!this.formData.isButtonFlag) {
-      this.getDetailInfo(this.formData)
-    }
-    if (this.formData.edit) {
-      this.getDetailInfo(this.formData)
-    }
-  },
-  methods: {
-    /**
-     * @description: submitForm
-     * @author: renchao
-     */
-    submitForm () {
-      let that = this;
-      that.$refs.ruleForm.validate(valid => {
-        if (valid) {
-          if (that.ruleForm.bsmNotice) {
-            that.editNotice();
+        });
+      },
+      //关闭窗口
+      /**
+       * @description: 关闭窗口
+       * @author: renchao
+       */
+      closeDialog () {
+        this.$popupCacel()
+        this.resetRuleForm();
+      },
+      //新增通知
+      /**
+       * @description: 新增通知
+       * @author: renchao
+       */
+      addNotice () {
+        // 解决报错
+        // this.ruleForm.noticeType = "1"
+        addSysNotice(this.ruleForm).then(res => {
+          if (res.code == 200) {
+            this.$message.success("保存成功");
+            store.dispatch("user/refreshPage", true);
+            this.$popupCacel()
+            this.resetRuleForm();
           } else {
-            that.addNotice();
+            this.$message.error(res.message);
           }
-        } else {
-          return false;
-        }
-      });
-    },
-    //关闭窗口
-    /**
-     * @description: 关闭窗口
-     * @author: renchao
-     */
-    closeDialog () {
-      this.$popupCacel()
-      this.resetRuleForm();
-    },
-    //新增通知
-    /**
-     * @description: 新增通知
-     * @author: renchao
-     */
-    addNotice () {
-      // 解决报错
-      // this.ruleForm.noticeType = "1"
-      addSysNotice(this.ruleForm).then(res => {
-        if (res.code == 200) {
-          this.$message.success("保存成功");
-          this.$popupCacel()
-          this.resetRuleForm();
-          this.$parent.queryClick();
-        } else {
-          this.$message.error(res.message);
-        }
-      });
-    },
-    //编辑通知
-    /**
-     * @description: 编辑通知
-     * @author: renchao
-     */
-    editNotice () {
-      updateSysNotice(this.ruleForm).then(res => {
-        if (res.code == 200) {
-          this.$message.success("编辑成功");
-          this.$popupCacel()
-          this.resetRuleForm();
-          this.$parent.queryClick();
-        } else {
-          this.$message.error(res.message);
+        });
+      },
+      //编辑通知
+      /**
+       * @description: 编辑通知
+       * @author: renchao
+       */
+      editNotice () {
+        updateSysNotice(this.ruleForm).then(res => {
+          if (res.code == 200) {
+            this.$message.success("编辑成功");
+            this.$popupCacel()
+            this.resetRuleForm();
+            store.dispatch("user/refreshPage", true);
+          } else {
+            this.$message.error(res.message);
+          }
+        });
+      },
+      /**
+       * @description: 重置表单
+       * @author: renchao
+       */
+      resetRuleForm () {
+        this.ruleForm = {
+          noticeTitle: "",
+          noticeContent: "",
+          noticeFileUrl: "",
+          noticeSource: "",
+          validDays: 14,
+          noticeType: "1"
         }
-      });
-    },
-    //重置表单
-    /**
-     * @description: 重置表单
-     * @author: renchao
-     */
-    resetRuleForm () {
-      this.ruleForm = {
-        noticeTitle: "",
-        noticeContent: "",
-        noticeFileUrl: "",
-        noticeSource: "",
-        validDays: 14,
-        noticeType: "1"
+      },
+      /**
+       * @description: beforeUpload
+       * @param {*} file
+       * @author: renchao
+       */
+      beforeUpload (file) {
+        return true;
+      },
+      //附件上传事件
+      /**
+       * @description: 附件上传事件
+       * @param {*} file
+       * @author: renchao
+       */
+      async handleChange (file) {
+        var formdata = new FormData();
+        formdata.append("file", file.raw);
+        upload(formdata).then(res => {
+          this.ruleForm.noticeFileUrl = res.message;
+        });
+      },
+      //富文本图片上传事件
+      /**
+       * @description: 富文本图片上传事件
+       * @param {*} file
+       * @author: renchao
+       */
+      RichTexthandleChange (file) {
+        this.uploadPicture(file.raw)
+      },
+      //图片粘贴事件
+      /**
+       * @description: 图片粘贴事件
+       * @param {*} file
+       * @author: renchao
+       */
+      clipboardPictureChange (file) {
+        this.uploadPicture(file)
+      },
+      /**
+       * @description: getDetailInfo
+       * @param {*} item
+       * @author: renchao
+       */
+      getDetailInfo (item) {
+        this.ruleForm = item
+      },
+      /**
+       * @description: uploadPicture
+       * @param {*} file
+       * @author: renchao
+       */
+      uploadPicture (file) {
+        let that = this;
+        var formdata = new FormData();
+        formdata.append("file", file);
+        upload(formdata).then(res => {
+          //editor对象
+          const quill = that.$refs.myQuillEditor.quill;
+          // 如果上传成功
+          // 获取光标所在位置
+          const length = quill.selection.savedRange.index;
+          // 插入图片
+          quill.insertEmbed(length, "image", res.message);
+          // 调整光标到最后
+          quill.setSelection(length + 1);
+        });
+      },
+      /**
+       * @description: onSubmit
+       * @author: renchao
+       */
+      onSubmit () {
+        //console.log("submit!");
+      },
+      // 失去焦点事件
+      /**
+       * @description: 失去焦点事件
+       * @param {*} quill
+       * @author: renchao
+       */
+      onEditorBlur (quill) {
+        //console.log("editor blur!", quill);
+      },
+      // 获得焦点事件
+      /**
+       * @description: 获得焦点事件
+       * @param {*} quill
+       * @author: renchao
+       */
+      onEditorFocus (quill) {
+        //console.log("editor focus!", quill);
+      },
+      // 准备富文本编辑器
+      /**
+       * @description: 准备富文本编辑器
+       * @param {*} quill
+       * @author: renchao
+       */
+      onEditorReady (quill) {
+        //console.log("editor ready!", quill);
+      },
+      // 内容改变事件
+      /**
+       * @description: 内容改变事件
+       * @param {*} quill
+       * @param {*} html
+       * @param {*} text
+       * @author: renchao
+       */
+      onEditorChange ({ quill, html, text }) {
+        //console.log("editor change!", quill, html, text);
+        //this.content = html;
       }
-    },
-    /**
-     * @description: beforeUpload
-     * @param {*} file
-     * @author: renchao
-     */
-    beforeUpload (file) {
-      return true;
-    },
-    //附件上传事件
-    /**
-     * @description: 附件上传事件
-     * @param {*} file
-     * @author: renchao
-     */
-    async handleChange (file) {
-      var formdata = new FormData();
-      formdata.append("file", file.raw);
-      upload(formdata).then(res => {
-        this.ruleForm.noticeFileUrl = res.message;
-      });
-    },
-    //富文本图片上传事件
-    /**
-     * @description: 富文本图片上传事件
-     * @param {*} file
-     * @author: renchao
-     */
-    RichTexthandleChange (file) {
-      this.uploadPicture(file.raw)
-    },
-    //图片粘贴事件
-    /**
-     * @description: 图片粘贴事件
-     * @param {*} file
-     * @author: renchao
-     */
-    clipboardPictureChange (file) {
-      this.uploadPicture(file)
-    },
-    /**
-     * @description: getDetailInfo
-     * @param {*} item
-     * @author: renchao
-     */
-    getDetailInfo (item) {
-      this.ruleForm = item
-    },
-    /**
-     * @description: uploadPicture
-     * @param {*} file
-     * @author: renchao
-     */
-    uploadPicture (file) {
-      let that = this;
-      var formdata = new FormData();
-      formdata.append("file", file);
-      upload(formdata).then(res => {
-        //editor对象
-        const quill = that.$refs.myQuillEditor.quill;
-        // 如果上传成功
-        // 获取光标所在位置
-        const length = quill.selection.savedRange.index;
-        // 插入图片
-        quill.insertEmbed(length, "image", res.message);
-        // 调整光标到最后
-        quill.setSelection(length + 1);
-      });
-    },
-    /**
-     * @description: onSubmit
-     * @author: renchao
-     */
-    onSubmit () {
-      //console.log("submit!");
-    },
-    // 失去焦点事件
-    /**
-     * @description: 失去焦点事件
-     * @param {*} quill
-     * @author: renchao
-     */
-    onEditorBlur (quill) {
-      //console.log("editor blur!", quill);
-    },
-    // 获得焦点事件
-    /**
-     * @description: 获得焦点事件
-     * @param {*} quill
-     * @author: renchao
-     */
-    onEditorFocus (quill) {
-      //console.log("editor focus!", quill);
-    },
-    // 准备富文本编辑器
-    /**
-     * @description: 准备富文本编辑器
-     * @param {*} quill
-     * @author: renchao
-     */
-    onEditorReady (quill) {
-      //console.log("editor ready!", quill);
-    },
-    // 内容改变事件
-    /**
-     * @description: 内容改变事件
-     * @param {*} quill
-     * @param {*} html
-     * @param {*} text
-     * @author: renchao
-     */
-    onEditorChange ({ quill, html, text }) {
-      //console.log("editor change!", quill, html, text);
-      //this.content = html;
     }
-  }
-};
+  };
 </script>
 <style scoped lang="scss">
-@import "~@/styles/dialogBoxheader.scss";
+  @import "~@/styles/dialogBoxheader.scss";
 
-.quill-editor {
-  padding: 0;
-}
+  .quill-editor {
+    padding: 0;
+  }
 
-.ql-editor {
-  height: auto !important;
-}
+  .ql-editor {
+    height: auto !important;
+  }
 
-/deep/.ql-container {
-  padding: 0;
-  max-height: 400px;
-  min-height: 160px;
-  overflow-y: scroll;
-}</style>
+  /deep/.ql-container {
+    padding: 0;
+    max-height: 400px;
+    min-height: 160px;
+    overflow-y: scroll;
+  }
+</style>

@@ -38,6 +38,7 @@
 </template>
 <script>
   import table from "@/utils/mixin/table";
+  import { mapGetters } from 'vuex'
   import { datas, sendThis } from "./xttzdata";
   import { getSysNoticeList, deleteSysNotice, publishNotice, unPublishNotice } from "@/api/sysNotice.js"
   import addDialog from "./components/addDialog.vue";
@@ -73,6 +74,17 @@
         isDiglog: false
       }
     },
+    computed: {
+      ...mapGetters(['isRefresh'])
+    },
+    watch: {
+      isRefresh: {
+        handler (newVal, oldVal) {
+          if (newVal) this.queryClick()
+        },
+        immediate: true
+      }
+    },
     methods: {
       // 列表渲染接口
       /**
@@ -90,7 +102,6 @@
           }
         })
       },
-      //打开新增弹窗
       /**
        * @description: 打开新增弹窗
        * @param {*} item
@@ -102,6 +113,7 @@
         } else {
           this.$popupDialog("新增系统通知", "system/xttz/components/addDialog", { "isButtonFlag": true }, "50%")
         }
+        this.$store.dispatch("user/refreshPage", false);
       },
       //删除
       delNotice (item) {

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-08-16 16:45:42
+ * @LastEditTime: 2023-08-30 16:14:24
 -->
 <template>
   <dialogBox
@@ -12,14 +12,15 @@
     :isFullscreen="false"
     @submitForm="submitForm"
     @closeDialog="closeDialog"
-    :isButton="showButton"
-  >
+    :isButton="showButton">
     <el-form
       :model="ruleForm"
       :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-form-item>
       <el-row>
         <el-col :span="8">
           <el-form-item label="权利人类型" prop="sqrlx">
@@ -28,14 +29,12 @@
               v-model="ruleForm.sqrlx"
               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>
@@ -45,8 +44,7 @@
             <el-input
               v-model="ruleForm.sqrmc"
               maxlegth="15"
-              :disabled="!showButton"
-            ></el-input>
+              :disabled="!showButton"></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="8">
@@ -56,14 +54,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>
@@ -76,8 +72,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">
@@ -86,37 +81,34 @@
               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">
-          <el-form-item label="权利比例" prop="qlbl">
-            <el-input
-              v-model="ruleForm.qlbl"
-              maxlength="32"
-              :disabled="!showButton || this.ruleForm.gyfs == 1"
-            ></el-input>
+          <el-form-item label="性别" prop="xb">
+            <el-select
+              clearable
+              v-model="ruleForm.xb"
+              :disabled="!showButton"
+              class="width100"
+              placeholder="请选择">
+              <el-option
+                v-for="item in dictData['A43']"
+                :key="item.dcode"
+                :label="item.dname"
+                :value="item.dcode">
+              </el-option>
+            </el-select>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row>
         <el-col :span="8">
-          <el-form-item label="法人名称" prop="frmc">
-            <el-input
-              v-model="ruleForm.frmc"
-              maxlength="32"
-              :disabled="!showButton"
-            ></el-input>
-          </el-form-item>
-        </el-col>
-        <el-col :span="8">
           <el-form-item label="国家/地区" prop="gj">
             <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">
@@ -124,20 +116,34 @@
             <el-input
               v-model="ruleForm.hjszss"
               maxlength="3"
-              :disabled="!showButton"
-            ></el-input>
+              :disabled="!showButton"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="权利比例" prop="qlbl">
+            <el-input
+              v-model="ruleForm.qlbl"
+              maxlength="32"
+              :disabled="!showButton || this.ruleForm.gyfs == 1"></el-input>
           </el-form-item>
         </el-col>
       </el-row>
 
       <el-row>
-        <el-col :span="24">
+        <el-col :span="8">
+          <el-form-item label="法人名称" prop="frmc">
+            <el-input
+              v-model="ruleForm.frmc"
+              maxlength="32"
+              :disabled="!showButton"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="16">
           <el-form-item label="地址" prop="txdz">
             <el-input
               v-model="ruleForm.txdz"
               maxlength="100"
-              :disabled="!showButton"
-            ></el-input>
+              :disabled="!showButton"></el-input>
           </el-form-item>
         </el-col>
       </el-row>
@@ -148,8 +154,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">
@@ -157,8 +162,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">
@@ -167,8 +171,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>
@@ -179,8 +182,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">
@@ -188,8 +190,7 @@
             <el-input
               v-model="ruleForm.dlrjg"
               maxlength="32"
-              :disabled="!showButton"
-            ></el-input>
+              :disabled="!showButton"></el-input>
           </el-form-item>
         </el-col>
       </el-row>
@@ -201,8 +202,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">
@@ -210,8 +210,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">
@@ -221,47 +220,26 @@
               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>
         </el-col>
       </el-row>
       <el-row>
-        <el-col :span="8">
-          <el-form-item label="性别" prop="xb">
-            <el-select
-              clearable
-              v-model="ruleForm.xb"
-              :disabled="!showButton"
-              class="width100"
-              placeholder="请选择"
-            >
-              <el-option
-                v-for="item in dictData['A43']"
-                :key="item.dcode"
-                :label="item.dname"
-                :value="item.dcode"
-              >
-              </el-option>
-            </el-select>
-          </el-form-item>
-        </el-col>
+
         <el-col :span="8">
           <el-form-item label="代理人证件号" prop="dlrzjh">
             <el-input
               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>
@@ -269,94 +247,122 @@
   </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: {
-        sqrlx: "",
-        sqrmc: "",
-        zjzl: "",
-        zjh: "",
-        dh: "",
-        xb: "",
-        fs: "",
-        frmc: "",
-        gj: "",
-        hjszss: "",
-        txdz: "",
-        yb: "",
-        fzjg: "",
-        dzyj: "",
-        qlbl: "",
-        gzdw: "",
-        dlrjg: "",
-        dlrmc: "",
-        dlrzjlx: "",
-        dlrzjh: "",
-        dlrdh: "",
-      },
-      rules: {
-        sqrlx: [{ required: true, message: "权利人类型", trigger: "change" }],
-        sqrmc: [{ 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 { getIdCardInfo } from '@/utils/operation.js'
+  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();
+    data () {
+      return {
+        myValue: this.value,
+        ruleForm: {
+          sqrlx: "",
+          sqrmc: "",
+          zjzl: "",
+          zjh: "",
+          dh: "",
+          xb: "",
+          fs: "",
+          frmc: "",
+          gj: "",
+          hjszss: "",
+          txdz: "",
+          yb: "",
+          fzjg: "",
+          dzyj: "",
+          qlbl: "",
+          gzdw: "",
+          dlrjg: "",
+          dlrmc: "",
+          dlrzjlx: "",
+          dlrzjh: "",
+          dlrdh: "",
+        },
+        rules: {
+          sqrlx: [{ required: true, message: "权利人类型", trigger: "change" }],
+          sqrmc: [{ required: true, message: "姓名/名称", trigger: "blur" }],
+          zjzl: [{ required: true, message: "证件种类", trigger: "change" }],
+          zjh: [{ required: true, message: "证件号", trigger: "blur" }],
+        },
+      };
     },
-    /**
-     * @description: submitForm
-     * @author: renchao
-     */
-    submitForm() {
-      this.$refs.ruleForm.validate((valid) => {
-        if (valid) {
-          this.$emit("input", false);
-          this.$emit("updateDetail", _.cloneDeep(this.ruleForm));
-          this.$refs["ruleForm"].resetFields();
-        } else {
-          return false;
-        }
-      });
+    watch: {
+      value (val) {
+        this.myValue = _.cloneDeep(val)
+      },
+      details: {
+        handler: function (val, oldVal) {
+          this.ruleForm = val;
+        },
+        deep: true
+      }
     },
-  },
-};
+    methods: {
+      /**
+       * @description: 身份证打卡器
+       * @param {*} row
+       * @author: renchao
+       */
+      readClick () {
+        getIdCardInfo().then(res => {
+          if (res.data.code == 0) {
+            let data = res.data.IDCardInfo
+            this.ruleForm.sqrmc = 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));
+            this.$refs["ruleForm"].resetFields();
+          } 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;
+  }
 </style>

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-08-30 10:36:11
+ * @LastEditTime: 2023-08-30 17:33:06
 -->
 <template>
   <div>
@@ -22,17 +22,9 @@
           </el-select>
         </el-form-item>
       </el-form>
-
-      <el-tabs v-model="activeName" @tab-click="handleClick" v-if="headTabBdcqz.length >1">
-        <el-tab-pane :label="item.qlr + (item.bdcqzh !== null ? '(' + item.bdcqzh + ')' : '')" :name="item.bsmBdcqz"
-          v-for="(item, index) in headTabBdcqz" :key="index">
-        </el-tab-pane>
-      </el-tabs>
-      <el-empty description="暂无数据" v-if="headTabBdcqz.length == 0 && noData"></el-empty>
-
       <div class="zs-content">
-        <canvas ref="zs" width="1000" v-show="headTabBdcqz[0]&&headTabBdcqz[0].bdcqzlx==1" height="700"></canvas>
-        <canvas ref="zm" width="1180" v-show="headTabBdcqz[0]&&headTabBdcqz[0].bdcqzlx!=1" height="780"></canvas>
+        <canvas ref="zs" width="1000" v-show="this.formData.bdcqz.bdcqzlx==1" height="700"></canvas>
+        <canvas ref="zm" width="1180" v-show="this.formData.bdcqz.bdcqzlx==2" height="780"></canvas>
       </div>
     </div>
     <!-- 打印模板需要此模块 -->
@@ -65,7 +57,6 @@
       return {
         key: 0,
         // 不动产证书图片地址
-        noData: false,
         imgSrc: require('@/image/bdcqz/bdcqzs2.jpg'),
         bdczmSrc: require('@/image/bdcqz/bdczm.jpg'),
         loading: false,
@@ -74,8 +65,6 @@
         ysxlh: [],
         //列名称对象
         columns: [],
-        //tab切换栏数组
-        headTabBdcqz: [],
         //tab选择绑定值
         activeName: '',
         ruleForm: {
@@ -92,11 +81,15 @@
         }
       }
     },
-    created () {
+    mounted () {
       store.dispatch('user/refreshPage', false)
       this.columns = datas.columns()
       this.ysxlhList()
-      this.getHeadTabBdcqz()
+      if (this.formData.bdcqz.bdcqzlx == 1) {
+        this.drawTextOnImage()
+      } else {
+        this.drawTextzmImage()
+      }
     },
     methods: {
       /**
@@ -111,43 +104,6 @@
         })
       },
       /**
-       * @description: 获取受理申请下全部不动产权证
-       * @author: renchao
-       */
-      getHeadTabBdcqz () {
-        this.loading = true
-        getSlsqBdcqzList({ bsmSlsq: this.formData.bsmSlsq }).then(res => {
-          if (res.code == 200) {
-            this.noData = true
-            if (res.result && res.result.length > 0) {
-              this.activeName = res.result[0].bsmBdcqz
-              this.bdcqz = res.result[0]
-              this.headTabBdcqz = res.result
-              if (res.result[0].bdcqzlx == 1) {
-                this.drawTextOnImage()
-              } else {
-                this.drawTextzmImage()
-              }
-            }
-          }
-          this.loading = false
-        })
-      },
-      /**
-       * @description: tab表头切换方法
-       * @param {*} e
-       * @author: renchao
-       */
-      handleClick (e) {
-        this.bdcqz = this.headTabBdcqz[e.index - 0]
-        this.activeName = this.headTabBdcqz.bsmBdcqz
-        if (this.bdcqz.bdcqzlx == 1) {
-          this.drawTextOnImage()
-        } else {
-          this.drawTextzmImage()
-        }
-      },
-      /**
        * @description: 不动产证书
        * @author: renchao
        */
@@ -172,25 +128,25 @@
           context.drawImage(image, 0, 0);
           context.font = '16px 楷体';
           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);
+          context.fillText(this.formData.bdcqz.sjjc ? this.formData.bdcqz.sjjc : '', 60, 56);
+          context.fillText(this.formData.bdcqz.djnd ? this.formData.bdcqz.djnd : '', 113, 56);
+          context.fillText(this.formData.bdcqz.sxqc ? this.formData.bdcqz.sxqc : '', 180, 56);
+          context.fillText(this.formData.bdcqz.sxh ? this.formData.bdcqz.sxh : '', 370, 56);
+          context.fillText(this.formData.bdcqz.qlr ? this.formData.bdcqz.qlr : '', 129, 97);
+          context.fillText(this.formData.bdcqz.gyqk ? this.formData.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)
+          this.bdcdyh = this.formData.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.formData.bdcqz.bdcdyh.slice(6, 12) + ' ' +
+            this.formData.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.formData.bdcqz.bdcdyh.slice(19, this.formData.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) {
+          context.fillText(this.formData.bdcqz.qllx ? this.formData.bdcqz.qllx : '', 129, 263);
+          context.fillText(this.formData.bdcqz.qlxz ? this.formData.bdcqz.qlxz : '', 129, 303);
+          context.fillText(this.formData.bdcqz.yt ? this.formData.bdcqz.yt : '', 129, 346);
+          // context.fillText(this.formData.bdcqz.mj ? this.formData.bdcqz.mj : '', 129, 386);
+          let lines6 = this.formData.bdcqz.mj ? this.formData.bdcqz.mj.split(' ') : [];
+          if (getByteLen(this.formData.bdcqz.mj) > 41) {
             lines6.forEach((line, index) => {
               const y = 378 + (index * 27); // 每行文本的垂直位置
               let currentLine = '';
@@ -233,7 +189,7 @@
           }
           // 权利其他状态
           const maxWidth = 332; // 最大宽度限制
-          let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : [];
+          let lines = this.formData.bdcqz.qlqtzk ? this.formData.bdcqz.qlqtzk.split('\n') : [];
           for (let i = 0; i < lines.length; i++) {
             let num = Math.ceil(getByteLen(lines[i]) / 41)
             if (getByteLen(lines[i]) > 41) {
@@ -268,7 +224,7 @@
             }
           }
 
-          let lines1 = this.bdcqz.fj ? this.bdcqz.fj.split('\n') : [];
+          let lines1 = this.formData.bdcqz.fj ? this.formData.bdcqz.fj.split('\n') : [];
           lines1.forEach((line, index) => {
             const y = 100 + (index * 30); // 每行文本的垂直位置
             let currentLine = '';
@@ -288,8 +244,8 @@
               context.fillText(line, 580, y + (index * 30)); // 调整行高
             })
           })
-          let lines3 = this.bdcqz.syqx ? this.bdcqz.syqx.split(' ') : [];
-          if (getByteLen(this.bdcqz.syqx) > 41) {
+          let lines3 = this.formData.bdcqz.syqx ? this.formData.bdcqz.syqx.split(' ') : [];
+          if (getByteLen(this.formData.bdcqz.syqx) > 41) {
             lines3.forEach((line, index) => {
               const y = 423 + (index * 27); // 每行文本的垂直位置
               let currentLine = '';
@@ -331,8 +287,8 @@
             })
           }
 
-          let lines2 = this.bdcqz.zl ? this.bdcqz.zl.split(' ') : [];
-          if (getByteLen(this.bdcqz.zl) > 41) {
+          let lines2 = this.formData.bdcqz.zl ? this.formData.bdcqz.zl.split(' ') : [];
+          if (getByteLen(this.formData.bdcqz.zl) > 41) {
             lines2.forEach((line, index) => {
               const y = 170 + (index * 20); // 每行文本的垂直位置
               let currentLine = '';
@@ -403,25 +359,25 @@
           context.font = '16px 楷体';
           context.fillStyle = '#000000';
           // ysxlh
-          context.fillText(this.bdcqz.ysxlh ? this.bdcqz.ysxlh : '', 280, 712);
+          context.fillText(this.formData.bdcqz.ysxlh ? this.formData.bdcqz.ysxlh : '', 280, 712);
           // djsj
-          if (this.bdcqz.djsj) {
-            let djsjList = this.bdcqz.djsj.split(' ')[0].split('/')
+          if (this.formData.bdcqz.djsj) {
+            let djsjList = this.formData.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.formData.bdcqz.sjjc ? this.formData.bdcqz.sjjc : '', 620, 125);
+          context.fillText(this.formData.bdcqz.djnd ? this.formData.bdcqz.djnd : '', 665, 125);
+          context.fillText(this.formData.bdcqz.sxqc ? this.formData.bdcqz.sxqc : '', 750, 125);
+          context.fillText(this.formData.bdcqz.sxh ? this.formData.bdcqz.sxh : '', 960, 123);
+          context.fillText(this.formData.bdcqz.zmqlhsx ? this.formData.bdcqz.zmqlhsx : '', 775, 180);
+          context.fillText(this.formData.bdcqz.qlr ? this.formData.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) {
+          context.fillText(this.formData.bdcqz.ywr ? this.formData.bdcqz.ywr : '', 775, 275);
+          // context.fillText(this.formData.bdcqz.zl ? this.formData.bdcqz.zl : '', 775, 325);
+          let lines2 = this.formData.bdcqz.zl ? this.formData.bdcqz.zl.split(' ') : [];
+          if (getByteLen(this.formData.bdcqz.zl) > 41) {
             lines2.forEach((line, index) => {
               const y = 315 + (index * 20); // 每行文本的垂直位置
               let currentLine = '';
@@ -463,12 +419,12 @@
             })
           }
           // 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)
+          this.bdcdyh = this.formData.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.formData.bdcqz.bdcdyh.slice(6, 12) + ' ' +
+            this.formData.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.formData.bdcqz.bdcdyh.slice(19, this.formData.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') : [];
+          let lines = this.formData.bdcqz.qlqtzk ? this.formData.bdcqz.qlqtzk.split('\n') : [];
           for (let i = 0; i < lines.length; i++) {
             let num = Math.ceil(getByteLen(lines[i]) / 41)
             if (getByteLen(lines[i]) > 41) {
@@ -503,7 +459,7 @@
             }
           }
           // fj
-          let lines1 = this.bdcqz.fj ? this.bdcqz.fj.split('\n') : [];
+          let lines1 = this.formData.bdcqz.fj ? this.formData.bdcqz.fj.split('\n') : [];
           for (let i = 0; i < lines1.length; i++) {
             let num = Math.ceil(getByteLen(lines1[i]) / 41)
             if (getByteLen(lines1[i]) > 41) {
@@ -560,18 +516,18 @@
         certificate(this.ruleForm).then((res) => {
           if (res.code === 200) {
             that.$popupCacel()
-            if (this.bdcqz.bdcqzlx == 1) {
+            if (this.formData.bdcqz.bdcqzlx == 1) {
               getPrintTemplateByCode({ tmpno: 'zsdy' }).then(res => {
                 if (res.code == 200) {
                   //打开模板设计
                   let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM'));
                   LODOP.ADD_PRINT_DATA("ProgramData", res.result.tmpcontent); //装载模板
 
-                  this.bdcqz.bdcdyh1 = 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)
+                  this.formData.bdcqz.bdcdyh1 = this.formData.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.formData.bdcqz.bdcdyh.slice(6, 12) + ' ' +
+                    this.formData.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.formData.bdcqz.bdcdyh.slice(19, this.formData.bdcqz.bdcdyh.length)
                   //todo 调取后端接口获取数据 循环set
-                  for (let key in this.bdcqz) {
-                    LODOP.SET_PRINT_STYLEA(key, "CONTENT", this.bdcqz[key]);
+                  for (let key in this.formData.bdcqz) {
+                    LODOP.SET_PRINT_STYLEA(key, "CONTENT", this.formData.bdcqz[key]);
                   }
                   LODOP.PREVIEW();
                   that.$popupCacel()
@@ -587,14 +543,14 @@
                   LODOP.ADD_PRINT_DATA("ProgramData", res.result.tmpcontent); //装载模板
 
                   // 年月日
-                  this.bdcqz.nian = this.bdcqz.djsj.split(' ')[0].split('/')[0]
-                  this.bdcqz.yue = this.bdcqz.djsj.split(' ')[0].split('/')[1]
-                  this.bdcqz.ri = this.bdcqz.djsj.split(' ')[0].split('/')[1]
-                  this.bdcqz.bdcdyh1 = 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)
+                  this.formData.bdcqz.nian = this.formData.bdcqz.djsj.split(' ')[0].split('/')[0]
+                  this.formData.bdcqz.yue = this.formData.bdcqz.djsj.split(' ')[0].split('/')[1]
+                  this.formData.bdcqz.ri = this.formData.bdcqz.djsj.split(' ')[0].split('/')[1]
+                  this.formData.bdcqz.bdcdyh1 = this.formData.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.formData.bdcqz.bdcdyh.slice(6, 12) + ' ' +
+                    this.formData.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.formData.bdcqz.bdcdyh.slice(19, this.formData.bdcqz.bdcdyh.length)
                   //todo 调取后端接口获取数据 循环set
-                  for (let key in this.bdcqz) {
-                    LODOP.SET_PRINT_STYLEA(key, "CONTENT", this.bdcqz[key]);
+                  for (let key in this.formData.bdcqz) {
+                    LODOP.SET_PRINT_STYLEA(key, "CONTENT", this.formData.bdcqz[key]);
                   }
                   LODOP.PREVIEW();
                   that.$popupCacel()

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-08-30 10:33:52
+ * @LastEditTime: 2023-08-31 09:48:52
 -->
 <template>
   <div class="from-clues loadingtext" v-Loading="loading" element-loading-text="拼命加载中..." style="height:720px;text-align: center;">
@@ -13,8 +13,8 @@
     </el-tabs>
     <el-empty description="暂无数据" v-if="headTabBdcqz.length == 0 && noData"></el-empty>
     <div style="width:1180px;">
-      <canvas ref="zs" width="1000" v-show="headTabBdcqz[0]&&headTabBdcqz[0].bdcqzlx==1" height="700"></canvas>
-      <canvas ref="zm" width="1180" v-show="headTabBdcqz[0]&&headTabBdcqz[0].bdcqzlx!=1" height="780"></canvas>
+      <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>
   </div>
 </template>
@@ -90,10 +90,14 @@
           if (res.code == 200) {
             this.noData = true
             if (res.result && res.result.length > 0) {
-              this.activeName = res.result[0].bsmBdcqz
               this.bdcqz = res.result[0]
               this.headTabBdcqz = res.result
-              if (res.result[0].bdcqzlx == 1) {
+              if (this.formData.bsmBdcqz) {
+                this.activeName = this.formData.bsmBdcqz
+              } else {
+                this.activeName = res.result[0].bsmBdcqz
+              }
+              if (this.bdcqz.bdcqzlx == 1) {
                 this.drawTextOnImage()
               } else {
                 this.drawTextzmImage()
@@ -108,9 +112,8 @@
        * @param {*} e
        * @author: renchao
        */
-      handleClick (e) {
-        this.bdcqz = this.headTabBdcqz[e.index - 0]
-        this.activeName = this.headTabBdcqz.bsmBdcqz
+      handleClick (tab, event) {
+        this.bdcqz = this.headTabBdcqz[tab.index]
         if (this.bdcqz.bdcqzlx == 1) {
           this.drawTextOnImage()
         } else {
@@ -461,19 +464,20 @@
               arr.push(currentLine);
               if (i > 0) {
                 arr.forEach((line, index) => {
-                  context.fillText(line, 770, 438 + (23 * (i - 1)) + 5 * num + (index * 18)); // 调整行高
+                  context.fillText(line, 770, 428 + (23 * (i - 1)) + 5 * num + (index * 14)); // 调整行高
                 })
               } else {
                 arr.forEach((line, index) => {
-                  context.fillText(line, 770, 438 + (23 * (i - 1)) + (index * 18)); // 调整行高
+                  context.fillText(line, 770, 435 + (23 * (i - 1)) + (index * 14)); // 调整行高
                 })
               }
             } else {
-              if (i > 0) {
-                context.fillText(lines[i] ? lines[i] : '', 770, 450 + 5 * num + (23 * (i - 1)));
-              } else {
-                context.fillText(lines[i] ? lines[i] : '', 770, 450 + (23 * (i - 1)));
-              }
+              context.fillText(lines[i] ? lines[i] : '', 770, 440 + 4 * num + (22 * (i - 1)));
+              // if (i > 0) {
+              //   context.fillText(lines[i] ? lines[i] : '', 770, 440 + 5 * num + (23 * (i - 1)));
+              // } else {
+              //   context.fillText(lines[i] ? lines[i] : '', 770, 440 + (23 * (i - 1)));
+              // }
             }
           }
           // fj

 <!--
  * @Description: workFrame左侧菜单列表-普通
  * @Autor: renchao
- * @LastEditTime: 2023-08-28 08:44:31
+ * @LastEditTime: 2023-08-30 13:59:09
 -->
 <template>
   <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }">
@@ -21,10 +21,11 @@
           <div class="menu-con">
             <p>{{ item.bdcdyh }}</p>
             <el-tooltip effect="dark" :content="item.zl" placement="top">
-              <p class="title-detail">{{ item.zl }}</p>
+              <p v-if="item.sqfl=='1'" class="title-detail">{{ item.zl }}</p>
+              <p v-else class="title-detail">{{ item.qllxmc }}</p>
             </el-tooltip>
           </div>
-          <i class="el-icon-delete" v-if="unitData.length > 1" @click.stop="handleDel(item)"></i>
+          <i class="el-icon-delete" v-if="unitData.length > 1 && item.sqfl=='1'" @click.stop="handleDel(item)"></i>
         </el-menu-item>
       </el-menu>
     </div>
@@ -194,7 +195,6 @@
             });
           });
       },
-      //批量按钮点击事件
       /**
        * @description: 批量按钮点击事件
        * @author: renchao
@@ -203,9 +203,7 @@
         this.currentSelectProps.batchOperation = true;
         this.activeIndex = "-1";
         this.$parent.stepForm(0);
-
       },
-      //批量操作
       /**
        * @description: 批量操作
        * @author: renchao
@@ -216,7 +214,6 @@
           dataList: this.unitData,
         }, '50%', true)
       },
-      //申请单元点击事件
       /**
        * @description: 申请单元点击事件
        * @param {*} index

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-08-25 09:53:27
+ * @LastEditTime: 2023-09-01 08:21:18
 -->
 <template>
   <div>
@@ -124,12 +124,12 @@
           let that = this
           this.$nextTick(() => {
             if (val.length == 0 || !val) {
-              that.tableDataList = _.cloneDeep([{
-                sqrmc: '',
-                dlrzjlx: '',
-                dlrzjh: '',
-                fr: ''
-              }])
+              // that.tableDataList = _.cloneDeep([{
+              //   sqrmc: '',
+              //   dlrzjlx: '',
+              //   dlrzjh: '',
+              //   fr: ''
+              // }])
             } else {
               that.tableDataList = _.cloneDeep(val)
             }
@@ -164,7 +164,7 @@
        * @param {*} value
        * @author: renchao
        */
-          handleupdateDetail (value) {
+      handleupdateDetail (value) {
         let arr = this.tableData.map(item => item.zjh)
         if (this.isaddupdate) {
           if (!arr.includes(value.zjh)) {
@@ -174,7 +174,7 @@
             this.$message.error('证件号不能重复');
           }
         } else {
-          if (!arr.includes(value.zjh)||this.tableData[this.dataIndex].zjh==value.zjh) {
+          if (!arr.includes(value.zjh) || this.tableData[this.dataIndex].zjh == value.zjh) {
             this.tableDataList[this.dataIndex] = _.cloneDeep(value);
             this.$emit('upDateQlrxxList', this.tableDataList)
           } else {
@@ -205,9 +205,8 @@
        * @author: renchao
        */
       deleClick (index, row) {
-          this.tableData.splice(index, 1)
+        this.tableData.splice(index, 1)
       },
-
       /**
        * @description: 身份证读取
        * @param {*} row
@@ -244,7 +243,7 @@
        */
       editClick (index, row) {
         this.details = row
-        this.details.gyfs=this.gyfs
+        this.details.gyfs = this.gyfs
         this.dataIndex = index
         this.dialog = true
 

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-08-29 10:03:25
+ * @LastEditTime: 2023-08-31 09:36:04
 -->
 <template>
   <div class="szxx">
@@ -109,7 +109,6 @@
       this.viewEdit = this.$parent.currentSelectTab.ableOperation
     },
     methods: {
-      //初始化列表
       /**
        * @description: 初始化列表
        * @author: renchao
@@ -125,7 +124,6 @@
           }
         });
       },
-      //打开证书预览弹窗
       /**
        * @description: 打开证书预览弹窗
        * @param {*} item
@@ -134,20 +132,21 @@
        */
       openZsylDialog (item, type) {
         store.dispatch('user/reWorkFresh', false)
+
         if (type == 1) {
-          //证书预览
-          this.$popupDialog("证书预览", "workflow/components/dialog/zsyl", { bdcqz: item, bsmSlsq: this.$route.query.bsmSlsq }, "76%", true);
+          //证书证明预览
+          this.$popupDialog("证书证明预览", "workflow/components/dialog/zsyl", { bdcqz: item, bsmSlsq: this.$route.query.bsmSlsq }, "76%", true);
         } else {
           this.$popupDialog("证书证明打印", "workflow/components/dialog/zsdy", { bdcqz: item, bsmSlsq: this.$route.query.bsmSlsq }, "76%", true);
         }
       },
-      //再次打印
       /**
        * @description: 再次打印
        * @param {*} item
        * @author: renchao
        */
       openInvalidDiglog (item) {
+        this.bdcqz = item
         this.ysxlh = item.ysxlh
         this.bsmSz = item.bsmSz;
         this.invalidDiglog = true;
@@ -162,7 +161,6 @@
         this.bsmSz = "";
         this.zfyy = "";
       },
-      //作废缮证信息
       /**
        * @description: 作废缮证信息
        * @author: renchao
@@ -178,7 +176,7 @@
           } else {
             this.$message.error(res.message);
           }
-        });
+        })
       },
       /**
        * @description: openRecordPop

 /*
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-08-16 08:59:32
+ * @LastEditTime: 2023-08-31 09:35:49
  */
 import { getPrintTemplateByCode } from "@/api/print";
 import { uploadUndo } from "@/api/clxx";
@@ -14,9 +14,9 @@ import {
   getWorkFlowImage,
   getPrintApplicationInfo,
   deleteFlow,
-  unClaimTask
+  unClaimTask,
+  getZdInfo
 } from "@/api/workFlow.js";
-import { mapGetters } from 'vuex'
 import { getZrzbsmList } from "@/api/search.js";
 import { ywPopupDialog } from "@/utils/popup.js";
 export default {
@@ -43,7 +43,6 @@ export default {
     this.flowInitParam();
   },
   methods: {
-    //加载流程初始参数
     /**
      * @description: 加载流程初始参数
      * @author: renchao
@@ -123,7 +122,7 @@ export default {
           this.$popupDialog("登记簿详情", "registerBook/djbFrame", this.currentSelectProps, '80%', true)
           break;
         case "B5":
-          this.$popupDialog("证书预览", "workflow/components/dialog/zsyl", {
+          this.$popupDialog("证书证明预览", "workflow/components/dialog/zsyl", {
             bsmSlsq: this.bsmSlsq,
             entryType: '1'
           }, '1210px', true)
@@ -174,7 +173,10 @@ export default {
           break;
         // 图形定位
         case "B-TXDW":
-          this.$popupDialog('图形定位', 'workflow/components/dialog/txdw', { bsmZd: this.bsmZd }, '85%', true)
+          getZdInfo(this.currentSelectProps.bdcdyid).then(res => {
+            this.bsmZd = res?.result[0]?.bsmZd
+            this.$popupDialog('图形定位', 'workflow/components/dialog/txdw', { bsmZd: this.bsmZd }, '85%', true)
+          })
           break;
         case "back": //退回按钮
           this.$popupDialog("退回", "workflow/components/th", {

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-08-09 14:54:20
+ * @LastEditTime: 2023-08-30 14:14:55
 -->
 <template>
   <div class="container">
@@ -132,11 +132,7 @@
        * @author: renchao
        */
       getCurrentSelectProps (val) {
-        console.log(val, 'valvalvalval');
         this.currentSelectProps = val
-        getZdInfo(val.bdcdyid).then(res => {
-          this.bsmZd = res?.result[0]?.bsmZd
-        })
       },
       /**
        * @description: beforeunloadHandler
@@ -158,7 +154,6 @@
           unClaimTask(this.bsmSlsq, this.bestepid);
         }
       },
-      //申请单元点击事件
       /**
        * @description: 申请单元点击事件
        * @param {*} index
@@ -167,7 +162,7 @@
       stepForm (index) {
         getStepFormInfo(this.currentSelectProps).then((res) => {
           if (res.code === 200) {
-            this.fresh++;
+            // this.fresh++;
             //获取单元对应的所有表单信息
             this.tabList = res.result;
             //默认加载第一个表单信息

@@ -2,13 +2,9 @@
 /*
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-08-02 14:08:27
+ * @LastEditTime: 2023-08-30 13:51:05
  */
 export default {
-  data () {
-    return {
-    }
-  },
   watch: {
     'ruleForm.sldy.gyfs': {
       handler: function (val, oldVal) {
@@ -22,5 +18,5 @@ export default {
       },
       immediate: true
     }
-  },
+  }
 }

@@ -118,7 +118,7 @@
 
         <el-row :gutter="10">
           <el-col :span="8" >
-            <el-form-item label="原不动产权证号：">
+            <el-form-item label="原不动产证号：">
               <el-input disabled v-model="ruleForm.sldy.ybdcqzsh"></el-input>
             </el-form-item>
           </el-col>

 <!--
  * @Description: 房屋多幢受理信息
  * @Autor: ssq
- * @LastEditTime: 2023-08-22 16:27:16
+ * @LastEditTime: 2023-08-30 15:47:48
 -->
 <template>
   <div class="slxx">
@@ -11,8 +11,8 @@
       ref="ruleForm"
       :label-position="flag ? 'top' : ''"
       :inline="flag"
-      label-width="120px"
-    >
+      v-Loading="loading"
+      label-width="120px">
       <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
         <div class="slxx_title title-block">
           申请业务信息
@@ -81,14 +81,12 @@
                 <el-select
                   disabled
                   v-model="ruleForm.zdjbxx.mjdw"
-                  style="width: 20%"
-                >
+                  style="width: 20%">
                   <el-option
                     v-for="item in dictData['A7']"
                     :key="item.dcode"
                     :label="item.dname"
-                    :value="item.dcode"
-                  ></el-option>
+                    :value="item.dcode"></el-option>
                 </el-select>
               </div>
             </el-form-item>
@@ -120,19 +118,17 @@
             <el-form-item label="房地产交易价格：">
               <div class="flex">
                 <el-input
-                maxlength="11"
-                 :disabled="!viewEdit"
+                  maxlength="11"
+                  :disabled="!viewEdit"
                   v-model="ruleForm.fdcq1.fdcjyjg"
                   style="width: 500%"
-                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
-                ></el-input>
+                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
                 <el-select :disabled="!viewEdit" v-model="ruleForm.fdcq1.jedw">
                   <el-option
                     v-for="item in dictData['A57']"
                     :key="item.dcode"
                     :label="item.dname"
-                    :value="item.dcode"
-                  ></el-option>
+                    :value="item.dcode"></el-option>
                 </el-select>
               </div>
             </el-form-item>
@@ -142,12 +138,11 @@
           <el-col :span="24">
             <el-form-item label="附记：">
               <el-input
-               :disabled="!viewEdit"
+                :disabled="!viewEdit"
                 v-model="ruleForm.fdcq1.fj"
                 type="textarea"
                 maxlength="500"
-                show-word-limit
-              ></el-input>
+                show-word-limit></el-input>
             </el-form-item>
           </el-col>
         </el-row>
@@ -157,8 +152,7 @@
           <fdcqxmTable
             :ableOperation="viewEdit"
             :tableData="ruleForm.fdcqxm"
-            @updateFdcwxmList="updateFdcwxmList"
-          />
+            @updateFdcwxmList="updateFdcwxmList" />
           <div class="slxx_title title-block">
             土地用途
             <div class="triangle"></div>
@@ -166,8 +160,7 @@
           <tdytTable
             :ableOperation="viewEdit"
             :tableData="ruleForm.tdytqxList"
-            @upDateTdytxxList="upDateTdytxxList"
-          />
+            @upDateTdytxxList="upDateTdytxxList" />
           <div class="slxx_title title-block">
             权利人信息
             <div class="triangle"></div>
@@ -177,8 +170,7 @@
               <el-form-item label="共有方式：">
                 <el-radio-group
                   :disabled="!viewEdit"
-                  v-model="ruleForm.sldy.gyfs"
-                >
+                  v-model="ruleForm.sldy.gyfs">
                   <el-radio label="0">单独所有</el-radio>
                   <el-radio label="1">共同共有</el-radio>
                   <el-radio label="2">按份所有</el-radio>
@@ -191,8 +183,7 @@
                 <el-radio-group
                   v-model="ruleForm.sldy.sqfbcz"
                   :disabled="!viewEdit"
-                  @input="updaterow()"
-                >
+                  @input="updaterow()">
                   <el-radio :label="1">是</el-radio>
                   <el-radio :label="0">否</el-radio>
                 </el-radio-group>
@@ -200,20 +191,17 @@
             </el-col>
             <el-col
               :span="5"
-              v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
-            >
+              v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'">
               <el-form-item label="持证人1：">
                 <el-select
                   v-model="czr"
                   placeholder="持证人"
-                  :disabled="!viewEdit"
-                >
+                  :disabled="!viewEdit">
                   <el-option
                     v-for="item in czrOptions"
                     :key="item.zjh"
                     :label="item.sqrmc"
-                    :value="item.zjh"
-                  ></el-option>
+                    :value="item.zjh"></el-option>
                 </el-select>
               </el-form-item>
             </el-col>
@@ -222,8 +210,7 @@
             @upDateQlrxxList="upDateQlrxxList"
             :disabled="viewEdit"
             :tableData="ruleForm.qlrList"
-            :gyfs="ruleForm.sldy.gyfs"
-          />
+            :gyfs="ruleForm.sldy.gyfs" />
 
           <div v-if="ruleForm.ywrList && ruleForm.qlxx.djlx == '200'">
             <div class="slxx_title title-block">
@@ -235,8 +222,7 @@
               :disabled="viewEdit"
               @upDateQlrxxList="upDateYwrxxList"
               :tableData="ruleForm.ywrList"
-              :gyfs="ruleForm.qlxx.gyfs"
-            />
+              :gyfs="ruleForm.qlxx.gyfs" />
           </div>
           <div class="slxx_title title-block">
             登记原因
@@ -251,8 +237,7 @@
                   maxlength="500"
                   show-word-limit
                   :disabled="!viewEdit"
-                  v-model="ruleForm.fdcq1.djyy"
-                ></el-input>
+                  v-model="ruleForm.fdcq1.djyy"></el-input>
               </el-form-item>
             </el-col>
           </el-row>
@@ -267,279 +252,284 @@
   </div>
 </template>
 <script>
-import ywmix from "@/views/ywbl/mixin/index";
-import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
-import fdcqxmTable from "@/views/workflow/components/fdcqxmTable";
-import tdytTable from "@/views/workflow/components/tdytTable";
-import { Init, saveData } from "@/api/workflow/fwsyq1Flow.js";
-import { mapGetters } from "vuex";
-export default {
-  mixins: [ywmix],
-  mounted() {
-    this.viewEdit = this.$parent.currentSelectTab.ableOperation;
-    this.propsParam = this.$attrs;
-    var formdata = new FormData();
-    formdata.append("bsmSldy", this.propsParam.bsmSldy);
-    formdata.append("djlx", this.propsParam.djlx);
-    formdata.append("isEdit", this.viewEdit);
-    Init(formdata).then((res) => {
-      if (res.code === 200 && res.result) {
-        this.ruleForm = {
-          ...res.result,
-          ...res.result.qlxxdatas,
-        };
-        this.ruleForm.qlrList.forEach((item) => {
-          if (item.sfczr == 1) {
-            this.czr = item.sqrmc;
-          }
-        });
-        //初始化发证方式，1：小证，2：大正
-        this.ruleForm.slsq.fzfs == null
-          ? (this.ruleForm.slsq.fzfs = "1")
-          : this.ruleForm.slsq.fzfs;
-        this.czrOptions = this.ruleForm.qlrList;
-      }
-    });
-  },
-  components: { qlrCommonTable, tdytTable, fdcqxmTable },
-  computed: {
-    ...mapGetters(["dictData", "flag"]),
-  },
-  data() {
-    return {
-      disabled: true,
-      tdytOption: [],
-      czrOptions: [],
-      czr: "",
-      ruleForm: {
-        flow: {
-          ywh: "",
-        },
-        qlxx: {
-          mj: "",
-        },
-        sldy: {
-          gyfs: "",
-        },
-        slsq: {},
-        fdcq1: {
-          zyjzmj: "",
-          ftjzmj: "",
-        },
-        zdjbxx: {
-          ghytmc: "",
-        },
-      },
-      //传递参数
-      propsParam: this.$attrs,
-      //表单是否可操作
-      viewEdit: false,
-      rules: {},
-    };
-  },
-  methods: {
-    updateFdcwxmList(val) {
-      this.ruleForm.fdcqxm && (this.ruleForm.fdcqxm = _.cloneDeep(val));
-      this.key++;
+  import ywmix from "@/views/ywbl/mixin/index";
+  import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
+  import fdcqxmTable from "@/views/workflow/components/fdcqxmTable";
+  import tdytTable from "@/views/workflow/components/tdytTable";
+  import { Init, saveData } from "@/api/workflow/fwsyq1Flow.js";
+  import { mapGetters } from "vuex";
+  export default {
+    mixins: [ywmix],
+    mounted () {
+      this.loading = true
+      this.viewEdit = this.$parent.currentSelectTab.ableOperation;
+      this.propsParam = this.$attrs;
+      var formdata = new FormData();
+      formdata.append("bsmSldy", this.propsParam.bsmSldy);
+      formdata.append("djlx", this.propsParam.djlx);
+      formdata.append("isEdit", this.viewEdit);
+      Init(formdata).then((res) => {
+        if (res.code === 200 && res.result) {
+          this.ruleForm = {
+            ...res.result,
+            ...res.result.qlxxdatas,
+          };
+          this.ruleForm.qlrList.forEach((item) => {
+            if (item.sfczr == 1) {
+              this.czr = item.sqrmc;
+            }
+          });
+          setTimeout(() => {
+            this.loading = false
+          }, 200)
+          //初始化发证方式，1：小证，2：大正
+          this.ruleForm.slsq.fzfs == null
+            ? (this.ruleForm.slsq.fzfs = "1")
+            : this.ruleForm.slsq.fzfs;
+          this.czrOptions = this.ruleForm.qlrList;
+        }
+      });
     },
-    /**
-     * @description: 更新土地用途信息
-     * @param {*} val
-     * @author: renchao
-     */
-    upDateTdytxxList(val) {
-      this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
-      this.key++;
+    components: { qlrCommonTable, tdytTable, fdcqxmTable },
+    computed: {
+      ...mapGetters(["dictData", "flag"]),
     },
-    /**
-     * @description: 更新权利人信息
-     * @param {*} val
-     * @author: renchao
-     */
-    upDateQlrxxList(val) {
-      this.ruleForm.qlrList = _.cloneDeep(val);
-      this.czrOptions = this.ruleForm.qlrList;
-      this.key++;
+    data () {
+      return {
+        loading: false,
+        disabled: true,
+        tdytOption: [],
+        czrOptions: [],
+        czr: "",
+        ruleForm: {
+          flow: {
+            ywh: "",
+          },
+          qlxx: {
+            mj: "",
+          },
+          sldy: {
+            gyfs: "",
+          },
+          slsq: {},
+          fdcq1: {
+            zyjzmj: "",
+            ftjzmj: "",
+          },
+          zdjbxx: {
+            ghytmc: "",
+          },
+        },
+        //传递参数
+        propsParam: this.$attrs,
+        //表单是否可操作
+        viewEdit: false,
+        rules: {},
+      };
     },
+    methods: {
+      updateFdcwxmList (val) {
+        this.ruleForm.fdcqxm && (this.ruleForm.fdcqxm = _.cloneDeep(val));
+        this.key++;
+      },
+      /**
+       * @description: 更新土地用途信息
+       * @param {*} val
+       * @author: renchao
+       */
+      upDateTdytxxList (val) {
+        this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
+        this.key++;
+      },
+      /**
+       * @description: 更新权利人信息
+       * @param {*} val
+       * @author: renchao
+       */
+      upDateQlrxxList (val) {
+        this.ruleForm.qlrList = _.cloneDeep(val);
+        this.czrOptions = this.ruleForm.qlrList;
+        this.key++;
+      },
 
-    // 是否持证人变化
-    /**
-     * @description: 是否持证人变化
-     * @param {*} val
-     * @author: renchao
-     */
-    updaterow() {
-      this.czr = "";
-    },
-    // 更新权利人信息
-    /**
-     * @description: 更新权利人信息
-     * @param {*} val
-     * @author: renchao
-     */
-    upDateYwrxxList(val) {
-      this.ruleForm.ywrList = _.cloneDeep(val);
-    },
-    /**
-     * @description: onSubmit
-     * @author: renchao
-     */
-    onSubmit() {
-      let that = this;
-      let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt);
-      if (arr.length > 0) {
-        this.$message({
-          showClose: true,
-          message: "土地用途不能为空",
-          type: "error",
-        });
-        return false;
-      }
-      if (this.ruleForm.qlrList.length == 0) {
-        this.$message({
-          showClose: true,
-          message: "请确认权利人信息",
-          type: "error",
-        });
-        return false;
-      }
-      if (this.ruleForm.sldy.gyfs == "0") {
-        if (this.ruleForm.qlrList.length > 1) {
+      // 是否持证人变化
+      /**
+       * @description: 是否持证人变化
+       * @param {*} val
+       * @author: renchao
+       */
+      updaterow () {
+        this.czr = "";
+      },
+      // 更新权利人信息
+      /**
+       * @description: 更新权利人信息
+       * @param {*} val
+       * @author: renchao
+       */
+      upDateYwrxxList (val) {
+        this.ruleForm.ywrList = _.cloneDeep(val);
+      },
+      /**
+       * @description: onSubmit
+       * @author: renchao
+       */
+      onSubmit () {
+        let that = this;
+        let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt);
+        if (arr.length > 0) {
           this.$message({
             showClose: true,
-            message: "共有方式：单独所有，权利人只能是一个人",
+            message: "土地用途不能为空",
             type: "error",
           });
           return false;
         }
-        this.ruleForm.qlrList[0].sfczr = "1";
-      } else {
-        if (this.ruleForm.qlrList.length <= 1) {
+        if (this.ruleForm.qlrList.length == 0) {
           this.$message({
             showClose: true,
-            message:
-              "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
+            message: "请确认权利人信息",
             type: "error",
           });
           return false;
         }
-        //是否分别持证
-        if (this.ruleForm.sldy.sqfbcz == "1") {
-          //是
-          this.ruleForm.qlrList.forEach((item, index) => {
-            item.sfczr = "1";
-          });
+        if (this.ruleForm.sldy.gyfs == "0") {
+          if (this.ruleForm.qlrList.length > 1) {
+            this.$message({
+              showClose: true,
+              message: "共有方式：单独所有，权利人只能是一个人",
+              type: "error",
+            });
+            return false;
+          }
+          this.ruleForm.qlrList[0].sfczr = "1";
         } else {
-          if (!that.czr) {
-            that.$message({
+          if (this.ruleForm.qlrList.length <= 1) {
+            this.$message({
               showClose: true,
-              message: "请选择持证人",
+              message:
+                "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
               type: "error",
             });
             return false;
           }
-          this.ruleForm.qlrList.forEach((item, index) => {
-            if (item.zjh == this.czr) {
+          //是否分别持证
+          if (this.ruleForm.sldy.sqfbcz == "1") {
+            //是
+            this.ruleForm.qlrList.forEach((item, index) => {
               item.sfczr = "1";
-            } else {
-              item.sfczr = "0";
+            });
+          } else {
+            if (!that.czr) {
+              that.$message({
+                showClose: true,
+                message: "请选择持证人",
+                type: "error",
+              });
+              return false;
             }
-          });
+            this.ruleForm.qlrList.forEach((item, index) => {
+              if (item.zjh == this.czr) {
+                item.sfczr = "1";
+              } else {
+                item.sfczr = "0";
+              }
+            });
+          }
         }
-      }
 
-      saveData(this.ruleForm).then((res) => {
-        if (res.code === 200) {
-          this.$message({
-            showClose: true,
-            message: "保存成功！",
-            type: "success",
-          });
-          this.$store.dispatch("user/refreshPage", true);
-        } else {
-          this.$message({
-            showClose: true,
-            message: res.message,
-            type: "error",
-          });
-        }
-      });
+        saveData(this.ruleForm).then((res) => {
+          if (res.code === 200) {
+            this.$message({
+              showClose: true,
+              message: "保存成功！",
+              type: "success",
+            });
+            this.$store.dispatch("user/refreshPage", true);
+          } else {
+            this.$message({
+              showClose: true,
+              message: res.message,
+              type: "error",
+            });
+          }
+        });
+      },
     },
-  },
-};
+  };
 </script>
 <style scoped lang="scss">
-@import "~@/styles/public.scss";
+  @import "~@/styles/public.scss";
 
-/deep/.el-form {
-  display: flex;
-  flex-direction: column;
-  height: calc(100vh - 130px);
-}
+  /deep/.el-form {
+    display: flex;
+    flex-direction: column;
+    height: calc(100vh - 130px);
+  }
 
-/deep/.el-form-item__label {
-  padding: 0;
-}
+  /deep/.el-form-item__label {
+    padding: 0;
+  }
 
-/deep/.el-radio {
-  margin-right: 10px;
-}
+  /deep/.el-radio {
+    margin-right: 10px;
+  }
 
-/deep/.el-select {
-  width: 100%;
-}
+  /deep/.el-select {
+    width: 100%;
+  }
 
-/deep/.el-form-item {
-  margin-bottom: 8px;
-}
+  /deep/.el-form-item {
+    margin-bottom: 8px;
+  }
 
-.marginBot0 {
-  margin-bottom: 0 !important;
-}
+  .marginBot0 {
+    margin-bottom: 0 !important;
+  }
 
-.slxx {
-  box-sizing: border-box;
-}
+  .slxx {
+    box-sizing: border-box;
+  }
 
-.slxx_con {
-  flex: 1;
-  height: 100%;
-  background-color: #ffffff;
-  overflow-y: auto;
-  padding-right: 3px;
-  overflow-x: hidden;
-}
+  .slxx_con {
+    flex: 1;
+    height: 100%;
+    background-color: #ffffff;
+    overflow-y: auto;
+    padding-right: 3px;
+    overflow-x: hidden;
+  }
 
-.submit_btn {
-  height: 50px;
-}
+  .submit_btn {
+    height: 50px;
+  }
 
-.slxx_title {
-  border-bottom: 1px solid $borderColor;
-  padding-left: 10px;
-  padding-bottom: 5px;
-  margin-bottom: 10px;
-  margin-top: 5px;
-  font-size: 16px;
-  font-weight: 500;
-  color: #4a4a4a;
-}
+  .slxx_title {
+    border-bottom: 1px solid $borderColor;
+    padding-left: 10px;
+    padding-bottom: 5px;
+    margin-bottom: 10px;
+    margin-top: 5px;
+    font-size: 16px;
+    font-weight: 500;
+    color: #4a4a4a;
+  }
 
-.btn {
-  text-align: center;
-  padding-top: 10px;
-  height: 36px;
-  background-color: #ffffff;
-  padding: 5px 0;
-}
+  .btn {
+    text-align: center;
+    padding-top: 10px;
+    height: 36px;
+    background-color: #ffffff;
+    padding: 5px 0;
+  }
 
-.textArea {
-  /deep/.el-textarea__inner {
-    min-height: 90px !important;
+  .textArea {
+    /deep/.el-textarea__inner {
+      min-height: 90px !important;
+    }
   }
-}
 
-/deep/.el-form-item__label {
-  padding-bottom: 0px;
-}
+  /deep/.el-form-item__label {
+    padding-bottom: 0px;
+  }
 </style>

 <!--
  * @Description: 房屋多幢受理信息
  * @Autor: ssq
- * @LastEditTime: 2023-09-01 09:20:35
+ * @LastEditTime: 2023-09-01 09:22:02
 -->
 <template>
   <div class="slxx">
     <el-form
       :model="ruleForm"
       :rules="rules"
+      v-Loading="loading"
       ref="ruleForm"
       :label-position="flag ? 'top' : ''"
       :inline="flag"
@@ -167,7 +168,7 @@
               <el-input v-model="ruleForm.lq.xdm"></el-input>
             </el-form-item>
           </el-col>
-          <el-col :span="8">
+          <el-col :span="16">
             <el-form-item label="附记：">
               <el-input
                 v-model="ruleForm.lq.fj"
@@ -285,6 +286,7 @@
   export default {
     mixins: [ywmix],
     mounted () {
+      this.loading = true
       this.viewEdit = this.$parent.currentSelectTab.ableOperation;
       this.propsParam = this.$attrs;
       var formdata = new FormData();
@@ -307,15 +309,19 @@
             ? (this.ruleForm.slsq.fzfs = "1")
             : this.ruleForm.slsq.fzfs;
           this.czrOptions = this.ruleForm.qlrList;
+          setTimeout(() => {
+            this.loading = false
+          }, 200)
         }
-      });
+      })
     },
     components: { qlrCommonTable, tdytTable },
     computed: {
-      ...mapGetters(["dictData", "flag"]),
+      ...mapGetters(["dictData", "flag"])
     },
     data () {
       return {
+        loading: false,
         disabled: true,
         tdytOption: [],
         czrOptions: [],

 <!--
  * @Description: 房屋多幢受理信息
  * @Autor: ssq
- * @LastEditTime: 2023-09-01 09:21:23
+ * @LastEditTime: 2023-09-01 09:22:32
 -->
 <template>
   <div class="slxx">
@@ -167,7 +167,7 @@
               <el-input v-model="ruleForm.lq.xdm"></el-input>
             </el-form-item>
           </el-col>
-          <el-col :span="8">
+          <el-col :span="16">
             <el-form-item label="附记：">
               <el-input
                 v-model="ruleForm.lq.fj"

@@ -4,12 +4,11 @@
     <el-form
       :model="ruleForm"
       :rules="rules"
-      class="loadingtext"
+      v-Loading="loading"
       ref="ruleForm"
       :label-position="flag ? 'top' : ''"
       :inline="flag"
-      label-width="120px"
-    >
+      label-width="120px">
       <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
         <div class="slxx_title title-block">
           申请业务信息
@@ -55,7 +54,7 @@
         </div>
         <el-row :gutter="10" v-if="ruleForm.qlxx">
           <el-col :span="8">
-            <el-form-item label="原不动产登记证明号：">
+            <el-form-item label="原不动产证号：">
               <el-input disabled v-model="ruleForm.sldy.ybdcqzsh"></el-input>
             </el-form-item>
           </el-col>
@@ -88,8 +87,7 @@
                   v-for="item in dictData['A19']"
                   :key="item.dcode"
                   :label="item.dname"
-                  :value="item.dcode"
-                >
+                  :value="item.dcode">
                 </el-option>
               </el-select>
             </el-form-item>
@@ -103,24 +101,22 @@
                   v-for="item in dictData['A17']"
                   :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="所在层：">
-              <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">
             <el-form-item label="总层数：">
               <el-input
-               maxlength="4"
+                maxlength="4"
                 v-model.number="ruleForm.ygdj.zcs"
-                oninput="value=value.replace(/[^0-9]/g,'')"
-              ></el-input>
+                oninput="value=value.replace(/[^0-9]/g,'')"></el-input>
             </el-form-item>
           </el-col>
         </el-row>
@@ -132,8 +128,7 @@
                   v-for="item in dictData['A46']"
                   :key="item.dcode"
                   :label="item.dname"
-                  :value="item.dcode"
-                >
+                  :value="item.dcode">
                 </el-option>
               </el-select>
             </el-form-item>
@@ -143,18 +138,16 @@
             <el-form-item label="建筑面积：">
               <div class="flex">
                 <el-input
-                maxlength="12"
+                  maxlength="12"
                   v-model="ruleForm.ygdj.jzmj"
                   :disabled="!viewEdit"
-                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
-                ></el-input>
+                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
                 <el-select disabled v-model="mjdw" style="width: 68px">
                   <el-option
                     v-for="item in dictData['A7']"
                     :key="item.dcode"
                     :label="item.dname"
-                    :value="item.dcode"
-                  >
+                    :value="item.dcode">
                   </el-option>
                 </el-select>
               </div>
@@ -163,24 +156,20 @@
           <el-col :span="8">
             <el-form-item label="取得价格：">
               <div class="flex">
-                <!-- <el-input maxlength="11" v-model="ruleForm.ygdj.qdjg"></el-input> -->
-                 <el-input
-                   maxlength="11"
+                <el-input
+                  maxlength="11"
                   v-model="ruleForm.ygdj.qdjg"
                   style="width: 500%"
-                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
-                ></el-input>
+                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
                 <el-select
                   v-model="ruleForm.ygdj.jedw"
                   :disabled="!viewEdit"
-                  style="width: 68px"
-                >
+                  style="width: 68px">
                   <el-option
                     v-for="item in dictData['A57']"
                     :key="item.dcode"
                     :label="item.dname"
-                    :value="item.dcode"
-                  >
+                    :value="item.dcode">
                   </el-option>
                 </el-select>
               </div>
@@ -194,8 +183,7 @@
                 v-model="ruleForm.ygdj.fj"
                 type="textarea"
                 maxlength="500"
-                show-word-limit
-              ></el-input>
+                show-word-limit></el-input>
             </el-form-item>
           </el-col>
         </el-row>
@@ -208,8 +196,7 @@
             <el-form-item label="共有方式：">
               <el-radio-group
                 :disabled="!viewEdit"
-                v-model="ruleForm.sldy.gyfs"
-              >
+                v-model="ruleForm.sldy.gyfs">
                 <el-radio label="0">单独所有</el-radio>
                 <el-radio label="1">共同共有</el-radio>
                 <el-radio label="2">按份所有</el-radio>
@@ -222,8 +209,7 @@
               <el-radio-group
                 v-model="ruleForm.sldy.sqfbcz"
                 :disabled="!viewEdit"
-                @input="updaterow()"
-              >
+                @input="updaterow()">
                 <el-radio :label="1">是</el-radio>
                 <el-radio :label="0">否</el-radio>
               </el-radio-group>
@@ -231,20 +217,17 @@
           </el-col>
           <el-col
             :span="6"
-            v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
-          >
+            v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'">
             <el-form-item label="持证人：">
               <el-select
                 v-model="czr"
                 placeholder="持证人"
-                :disabled="!viewEdit"
-              >
+                :disabled="!viewEdit">
                 <el-option
                   v-for="item in czrOptions"
                   :key="item.zjh"
                   :label="item.sqrmc"
-                  :value="item.zjh"
-                >
+                  :value="item.zjh">
                 </el-option>
               </el-select>
             </el-form-item>
@@ -254,8 +237,7 @@
           @upDateQlrxxList="upDateQlrxxList"
           :disabled="viewEdit"
           :tableData="ruleForm.qlrList"
-          :gyfs="ruleForm.sldy.gyfs"
-        />
+          :gyfs="ruleForm.sldy.gyfs" />
         <div class="slxx_title title-block">
           义务人信息
           <div class="triangle"></div>
@@ -264,8 +246,7 @@
           @upDateQlrxxList="upDateYwrxxList"
           :disabled="viewEdit"
           :tableData="ruleForm.ywrList"
-          :gyfs="ruleForm.sldy.gyfs"
-        />
+          :gyfs="ruleForm.sldy.gyfs" />
         <div class="slxx_title title-block">
           登记原因
           <div class="triangle"></div>
@@ -279,8 +260,7 @@
                 maxlength="500"
                 show-word-limit
                 :disabled="!viewEdit"
-                v-model="ruleForm.ygdj.djyy"
-              >
+                v-model="ruleForm.ygdj.djyy">
               </el-input>
             </el-form-item>
           </el-col>
@@ -295,236 +275,239 @@
   </div>
 </template>
 <script>
-import ywmix from "@/views/ywbl/mixin/index";
-import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
-import { Init, saveData } from "@/api/workflow/ygdjFlow.js";
-import { mapGetters } from "vuex";
-export default {
-  mixins: [ywmix],
-  created() {
-    this.viewEdit = this.$parent.currentSelectTab.ableOperation;
-    this.propsParam = this.$attrs;
-    this.$startLoading();
-    var formdata = new FormData();
-    formdata.append("bsmSldy", this.propsParam.bsmSldy);
-    formdata.append("djlx", this.propsParam.djlx);
-    formdata.append("isEdit", this.viewEdit);
-    Init(formdata).then((res) => {
-      if (res.code === 200 && res.result) {
-        this.ruleForm = res.result;
-        this.czrOptions = this.ruleForm.qlrList;
-        this.$endLoading();
-        this.ruleForm.qlrList.forEach((item) => {
-          if (item.sfczr == 1) {
-            this.czr = item.sqrmc;
-          }
-        });
-      }
-    });
-  },
-  components: { qlrCommonTable },
-  computed: {
-    ...mapGetters(["dictData", "flag"]),
-  },
-  data() {
-    return {
-      mjdw: "1",
-      //表单是否可操作
-      viewEdit: true,
-      disabled: true,
-      tdytOption: [],
-      czrOptions: [],
-      czr: "",
-      ruleForm: {
-        qlxx: {},
-        sldy: {},
-        slsq: {},
-        ygdj: {},
-        zdjbxx: {},
-      },
-      //传递参数
-      propsParam: this.$attrs,
-      rules: {},
-    };
-  },
-  methods: {
-    /**
-     * @description: 更新权利人信息
-     * @param {*} val
-     * @author: renchao
-     */
-    upDateQlrxxList(val) {
-      this.ruleForm.qlrList = _.cloneDeep(val);
-      this.czrOptions = this.ruleForm.qlrList;
+  import ywmix from "@/views/ywbl/mixin/index";
+  import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
+  import { Init, saveData } from "@/api/workflow/ygdjFlow.js";
+  import { mapGetters } from "vuex";
+  export default {
+    mixins: [ywmix],
+    mounted () {
+      this.viewEdit = this.$parent.currentSelectTab.ableOperation;
+      this.propsParam = this.$attrs;
+      this.loading = true
+      var formdata = new FormData();
+      formdata.append("bsmSldy", this.propsParam.bsmSldy);
+      formdata.append("djlx", this.propsParam.djlx);
+      formdata.append("isEdit", this.viewEdit);
+      Init(formdata).then((res) => {
+        if (res.code === 200 && res.result) {
+          this.ruleForm = res.result;
+          this.czrOptions = this.ruleForm.qlrList;
+          this.ruleForm.qlrList.forEach((item) => {
+            if (item.sfczr == 1) {
+              this.czr = item.sqrmc
+            }
+          })
+          setTimeout(() => {
+            this.loading = false
+          }, 200)
+        }
+      })
     },
-    /**
-     * @description: 更新业务人信息
-     * @param {*} val
-     * @author: renchao
-     */
-    upDateYwrxxList(val) {
-      this.ruleForm.ywrList = _.cloneDeep(val);
+    components: { qlrCommonTable },
+    computed: {
+      ...mapGetters(["dictData", "flag"]),
     },
-    // 是否持证人变化
-    /**
-     * @description: 是否持证人变化
-     * @param {*} val
-     * @author: renchao
-     */
-    updaterow() {
-      this.czr = "";
+    data () {
+      return {
+        loading: false,
+        mjdw: "1",
+        //表单是否可操作
+        viewEdit: true,
+        disabled: true,
+        tdytOption: [],
+        czrOptions: [],
+        czr: "",
+        ruleForm: {
+          qlxx: {},
+          sldy: {},
+          slsq: {},
+          ygdj: {},
+          zdjbxx: {},
+        },
+        //传递参数
+        propsParam: this.$attrs,
+        rules: {},
+      };
     },
-    /**
-     * @description: onSubmit
-     * @author: renchao
-     */
-    onSubmit() {
-      let that = this;
-      if (this.ruleForm.qlrList.length == 0) {
-        this.$message({
-          showClose: true,
-          message: "请确认权利人信息",
-          type: "error",
-        });
-        return false;
-      }
-
-      if (this.ruleForm.sldy.gyfs == "0") {
-        if (this.ruleForm.qlrList.length > 1) {
-          this.$message({
-            showClose: true,
-            message: "共有方式：单独所有，权利人只能是一个人",
-            type: "error",
-          });
-          return false;
-        }
-        this.ruleForm.qlrList[0].sfczr = "1";
-      } else {
-        if (this.ruleForm.qlrList.length <= 1) {
+    methods: {
+      /**
+       * @description: 更新权利人信息
+       * @param {*} val
+       * @author: renchao
+       */
+      upDateQlrxxList (val) {
+        this.ruleForm.qlrList = _.cloneDeep(val);
+        this.czrOptions = this.ruleForm.qlrList;
+      },
+      /**
+       * @description: 更新业务人信息
+       * @param {*} val
+       * @author: renchao
+       */
+      upDateYwrxxList (val) {
+        this.ruleForm.ywrList = _.cloneDeep(val);
+      },
+      // 是否持证人变化
+      /**
+       * @description: 是否持证人变化
+       * @param {*} val
+       * @author: renchao
+       */
+      updaterow () {
+        this.czr = "";
+      },
+      /**
+       * @description: onSubmit
+       * @author: renchao
+       */
+      onSubmit () {
+        let that = this;
+        if (this.ruleForm.qlrList.length == 0) {
           this.$message({
             showClose: true,
-            message:
-              "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
+            message: "请确认权利人信息",
             type: "error",
           });
           return false;
         }
-        //是否分别持证
-        if (this.ruleForm.sldy.sqfbcz == "1") {
-          //是
-          this.ruleForm.qlrList.forEach((item, index) => {
-            item.sfczr = "1";
-          });
+
+        if (this.ruleForm.sldy.gyfs == "0") {
+          if (this.ruleForm.qlrList.length > 1) {
+            this.$message({
+              showClose: true,
+              message: "共有方式：单独所有，权利人只能是一个人",
+              type: "error",
+            });
+            return false;
+          }
+          this.ruleForm.qlrList[0].sfczr = "1";
         } else {
-          if (!that.czr) {
-            that.$message({
+          if (this.ruleForm.qlrList.length <= 1) {
+            this.$message({
               showClose: true,
-              message: "请选择持证人",
+              message:
+                "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
               type: "error",
             });
             return false;
           }
-          this.ruleForm.qlrList.forEach((item, index) => {
-            if (item.zjh == this.czr) {
+          //是否分别持证
+          if (this.ruleForm.sldy.sqfbcz == "1") {
+            //是
+            this.ruleForm.qlrList.forEach((item, index) => {
               item.sfczr = "1";
-            } else {
-              item.sfczr = "0";
+            });
+          } else {
+            if (!that.czr) {
+              that.$message({
+                showClose: true,
+                message: "请选择持证人",
+                type: "error",
+              });
+              return false;
             }
-          });
-        }
-      }
-      saveData(this.ruleForm).then((res) => {
-        if (res.code === 200) {
-          this.$message({
-            showClose: true,
-            message: "保存成功！",
-            type: "success",
-          });
-          this.$store.dispatch("user/refreshPage", true);
-        } else {
-          this.$message({
-            showClose: true,
-            message: res.message,
-            type: "error",
-          });
+            this.ruleForm.qlrList.forEach((item, index) => {
+              if (item.zjh == this.czr) {
+                item.sfczr = "1";
+              } else {
+                item.sfczr = "0";
+              }
+            });
+          }
         }
-      });
+        saveData(this.ruleForm).then((res) => {
+          if (res.code === 200) {
+            this.$message({
+              showClose: true,
+              message: "保存成功！",
+              type: "success",
+            });
+            this.$store.dispatch("user/refreshPage", true);
+          } else {
+            this.$message({
+              showClose: true,
+              message: res.message,
+              type: "error",
+            });
+          }
+        });
+      },
     },
-  },
-};
+  };
 </script>
 <style scoped lang="scss">
-@import "~@/styles/public.scss";
+  @import "~@/styles/public.scss";
 
-/deep/.el-form {
-  display: flex;
-  flex-direction: column;
-  height: calc(100vh - 130px);
-}
+  /deep/.el-form {
+    display: flex;
+    flex-direction: column;
+    height: calc(100vh - 130px);
+  }
 
-/deep/.el-form-item__label {
-  padding: 0;
-}
+  /deep/.el-form-item__label {
+    padding: 0;
+  }
 
-/deep/.el-radio {
-  margin-right: 10px;
-}
+  /deep/.el-radio {
+    margin-right: 10px;
+  }
 
-/deep/.el-select {
-  width: 100%;
-}
+  /deep/.el-select {
+    width: 100%;
+  }
 
-/deep/.el-form-item {
-  margin-bottom: 8px;
-}
+  /deep/.el-form-item {
+    margin-bottom: 8px;
+  }
 
-.marginBot0 {
-  margin-bottom: 0 !important;
-}
+  .marginBot0 {
+    margin-bottom: 0 !important;
+  }
 
-.slxx {
-  box-sizing: border-box;
-}
+  .slxx {
+    box-sizing: border-box;
+  }
 
-.slxx_con {
-  flex: 1;
-  height: 100%;
-  background-color: #ffffff;
-  overflow-y: auto;
-  padding-right: 3px;
-  overflow-x: hidden;
-}
+  .slxx_con {
+    flex: 1;
+    height: 100%;
+    background-color: #ffffff;
+    overflow-y: auto;
+    padding-right: 3px;
+    overflow-x: hidden;
+  }
 
-.submit_btn {
-  height: 50px;
-}
+  .submit_btn {
+    height: 50px;
+  }
 
-.slxx_title {
-  border-bottom: 1px solid $borderColor;
-  padding-left: 10px;
-  padding-bottom: 5px;
-  margin-bottom: 10px;
-  margin-top: 5px;
-  font-size: 16px;
-  font-weight: 500;
-  color: #4a4a4a;
-}
+  .slxx_title {
+    border-bottom: 1px solid $borderColor;
+    padding-left: 10px;
+    padding-bottom: 5px;
+    margin-bottom: 10px;
+    margin-top: 5px;
+    font-size: 16px;
+    font-weight: 500;
+    color: #4a4a4a;
+  }
 
-.btn {
-  text-align: center;
-  padding-top: 10px;
-  height: 36px;
-  background-color: #ffffff;
-  padding: 5px 0;
-}
+  .btn {
+    text-align: center;
+    padding-top: 10px;
+    height: 36px;
+    background-color: #ffffff;
+    padding: 5px 0;
+  }
 
-.textArea {
-  /deep/.el-textarea__inner {
-    min-height: 90px !important;
+  .textArea {
+    /deep/.el-textarea__inner {
+      min-height: 90px !important;
+    }
   }
-}
 
-/deep/.el-form-item__label {
-  padding-bottom: 0px;
-}
+  /deep/.el-form-item__label {
+    padding-bottom: 0px;
+  }
 </style>

@@ -8,8 +8,7 @@
       ref="ruleForm"
       :label-position="flag ? 'top' : ''"
       :inline="flag"
-      label-width="120px"
-    >
+      label-width="120px">
       <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
         <div class="slxx_title title-block">
           申请业务信息
@@ -51,8 +50,7 @@
         </el-row>
         <div
           class="slxx_title title-block flex"
-          style="justify-content: space-between"
-        >
+          style="justify-content: space-between">
           不动产单元情况
           <el-button @click="compare">变化情况对比+</el-button>
         </div>
@@ -113,8 +111,7 @@
               <el-input
                 disabled
                 v-model.number="ruleForm.ygdj.zcs"
-                oninput="value=value.replace(/[^0-9]/g,'')"
-              ></el-input>
+                oninput="value=value.replace(/[^0-9]/g,'')"></el-input>
             </el-form-item>
           </el-col>
         </el-row>
@@ -127,8 +124,7 @@
             <el-form-item label="共有方式：">
               <el-radio-group
                 :disabled="!viewEdit"
-                v-model="ruleForm.sldy.gyfs"
-              >
+                v-model="ruleForm.sldy.gyfs">
                 <el-radio label="0">单独所有</el-radio>
                 <el-radio label="1">共同共有</el-radio>
                 <el-radio label="2">按份所有</el-radio>
@@ -141,8 +137,7 @@
               <el-radio-group
                 v-model="ruleForm.sldy.sqfbcz"
                 :disabled="!viewEdit"
-                @input="updaterow()"
-              >
+                @input="updaterow()">
                 <el-radio :label="1">是</el-radio>
                 <el-radio :label="0">否</el-radio>
               </el-radio-group>
@@ -150,20 +145,17 @@
           </el-col>
           <el-col
             :span="6"
-            v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
-          >
+            v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'">
             <el-form-item label="持证人：">
               <el-select
                 v-model="czr"
                 placeholder="持证人"
-                :disabled="!viewEdit"
-              >
+                :disabled="!viewEdit">
                 <el-option
                   v-for="item in czrOptions"
                   :key="item.zjh"
                   :label="item.sqrmc"
-                  :value="item.zjh"
-                >
+                  :value="item.zjh">
                 </el-option>
               </el-select>
             </el-form-item>
@@ -173,8 +165,7 @@
           @upDateQlrxxList="upDateQlrxxList"
           :tableData="ruleForm.qlrList"
           :disabled="viewEdit"
-          :gyfs="ruleForm.sldy.gyfs"
-        />
+          :gyfs="ruleForm.sldy.gyfs" />
         <div class="slxx_title title-block">
           义务人信息
           <div class="triangle"></div>
@@ -183,8 +174,7 @@
           @upDateQlrxxList="upDateYwrxxList"
           :tableData="ruleForm.ywrList"
           :disabled="viewEdit"
-          :gyfs="ruleForm.sldy.gyfs"
-        />
+          :gyfs="ruleForm.sldy.gyfs" />
         <div class="slxx_title title-block">
           登记原因
           <div class="triangle"></div>
@@ -198,8 +188,7 @@
                 maxlength="500"
                 show-word-limit
                 :disabled="!viewEdit"
-                v-model="ruleForm.ygdj.djyy"
-              >
+                v-model="ruleForm.ygdj.djyy">
               </el-input>
             </el-form-item>
           </el-col>
@@ -214,258 +203,257 @@
   </div>
 </template>
 <script>
-import ywmix from "@/views/ywbl/mixin/index";
-import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
-import { Init, saveData } from "@/api/workflow/ygdjFlow.js";
-import { mapGetters } from "vuex";
-export default {
-  mixins: [ywmix],
-  mounted() {
-    this.viewEdit = this.$parent.currentSelectTab.ableOperation;
-    this.propsParam = this.$attrs;
-    var formdata = new FormData();
-    this.$startLoading();
-    formdata.append("bsmSldy", this.propsParam.bsmSldy);
-    formdata.append("djlx", this.propsParam.djlx);
-    formdata.append("isEdit", this.viewEdit);
-    Init(formdata).then((res) => {
-      if (res.code === 200 && res.result) {
-        this.$endLoading();
-        this.ruleForm = res.result;
-        this.czrOptions = this.ruleForm.qlrList;
-        this.ruleForm.qlrList.forEach((item) => {
-          if (item.sfczr == 1) {
-            this.czr = item.sqrmc;
-          }
-        });
-      }
-    });
-  },
-  components: { qlrCommonTable },
-  computed: {
-    ...mapGetters(["dictData", "flag"]),
-  },
-  data() {
-    return {
-      //表单是否可操作
-      viewEdit: true,
-      disabled: true,
-      tdytOption: [],
-      czrOptions: [],
-      czr: "",
-      ruleForm: {},
-      //传递参数
-      propsParam: this.$attrs,
-      rules: {},
-    };
-  },
-  methods: {
-    /**
-     * @description: onClick
-     * @author: renchao
-     */
-    onClick() {
-      this.$popup("房屋信息比对", "ywbl/ygdj/slxxCompareDetai", {
-        formData: {
-          bsmSldy: this.propsParam.bsmSldy,
-          qllx: this.propsParam.qllx,
-        },
+  import ywmix from "@/views/ywbl/mixin/index";
+  import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
+  import { Init, saveData } from "@/api/workflow/ygdjFlow.js";
+  import { mapGetters } from "vuex";
+  export default {
+    mixins: [ywmix],
+    mounted () {
+      this.viewEdit = this.$parent.currentSelectTab.ableOperation;
+      this.propsParam = this.$attrs;
+      var formdata = new FormData();
+      this.$startLoading();
+      formdata.append("bsmSldy", this.propsParam.bsmSldy);
+      formdata.append("djlx", this.propsParam.djlx);
+      formdata.append("isEdit", this.viewEdit);
+      Init(formdata).then((res) => {
+        if (res.code === 200 && res.result) {
+          this.$endLoading();
+          this.ruleForm = res.result;
+          this.czrOptions = this.ruleForm.qlrList;
+          this.ruleForm.qlrList.forEach((item) => {
+            if (item.sfczr == 1) {
+              this.czr = item.sqrmc;
+            }
+          });
+        }
       });
     },
-    /**
-     * @description: 更新权利人信息
-     * @param {*} val
-     * @author: renchao
-     */
-    upDateQlrxxList(val) {
-      this.ruleForm.qlrList = _.cloneDeep(val);
-      this.czrOptions = this.ruleForm.qlrList;
-    },
-    // 是否持证人变化
-    /**
-     * @description: 是否持证人变化
-     * @param {*} val
-     * @author: renchao
-     */
-    updaterow() {
-      this.czr = "";
+    components: { qlrCommonTable },
+    computed: {
+      ...mapGetters(["dictData", "flag"]),
     },
-    /**
-     * @description: 更新业务人信息
-     * @param {*} val
-     * @author: renchao
-     */
-    upDateYwrxxList(val) {
-      this.ruleForm.ywrList = _.cloneDeep(val);
+    data () {
+      return {
+        //表单是否可操作
+        viewEdit: true,
+        disabled: true,
+        tdytOption: [],
+        czrOptions: [],
+        czr: "",
+        ruleForm: {},
+        //传递参数
+        propsParam: this.$attrs,
+        rules: {},
+      };
     },
-
-    /**
-     * @description: onSubmit
-     * @author: renchao
-     */
-    onSubmit() {
-      let that = this;
-      if (this.ruleForm.qlrList.length == 0) {
-        this.$message({
-          showClose: true,
-          message: "请确认权利人信息",
-          type: "error",
+    methods: {
+      /**
+       * @description: onClick
+       * @author: renchao
+       */
+      onClick () {
+        this.$popup("房屋信息比对", "ywbl/ygdj/slxxCompareDetai", {
+          formData: {
+            bsmSldy: this.propsParam.bsmSldy,
+            qllx: this.propsParam.qllx,
+          },
         });
-        return false;
-      }
+      },
+      /**
+       * @description: 更新权利人信息
+       * @param {*} val
+       * @author: renchao
+       */
+      upDateQlrxxList (val) {
+        this.ruleForm.qlrList = _.cloneDeep(val);
+        this.czrOptions = this.ruleForm.qlrList;
+      },
+      /**
+       * @description: 是否持证人变化
+       * @param {*} val
+       * @author: renchao
+       */
+      updaterow () {
+        this.czr = "";
+      },
+      /**
+       * @description: 更新业务人信息
+       * @param {*} val
+       * @author: renchao
+       */
+      upDateYwrxxList (val) {
+        this.ruleForm.ywrList = _.cloneDeep(val);
+      },
 
-      if (this.ruleForm.sldy.gyfs == "0") {
-        if (this.ruleForm.qlrList.length > 1) {
+      /**
+       * @description: onSubmit
+       * @author: renchao
+       */
+      onSubmit () {
+        let that = this;
+        if (this.ruleForm.qlrList.length == 0) {
           this.$message({
             showClose: true,
-            message: "共有方式：单独所有，权利人只能是一个人",
+            message: "请确认权利人信息",
             type: "error",
           });
           return false;
         }
-        this.ruleForm.qlrList[0].sfczr = "1";
-      } else {
-        if (this.ruleForm.qlrList.length <= 1) {
-          this.$message({
-            showClose: true,
-            message:
-              "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
-            type: "error",
-          });
-          return false;
-        }
-        //是否分别持证
-        if (this.ruleForm.sldy.sqfbcz == "1") {
-          //是
-          this.ruleForm.qlrList.forEach((item, index) => {
-            item.sfczr = "1";
-          });
+
+        if (this.ruleForm.sldy.gyfs == "0") {
+          if (this.ruleForm.qlrList.length > 1) {
+            this.$message({
+              showClose: true,
+              message: "共有方式：单独所有，权利人只能是一个人",
+              type: "error",
+            });
+            return false;
+          }
+          this.ruleForm.qlrList[0].sfczr = "1";
         } else {
-          if (!that.czr) {
-            that.$message({
+          if (this.ruleForm.qlrList.length <= 1) {
+            this.$message({
               showClose: true,
-              message: "请选择持证人",
+              message:
+                "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
               type: "error",
             });
             return false;
           }
-          this.ruleForm.qlrList.forEach((item, index) => {
-            if (item.zjh == this.czr) {
+          //是否分别持证
+          if (this.ruleForm.sldy.sqfbcz == "1") {
+            //是
+            this.ruleForm.qlrList.forEach((item, index) => {
               item.sfczr = "1";
-            } else {
-              item.sfczr = "0";
+            });
+          } else {
+            if (!that.czr) {
+              that.$message({
+                showClose: true,
+                message: "请选择持证人",
+                type: "error",
+              });
+              return false;
             }
-          });
-        }
-      }
-      saveData(this.ruleForm).then((res) => {
-        if (res.code === 200) {
-          this.$message({
-            showClose: true,
-            message: "保存成功！",
-            type: "success",
-          });
-          this.$store.dispatch("user/refreshPage", true);
-        } else {
-          this.$message({
-            showClose: true,
-            message: res.message,
-            type: "error",
-          });
+            this.ruleForm.qlrList.forEach((item, index) => {
+              if (item.zjh == this.czr) {
+                item.sfczr = "1";
+              } else {
+                item.sfczr = "0";
+              }
+            });
+          }
         }
-      });
-    },
-    /**
-     * @description: compare
-     * @author: renchao
-     */
-    compare() {
-      this.$popupDialog(
-        this.ruleForm.qlxx.qllxmc,
-        "registerBook/comparison",
-        {
-          bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
-          dqqllx: "YGDJ",
-        },
-        "80%",
-        true
-      );
+        saveData(this.ruleForm).then((res) => {
+          if (res.code === 200) {
+            this.$message({
+              showClose: true,
+              message: "保存成功！",
+              type: "success",
+            });
+            this.$store.dispatch("user/refreshPage", true);
+          } else {
+            this.$message({
+              showClose: true,
+              message: res.message,
+              type: "error",
+            });
+          }
+        });
+      },
+      /**
+       * @description: compare
+       * @author: renchao
+       */
+      compare () {
+        this.$popupDialog(
+          this.ruleForm.qlxx.qllxmc,
+          "registerBook/comparison",
+          {
+            bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
+            dqqllx: "YGDJ",
+          },
+          "80%",
+          true
+        );
+      },
     },
-  },
-};
+  };
 </script>
 <style scoped lang="scss">
-@import "~@/styles/public.scss";
+  @import "~@/styles/public.scss";
 
-/deep/.el-form {
-  display: flex;
-  flex-direction: column;
-  height: calc(100vh - 130px);
-}
+  /deep/.el-form {
+    display: flex;
+    flex-direction: column;
+    height: calc(100vh - 130px);
+  }
 
-/deep/.el-form-item__label {
-  padding: 0;
-}
+  /deep/.el-form-item__label {
+    padding: 0;
+  }
 
-/deep/.el-radio {
-  margin-right: 10px;
-}
+  /deep/.el-radio {
+    margin-right: 10px;
+  }
 
-/deep/.el-select {
-  width: 100%;
-}
+  /deep/.el-select {
+    width: 100%;
+  }
 
-/deep/.el-form-item {
-  margin-bottom: 8px;
-}
+  /deep/.el-form-item {
+    margin-bottom: 8px;
+  }
 
-.marginBot0 {
-  margin-bottom: 0 !important;
-}
+  .marginBot0 {
+    margin-bottom: 0 !important;
+  }
 
-.slxx {
-  box-sizing: border-box;
-}
+  .slxx {
+    box-sizing: border-box;
+  }
 
-.slxx_con {
-  flex: 1;
-  height: 100%;
-  background-color: #ffffff;
-  overflow-y: auto;
-  padding-right: 3px;
-  overflow-x: hidden;
-}
+  .slxx_con {
+    flex: 1;
+    height: 100%;
+    background-color: #ffffff;
+    overflow-y: auto;
+    padding-right: 3px;
+    overflow-x: hidden;
+  }
 
-.submit_btn {
-  height: 50px;
-}
+  .submit_btn {
+    height: 50px;
+  }
 
-.slxx_title {
-  border-bottom: 1px solid $borderColor;
-  padding-left: 10px;
-  padding-bottom: 5px;
-  margin-bottom: 10px;
-  margin-top: 5px;
-  font-size: 16px;
-  font-weight: 500;
-  color: #4a4a4a;
-}
+  .slxx_title {
+    border-bottom: 1px solid $borderColor;
+    padding-left: 10px;
+    padding-bottom: 5px;
+    margin-bottom: 10px;
+    margin-top: 5px;
+    font-size: 16px;
+    font-weight: 500;
+    color: #4a4a4a;
+  }
 
-.btn {
-  text-align: center;
-  padding-top: 10px;
-  height: 36px;
-  background-color: #ffffff;
-  padding: 5px 0;
-}
+  .btn {
+    text-align: center;
+    padding-top: 10px;
+    height: 36px;
+    background-color: #ffffff;
+    padding: 5px 0;
+  }
 
-.textArea {
-  /deep/.el-textarea__inner {
-    min-height: 90px !important;
+  .textArea {
+    /deep/.el-textarea__inner {
+      min-height: 90px !important;
+    }
   }
-}
 
-/deep/.el-form-item__label {
-  padding-bottom: 0px;
-}
+  /deep/.el-form-item__label {
+    padding-bottom: 0px;
+  }
 </style>

@@ -8,8 +8,7 @@
       ref="ruleForm"
       :label-position="flag ? 'top' : ''"
       :inline="flag"
-      label-width="120px"
-    >
+      label-width="120px">
       <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
         <div class="slxx_title title-block">
           申请业务信息
@@ -60,7 +59,7 @@
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item label="不动产权证号：">
+            <el-form-item label="不动产登记证明号：">
               <el-input disabled v-model="ruleForm.ztQlxx.bdcqzh"></el-input>
             </el-form-item>
           </el-col>
@@ -122,7 +121,7 @@
         </div>
         <el-row :gutter="10">
           <el-col :span="8">
-            <el-form-item label="原不动产登记证明号：">
+            <el-form-item label="原不动产证号：">
               <el-input disabled v-model="ruleForm.sldy.ybdcqzsh"></el-input>
             </el-form-item>
           </el-col>
@@ -135,8 +134,7 @@
             <el-form-item label="是否存在禁止或限制：">
               <el-input
                 v-model="ruleForm.ygdj.sfczjzhxz"
-                :disabled="ruleForm.sldy.djlx == '300' && !viewEdit"
-              ></el-input>
+                :disabled="ruleForm.sldy.djlx == '300' && !viewEdit"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
@@ -144,19 +142,16 @@
               <div class="flex">
                 <el-input
                   v-model="ruleForm.ygdj.qdjg"
-                  :disabled="!viewEdit"
-                ></el-input>
+                  :disabled="!viewEdit"></el-input>
                 <el-select
                   v-model="ruleForm.ygdj.jedw"
                   :disabled="!viewEdit"
-                  style="width: 68px"
-                >
+                  style="width: 68px">
                   <el-option
                     v-for="item in dictData['A57']"
                     :key="item.dcode"
                     :label="item.dname"
-                    :value="item.dcode"
-                  ></el-option>
+                    :value="item.dcode"></el-option>
                 </el-select>
               </div>
             </el-form-item>
@@ -166,8 +161,7 @@
               <el-date-picker
                 v-model="ruleForm.ygdj.zwlxqssj"
                 :disabled="!viewEdit"
-                type="date"
-              ></el-date-picker>
+                type="date"></el-date-picker>
             </el-form-item>
           </el-col>
           <el-col :span="8">
@@ -175,8 +169,7 @@
               <el-date-picker
                 v-model="ruleForm.ygdj.zwlxjssj"
                 :disabled="!viewEdit"
-                type="date"
-              ></el-date-picker>
+                type="date"></el-date-picker>
             </el-form-item>
           </el-col>
         </el-row>
@@ -185,8 +178,7 @@
             <el-form-item label="担保范围：">
               <el-input
                 v-model="ruleForm.ygdj.dbfw"
-                :disabled="ruleForm.sldy.djlx == '300' && !viewEdit"
-              ></el-input>
+                :disabled="ruleForm.sldy.djlx == '300' && !viewEdit"></el-input>
             </el-form-item>
           </el-col>
         </el-row>
@@ -198,13 +190,12 @@
                 maxlength="500"
                 show-word-limit
                 v-model="ruleForm.ygdj.fj"
-                :disabled="!viewEdit"
-              ></el-input>
+                :disabled="!viewEdit"></el-input>
             </el-form-item>
           </el-col>
         </el-row>
         <div class="slxx_title title-block">
-          权利人信息
+          抵押权人信息
           <div class="triangle"></div>
         </div>
         <el-row :gutter="10">
@@ -212,8 +203,7 @@
             <el-form-item label="共有方式：">
               <el-radio-group
                 :disabled="!viewEdit"
-                v-model="ruleForm.sldy.gyfs"
-              >
+                v-model="ruleForm.sldy.gyfs">
                 <el-radio label="0">单独所有</el-radio>
                 <el-radio label="1">共同共有</el-radio>
                 <el-radio label="2">按份所有</el-radio>
@@ -226,8 +216,7 @@
               <el-radio-group
                 v-model="ruleForm.sldy.sqfbcz"
                 :disabled="!viewEdit"
-                @input="updaterow()"
-              >
+                @input="updaterow()">
                 <el-radio :label="1">是</el-radio>
                 <el-radio :label="0">否</el-radio>
               </el-radio-group>
@@ -235,20 +224,17 @@
           </el-col>
           <el-col
             :span="6"
-            v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
-          >
+            v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'">
             <el-form-item label="持证人：">
               <el-select
                 v-model="czr"
                 placeholder="持证人"
-                :disabled="!viewEdit"
-              >
+                :disabled="!viewEdit">
                 <el-option
                   v-for="item in czrOptions"
                   :key="item.zjh"
                   :label="item.sqrmc"
-                  :value="item.zjh"
-                ></el-option>
+                  :value="item.zjh"></el-option>
               </el-select>
             </el-form-item>
           </el-col>
@@ -257,18 +243,16 @@
           @upDateQlrxxList="upDateQlrxxList"
           :tableData="ruleForm.qlrList"
           :disabled="viewEdit"
-          :gyfs="ruleForm.sldy.gyfs"
-        />
+          :gyfs="ruleForm.sldy.gyfs" />
         <div class="slxx_title title-block">
-          义务人信息
+          抵押人信息
           <div class="triangle"></div>
         </div>
         <qlrCommonTable
           @upDateQlrxxList="upDateYwrxxList"
           :tableData="ruleForm.ywrList"
           :disabled="viewEdit"
-          :gyfs="ruleForm.sldy.gyfs"
-        />
+          :gyfs="ruleForm.sldy.gyfs" />
         <div class="slxx_title title-block">
           登记原因
           <div class="triangle"></div>
@@ -282,8 +266,7 @@
                 maxlength="500"
                 show-word-limit
                 :disabled="!viewEdit"
-                v-model="ruleForm.ygdj.djyy"
-              ></el-input>
+                v-model="ruleForm.ygdj.djyy"></el-input>
             </el-form-item>
           </el-col>
         </el-row>
@@ -297,163 +280,162 @@
   </div>
 </template>
 <script>
-import ywmix from "@/views/ywbl/mixin/index";
-import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
-import { Init, saveData } from "@/api/workflow/ygdyFlow.js";
-import { mapGetters } from "vuex";
-export default {
-  mixins: [ywmix],
-  created() {
-    this.viewEdit = this.$parent.currentSelectTab.ableOperation;
-    this.propsParam = this.$attrs;
-    var formdata = new FormData();
-    let that = this;
-    this.loading = true;
-    formdata.append("bsmSldy", this.propsParam.bsmSldy);
-    formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
-    formdata.append("djlx", this.propsParam.djlx);
-    formdata.append("isEdit", this.viewEdit);
-    Init(formdata).then((res) => {
-      if (res.code === 200 && res.result) {
-        that.ruleForm = res.result;
-        this.czrOptions = this.ruleForm.qlrList;
-        this.ruleForm.qlrList.forEach((item) => {
-          if (item.sfczr == 1) {
-            this.czr = item.sqrmc;
-          }
-        });
-        setTimeout(() => {
-          that.loading = false;
-        }, 300);
-      }
-    });
-  },
-  components: { qlrCommonTable },
-  computed: {
-    ...mapGetters(["dictData", "flag"]),
-  },
-  data() {
-    return {
-      //表单是否可操作
-      viewEdit: true,
-      loading: false,
-      disabled: true,
-      tdytOption: [],
-      czrOptions: [],
-      czr: "",
-      ruleForm: {},
-      //传递参数
-      propsParam: this.$attrs,
-      rules: {},
-    };
-  },
-  methods: {
-    /**
-     * @description: 更新权利人信息
-     * @param {*} val
-     * @author: renchao
-     */
-    upDateQlrxxList(val) {
-      this.ruleForm.qlrList = _.cloneDeep(val);
-      this.czrOptions = this.ruleForm.qlrList;
-    },
-    /**
-     * @description: 义务人信息
-     * @param {*} val
-     * @author: renchao
-     */
-    upDateYwrxxList(val) {
-      this.ruleForm.ywrList = _.cloneDeep(val);
-    },
-    // 是否持证人变化
-    /**
-     * @description: 是否持证人变化
-     * @param {*} val
-     * @author: renchao
-     */
-    updaterow() {
-      this.czr = "";
-    },
-    /**
-     * @description: onSubmit
-     * @author: renchao
-     */
-    onSubmit() {
+  import ywmix from "@/views/ywbl/mixin/index";
+  import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
+  import { Init, saveData } from "@/api/workflow/ygdyFlow.js";
+  import { mapGetters } from "vuex";
+  export default {
+    mixins: [ywmix],
+    mounted () {
+      this.viewEdit = this.$parent.currentSelectTab.ableOperation;
+      this.propsParam = this.$attrs;
+      var formdata = new FormData();
       let that = this;
-      if (this.ruleForm.qlrList.length == 0) {
-        this.$message({
-          showClose: true,
-          message: "请确认权利人信息",
-          type: "error",
-        });
-        return false;
-      }
-
-      if (this.ruleForm.sldy.gyfs == "0") {
-        if (this.ruleForm.qlrList.length > 1) {
-          this.$message({
-            showClose: true,
-            message: "共有方式：单独所有，权利人只能是一个人",
-            type: "error",
+      this.loading = true;
+      formdata.append("bsmSldy", this.propsParam.bsmSldy);
+      formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
+      formdata.append("djlx", this.propsParam.djlx);
+      formdata.append("isEdit", this.viewEdit);
+      Init(formdata).then((res) => {
+        if (res.code === 200 && res.result) {
+          that.ruleForm = res.result;
+          this.czrOptions = this.ruleForm.qlrList;
+          this.ruleForm.qlrList.forEach((item) => {
+            if (item.sfczr == 1) {
+              this.czr = item.sqrmc;
+            }
           });
-          return false;
+          setTimeout(() => {
+            this.loading = false
+          }, 200)
         }
-        this.ruleForm.qlrList[0].sfczr = "1";
-      } else {
-        if (this.ruleForm.qlrList.length <= 1) {
+      })
+    },
+    components: { qlrCommonTable },
+    computed: {
+      ...mapGetters(["dictData", "flag"])
+    },
+    data () {
+      return {
+        //表单是否可操作
+        viewEdit: true,
+        loading: false,
+        disabled: true,
+        tdytOption: [],
+        czrOptions: [],
+        czr: "",
+        ruleForm: {},
+        //传递参数
+        propsParam: this.$attrs,
+        rules: {}
+      }
+    },
+    methods: {
+      /**
+       * @description: 更新权利人信息
+       * @param {*} val
+       * @author: renchao
+       */
+      upDateQlrxxList (val) {
+        this.ruleForm.qlrList = _.cloneDeep(val);
+        this.czrOptions = this.ruleForm.qlrList;
+      },
+      /**
+       * @description: 义务人信息
+       * @param {*} val
+       * @author: renchao
+       */
+      upDateYwrxxList (val) {
+        this.ruleForm.ywrList = _.cloneDeep(val);
+      },
+      /**
+       * @description: 是否持证人变化
+       * @param {*} val
+       * @author: renchao
+       */
+      updaterow () {
+        this.czr = "";
+      },
+      /**
+       * @description: onSubmit
+       * @author: renchao
+       */
+      onSubmit () {
+        let that = this;
+        if (this.ruleForm.qlrList.length == 0) {
           this.$message({
             showClose: true,
-            message:
-              "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
+            message: "请确认权利人信息",
             type: "error",
           });
           return false;
         }
-        //是否分别持证
-        if (this.ruleForm.sldy.sqfbcz == "1") {
-          //是
-          this.ruleForm.qlrList.forEach((item, index) => {
-            item.sfczr = "1";
-          });
+
+        if (this.ruleForm.sldy.gyfs == "0") {
+          if (this.ruleForm.qlrList.length > 1) {
+            this.$message({
+              showClose: true,
+              message: "共有方式：单独所有，权利人只能是一个人",
+              type: "error",
+            });
+            return false;
+          }
+          this.ruleForm.qlrList[0].sfczr = "1";
         } else {
-          if (!that.czr) {
-            that.$message({
+          if (this.ruleForm.qlrList.length <= 1) {
+            this.$message({
               showClose: true,
-              message: "请选择持证人",
+              message:
+                "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
               type: "error",
             });
             return false;
           }
-          this.ruleForm.qlrList.forEach((item, index) => {
-            if (item.zjh == this.czr) {
+          //是否分别持证
+          if (this.ruleForm.sldy.sqfbcz == "1") {
+            //是
+            this.ruleForm.qlrList.forEach((item, index) => {
               item.sfczr = "1";
-            } else {
-              item.sfczr = "0";
+            });
+          } else {
+            if (!that.czr) {
+              that.$message({
+                showClose: true,
+                message: "请选择持证人",
+                type: "error",
+              });
+              return false;
             }
-          });
+            this.ruleForm.qlrList.forEach((item, index) => {
+              if (item.zjh == this.czr) {
+                item.sfczr = "1";
+              } else {
+                item.sfczr = "0";
+              }
+            });
+          }
         }
+        saveData(this.ruleForm).then((res) => {
+          if (res.code === 200) {
+            this.$message({
+              showClose: true,
+              message: "保存成功！",
+              type: "success",
+            });
+            this.$store.dispatch("user/refreshPage", true);
+          } else {
+            this.$message({
+              showClose: true,
+              message: res.message,
+              type: "error"
+            })
+          }
+        })
       }
-      saveData(this.ruleForm).then((res) => {
-        if (res.code === 200) {
-          this.$message({
-            showClose: true,
-            message: "保存成功！",
-            type: "success",
-          });
-          this.$store.dispatch("user/refreshPage", true);
-        } else {
-          this.$message({
-            showClose: true,
-            message: res.message,
-            type: "error",
-          });
-        }
-      });
-    },
-  },
-};
+    }
+  }
 </script>
 <style scoped lang="scss">
-@import "~@/styles/public.scss";
-@import "~@/styles/slxx/slxx.scss";
+  @import "~@/styles/public.scss";
+  @import "~@/styles/slxx/slxx.scss";
 </style>

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-08-02 09:59:58
+ * @LastEditTime: 2023-09-01 09:18:46
 -->
 <template>
   <!-- 主体权利信息查询 -->
-  <div class="from-clues">
+  <div>
     <!-- 表单部分 -->
     <div class="from-clues-header">
       <el-form :model="queryForm" ref="queryForm" label-width="100px">
         <el-row>
           <el-col :span="8">
             <el-form-item label="自然幢号">
-              <el-input placeholder="请输入自然幢号" maxlength="24" v-model="queryForm.zrzh" clearable class="width200px">
+              <el-input placeholder="请输入自然幢号" maxlength="24" v-model="queryForm.zrzh" clearable class="width100">
               </el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
             <el-form-item label="不动产单元号">
-              <el-input placeholder="请输入不动产单元号" maxlength="28" v-model="queryForm.bdcdyh" clearable class="width200px">
+              <el-input placeholder="请输入不动产单元号" maxlength="28" v-model="queryForm.bdcdyh" clearable class="width100">
               </el-input>
             </el-form-item>
           </el-col>
           <el-col :span="6">
             <el-form-item label="项目名称">
-              <el-input placeholder="" v-model="queryForm.xmmc" clearable class="width200px">
+              <el-input placeholder="" v-model="queryForm.xmmc" clearable class="width100">
               </el-input>
             </el-form-item>
           </el-col>
           <el-col :span="2" 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>
@@ -38,14 +37,14 @@
       </el-form>
     </div>
     <!-- 表格 -->
-    <div class="from-clues-content loadingtext">
-      <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :calcHeight="300"
+    <div class="loadingtext">
+      <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :calcHeight="210"
         :current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange" @select="select"
         @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns"
         :data="tableData.data">
       </lb-table>
     </div>
-    <div class="submit_button">
+    <div class="submit_button" style="text-align:center">
       <el-button @click="$popupCacel">取消</el-button>
       <el-button type="primary" plain @click="submitForm" :loading="loading">发起申请</el-button>
     </div>
@@ -89,7 +88,7 @@
        */
       queryClick () {
         this.$startLoading();
-         this.queryForm.zrzbsm = this.sqywInfo.bsm;
+        this.queryForm.zrzbsm = this.sqywInfo.bsm;
         // this.queryForm.zrzbsm = this.sqywInfo.zrzbsm;
         selectHQjdc({ ...this.queryForm, ...this.pageData }).then((res) => {
           this.$endLoading();

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-08-10 14:05:49
+ * @LastEditTime: 2023-09-01 09:04:48
 -->
 <template>
   <div class="from-clues">
@@ -104,11 +104,10 @@
        * @author: renchao
        */
       openDialog (item) {
-        this.$startLoading()
         bdcqzPreview(item).then(res => {
-          this.$endLoading()
-          this.$popupDialog("证书预览", "workflow/components/dialog/zsyl", {
-            bsmSlsq: item.bsmSlsq
+          this.$popupDialog("证书证明预览", "workflow/components/dialog/zsyl", {
+            bsmSlsq: item.bsmSlsq,
+            bsmBdcqz: item.bsmBdcqz
           }, '1210px', true)
         })
       }