style:合并分支

@@ -82,4 +82,8 @@
   /deep/.el-form-item__content{
        pointer-events: none!important;
      }
+
+     /deep/.el-input .el-input__inner {
+      background-color: #F5F7FA;
+     }
  }

@@ -17,8 +17,7 @@
       inline-message
       :show-message="false"
       :class="{ readonly: editDisabled }"
-      class="loadingtext"
-    >
+      class="loadingtext">
       <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
         <div class="slxx_title title-block">
           补录信息
@@ -47,28 +46,24 @@
         </div>
         <el-row :gutter="10">
           <el-col :span="8">
-            <el-form-item label="查封不动产权信息："  prop="ztQlxx.bdcqzh" :rules="rules.ztQlxxrules">
+            <el-form-item label="查封不动产权信息：" prop="ztQlxx.bdcqzh" :rules="rules.ztQlxxrules">
               <select-table
                 v-model="ruleForm.ztQlxx"
                 :table-width="550"
                 :tableData="ztQlxxList"
                 :props="props"
-                @change="ztQlxxchange"
-              >
+                @change="ztQlxxchange">
                 <el-table-column
                   prop="qllxmc"
                   width="130"
-                  label="权利类型"
-                ></el-table-column>
+                  label="权利类型"></el-table-column>
                 <el-table-column
                   prop="bdcqzh"
                   width="160"
-                  label="不动产权证书"
-                ></el-table-column>
+                  label="不动产权证书"></el-table-column>
                 <el-table-column
                   prop="qlrmc"
-                  label="被执行人"
-                ></el-table-column>
+                  label="被执行人"></el-table-column>
                 <el-table-column prop="mjmc" label="面积"></el-table-column>
                 <el-table-column prop="ytmc" label="用途"></el-table-column>
                 <el-table-column prop="zl" label="坐落"></el-table-column>
@@ -83,18 +78,15 @@
                 :table-width="550"
                 :tableData="ssQlxxList"
                 :props="props"
-                @change="ssQlxxchange"
-              >
+                @change="ssQlxxchange">
                 <el-table-column
                   prop="qllxmc"
                   width="130"
-                  label="权利类型"
-                ></el-table-column>
+                  label="权利类型"></el-table-column>
                 <el-table-column
                   prop="bdcqzh"
                   width="160"
-                  label="不动产权证书"
-                ></el-table-column>
+                  label="不动产权证书"></el-table-column>
                 <el-table-column prop="qlrmc" label="权利人"></el-table-column>
                 <el-table-column prop="mjmc" label="面积"></el-table-column>
                 <el-table-column prop="ytmc" label="用途"></el-table-column>
@@ -182,14 +174,15 @@
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item label="是否被续封：">
+            <el-form-item label="是否被续封："
+              prop="cfdj.sfbxf"
+              :rules="rules.sfbxfrules">
               <el-select v-model="ruleForm.cfdj.sfbxf" @change="djlxchange">
                 <el-option
                   v-for="item in sfbxflist"
                   :key="item.dcode"
                   :label="item.dname"
-                  :value="item.dcode"
-                ></el-option>
+                  :value="item.dcode"></el-option>
               </el-select>
             </el-form-item>
           </el-col>
@@ -205,8 +198,7 @@
                   v-for="item in qsztlist"
                   :key="item.dcode"
                   :label="item.dname"
-                  :value="item.dcode"
-                ></el-option>
+                  :value="item.dcode"></el-option>
               </el-select>
             </el-form-item>
           </el-col>
@@ -231,8 +223,7 @@
                   v-for="item in dictData['A32']"
                   :key="item.dcode"
                   :label="item.dname"
-                  :value="item.dcode"
-                ></el-option>
+                  :value="item.dcode"></el-option>
               </el-select>
             </el-form-item>
           </el-col>
@@ -249,8 +240,7 @@
                 type="date"
                 placeholder="选择日期"
                 value-format="yyyy-MM-dd HH:mm:ss"
-                format="yyyy-MM-dd"
-              ></el-date-picker>
+                format="yyyy-MM-dd"></el-date-picker>
             </el-form-item>
           </el-col>
           <el-col :span="8">
@@ -261,8 +251,7 @@
                 type="date"
                 placeholder="选择日期"
                 value-format="yyyy-MM-dd HH:mm:ss"
-                format="yyyy-MM-dd"
-              ></el-date-picker>
+                format="yyyy-MM-dd"></el-date-picker>
             </el-form-item>
           </el-col>
           <el-col :span="8">
@@ -288,8 +277,7 @@
             <el-form-item
               label="登记机构："
               prop="qlxx.djjg"
-              :rules="rules.djjgrules"
-            >
+              :rules="rules.djjgrules">
               <el-input v-model="ruleForm.qlxx.djjg"></el-input>
             </el-form-item>
           </el-col>
@@ -298,8 +286,7 @@
             <el-form-item
               label="登簿人："
               prop="qlxx.dbr"
-              :rules="rules.dbrrules"
-            >
+              :rules="rules.dbrrules">
               <el-input v-model="ruleForm.qlxx.dbr"></el-input>
             </el-form-item>
           </el-col>
@@ -307,16 +294,14 @@
             <el-form-item
               label="登记时间："
               prop="qlxx.djsj"
-              :rules="rules.djsjrules"
-            >
+              :rules="rules.djsjrules">
               <el-date-picker
                 v-model="ruleForm.qlxx.djsj"
                 type="date"
                 placeholder="选择日期"
                 class="width100"
                 value-format="yyyy-MM-dd HH:mm:ss"
-                format="yyyy-MM-dd"
-              >
+                format="yyyy-MM-dd">
               </el-date-picker>
             </el-form-item>
           </el-col>
@@ -354,14 +339,13 @@
           </el-col>
           <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
             <el-form-item label="解封登记时间：">
-                 <el-date-picker
+              <el-date-picker
                 v-model="ruleForm.cfdj.jfdjsj"
-                 class="width100"
+                class="width100"
                 type="date"
                 placeholder="选择日期"
                 value-format="yyyy-MM-dd HH:mm:ss"
-                format="yyyy-MM-dd"
-              >
+                format="yyyy-MM-dd">
               </el-date-picker>
             </el-form-item>
           </el-col>
@@ -376,266 +360,265 @@
   </div>
 </template>
 <script>
-import { mapGetters } from "vuex";
-import { init, getSsQlxx, getZtQlxx, save } from "@/api/djbRepair.js";
-import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
-import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable";
-import tdytTable from "@/views/workflow/components/tdytTable";
-import selectTable from "@/components/selectTable/index.vue";
-export default {
-  components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable },
-  computed: {
-    ...mapGetters(["dictData", "flag"]),
-    // 根据流程判断表单是否为只读
-    editDisabled() {
-      if (!this.ableOperation) {
-        //只读状态
-        return true;
-      }
-      return false;
-    },
-  },
-  data() {
-    return {
-      //表单是否可操作
-      props: {
-        label: "bdcqzh",
-        value: "bdcdyid",
+  import { mapGetters } from "vuex";
+  import { init, getSsQlxx, getZtQlxx, save } from "@/api/djbRepair.js";
+  import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
+  import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable";
+  import tdytTable from "@/views/workflow/components/tdytTable";
+  import selectTable from "@/components/selectTable/index.vue";
+  export default {
+    components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable },
+    computed: {
+      ...mapGetters(["dictData", "flag"]),
+      // 根据流程判断表单是否为只读
+      editDisabled () {
+        if (!this.ableOperation) {
+          //只读状态
+          return true;
+        }
+        return false;
       },
-      propsParam: this.$attrs,
-      key: 0,
-      isShow: false,
-      ssqlxxshow: true,
-      disabled: true,
-      czrOptions: [],
-      ruleForm: {},
-      rules: {},
-      // 登记类型
-      djlxlist: [
-        {
-          dcode: "100",
-          dname: "首次登记",
-        },
-        {
-          dcode: "200",
-          dname: "转移登记",
-        },
-        {
-          dcode: "300",
-          dname: "变更登记",
-        },
-        {
-          dcode: "500",
-          dname: "更正登记",
-        },
-
-        {
-          dcode: "901",
-          dname: "补证",
-        },
-        {
-          dcode: "902",
-          dname: "换证",
+    },
+    data () {
+      return {
+        //表单是否可操作
+        props: {
+          label: "bdcqzh",
+          value: "bdcdyid",
         },
-      ],
+        propsParam: this.$attrs,
+        key: 0,
+        isShow: false,
+        ssqlxxshow: true,
+        disabled: true,
+        czrOptions: [],
+        ruleForm: {},
+        rules: {},
+        // 登记类型
+        djlxlist: [
+          {
+            dcode: "100",
+            dname: "首次登记",
+          },
+          {
+            dcode: "200",
+            dname: "转移登记",
+          },
+          {
+            dcode: "300",
+            dname: "变更登记",
+          },
+          {
+            dcode: "500",
+            dname: "更正登记",
+          },
 
-      // 权属状态
-      qsztlist: [
-        {
-          dcode: "1",
-          dname: "现势",
-        },
-        {
-          dcode: "2",
-          dname: "历史",
-        },
-      ],
-      // 是否被续封
-      sfbxflist: [
-        {
-          dcode: "0",
-          dname: "否",
-        },
-        {
-          dcode: "1",
-          dname: "是",
-        },
-      ],
-      ableOperation: false,
-      //传递参数\
+          {
+            dcode: "901",
+            dname: "补证",
+          },
+          {
+            dcode: "902",
+            dname: "换证",
+          },
+        ],
 
-      ssQlxxList: [],
-      ztQlxxList: [],
-      rules: {
-        ztQlxxrules: [
-          { required: true, message: "抵押不动产信息", trigger: "change" },
+        // 权属状态
+        qsztlist: [
+          {
+            dcode: "1",
+            dname: "现势",
+          },
+          {
+            dcode: "2",
+            dname: "历史",
+          },
         ],
-        bdcqzhrules: [
-          { required: true, message: "不动产登记证明号", trigger: "blur" },
+        // 是否被续封
+        sfbxflist: [
+          {
+            dcode: "0",
+            dname: "否",
+          },
+          {
+            dcode: "1",
+            dname: "是",
+          },
         ],
-        qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
-        djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
-        dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
-        djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
-      },
-    };
-  },
-  created() {
-    this.loadData();
-  },
-  mounted() {
-    this.ableOperation = this.$parent.ableOperation;
-  },
-  methods: {
-    /**
-     * @description: ztQlxxchange
-     * @param {*} val
-     * @author: renchao
-     */
-    ztQlxxchange(val) {
-      this.ruleForm.ztQlxx = val;
-    },
-    /**
-     * @description: ssQlxxchange
-     * @param {*} val
-     * @author: renchao
-     */
-    ssQlxxchange(val) {
-      this.ruleForm.ssQlxx = val;
-      this.ruleForm.qlxx.ssywh = val.ywh;
-    },
-    /**
-     * @description: djlxchange
-     * @param {*} val
-     * @author: renchao
-     */
-    djlxchange(val) {
-      if (val == null || val == 100) {
-        this.ssqlxxshow = false;
-      } else {
-        this.ssqlxxshow = true;
+        ableOperation: false,
+        //传递参数\
+
+        ssQlxxList: [],
+        ztQlxxList: [],
+        rules: {
+          ztQlxxrules: [
+            { required: true, message: "抵押不动产信息", trigger: "change" },
+          ],
+          bdcqzhrules: [
+            { required: true, message: "不动产登记证明号", trigger: "blur" },
+          ],
+          djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
+          dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
+          djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
+          sfbxfrules: [{ required: true, message: "是否被续封", trigger: "change" }]
+        }
       }
     },
-    /**
-     * @description: loadData
-     * @author: renchao
-     */
-    loadData() {
-      this.$startLoading();
-      this.propsParam.isEdit = this.$parent.isEdit;
-      init(this.propsParam).then((res) => {
-        if (res.code == 200) {
-          this.ruleForm = res.result;
-          this.isShow = true;
-          let djlx = this.ruleForm.qlxx.djlx;
-          this.$endLoading();
-          if (djlx == null || djlx == 100) {
-            this.ssqlxxshow = false;
-          }
-        }
-      });
-      //获取主体信息
-      getSsQlxx({
-        bdcdyid: this.propsParam.bdcdyid,
-        qllx: this.propsParam.qllx,
-      }).then((res) => {
-        if (res.code == 200) {
-          this.ssQlxxList = res.result;
-        }
-      });
-      //获取上手信息
-      getZtQlxx({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
-        if (res.code == 200) {
-          this.ztQlxxList = res.result;
-        }
-      });
+    created () {
+      this.loadData();
     },
-    // // 更新土地用途信息
-    // upDateTdytxxList(val) {
-    //   this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
-    //   this.key++;
-    // },
-    // // 更新权利人信息
-    // upDateQlrxxList(val) {
-    //   this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
-    //   this.czrOptions = this.ruleForm.qlrData;
-    //   this.key++;
-    // },
-    // // 更新义务人信息
-    // upDateYwrxxList(val) {
-    //   this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
-    //   this.key++;
-    // },
-    /**
-     * @description: onSubmit
-     * @author: renchao
-     */
-    onSubmit() {
-      this.$refs.ruleForm.validate((valid) => {
-        console.log("valid", valid);
-        if (valid) {
-          // if (this.ruleForm.qlrData.length == 0) {
-          //   this.$message({
-          //     showClose: true,
-          //     message: "请确认权利人信息",
-          //     type: "error",
-          //   });
-          //   return false;
-          // }
-
-          // if (this.ruleForm.qlxx.gyfs == "0") {
-          //   if (this.ruleForm.qlrData.length > 1) {
-          //     this.$message({
-          //       showClose: true,
-          //       message: "共有方式：单独所有，权利人只能是一个人",
-          //       type: "error",
-          //     });
-          //     return false;
-          //   }
-          //   this.ruleForm.qlrData[0].sfczr = "1";
-          // }
-          // if (this.ruleForm.qlxx.gyfs == "1") {
-          //   //是否分别持证
-          //   if (this.ruleForm.qlxx.sqfbcz == "1") {
-          //     //是
-          //     this.ruleForm.qlrData.forEach((item, index) => {
-          //       item.sfczr = "1";
-          //     });
-          //   } else {
-          //     this.ruleForm.qlrData.forEach((item, index) => {
-          //       if (item.zjh == this.ruleForm.czr) {
-          //         item.sfczr = "1";
-          //       } else {
-          //         item.sfczr = "0";
-          //       }
-          //     });
-          //   }
-          // }
-          save(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",
-              });
-            }
-          });
+    mounted () {
+      this.ableOperation = this.$parent.ableOperation;
+    },
+    methods: {
+      /**
+       * @description: ztQlxxchange
+       * @param {*} val
+       * @author: renchao
+       */
+      ztQlxxchange (val) {
+        this.ruleForm.ztQlxx = val;
+      },
+      /**
+       * @description: ssQlxxchange
+       * @param {*} val
+       * @author: renchao
+       */
+      ssQlxxchange (val) {
+        this.ruleForm.ssQlxx = val;
+        this.ruleForm.qlxx.ssywh = val.ywh;
+      },
+      /**
+       * @description: djlxchange
+       * @param {*} val
+       * @author: renchao
+       */
+      djlxchange (val) {
+        if (val == null || val == 100) {
+          this.ssqlxxshow = false;
         } else {
-          return false;
+          this.ssqlxxshow = true;
         }
-      });
+      },
+      /**
+       * @description: loadData
+       * @author: renchao
+       */
+      loadData () {
+        this.$startLoading();
+        this.propsParam.isEdit = this.$parent.isEdit;
+        init(this.propsParam).then((res) => {
+          if (res.code == 200) {
+            this.ruleForm = res.result;
+            this.isShow = true;
+            let djlx = this.ruleForm.qlxx.djlx;
+            this.$endLoading();
+            if (djlx == null || djlx == 100) {
+              this.ssqlxxshow = false;
+            }
+          }
+        });
+        //获取主体信息
+        getSsQlxx({
+          bdcdyid: this.propsParam.bdcdyid,
+          qllx: this.propsParam.qllx,
+        }).then((res) => {
+          if (res.code == 200) {
+            this.ssQlxxList = res.result;
+          }
+        });
+        //获取上手信息
+        getZtQlxx({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
+          if (res.code == 200) {
+            this.ztQlxxList = res.result;
+          }
+        });
+      },
+      // // 更新土地用途信息
+      // upDateTdytxxList(val) {
+      //   this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
+      //   this.key++;
+      // },
+      // // 更新权利人信息
+      // upDateQlrxxList(val) {
+      //   this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
+      //   this.czrOptions = this.ruleForm.qlrData;
+      //   this.key++;
+      // },
+      // // 更新义务人信息
+      // upDateYwrxxList(val) {
+      //   this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
+      //   this.key++;
+      // },
+      /**
+       * @description: onSubmit
+       * @author: renchao
+       */
+      onSubmit () {
+        this.$refs.ruleForm.validate((valid) => {
+          if (valid) {
+            // if (this.ruleForm.qlrData.length == 0) {
+            //   this.$message({
+            //     showClose: true,
+            //     message: "请确认权利人信息",
+            //     type: "error",
+            //   });
+            //   return false;
+            // }
+
+            // if (this.ruleForm.qlxx.gyfs == "0") {
+            //   if (this.ruleForm.qlrData.length > 1) {
+            //     this.$message({
+            //       showClose: true,
+            //       message: "共有方式：单独所有，权利人只能是一个人",
+            //       type: "error",
+            //     });
+            //     return false;
+            //   }
+            //   this.ruleForm.qlrData[0].sfczr = "1";
+            // }
+            // if (this.ruleForm.qlxx.gyfs == "1") {
+            //   //是否分别持证
+            //   if (this.ruleForm.qlxx.sqfbcz == "1") {
+            //     //是
+            //     this.ruleForm.qlrData.forEach((item, index) => {
+            //       item.sfczr = "1";
+            //     });
+            //   } else {
+            //     this.ruleForm.qlrData.forEach((item, index) => {
+            //       if (item.zjh == this.ruleForm.czr) {
+            //         item.sfczr = "1";
+            //       } else {
+            //         item.sfczr = "0";
+            //       }
+            //     });
+            //   }
+            // }
+            save(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",
+                });
+              }
+            });
+          } else {
+            return false;
+          }
+        });
+      },
     },
-  },
-};
+  };
 </script>
 <style scoped lang="scss">
-@import "~@/styles/public.scss";
-@import "~@/styles/slxx/slxx.scss";
+  @import "~@/styles/public.scss";
+  @import "~@/styles/slxx/slxx.scss";
 </style>

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-06-25 15:52:42
+ * @LastEditTime: 2023-07-31 10:02:35
 -->
 <template>
   <!-- 受理信息 -->
@@ -14,10 +14,7 @@
       ref="ruleForm"
       :label-position="flag ? 'top' : ''"
       :inline="flag"
-      :show-message="false"
-      inline-message
-      label-width="145px"
-    >
+      label-width="145px">
       <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
         <div class="slxx_title title-block">
           补录信息
@@ -45,25 +42,22 @@
           <div class="triangle"></div>
         </div>
         <el-row :gutter="10">
-         <el-col :span="8" v-if="ssqlxxshow">
+          <el-col :span="8" v-if="ssqlxxshow">
             <el-form-item label="上手权利信息：">
               <select-table
                 v-model="ruleForm.ssQlxx"
                 :table-width="550"
                 :tableData="ssQlxxList"
                 :props="props"
-                @change="ssQlxxchange"
-              >
+                @change="ssQlxxchange">
                 <el-table-column
                   prop="qllxmc"
                   width="130"
-                  label="权利类型"
-                ></el-table-column>
+                  label="权利类型"></el-table-column>
                 <el-table-column
                   prop="bdcqzh"
                   width="160"
-                  label="不动产权证书"
-                ></el-table-column>
+                  label="不动产权证书"></el-table-column>
                 <el-table-column prop="qlrmc" label="权利人"></el-table-column>
                 <el-table-column prop="mjmc" label="面积"></el-table-column>
                 <el-table-column prop="ytmc" label="用途"></el-table-column>
@@ -86,22 +80,19 @@
               <el-input disabled v-model="ruleForm.qlxx.ssywh"></el-input>
             </el-form-item>
           </el-col>
-        </el-row>
-        <el-row :gutter="10">
           <el-col :span="8">
             <el-form-item label="权利类型：">
               <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item label="登记类型："  prop="qlxx.djlx" :rules="rules.djlxrules">
-              <el-select v-model="ruleForm.qlxx.djlx"  @change="djlxchange">
+            <el-form-item label="登记类型：" prop="qlxx.djlx" :rules="rules.djlxrules">
+              <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange">
                 <el-option
                   v-for="item in djlxlist"
                   :key="item.dcode"
                   :label="item.dname"
-                  :value="item.dcode"
-                >
+                  :value="item.dcode">
                 </el-option>
               </el-select>
             </el-form-item>
@@ -113,8 +104,7 @@
                   v-for="item in qsztlist"
                   :key="item.dcode"
                   :label="item.dname"
-                  :value="item.dcode"
-                >
+                  :value="item.dcode">
                 </el-option>
               </el-select>
             </el-form-item>
@@ -133,8 +123,8 @@
           <el-col :span="8">
             <el-form-item label="使用权面积：">
               <div class="flex">
-              <el-input v-model="ruleForm.jsydsyq.syqmj"
-              oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
+                <el-input v-model="ruleForm.jsydsyq.syqmj"
+                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
                 <el-select
                   disabled
                   v-model="mjdw"
@@ -146,7 +136,7 @@
                     :value="item.dcode">
                   </el-option>
                 </el-select>
-                 </div>
+              </div>
             </el-form-item>
           </el-col>
           <el-col :span="8">
@@ -174,15 +164,13 @@
               <div style="display: flex">
                 <el-input
                   v-model="ruleForm.jsydsyq.qdjg"
-                  style="width: 500%"
-                ></el-input>
+                  style="width: 500%"></el-input>
                 <el-select v-model="ruleForm.jsydsyq.jedw">
                   <el-option
                     v-for="item in dictData['A57']"
                     :key="item.dcode"
                     :label="item.dname"
-                    :value="item.dcode"
-                  >
+                    :value="item.dcode">
                   </el-option>
                 </el-select>
               </div>
@@ -193,8 +181,7 @@
             <el-form-item
               label="不动产权证号："
               prop="qlxx.bdcqzh"
-              :rules="rules.bdcqzhrules"
-            >
+              :rules="rules.bdcqzhrules">
               <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
             </el-form-item>
           </el-col>
@@ -211,8 +198,7 @@
             <el-form-item
               label="登记机构："
               prop="qlxx.djjg"
-              :rules="rules.djjgrules"
-            >
+              :rules="rules.djjgrules">
               <el-input v-model="ruleForm.qlxx.djjg"></el-input>
             </el-form-item>
           </el-col>
@@ -220,8 +206,7 @@
             <el-form-item
               label="登簿人："
               prop="qlxx.dbr"
-              :rules="rules.dbrrules"
-            >
+              :rules="rules.dbrrules">
               <el-input v-model="ruleForm.qlxx.dbr"></el-input>
             </el-form-item>
           </el-col>
@@ -229,16 +214,14 @@
             <el-form-item
               label="登记时间："
               prop="qlxx.djsj"
-              :rules="rules.djsjrules"
-            >
-             <el-date-picker
+              :rules="rules.djsjrules">
+              <el-date-picker
                 v-model="ruleForm.qlxx.djsj"
                 type="date"
                 class="width100"
                 placeholder="选择日期"
                 value-format="yyyy-MM-dd HH:mm:ss"
-                format="yyyy-MM-dd"
-              >
+                format="yyyy-MM-dd">
               </el-date-picker>
             </el-form-item>
           </el-col>
@@ -257,8 +240,7 @@
         <tdytTable
           :tableData="ruleForm.tdytqxList"
           @upDateTdytxxList="upDateTdytxxList"
-          :ableOperation="ableOperation"
-        />
+          :ableOperation="ableOperation" />
         <div class="slxx_title title-block">
           权利人信息
           <div class="triangle"></div>
@@ -266,10 +248,9 @@
         <el-row :gutter="10">
           <el-col :span="12">
             <el-form-item label="共有方式：">
-            <el-radio-group
-                 :disabled="!ableOperation"
-                v-model="ruleForm.qlxx.gyfs"
-              >
+              <el-radio-group
+                :disabled="!ableOperation"
+                v-model="ruleForm.qlxx.gyfs">
                 <el-radio label="0">单独所有</el-radio>
                 <el-radio label="1">共同共有</el-radio>
                 <el-radio label="2">按份所有</el-radio>
@@ -283,8 +264,7 @@
           @upDateQlrxxList="upDateQlrxxList"
           :key="key"
           :ableOperation="ableOperation"
-          :gyfs="ruleForm.qlxx.gyfs"
-        />
+          :gyfs="ruleForm.qlxx.gyfs" />
 
       </div>
       <el-row class="btn" v-if="ableOperation">
@@ -296,272 +276,269 @@
   </div>
 </template>
 <script>
-import store from "@/store/index.js";
-import { mapGetters } from "vuex";
-import { init, save } from "@/api/djbRepair.js";
-import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
-import tdytTable from "@/views/workflow/components/tdytTable";
-export default {
-  components: { qlrCommonTable, tdytTable },
-  computed: {
-    ...mapGetters(["dictData", "flag"]),
-    // 根据流程判断表单是否为只读
-      editDisabled() {
-      if (!this.ableOperation) {
-        //只读状态
-        return true;
-      }
-      return false;
-    },
-  },
-  data() {
-    return {
-       mjdw:"1",
-         ssqlxxshow:true,
-        props: {
-        label: "bdcqzh",
-        value: "bdcdyid",
-      },
-      // 键名转换，方法默认是label和children进行树状渲染
-      normalizer(node) {
-        //方法
-        if (node.children == null || node.children == "null") {
-          delete node.children;
+  import store from "@/store/index.js";
+  import { mapGetters } from "vuex";
+  import { init, getSsQlxx, save } from "@/api/djbRepair.js";
+  import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
+  import selectTable from "@/components/selectTable/index.vue";
+  import tdytTable from "@/views/workflow/components/tdytTable";
+  import selectTable from "@/components/selectTable/index.vue";
+  export default {
+    components: { qlrCommonTable, tdytTable, selectTable },
+    computed: {
+      ...mapGetters(["dictData", "flag"]),
+      // 根据流程判断表单是否为只读
+      editDisabled () {
+        if (!this.ableOperation) {
+          //只读状态
+          console.log("只读");
+          return true;
         }
-        return {
-          id: node.dcode,
-          label: node.dname,
-        };
+        return false;
       },
-      //表单是否可操作
-      propsParam: this.$attrs,
-      ableOperation:false,
-      key: 0,
-        ssQlxxList: [],
-      // 登记类型
-      djlxlist: [
-        {
-          dcode: "100",
-          dname: "首次登记",
-        },
-        {
-          dcode: "200",
-          dname: "转移登记",
-        },
-        {
-          dcode: "300",
-          dname: "变更登记",
+    },
+    data () {
+      return {
+        mjdw: "1",
+        ssqlxxshow: true,
+        props: {
+          label: "bdcqzh",
+          value: "bdcdyid",
         },
-        {
-          dcode: "500",
-          dname: "更正登记",
+        // 键名转换，方法默认是label和children进行树状渲染
+        normalizer (node) {
+          //方法
+          if (node.children == null || node.children == "null") {
+            delete node.children;
+          }
+          return {
+            id: node.dcode,
+            label: node.dname,
+          };
         },
+        //表单是否可操作
+        propsParam: this.$attrs,
+        ableOperation: false,
+        key: 0,
+        ssQlxxList: [],
+        // 登记类型
+        djlxlist: [
+          {
+            dcode: "100",
+            dname: "首次登记",
+          },
+          {
+            dcode: "200",
+            dname: "转移登记",
+          },
+          {
+            dcode: "300",
+            dname: "变更登记",
+          },
+          {
+            dcode: "500",
+            dname: "更正登记",
+          },
 
-        {
-          dcode: "901",
-          dname: "补证",
-        },
-        {
-          dcode: "902",
-          dname: "换证",
-        },
-      ],
-      // 权属状态
-      qsztlist: [
-        {
-          dcode: "1",
-          dname: "现势",
-        },
-        {
-          dcode: "2",
-          dname: "历史",
-        },
-      ],
-      tdxz: null,
-      isShow: false,
-      disabled: true,
-      czrOptions: [],
-      ruleForm: {},
-      //传递参数\
-      rules: {
-        bdcqzhrules: [
-          { required: true, message: "不动产权证号：", trigger: "blur" },
+          {
+            dcode: "901",
+            dname: "补证",
+          },
+          {
+            dcode: "902",
+            dname: "换证",
+          },
         ],
-        // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
-        djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
-        dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
-        djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
-         djlxrules: [{ required: true, message: "登记类型", trigger: "blur" }],
-      },
-    };
-  },
-  created() {
-    this.loadData();
-  },
-  mounted() {
-     this.ableOperation=this.$parent.ableOperation
-  },
-  methods: {
-    /**
-     * @description: ssQlxxchange
-     * @param {*} val
-     * @author: renchao
-     */
-             ssQlxxchange(val) {
-      this.ruleForm.ssQlxx = val;
-      this.ruleForm.qlxx.ssywh = val.ywh;
+        // 权属状态
+        qsztlist: [
+          {
+            dcode: "1",
+            dname: "现势",
+          },
+          {
+            dcode: "2",
+            dname: "历史",
+          },
+        ],
+        tdxz: null,
+        isShow: false,
+        disabled: true,
+        czrOptions: [],
+        ruleForm: {},
+        //传递参数\
+        rules: {
+          bdcqzhrules: [
+            { required: true, message: "不动产权证号：", trigger: "blur" },
+          ],
+          // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
+          djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
+          dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
+          djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
+          djlxrules: [{ required: true, message: "登记类型", trigger: "blur" }],
+        },
+      };
     },
-    /**
-     * @description: djlxchange
-     * @param {*} val
-     * @author: renchao
-     */
-       djlxchange(val) {
-      console.log("val",val);
-      if (val == null || val == 100) {
-        this.ssqlxxshow = false;
-      } else {
-        this.ssqlxxshow = true;
-      }
+    created () {
+      this.loadData();
     },
-    // 字典
-    /**
-     * @description: 字典
-     * @param {*} val
-     * @author: renchao
-     */
-    getDictData(val) {
-      return store.getters.dictData[val];
+    mounted () {
+      this.ableOperation = this.$parent.ableOperation
     },
-    /**
-     * @description: loadData
-     * @author: renchao
-     */
-    loadData() {
+    methods: {
+      /**
+       * @description: ssQlxxchange
+       * @param {*} val
+       * @author: renchao
+       */
+      ssQlxxchange (val) {
+        this.ruleForm.ssQlxx = val;
+        this.ruleForm.qlxx.ssywh = val.ywh;
+      },
+      /**
+       * @description: djlxchange
+       * @param {*} val
+       * @author: renchao
+       */
+      djlxchange (val) {
+        console.log("val", val);
+        if (val == null || val == 100) {
+          this.ssqlxxshow = false;
+        } else {
+          this.ssqlxxshow = true;
+        }
+      },
+      // 字典
+      /**
+       * @description: 字典
+       * @param {*} val
+       * @author: renchao
+       */
+      getDictData (val) {
+        return store.getters.dictData[val];
+      },
+      /**
+       * @description: loadData
+       * @author: renchao
+       */
+      loadData () {
         this.$startLoading();
-      this.propsParam.isEdit = this.$parent.isEdit;
-      init(this.propsParam).then((res) => {
-        if (res.code == 200) {
-          this.ruleForm = res.result;
-          this.$endLoading();
-          if (this.ruleForm.tdytqxList.length > 0) {
-            this.tdxz = this.ruleForm.tdytqxList[0].qlxzbm;
-          } else {
-            this.tdxz = null;
+        this.propsParam.isEdit = this.$parent.isEdit;
+        init(this.propsParam).then((res) => {
+          if (res.code == 200) {
+            this.ruleForm = res.result;
+            let djlx = this.ruleForm.qlxx.djlx;
+            if (djlx == null || djlx == 100) {
+              this.ssqlxxshow = false;
+            }
+            this.$endLoading();
+            if (this.ruleForm.tdytqxList.length > 0) {
+              this.tdxz = this.ruleForm.tdytqxList[0].qlxzbm;
+            } else {
+              this.tdxz = null;
+            }
+            this.isShow = true;
           }
-          this.isShow = true;
-        }
-      });
-               //获取主体信息
-      getSsQlxx({
-        bdcdyid: this.propsParam.bdcdyid,
-        qllx: this.propsParam.qllx,
-      }).then((res) => {
-        if (res.code == 200) {
-          this.ssQlxxList = res.result;
-        }
-      });
-    },
-    // 更新土地用途信息
-    /**
-     * @description: 更新土地用途信息
-     * @param {*} val
-     * @author: renchao
-     */
-    upDateTdytxxList(val) {
-      this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
-      this.key++;
-    },
-    // 更新权利人信息
-    /**
-     * @description: 更新权利人信息
-     * @param {*} val
-     * @author: renchao
-     */
-    upDateQlrxxList(val) {
-      this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
-      this.czrOptions = this.ruleForm.qlrData;
-      this.key++;
-    },
-    // 更新义务人信息
-    /**
-     * @description: 更新义务人信息
-     * @param {*} val
-     * @author: renchao
-     */
-    upDateYwrxxList(val) {
-      this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
-      this.key++;
-    },
-    /**
-     * @description: onSubmit
-     * @author: renchao
-     */
-    onSubmit() {
-      this.$refs.ruleForm.validate((valid) => {
-        if (valid) {
-          if (this.ruleForm.qlrData.length == 0) {
-            this.$message({
-              showClose: true,
-              message: "请确认权利人信息",
-              type: "error",
-            });
-            return false;
+        });
+        //获取主体信息
+        getSsQlxx({
+          bdcdyid: this.propsParam.bdcdyid,
+          qllx: this.propsParam.qllx,
+        }).then((res) => {
+          if (res.code == 200) {
+            this.ssQlxxList = res.result;
           }
-
-          if (this.ruleForm.qlxx.gyfs == "0") {
-            if (this.ruleForm.qlrData.length > 1) {
+        });
+      },
+      // 更新土地用途信息
+      /**
+       * @description: 更新土地用途信息
+       * @param {*} val
+       * @author: renchao
+       */
+      upDateTdytxxList (val) {
+        this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
+        this.key++;
+      },
+      // 更新权利人信息
+      /**
+       * @description: 更新权利人信息
+       * @param {*} val
+       * @author: renchao
+       */
+      upDateQlrxxList (val) {
+        this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
+        this.czrOptions = this.ruleForm.qlrData;
+        this.key++;
+      },
+      /**
+       * @description: 保存
+       * @author: renchao
+       */
+      onSubmit () {
+        this.$refs.ruleForm.validate((valid) => {
+          if (valid) {
+            if (this.ruleForm.qlrData.length == 0) {
               this.$message({
                 showClose: true,
-                message: "共有方式：单独所有，权利人只能是一个人",
+                message: "请确认权利人信息",
                 type: "error",
               });
               return false;
             }
-            this.ruleForm.qlrData[0].sfczr = "1";
-          }
-          if (this.ruleForm.qlxx.gyfs == "1") {
-            //是否分别持证
-            if (this.ruleForm.qlxx.sqfbcz == "1") {
-              //是
-              this.ruleForm.qlrData.forEach((item, index) => {
-                item.sfczr = "1";
-              });
-            } else {
-              this.ruleForm.qlrData.forEach((item, index) => {
-                if (item.zjh == this.ruleForm.czr) {
+
+            if (this.ruleForm.qlxx.gyfs == "0") {
+              if (this.ruleForm.qlrData.length > 1) {
+                this.$message({
+                  showClose: true,
+                  message: "共有方式：单独所有，权利人只能是一个人",
+                  type: "error",
+                });
+                return false;
+              }
+              this.ruleForm.qlrData[0].sfczr = "1";
+            }
+            if (this.ruleForm.qlxx.gyfs == "1") {
+              //是否分别持证
+              if (this.ruleForm.qlxx.sqfbcz == "1") {
+                //是
+                this.ruleForm.qlrData.forEach((item, index) => {
                   item.sfczr = "1";
-                } else {
-                  item.sfczr = "0";
-                }
-              });
+                });
+              } else {
+                this.ruleForm.qlrData.forEach((item, index) => {
+                  if (item.zjh == this.ruleForm.czr) {
+                    item.sfczr = "1";
+                  } else {
+                    item.sfczr = "0";
+                  }
+                });
+              }
             }
+            save(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",
+                });
+              }
+            });
+          } else {
+            return false;
           }
-          save(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",
-              });
-            }
-          });
-        } else {
-          return false;
-        }
-      });
+        });
+      },
     },
-  },
-};
+  };
 </script>
 <style scoped lang="scss">
-@import "~@/styles/public.scss";
-@import "~@/styles/slxx/slxx.scss";
+  @import "~@/styles/public.scss";
+  @import "~@/styles/slxx/slxx.scss";
 </style>

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-06-25 15:52:42
+ * @LastEditTime: 2023-07-31 10:03:05
 -->
 <template>
   <!-- 受理信息 -->
@@ -15,8 +15,7 @@
       :show-message="false"
       :label-position="flag ? 'top' : ''"
       :inline="flag"
-      label-width="120px"
-    >
+      label-width="120px">
       <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
         <div class="slxx_title title-block">
           补录信息
@@ -44,25 +43,22 @@
           <div class="triangle"></div>
         </div>
         <el-row :gutter="10">
-        <el-col :span="8" v-if="ssqlxxshow">
+          <el-col :span="8" v-if="ssqlxxshow">
             <el-form-item label="上手权利信息：">
               <select-table
                 v-model="ruleForm.ssQlxx"
                 :table-width="550"
                 :tableData="ssQlxxList"
                 :props="props"
-                @change="ssQlxxchange"
-              >
+                @change="ssQlxxchange">
                 <el-table-column
                   prop="qllxmc"
                   width="130"
-                  label="权利类型"
-                ></el-table-column>
+                  label="权利类型"></el-table-column>
                 <el-table-column
                   prop="bdcqzh"
                   width="160"
-                  label="不动产权证书"
-                ></el-table-column>
+                  label="不动产权证书"></el-table-column>
                 <el-table-column prop="qlrmc" label="权利人"></el-table-column>
                 <el-table-column prop="mjmc" label="面积"></el-table-column>
                 <el-table-column prop="ytmc" label="用途"></el-table-column>
@@ -71,50 +67,48 @@
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item label="不动产单元号：">
-              <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="业务号：">
-              <el-input v-model="ruleForm.qlxx.ywh"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
             <el-form-item label="上手业务号：">
               <el-input disabled v-model="ruleForm.qlxx.ssywh"></el-input>
             </el-form-item>
           </el-col>
-        </el-row>
-        <el-row :gutter="10">
-          <el-col :span="8">
-            <el-form-item label="权利类型：">
-              <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input>
-            </el-form-item>
-          </el-col>
           <el-col :span="8">
             <el-form-item
               label="登记类型："
               prop="qlxx.djlx"
-              :rules="rules.djlxrules"
-            >
+              :rules="rules.djlxrules">
               <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange">
                 <el-option
                   v-for="item in djlxlist"
                   :key="item.dcode"
                   :label="item.dname"
-                  :value="item.dcode"
-                >
+                  :value="item.dcode">
                 </el-option>
               </el-select>
             </el-form-item>
           </el-col>
+        </el-row>
+        <el-row :gutter="10">
+          <el-col :span="8">
+            <el-form-item label="不动产单元号：">
+              <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="业务号：">
+              <el-input v-model="ruleForm.qlxx.ywh"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="权利类型：">
+              <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input>
+            </el-form-item>
+          </el-col>
+
           <el-col :span="8">
             <el-form-item
               label="登簿人："
               prop="qlxx.dbr"
-              :rules="rules.dbrrules"
-            >
+              :rules="rules.dbrrules">
               <el-input v-model="ruleForm.qlxx.dbr"></el-input>
             </el-form-item>
           </el-col>
@@ -122,8 +116,7 @@
             <el-form-item
               label="登记机构："
               prop="qlxx.djjg"
-              :rules="rules.djjgrules"
-            >
+              :rules="rules.djjgrules">
               <el-input v-model="ruleForm.qlxx.djjg"></el-input>
             </el-form-item>
           </el-col>
@@ -140,8 +133,7 @@
             <el-form-item
               label="不动产权证号："
               prop="qlxx.bdcqzh"
-              :rules="rules.bdcqzhrules"
-            >
+              :rules="rules.bdcqzhrules">
               <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
             </el-form-item>
           </el-col>
@@ -152,8 +144,7 @@
                   v-for="item in qsztlist"
                   :key="item.dcode"
                   :label="item.dname"
-                  :value="item.dcode"
-                >
+                  :value="item.dcode">
                 </el-option>
               </el-select>
             </el-form-item>
@@ -172,19 +163,16 @@
                 <el-input
                   v-model="ruleForm.tdsyq.nydmj"
                   :disabled="!ableOperation"
-                  oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"
-                ></el-input>
+                  oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input>
                 <el-select
-                  v-model="ruleForm.tdsyq.mjdw1"
+                  v-model="ruleForm.tdsyq.mjdw"
                   :disabled="!ableOperation"
-                  style="width: 20%"
-                >
+                  style="width: 20%">
                   <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>
@@ -196,19 +184,16 @@
                 <el-input
                   v-model="ruleForm.tdsyq.gdmj"
                   :disabled="!ableOperation"
-                  oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"
-                ></el-input>
+                  oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input>
                 <el-select
-                  v-model="ruleForm.tdsyq.mjdw2"
+                  v-model="ruleForm.tdsyq.mjdw"
                   :disabled="!ableOperation"
-                  style="width: 20%"
-                >
+                  style="width: 20%">
                   <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>
@@ -220,19 +205,16 @@
                 <el-input
                   v-model="ruleForm.tdsyq.ldmj"
                   :disabled="!ableOperation"
-                  oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"
-                ></el-input>
+                  oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input>
                 <el-select
-                  v-model="ruleForm.tdsyq.mjdw3"
+                  v-model="ruleForm.tdsyq.mjdw"
                   :disabled="!ableOperation"
-                  style="width: 20%"
-                >
+                  style="width: 20%">
                   <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>
@@ -246,19 +228,16 @@
                 <el-input
                   v-model="ruleForm.tdsyq.cdmj"
                   :disabled="!ableOperation"
-                  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.tdsyq.mjdw4"
+                  v-model="ruleForm.tdsyq.mjdw"
                   :disabled="!ableOperation"
-                  style="width: 20%"
-                >
+                  style="width: 20%">
                   <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>
@@ -270,19 +249,16 @@
                 <el-input
                   v-model="ruleForm.tdsyq.qtnydmj"
                   :disabled="!ableOperation"
-                  oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"
-                ></el-input>
+                  oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input>
                 <el-select
-                  v-model="ruleForm.tdsyq.mjdw5"
+                  v-model="ruleForm.tdsyq.mjdw"
                   :disabled="!ableOperation"
-                  style="width: 20%"
-                >
+                  style="width: 20%">
                   <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>
@@ -294,19 +270,16 @@
                 <el-input
                   v-model="ruleForm.tdsyq.jsydmj"
                   :disabled="!ableOperation"
-                  oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"
-                ></el-input>
+                  oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input>
                 <el-select
-                  v-model="ruleForm.tdsyq.mjdw6"
+                  v-model="ruleForm.tdsyq.mjdw"
                   :disabled="!ableOperation"
-                  style="width: 20%"
-                >
+                  style="width: 20%">
                   <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>
@@ -320,19 +293,16 @@
                 <el-input
                   v-model="ruleForm.tdsyq.wlydmj"
                   :disabled="!ableOperation"
-                  oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"
-                ></el-input>
+                  oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input>
                 <el-select
-                  v-model="ruleForm.tdsyq.mjdw7"
+                  v-model="ruleForm.tdsyq.mjdw"
                   :disabled="!ableOperation"
-                  style="width: 20%"
-                >
+                  style="width: 20%">
                   <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>
@@ -342,16 +312,14 @@
             <el-form-item
               label="登记时间："
               prop="qlxx.djsj"
-              :rules="rules.djsjrules"
-            >
+              :rules="rules.djsjrules">
               <el-date-picker
                 v-model="ruleForm.qlxx.djsj"
                 type="date"
                 class="width100"
                 placeholder="选择日期"
                 value-format="yyyy-MM-dd HH:mm:ss"
-                format="yyyy-MM-dd"
-              >
+                format="yyyy-MM-dd">
               </el-date-picker>
             </el-form-item>
           </el-col>
@@ -370,8 +338,7 @@
         <tdytTable
           :tableData="ruleForm.tdytqxList"
           @upDateTdytxxList="upDateTdytxxList"
-          :ableOperation="ableOperation"
-        />
+          :ableOperation="ableOperation" />
         <div class="slxx_title title-block">
           权利人信息
           <div class="triangle"></div>
@@ -381,8 +348,7 @@
             <el-form-item label="共有方式：">
               <el-radio-group
                 :disabled="!ableOperation"
-                v-model="ruleForm.qlxx.gyfs"
-              >
+                v-model="ruleForm.qlxx.gyfs">
                 <el-radio label="0">单独所有</el-radio>
                 <el-radio label="1">共同共有</el-radio>
                 <el-radio label="2">按份所有</el-radio>
@@ -396,8 +362,7 @@
           @upDateQlrxxList="upDateQlrxxList"
           :key="key"
           :ableOperation="ableOperation"
-          :gyfs="ruleForm.qlxx.gyfs"
-        />
+          :gyfs="ruleForm.qlxx.gyfs" />
       </div>
       <el-row class="btn" v-if="ableOperation">
         <el-form-item>
@@ -408,340 +373,337 @@
   </div>
 </template>
 <script>
-import store from "@/store/index.js";
-import { mapGetters } from "vuex";
-import { init, getSsQlxx, save } from "@/api/djbRepair.js";
-import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
-import selectTable from "@/components/selectTable/index.vue";
-import tdytTable from "@/views/workflow/components/tdytTable";
-export default {
-  components: { qlrCommonTable, tdytTable, selectTable },
-  computed: {
-    ...mapGetters(["dictData", "flag"]),
-    // 根据流程判断表单是否为只读
-    editDisabled() {
-      if (!this.ableOperation) {
-        //只读状态
-        return true;
-      }
-      return false;
-    },
-  },
-  data() {
-    return {
-      ssqlxxshow: true,
-      props: {
-        label: "bdcqzh",
-        value: "bdcdyid",
-      },
-      // 键名转换，方法默认是label和children进行树状渲染
-      normalizer(node) {
-        //方法
-        if (node.children == null || node.children == "null") {
-          delete node.children;
+  import store from "@/store/index.js";
+  import { mapGetters } from "vuex";
+  import { init, getSsQlxx, save } from "@/api/djbRepair.js";
+  import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
+  import selectTable from "@/components/selectTable/index.vue";
+  import tdytTable from "@/views/workflow/components/tdytTable";
+  export default {
+    components: { qlrCommonTable, tdytTable, selectTable },
+    computed: {
+      ...mapGetters(["dictData", "flag"]),
+      // 根据流程判断表单是否为只读
+      editDisabled () {
+        if (!this.ableOperation) {
+          //只读状态
+          console.log("只读");
+          return true;
         }
-        return {
-          id: node.dcode,
-          label: node.dname,
-        };
+        return false;
       },
-      //表单是否可操作
-      propsParam: this.$attrs,
-      key: 0,
-      // 登记类型
-      djlxlist: [
-        {
-          dcode: "100",
-          dname: "首次登记",
-        },
-        {
-          dcode: "200",
-          dname: "转移登记",
-        },
-        {
-          dcode: "300",
-          dname: "变更登记",
+    },
+    data () {
+      return {
+        ssqlxxshow: true,
+        props: {
+          label: "bdcqzh",
+          value: "bdcdyid",
         },
-        {
-          dcode: "500",
-          dname: "更正登记",
+        // 键名转换，方法默认是label和children进行树状渲染
+        normalizer (node) {
+          //方法
+          if (node.children == null || node.children == "null") {
+            delete node.children;
+          }
+          return {
+            id: node.dcode,
+            label: node.dname,
+          };
         },
+        //表单是否可操作
+        propsParam: this.$attrs,
+        key: 0,
+        // 登记类型
+        djlxlist: [
+          {
+            dcode: "100",
+            dname: "首次登记",
+          },
+          {
+            dcode: "200",
+            dname: "转移登记",
+          },
+          {
+            dcode: "300",
+            dname: "变更登记",
+          },
+          {
+            dcode: "500",
+            dname: "更正登记",
+          },
 
-        {
-          dcode: "901",
-          dname: "补证",
-        },
-        {
-          dcode: "902",
-          dname: "换证",
-        },
-      ],
-      // 权属状态
-      qsztlist: [
-        {
-          dcode: "1",
-          dname: "现势",
-        },
-        {
-          dcode: "2",
-          dname: "历史",
-        },
-      ],
-      isShow: false,
-      disabled: true,
-      czrOptions: [],
-      ssQlxxList: [],
-      ruleForm: {},
-      ableOperation: false,
-      //传递参数\
-      rules: {
-        bdcqzhrules: [
-          { required: true, message: "不动产权证号：", trigger: "blur" },
+          {
+            dcode: "901",
+            dname: "补证",
+          },
+          {
+            dcode: "902",
+            dname: "换证",
+          },
         ],
-        // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
-        djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
-        dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
-        djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
-        djlxrules: [{ required: true, message: "登记类型", trigger: "change" }],
-      },
-    };
-  },
-  created() {},
-  mounted() {
-    this.loadData();
-    this.ableOperation = this.$parent.ableOperation;
-  },
-  methods: {
-    /**
-     * @description: ssQlxxchange
-     * @param {*} val
-     * @author: renchao
-     */
-    ssQlxxchange(val) {
-      this.ruleForm.ssQlxx = val;
-      this.ruleForm.qlxx.ssywh = val.ywh;
+        // 权属状态
+        qsztlist: [
+          {
+            dcode: "1",
+            dname: "现势",
+          },
+          {
+            dcode: "2",
+            dname: "历史",
+          },
+        ],
+        isShow: false,
+        disabled: true,
+        czrOptions: [],
+        ssQlxxList: [],
+        ruleForm: {},
+        ableOperation: false,
+        //传递参数\
+        rules: {
+          bdcqzhrules: [
+            { required: true, message: "不动产权证号：", trigger: "blur" },
+          ],
+          // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
+          djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
+          dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
+          djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
+          djlxrules: [{ required: true, message: "登记类型", trigger: "change" }],
+        },
+      };
     },
-    /**
-     * @description: djlxchange
-     * @param {*} val
-     * @author: renchao
-     */
-    djlxchange(val) {
-      console.log("val", val);
-      if (val == null || val == 100) {
-        this.ssqlxxshow = false;
-      } else {
-        this.ssqlxxshow = true;
-      }
+    created () { },
+    mounted () {
+      this.loadData();
+      this.ableOperation = this.$parent.ableOperation;
     },
+    methods: {
+      /**
+       * @description: ssQlxxchange
+       * @param {*} val
+       * @author: renchao
+       */
+      ssQlxxchange (val) {
+        this.ruleForm.ssQlxx = val;
+        this.ruleForm.qlxx.ssywh = val.ywh;
+      },
+      /**
+       * @description: djlxchange
+       * @param {*} val
+       * @author: renchao
+       */
+      djlxchange (val) {
+        console.log("val", val);
+        if (val == null || val == 100) {
+          this.ssqlxxshow = false;
+        } else {
+          this.ssqlxxshow = true;
+        }
+      },
 
-    // 字典
-    /**
-     * @description: 字典
-     * @param {*} val
-     * @author: renchao
-     */
-    getDictData(val) {
-      return store.getters.dictData[val];
-    },
-    /**
-     * @description: loadData
-     * @author: renchao
-     */
-    loadData() {
-      this.$startLoading();
-      this.propsParam.isEdit = this.$parent.isEdit;
-      init(this.propsParam).then((res) => {
-        if (res.code == 200) {
-          this.ruleForm = res.result;
-          let djlx = this.ruleForm.qlxx.djlx;
-          if (djlx == null || djlx == 100) {
-            this.ssqlxxshow = false;
+      // 字典
+      /**
+       * @description: 字典
+       * @param {*} val
+       * @author: renchao
+       */
+      getDictData (val) {
+        return store.getters.dictData[val];
+      },
+      /**
+       * @description: loadData
+       * @author: renchao
+       */
+      loadData () {
+        this.$startLoading();
+        this.propsParam.isEdit = this.$parent.isEdit;
+        init(this.propsParam).then((res) => {
+          if (res.code == 200) {
+            this.ruleForm = res.result;
+            let djlx = this.ruleForm.qlxx.djlx;
+            if (djlx == null || djlx == 100) {
+              this.ssqlxxshow = false;
+            }
+            this.$endLoading();
+            // if (this.ruleForm.tdytqxList.length > 0) {
+            //   this.tdxz = this.ruleForm.tdytqxList[0].qlxzbm;
+            // } else {
+            //   this.tdxz = null;
+            // }
+            this.isShow = true;
           }
-          this.$endLoading();
-          // if (this.ruleForm.tdytqxList.length > 0) {
-          //   this.tdxz = this.ruleForm.tdytqxList[0].qlxzbm;
-          // } else {
-          //   this.tdxz = null;
-          // }
-          this.isShow = true;
-        }
-      });
-      //获取主体信息
-      getSsQlxx({
-        bdcdyid: this.propsParam.bdcdyid,
-        qllx: this.propsParam.qllx,
-      }).then((res) => {
-        if (res.code == 200) {
-          this.ssQlxxList = res.result;
-        }
-      });
-    },
-    // 更新土地用途信息
-    /**
-     * @description: 更新土地用途信息
-     * @param {*} val
-     * @author: renchao
-     */
-    upDateTdytxxList(val) {
-      this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
-      this.key++;
-    },
-    // 更新权利人信息
-    /**
-     * @description: 更新权利人信息
-     * @param {*} val
-     * @author: renchao
-     */
-    upDateQlrxxList(val) {
-      this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
-      this.czrOptions = this.ruleForm.qlrData;
-      this.key++;
-    },
-    // // 更新义务人信息
-    // upDateYwrxxList(val) {
-    //   this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
-    //   this.key++;
-    // },
-    /**
-     * @description: onSubmit
-     * @author: renchao
-     */
-    onSubmit() {
-      this.$refs.ruleForm.validate((valid) => {
-        if (valid) {
-          if (this.ruleForm.qlrData.length == 0) {
-            this.$message({
-              showClose: true,
-              message: "请确认权利人信息",
-              type: "error",
-            });
-            return false;
+        });
+        //获取主体信息
+        getSsQlxx({
+          bdcdyid: this.propsParam.bdcdyid,
+          qllx: this.propsParam.qllx,
+        }).then((res) => {
+          if (res.code == 200) {
+            this.ssQlxxList = res.result;
           }
-
-          if (this.ruleForm.qlxx.gyfs == "0") {
-            if (this.ruleForm.qlrData.length > 1) {
+        });
+      },
+      // 更新土地用途信息
+      /**
+       * @description: 更新土地用途信息
+       * @param {*} val
+       * @author: renchao
+       */
+      upDateTdytxxList (val) {
+        this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
+        this.key++;
+      },
+      // 更新权利人信息
+      /**
+       * @description: 更新权利人信息
+       * @param {*} val
+       * @author: renchao
+       */
+      upDateQlrxxList (val) {
+        this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
+        this.czrOptions = this.ruleForm.qlrData;
+        this.key++;
+      },
+      /**
+       * @description: onSubmit
+       * @author: renchao
+       */
+      onSubmit () {
+        this.$refs.ruleForm.validate((valid) => {
+          if (valid) {
+            if (this.ruleForm.qlrData.length == 0) {
               this.$message({
                 showClose: true,
-                message: "共有方式：单独所有，权利人只能是一个人",
+                message: "请确认权利人信息",
                 type: "error",
               });
               return false;
             }
-            this.ruleForm.qlrData[0].sfczr = "1";
-          }
-          if (this.ruleForm.qlxx.gyfs == "1") {
-            //是否分别持证
-            if (this.ruleForm.qlxx.sqfbcz == "1") {
-              //是
-              this.ruleForm.qlrData.forEach((item, index) => {
-                item.sfczr = "1";
-              });
-            } else {
-              this.ruleForm.qlrData.forEach((item, index) => {
-                if (item.zjh == this.ruleForm.czr) {
+
+            if (this.ruleForm.qlxx.gyfs == "0") {
+              if (this.ruleForm.qlrData.length > 1) {
+                this.$message({
+                  showClose: true,
+                  message: "共有方式：单独所有，权利人只能是一个人",
+                  type: "error",
+                });
+                return false;
+              }
+              this.ruleForm.qlrData[0].sfczr = "1";
+            }
+            if (this.ruleForm.qlxx.gyfs == "1") {
+              //是否分别持证
+              if (this.ruleForm.qlxx.sqfbcz == "1") {
+                //是
+                this.ruleForm.qlrData.forEach((item, index) => {
                   item.sfczr = "1";
-                } else {
-                  item.sfczr = "0";
-                }
-              });
+                });
+              } else {
+                this.ruleForm.qlrData.forEach((item, index) => {
+                  if (item.zjh == this.ruleForm.czr) {
+                    item.sfczr = "1";
+                  } else {
+                    item.sfczr = "0";
+                  }
+                });
+              }
             }
+            save(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",
+                });
+              }
+            });
+          } else {
+            return false;
           }
-          save(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",
-              });
-            }
-          });
-        } else {
-          return false;
-        }
-      });
-    },
-  },
-};
+        })
+      }
+    }
+  }
 </script>
 <style scoped lang="scss">
-@import "~@/styles/public.scss";
-/deep/.el-form {
-  display: flex;
-  flex-direction: column;
-  height: calc(100vh - 130px);
-}
+  @import "~@/styles/public.scss";
+  @import "~@/styles/slxx/slxx.scss";
+  /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>

@@ -72,6 +72,30 @@
               </select-table>
             </el-form-item>
           </el-col>
+              <el-col :span="8">
+            <el-form-item label="上手业务号：">
+              <el-input disabled v-model="ruleForm.qlxx.ssywh"></el-input>
+            </el-form-item>
+          </el-col>
+               <el-col :span="8">
+            <el-form-item
+              label="登记类型："
+              prop="qlxx.djlx"
+              :rules="rules.djlxrules"
+            >
+              <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange">
+                <el-option
+                  v-for="item in djlxlist"
+                  :key="item.dcode"
+                  :label="item.dname"
+                  :value="item.dcode"
+                >
+                </el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+           </el-row>
+           <el-row>
           <el-col :span="8">
             <el-form-item label="不动产单元号：">
               <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
@@ -83,11 +107,6 @@
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item label="上手业务号：">
-              <el-input disabled v-model="ruleForm.qlxx.ssywh"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
             <el-form-item label="权利类型：">
               <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input>
             </el-form-item>
@@ -98,19 +117,6 @@
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item label="登记类型："  prop="qlxx.djlx" :rules="rules.djlxrules">
-              <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange">
-                <el-option
-                  v-for="item in djlxlist"
-                  :key="item.dcode"
-                  :label="item.dname"
-                  :value="item.dcode"
-                >
-                </el-option>
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
             <el-form-item label="不动产坐落：">
               <el-input v-model="ruleForm.qlxx.zl"></el-input>
             </el-form-item>

 /*
  * @Description:workFramezu.vue组件的方法  头部按钮弹框方法
  * @Autor: miaofang
- * @LastEditTime: 2023-07-20 15:37:23
+ * @LastEditTime: 2023-07-31 10:03:23
  */
 import { getPrintTemplateByCode } from "@/api/print";
 import { getQllxByBdcdyid } from "@/api/djbDetail.js";
@@ -17,9 +17,8 @@ import {
   getPrintApplicationInfo,
   unClaimTask
 } from "@/api/workFlow.js";
-import { mapGetters } from 'vuex'
 export default {
-  data() {
+  data () {
     return {
       //是否开启材料分屏
       splitScreen: false,
@@ -40,7 +39,7 @@ export default {
 
     }
   },
-  mounted() {
+  mounted () {
     this.flowInitParam();
   },
   methods: {
@@ -49,7 +48,7 @@ export default {
      * @description: 加载流程初始参数
      * @author: renchao
      */
-    flowInitParam() {
+    flowInitParam () {
       var formdata = new FormData();
 
       formdata.append("bsmSlsq", this.bsmSlsq);
@@ -60,7 +59,7 @@ export default {
       stepExpandInfo(formdata).then((res) => {
         if (res.code === 200) {
           this.leftButtonList = res.result.button;
-          if (res.result.properties.length) {
+          if (res.result.properties && res.result.properties.length) {
             this.showidea = res.result.properties[0].value
           }
 
@@ -68,16 +67,12 @@ export default {
           let arr = this.rightButtonList.filter((item) => {
             return item.name == "删除"
           })
-
-          if (arr.length) {
-            this.$refs.Menu.getleftMenubl();
-          } else {
-            this.ableOperation = false
-            this.$refs.Menu.getleftMenubl(1);
+          this.$refs.Menu.getleftMenubl();
+          if (!arr.length) {
+            this.isEdit = false
           }
         }
       })
-
     },
     //流程环节操作按钮
     /**
@@ -85,7 +80,7 @@ export default {
      * @param {*} item
      * @author: renchao
      */
-    operation(item) {
+    operation (item) {
       //按钮 B0:选择不动产单元 B1:流程图 B2:材料分屏 B3:材料导入 B4:登记簿 B5:证书预览 B6：打印申请书 B7:证书领取 B8:楼盘表 B9:登簿
       //操作按钮 登簿：record  转件：transfer  退回：back  退出：signout
       let that = this;
@@ -295,7 +290,7 @@ export default {
      * @description: del
      * @author: renchao
      */
-    del() {
+    del () {
       let formdata = new FormData();
       formdata.append("bsmSlsq", this.bsmSlsq);
       this.$confirm("确定要删除吗, 是否继续?", "提示", {
@@ -330,7 +325,7 @@ export default {
      * @param {*} obj
      * @author: renchao
      */
-    sendToNext(obj) {
+    sendToNext (obj) {
       this.$popupDialog("转出", "djbworkflow/components/zc", {
         obj: obj,
         bsmSlsq: this.bsmSlsq,
@@ -343,7 +338,7 @@ export default {
      * @description: 转出最后一个流程
      * @author: renchao
      */
-    sendToEnd() {
+    sendToEnd () {
       this.$popupDialog("转出", "djbworkflow/components/zc", {
         obj: "",
         bsmSlsq: this.bsmSlsq,
@@ -358,7 +353,7 @@ export default {
      * @description: 批量操作
      * @author: renchao
      */
-    handleBatchDel() {
+    handleBatchDel () {
       this.$popupDialog("批量删除", "workflow/components/batchDel", {
         width: "50%",
         btnShow: false,
@@ -372,7 +367,7 @@ export default {
      * @param {*} file
      * @author: renchao
      */
-    handleChange(file) {
+    handleChange (file) {
       var formdata = new FormData();
       formdata.append("file", file.raw);
       formdata.append("bsmSldy", this.currentSelectProps.bsmSldy);
@@ -391,7 +386,7 @@ export default {
      * @param {*} file
      * @author: renchao
      */
-    beforeUpload(file) {
+    beforeUpload (file) {
       return true;
     }
   }

@@ -126,7 +126,7 @@
           </el-col>
           <el-col :span="8">
             <el-form-item label="是否存在禁止或者限制转让抵押不动产的约定：" label-width="350px">
-              <el-radio-group v-model="ruleForm.diyaq.sfczjzhxz" :disabled="!ableOperation">
+              <el-radio-group v-model="ruleForm.diyaq.sfczjzhxz" :disabled="!ableOperation|| isJfOperation">
                 <el-radio label="1">启用</el-radio>
                 <el-radio label="0">禁用</el-radio>
               </el-radio-group>
@@ -138,8 +138,8 @@
           <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 1">
             <el-form-item label="被担保主债权数额：">
               <div style="display:flex">
-                <el-input v-model="ruleForm.diyaq.bdbzzqse" :disabled="!ableOperation" style="width:500%"></el-input>
-                <el-select v-model="ruleForm.diyaq.jedw" :disabled="!ableOperation">
+                <el-input v-model="ruleForm.diyaq.bdbzzqse" :disabled="!ableOperation|| isJfOperation" style="width:500%"></el-input>
+                <el-select v-model="ruleForm.diyaq.jedw" :disabled="!ableOperation|| isJfOperation">
                   <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode">
                   </el-option>
                 </el-select>
@@ -149,19 +149,19 @@
 
           <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 2">
             <el-form-item label="最高债权额：">
-              <el-input v-model="ruleForm.diyaq.zgzqse" :disabled="!ableOperation"></el-input>
+              <el-input v-model="ruleForm.diyaq.zgzqse" :disabled="!ableOperation|| isJfOperation"></el-input>
             </el-form-item>
           </el-col>
 
           <el-col :span="8">
             <el-form-item label="债务履行起始时间：">
-              <el-date-picker v-model="ruleForm.diyaq.zwlxqssj" :disabled="!ableOperation" type="date">
+              <el-date-picker v-model="ruleForm.diyaq.zwlxqssj" :disabled="!ableOperation|| isJfOperation" type="date">
               </el-date-picker>
             </el-form-item>
           </el-col>
           <el-col :span="8">
             <el-form-item label="债务履行结束时间：">
-              <el-date-picker v-model="ruleForm.diyaq.zwlxjssj" :disabled="!ableOperation" type="date">
+              <el-date-picker v-model="ruleForm.diyaq.zwlxjssj" :disabled="!ableOperation|| isJfOperation" type="date">
               </el-date-picker>
             </el-form-item>
           </el-col>
@@ -170,21 +170,21 @@
           <el-col :span="24">
             <el-form-item label="担保范围：">
               <el-input v-model="ruleForm.diyaq.dbfw"
-                :disabled="ruleForm.sldy.djlx == '300'&& !ableOperation"></el-input>
+                :disabled="ruleForm.sldy.djlx == '300'&& !ableOperation|| isJfOperation"></el-input>
             </el-form-item>
           </el-col>
         </el-row>
         <el-row>
           <el-col :span="24">
             <el-form-item label="最高债权确定事实和数额：">
-              <el-input v-model="ruleForm.diyaq.zgzqqdss" :disabled="!ableOperation"></el-input>
+              <el-input v-model="ruleForm.diyaq.zgzqqdss" :disabled="!ableOperation|| isJfOperation"></el-input>
             </el-form-item>
           </el-col>
         </el-row>
         <el-row>
           <el-col>
             <el-form-item label="附记：" prop="fj">
-              <el-input type="textarea" v-model="ruleForm.diyaq.fj" :disabled="!ableOperation"></el-input>
+              <el-input type="textarea" v-model="ruleForm.diyaq.fj" :disabled="!ableOperation|| isJfOperation"></el-input>
             </el-form-item>
           </el-col>
         </el-row>
@@ -267,6 +267,9 @@
       this.ableOperation = this.$parent.currentSelectTab.ableOperation
       this.propsParam = this.$attrs;
       var formdata = new FormData();
+        if (this.propsParam.djlx == '400') {
+        this.isJfOperation = true;
+      }
       this.$startLoading();
       formdata.append("bsmSldy", this.propsParam.bsmSldy);
       formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
@@ -296,6 +299,7 @@
           diyaq: {},
           gyfs: "",
         },
+        isJfOperation: false,
         //传递参数
         propsParam: {},
         rules: {},

@@ -66,41 +66,78 @@
           </el-col>
           <el-col :span="8">
             <el-form-item label="规划用途：">
-              <el-input disabled v-model="ruleForm.ygdj.ytmc"></el-input>
+              <el-select v-model="ruleForm.ygdj.ghyt">
+                <el-option
+                  v-for="item in dictData['A17']"
+                  :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 disabled v-model="ruleForm.ygdj.fwxzmc"></el-input>
+              <el-select v-model="ruleForm.ygdj.fwxz">
+                <el-option
+                  v-for="item in dictData['A19']"
+                  :key="item.dcode"
+                  :label="item.dname"
+                  :value="item.dcode"
+                >
+                </el-option>
+              </el-select>
             </el-form-item>
           </el-col>
         </el-row>
         <el-row :gutter="10" v-if="ruleForm.qlxx">
           <el-col :span="8">
             <el-form-item label="房屋结构：">
-              <el-input disabled v-model="ruleForm.ygdj.fwjgmc"></el-input>
+             <el-select v-model="ruleForm.ygdj.fwjg">
+                <el-option
+                  v-for="item in dictData['A46']"
+                  :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 disabled v-model="ruleForm.ygdj.jzmj"></el-input>
+              <el-input  v-model="ruleForm.ygdj.jzmj"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
             <el-form-item label="取得价格：">
-              <el-input disabled v-model="ruleForm.ygdj.qdjg"></el-input>
+               <div class="flex">
+              <el-input v-model="ruleForm.ygdj.qdjg"></el-input>
+               <el-select
+                  v-model="ruleForm.ygdj.jedw"
+                  :disabled="!ableOperation"
+                  style="width: 20%">
+                  <el-option
+                    v-for="item in dictData['A57']"
+                    :key="item.dcode"
+                    :label="item.dname"
+                    :value="item.dcode">
+                  </el-option>
+                </el-select>
+                 </div>
             </el-form-item>
           </el-col>
         </el-row>
         <el-row :gutter="10">
           <el-col :span="8">
             <el-form-item label="所在层：">
-              <el-input disabled v-model="ruleForm.ygdj.szc"></el-input>
+              <el-input  v-model="ruleForm.ygdj.szc"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
             <el-form-item label="总层数：">
-              <el-input disabled v-model="ruleForm.ygdj.zcs"></el-input>
+              <el-input  v-model="ruleForm.ygdj.zcs"></el-input>
             </el-form-item>
           </el-col>
         </el-row>

@@ -43,80 +43,93 @@
           </el-col>
         </el-row>
         <div class="slxx_title title-block">
-          不动产情况
+          预告买卖登记情况
           <div class="triangle"></div>
         </div>
         <el-row :gutter="10">
           <el-col :span="8">
             <el-form-item label="权利类型：">
-              <el-input disabled v-model="ruleForm.ssQlxx.qllxmc"></el-input>
+              <el-input disabled v-model="ruleForm.ztQlxx.qllxmc"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
             <el-form-item label="不动产权证号：">
-              <el-input disabled v-model="ruleForm.ssQlxx.bdcqzh"></el-input>
+              <el-input disabled v-model="ruleForm.ztQlxx.bdcqzh"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
             <el-form-item label="不动产单元号：">
-              <el-input disabled v-model="ruleForm.ssQlxx.bdcdyh"></el-input>
+              <el-input disabled v-model="ruleForm.ztQlxx.bdcdyh"></el-input>
             </el-form-item>
           </el-col>
         </el-row>
         <el-row :gutter="10">
           <el-col :span="8">
             <el-form-item label="权利人：">
-              <el-input disabled v-model="ruleForm.ssQlxx.qlrmc"></el-input>
+              <el-input disabled v-model="ruleForm.ztQlxx.qlrmc"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
             <el-form-item label="证件种类：">
-              <el-input disabled v-model="ruleForm.ssQlxx.qlrzjzl"></el-input>
+              <el-input disabled v-model="ruleForm.ztQlxx.qlrzjzl"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
             <el-form-item label="证件号：">
-              <el-input disabled v-model="ruleForm.ssQlxx.qlrzjhm"></el-input>
+              <el-input disabled v-model="ruleForm.ztQlxx.qlrzjhm"></el-input>
             </el-form-item>
           </el-col>
         </el-row>
         <el-row :gutter="10">
           <el-col :span="8">
             <el-form-item label="房屋面积：">
-              <el-input disabled v-model="ruleForm.ssQlxx.mjmc"></el-input>
+              <el-input disabled v-model="ruleForm.ztQlxx.mjmc"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
             <el-form-item label="房屋用途：">
-              <el-input disabled v-model="ruleForm.ssQlxx.ytmc"></el-input>
+              <el-input disabled v-model="ruleForm.ztQlxx.ytmc"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
             <el-form-item label="房屋性质：">
-              <el-input disabled v-model="ruleForm.ssQlxx.qlxzmc"></el-input>
+              <el-input disabled v-model="ruleForm.ztQlxx.qlxzmc"></el-input>
             </el-form-item>
           </el-col>
         </el-row>
         <el-row :gutter="10">
           <el-col :span="8">
             <el-form-item label="房屋取得价格：">
-              <el-input disabled v-model="ruleForm.ssQlxx.qdjg"></el-input>
+              <el-input disabled v-model="ruleForm.ztQlxx.qdjgmc"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="16">
             <el-form-item label="不动产坐落：">
-              <el-input disabled v-model="ruleForm.ssQlxx.zl"></el-input>
+              <el-input disabled v-model="ruleForm.ztQlxx.zl"></el-input>
             </el-form-item>
           </el-col>
         </el-row>
         <div class="slxx_title title-block">
-          抵押情况
+          预告抵押情况
           <div class="triangle"></div>
         </div>
         <el-row :gutter="10">
           <el-col :span="8">
             <el-form-item label="被担保主债权数额：">
+               <div class="flex">
               <el-input v-model="ruleForm.ygdj.qdjg" :disabled="!ableOperation"></el-input>
+               <el-select
+                  v-model="ruleForm.ygdj.jedw"
+                  :disabled="!ableOperation"
+                  style="width: 20%">
+                  <el-option
+                    v-for="item in dictData['A57']"
+                    :key="item.dcode"
+                    :label="item.dname"
+                    :value="item.dcode">
+                  </el-option>
+                </el-select>
+                 </div>
             </el-form-item>
           </el-col>
           <el-col :span="8">

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-07-21 11:17:58
+ * @LastEditTime: 2023-07-31 09:11:52
 -->
 <template>
   <div class="from-clues">
@@ -41,7 +41,6 @@
           <el-col :span="3" class="btnColRight">
             <el-form-item>
               <el-button type="primary" @click="queryClick">查询</el-button>
-              <!-- <el-button type="primary" @click="resetForm(true)">重置</el-button> -->
             </el-form-item>
           </el-col>
         </el-row>
@@ -65,7 +64,7 @@
     </div>
     <div class="submit_button">
       <el-button @click="$popupCacel">取消</el-button>
-      <el-button type="primary" plain @click="submitForm">发起申请</el-button>
+      <el-button type="primary" plain @click="submitForm" :loading="loading">发起申请</el-button>
     </div>
   </div>
 </template>
@@ -87,6 +86,7 @@
     mixins: [table, jump],
     data () {
       return {
+        loading: false,
         queryForm: defaultParameters.defaultParameters(),
         tableData: {
           total: 0,
@@ -129,6 +129,7 @@
           return;
         }
         if (!this.isJump) {
+          this.loading = true
           startBusinessFlow({
             bsmSqyw: this.bsmSqyw,
             bdcdysz: this.bdcdysz,
@@ -137,6 +138,7 @@
             djqxmc:
               this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodename : "",
           }).then((res) => {
+            this.loading = false
             if (res.code == 200) {
               this.$message({
                 showClose: true,
@@ -155,10 +157,12 @@
             }
           })
         } else {
+          this.loading = true
           choiceBdcdy({
             bsmSlsq: this.$route.query.bsmSlsq,
             bdcdysz: this.bdcdysz,
           }).then((res) => {
+            this.loading = false
             if (res.code == 200) {
               this.$message({
                 showClose: true,
@@ -233,11 +237,11 @@
           this.$refs.table.toggleRowSelection(row);
         }
       },
-           /**
-       * @description: openBook
-       * @param {*} row
-       * @author: miaofang
-       */
+      /**
+  * @description: openBook
+  * @param {*} row
+  * @author: miaofang
+  */
       openBook (row) {
         console.log("的急急急急急急");
         var param = {

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-07-21 13:46:02
+ * @LastEditTime: 2023-07-31 10:03:31
 -->
 <template>
   <!-- 抵押权利信息查询 -->
@@ -38,7 +38,7 @@
           </el-col>
           <el-col :span="2" class="btnColRight">
             <el-form-item>
-              <el-button type="primary" @click="handleSearch">查询</el-button>
+              <el-button type="primary" @click="handleSearch" :loading="loading">查询</el-button>
               <el-button type="primary" @click="resetForm(true)">重置</el-button>
             </el-form-item>
           </el-col>
@@ -55,7 +55,7 @@
     </div>
     <div class="submit_button">
       <el-button @click="$popupCacel">取消</el-button>
-      <el-button type="primary" plain @click="submitFormClick()">发起申请</el-button>
+      <el-button type="primary" plain @click="submitFormClick()" :loading="loading">发起申请</el-button>
     </div>
   </div>
 </template>
@@ -76,6 +76,7 @@
     },
     data () {
       return {
+        loading: false,
         queryForm: defaultParameters.defaultParameters(),
         qllxs: [],
         tableData: {
@@ -115,12 +116,14 @@
           this.$message.error("请至少选择一条数据");
           return;
         }
+        this.loading = true
         startBusinessFlow({
           bsmSqyw: this.sqywInfo.parentid,
           bdcdysz: this.bdcdysz,
           djqxbm: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodecode : "",
           djqxmc: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodename : "",
         }).then((res) => {
+          this.loading = false
           if (res.code == 200) {
             this.$message({
               showClose: true,

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-07-21 14:17:26
+ * @LastEditTime: 2023-07-31 10:03:38
 -->
 <template>
   <div class="from-clues">
@@ -69,7 +69,7 @@
       </div>
       <div class="submit_button">
         <el-button @click="$popupCacel">取消</el-button>
-        <el-button type="primary" plain @click="submitForm">发起申请</el-button>
+        <el-button type="primary" plain @click="submitForm" :loading="loading">发起申请</el-button>
       </div>
     </div>
     <div v-if="activeName == 'dz'">
@@ -120,7 +120,7 @@
       </div>
       <div class="submit_button">
         <el-button @click="$popupCacel">取消</el-button>
-        <el-button type="primary" plain @click="submitForm">发起申请</el-button>
+        <el-button type="primary" plain @click="submitForm" :loading="loading">发起申请</el-button>
       </div>
     </div>
   </div>
@@ -143,6 +143,7 @@
     },
     data () {
       return {
+        loading: false,
         activeName: 'zrz',
         queryzrzForm: {
           qllx: '',
@@ -240,6 +241,7 @@
           return;
         }
         if (!this.isJump) {
+          this.loading = true
           startBusinessFlow({
             bsmSqyw: this.bsmSqyw,
             //sjlx: 'zrz',
@@ -248,6 +250,7 @@
             djqxbm: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodecode : "",
             djqxmc: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodename : "",
           }).then((res) => {
+            this.loading = false
             if (res.code == 200) {
               this.$message({
                 showClose: true,
@@ -265,10 +268,12 @@
             }
           })
         } else {
+          this.loading = true
           choiceBdcdy({
             bsmSlsq: Vue.prototype.$currentRoute.query.bsmSlsq,
             bdcdysz: this.bdcdysz
           }).then(res => {
+            this.loading = false
             if (res.code == 200) {
               this.$message({
                 showClose: true,
@@ -374,7 +379,6 @@
        * @author: miaofang
        */
       openBook (row) {
-        console.log("的急急急急急急");
         var param = {
           bdcdyid: row.bdcdyid,
           qllx: row.qllx,
@@ -384,7 +388,7 @@
         this.$popup("登记簿详情", "registerBook/djbFrame", {
           formData: param
         })
-      },
+      }
     }
   }
 </script>

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-07-21 13:46:18
+ * @LastEditTime: 2023-07-31 10:03:52
 -->
 <template>
   <div class="from-clues">
@@ -40,7 +40,7 @@
     </div>
     <div class="submit_button">
       <el-button @click="$popupCacel">取消</el-button>
-      <el-button type="primary" plain @click="submitForm">发起申请</el-button>
+      <el-button type="primary" plain @click="submitForm" :loading="loading">发起申请</el-button>
     </div>
   </div>
 </template>
@@ -62,6 +62,7 @@
     },
     data () {
       return {
+        loading: false,
         queryForm: defaultParameters.defaultParameters(),
         tableData: {
           total: 0,
@@ -104,12 +105,14 @@
           this.$message.error("请至少选择一条数据");
           return;
         }
+        this.loading = true
         startBusinessFlow({
           bsmSqyw: this.bsmSqyw,
           bdcdysz: this.bdcdysz,
           djqxbm: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodecode : "",
           djqxmc: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodename : "",
         }).then((res) => {
+          this.loading = false
           if (res.code == 200) {
             this.$message({
               showClose: true,
@@ -203,7 +206,7 @@
         this.$popup("登记簿详情", "registerBook/djbFrame", {
           formData: param
         })
-      },
+      }
     }
   }
 </script>

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-07-21 13:46:30
+ * @LastEditTime: 2023-07-31 10:03:59
 -->
 <template>
   <div class="from-clues">
@@ -40,7 +40,7 @@
     </div>
     <div class="submit_button">
       <el-button @click="$popupCacel">取消</el-button>
-      <el-button type="primary" plain @click="submitForm">发起申请</el-button>
+      <el-button type="primary" plain @click="submitForm" :loading="loading">发起申请</el-button>
     </div>
   </div>
 </template>
@@ -62,6 +62,7 @@
     },
     data () {
       return {
+        loading: false,
         queryForm: defaultParameters.defaultParameters(),
         qllxs: [],
         tableData: {
@@ -101,12 +102,14 @@
           this.$message.error("请至少选择一条数据");
           return;
         }
+        this.loading = true
         startBusinessFlow({
           bsmSqyw: this.sqywInfo.parentid,
           bdcdysz: this.bdcdysz,
           djqxbm: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodecode : "",
           djqxmc: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodename : "",
         }).then((res) => {
+          this.loading = false
           if (res.code == 200) {
             this.$message({
               showClose: true,

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-07-21 13:46:36
+ * @LastEditTime: 2023-07-31 10:04:05
 -->
 <template>
   <!-- 主体权利信息查询 -->
@@ -55,7 +55,7 @@
     </div>
     <div class="submit_button">
       <el-button @click="$popupCacel">取消</el-button>
-      <el-button type="primary" plain @click="submitForm">发起申请</el-button>
+      <el-button type="primary" plain @click="submitForm" :loading="loading">发起申请</el-button>
     </div>
   </div>
 </template>
@@ -77,6 +77,7 @@
     },
     data () {
       return {
+        loading: false,
         queryForm: defaultParameters.defaultParameters(),
         qllxData: [],
         tableData: {
@@ -129,12 +130,14 @@
           this.$alert("请至少选择一条数据");
           return;
         }
+        this.loading = true
         startBusinessFlow({
           bsmSqyw: this.bsmSqyw,
           bdcdysz: this.bdcdysz,
           djqxbm: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodecode : "",
           djqxmc: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodename : "",
         }).then((res) => {
+          this.loading = false
           if (res.code == 200) {
             this.$message({
               showClose: true,
@@ -213,11 +216,11 @@
           this.$refs.table.toggleRowSelection(row);
         }
       },
-          /**
-       * @description: openBook
-       * @param {*} row
-       * @author: miaofang
-       */
+      /**
+   * @description: openBook
+   * @param {*} row
+   * @author: miaofang
+   */
       openBook (row) {
         console.log("的急急急急急急");
         var param = {

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-07-21 13:46:42
+ * @LastEditTime: 2023-07-31 10:04:12
 -->
 <template>
   <div class="from-clues">
@@ -51,7 +51,7 @@
     </div>
     <div class="submit_button">
       <el-button @click="$popupCacel">取消</el-button>
-      <el-button type="primary" plain @click="submitForm">发起申请</el-button>
+      <el-button type="primary" plain @click="submitForm" :loading="loading">发起申请</el-button>
     </div>
   </div>
 </template>
@@ -77,6 +77,7 @@
     },
     data () {
       return {
+        loading: false,
         bdcdysz: [],
         queryForm: {
           zl: "",
@@ -159,14 +160,15 @@
           this.$message.error("请至少选择一条数据");
           return;
         }
+        this.loading = true
         let from = {
           bsmSqyw: this.bsmSqyw,
           bdcdysz: this.bdcdysz,
           djqxbm: this.sqywInfo.nodetype == "djlx" ? this.sqywInfo.nodecode : "",
           djqxmc: this.sqywInfo.nodetype == "djlx" ? this.sqywInfo.nodename : "",
         }
-        console.log("发起申请传参", from, this.sqywInfo);
         startRepairFlow(from).then((res) => {
+          this.loading = false
           if (res.code == 200) {
             this.$message({
               showClose: true,

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-07-21 13:46:49
+ * @LastEditTime: 2023-07-31 10:04:17
 -->
 <template>
   <!-- 主体权利信息查询 -->
@@ -47,7 +47,7 @@
     </div>
     <div class="submit_button">
       <el-button @click="$popupCacel">取消</el-button>
-      <el-button type="primary" plain @click="submitForm">发起申请</el-button>
+      <el-button type="primary" plain @click="submitForm" :loading="loading">发起申请</el-button>
     </div>
   </div>
 </template>
@@ -68,6 +68,7 @@
     },
     data () {
       return {
+        loading: false,
         queryForm: defaultParameters.defaultParameters(),
         tableData: {
           total: 0,
@@ -106,12 +107,14 @@
           this.$message.error("请至少选择一条数据");
           return;
         }
+        this.loading = true
         startBusinessFlow({
           bsmSqyw: this.sqywInfo.bsmSqyw,
           bdcdysz: this.bdcdysz,
           djqxbm: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodecode : "",
           djqxmc: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodename : "",
         }).then((res) => {
+          this.loading = false
           if (res.code == 200) {
             this.$message({
               showClose: true,
@@ -205,9 +208,9 @@
         this.$popup("登记簿详情", "registerBook/djbFrame", {
           formData: param
         })
-      },
-    },
-  };
+      }
+    }
+  }
 </script>
 <style scoped lang="scss">
   @import "~@/styles/mixin.scss";

@@ -46,7 +46,7 @@
     </div>
     <div class="submit_button">
       <el-button @click="$popupCacel">取消</el-button>
-      <el-button type="primary" plain @click="submitForm">发起申请</el-button>
+      <el-button type="primary" plain @click="submitForm" :loading="loading">发起申请</el-button>
     </div>
   </div>
 </template>
@@ -67,14 +67,15 @@
     },
     data () {
       return {
+        loading: false,
         queryForm: defaultParameters.defaultParameters(),
         tableData: {
           total: 0,
           columns: datas.columns(),
           data: [],
         },
-        bdcdysz: [],
-      };
+        bdcdysz: []
+      }
     },
     mounted () {
       sendThis(this);
@@ -105,12 +106,14 @@
           this.$message.error("请至少选择一条数据");
           return;
         }
+        this.loading = true
         startBusinessFlow({
           bsmSqyw: this.sqywInfo.bsmSqyw,
           bdcdysz: this.bdcdysz,
           djqxbm: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodecode : "",
           djqxmc: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodename : "",
         }).then((res) => {
+          this.loading = false
           if (res.code == 200) {
             this.$message({
               showClose: true,

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-07-21 13:47:08
+ * @LastEditTime: 2023-07-31 10:04:21
 -->
 <template>
   <div class="from-clues">
@@ -54,7 +54,7 @@
     </div>
     <div class="submit_button">
       <el-button @click="$popupCacel">取消</el-button>
-      <el-button type="primary" plain @click="submitForm">发起申请</el-button>
+      <el-button type="primary" plain @click="submitForm" :loading="loading">发起申请</el-button>
     </div>
   </div>
 </template>
@@ -76,6 +76,7 @@
     },
     data () {
       return {
+        loading: false,
         queryForm: defaultParameters.defaultParameters(),
         tableData: {
           total: 0,
@@ -114,12 +115,14 @@
           this.$message.error("请至少选择一条数据");
           return;
         }
+        this.loading = true
         startBusinessFlow({
           bsmSqyw: this.sqywInfo.parentid,
           bdcdysz: this.bdcdysz,
           djqxbm: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodecode : "",
           djqxmc: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodename : "",
         }).then((res) => {
+          this.loading = false
           if (res.code == 200) {
             this.$message({
               showClose: true,
@@ -213,7 +216,7 @@
         } else {
           this.$refs.table.toggleRowSelection(row);
         }
-      },
+      }
     }
   }
 </script>

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-07-17 13:18:17
+ * @LastEditTime: 2023-07-31 09:34:30
 -->
 <template>
   <div class="from-clues">
@@ -132,7 +132,7 @@
     </div>
     <div class="submit_button">
       <el-button @click="$popupCacel">取消</el-button>
-      <el-button type="primary" plain @click="submitForm">发起申请</el-button>
+      <el-button type="primary" plain @click="submitForm" :loading="loading">发起申请</el-button>
     </div>
   </div>
 </template>
@@ -154,6 +154,7 @@
     },
     data () {
       return {
+        loading: false,
         queryForm: defaultParameters.defaultParameters(),
         // 表格数据
         tableData: {
@@ -234,12 +235,14 @@
        * @author: renchao
        */
       submitForm () {
+        this.loading = true
         startBusinessFlow({
           bsmSqyw: this.sqywInfo.parentid,
           bdcdysz: this.bdcdysz,
           djqxbm: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodecode : "",
           djqxmc: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodename : "",
         }).then((res) => {
+          this.loading = false
           if (res.code == 200) {
             this.$message({
               showClose: true,

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-07-21 13:47:23
+ * @LastEditTime: 2023-07-31 10:04:28
 -->
 <template>
   <div class="from-clues">
@@ -46,7 +46,7 @@
     </div>
     <div class="submit_button">
       <el-button @click="$popupCacel">取消</el-button>
-      <el-button type="primary" plain @click="submitForm">发起申请</el-button>
+      <el-button type="primary" plain @click="submitForm" :loading="loading">发起申请</el-button>
     </div>
   </div>
 </template>
@@ -68,6 +68,7 @@
     },
     data () {
       return {
+        loading: false,
         queryForm: defaultParameters.defaultParameters(),
         tableData: {
           total: 0,
@@ -111,12 +112,14 @@
           this.$alert("请至少选择一条数据");
           return;
         }
+        this.loading = true
         startBusinessFlow({
           bsmSqyw: this.bsmSqyw,
           bdcdysz: this.bdcdysz,
           djqxbm: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodecode : "",
           djqxmc: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodename : "",
         }).then((res) => {
+          this.loading = false
           if (res.code == 200) {
             this.$message({
               showClose: true,

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-07-21 13:47:35
+ * @LastEditTime: 2023-07-31 10:04:33
 -->
 <template>
   <div class="from-clues">
@@ -54,7 +54,7 @@
     </div>
     <div class="submit_button">
       <el-button @click="$popupCacel">取消</el-button>
-      <el-button type="primary" plain @click="submitForm">发起申请</el-button>
+      <el-button type="primary" plain @click="submitForm" :loading="loading">发起申请</el-button>
     </div>
   </div>
 </template>
@@ -76,6 +76,7 @@
     },
     data () {
       return {
+        loading: false,
         queryForm: defaultParameters.defaultParameters(),
         tableData: {
           total: 0,
@@ -114,12 +115,14 @@
           this.$message.error("请至少选择一条数据");
           return;
         }
+        this.loading = true
         startBusinessFlow({
           bsmSqyw: this.sqywInfo.parentid,
           bdcdysz: this.bdcdysz,
           djqxbm: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodecode : "",
           djqxmc: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodename : "",
         }).then((res) => {
+          this.loading = false
           if (res.code == 200) {
             this.$message({
               showClose: true,

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-07-27 10:04:09
+ * @LastEditTime: 2023-07-31 09:37:23
 -->
 <template>
   <!-- 主体权利信息查询 -->
@@ -46,7 +46,7 @@
     </div>
     <div class="submit_button">
       <el-button @click="$popupCacel">取消</el-button>
-      <el-button type="primary" plain @click="submitForm">发起申请</el-button>
+      <el-button type="primary" plain @click="submitForm" :loading="loading">发起申请</el-button>
     </div>
   </div>
 </template>
@@ -67,6 +67,7 @@
     },
     data () {
       return {
+        loading: false,
         queryForm: defaultParameters.defaultParameters(),
         tableData: {
           total: 0,
@@ -105,12 +106,14 @@
           this.$message.error("请至少选择一条数据");
           return;
         }
+        this.loading = true
         startTogetherFlow({
           bsmSqyw: this.sqywInfo.bsmSqyw,
           bdcdysz: this.bdcdysz,
           djqxbm: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodecode : "",
           djqxmc: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodename : "",
         }).then((res) => {
+          this.loading = false
           if (res.code == 200) {
             this.$message({
               showClose: true,

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-07-21 11:18:36
+ * @LastEditTime: 2023-07-31 09:38:00
 -->
 <template>
   <!-- 主体权利信息查询 -->
@@ -47,7 +47,7 @@
     </div>
     <div class="submit_button">
       <el-button @click="$popupCacel">取消</el-button>
-      <el-button type="primary" plain @click="submitForm">发起申请</el-button>
+      <el-button type="primary" plain @click="submitForm" :loading="loading">发起申请</el-button>
     </div>
   </div>
 </template>

@@ -46,7 +46,7 @@
     </div>
     <div class="submit_button">
       <el-button @click="$popupCacel">取消</el-button>
-      <el-button type="primary" plain @click="submitForm">发起申请</el-button>
+      <el-button type="primary" plain @click="submitForm" :loading="loading">发起申请</el-button>
     </div>
   </div>
 </template>
@@ -67,6 +67,7 @@
     },
     data () {
       return {
+        loading: false,
         queryForm: defaultParameters.defaultParameters(),
         tableData: {
           total: 0,
@@ -105,12 +106,14 @@
           this.$message.error("请至少选择一条数据");
           return;
         }
+        this.loading = true
         startTogetherFlow({
           bsmSqyw: this.sqywInfo.bsmSqyw,
           bdcdysz: this.bdcdysz,
           djqxbm: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodecode : "",
           djqxmc: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodename : "",
         }).then((res) => {
+          this.loading = false
           if (res.code == 200) {
             this.$message({
               showClose: true,

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-07-27 10:49:50
+ * @LastEditTime: 2023-07-31 10:04:41
 -->
 <template>
   <!-- 主体权利信息查询 -->
@@ -46,7 +46,7 @@
     </div>
     <div class="submit_button">
       <el-button @click="$popupCacel">取消</el-button>
-      <el-button type="primary" plain @click="submitForm">发起申请</el-button>
+      <el-button type="primary" plain @click="submitForm" :loading="loading">发起申请</el-button>
     </div>
   </div>
 </template>
@@ -67,6 +67,7 @@
     },
     data () {
       return {
+        loading: false,
         queryForm: defaultParameters.defaultParameters(),
         tableData: {
           total: 0,
@@ -105,12 +106,14 @@
           this.$message.error("请至少选择一条数据");
           return;
         }
+        this.loading = true
         startBusinessFlow({
           bsmSqyw: this.sqywInfo.bsmSqyw,
           bdcdysz: this.bdcdysz,
           djqxbm: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodecode : "",
           djqxmc: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodename : "",
         }).then((res) => {
+          this.loading = false
           if (res.code == 200) {
             this.$message({
               showClose: true,

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-07-21 13:48:00
+ * @LastEditTime: 2023-07-31 10:04:49
 -->
 <template>
   <!-- 主体权利信息查询 -->
@@ -47,7 +47,7 @@
     </div>
     <div class="submit_button">
       <el-button @click="$popupCacel">取消</el-button>
-      <el-button type="primary" plain @click="submitForm">发起申请</el-button>
+      <el-button type="primary" plain @click="submitForm" :loading="loading">发起申请</el-button>
     </div>
   </div>
 </template>
@@ -68,6 +68,7 @@
     },
     data () {
       return {
+        loading: false,
         queryForm: defaultParameters.defaultParameters(),
         tableData: {
           total: 0,
@@ -106,12 +107,14 @@
           this.$message.error("请至少选择一条数据");
           return;
         }
+        this.loading = true
         startBusinessFlow({
           bsmSqyw: this.sqywInfo.bsmSqyw,
           bdcdysz: this.bdcdysz,
           djqxbm: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodecode : "",
           djqxmc: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodename : "",
         }).then((res) => {
+          this.loading = false
           if (res.code == 200) {
             this.$message({
               showClose: true,

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-07-21 13:48:09
+ * @LastEditTime: 2023-07-31 09:40:53
 -->
 <template>
   <!-- 主体权利信息查询 -->
@@ -47,7 +47,7 @@
     </div>
     <div class="submit_button">
       <el-button @click="$popupCacel">取消</el-button>
-      <el-button type="primary" plain @click="submitForm">发起申请</el-button>
+      <el-button type="primary" plain @click="submitForm" :loading="loading">发起申请</el-button>
     </div>
   </div>
 </template>
@@ -69,6 +69,7 @@
     },
     data () {
       return {
+        loading: false,
         queryForm: defaultParameters.defaultParameters(),
         tableData: {
           total: 0,
@@ -107,12 +108,14 @@
           this.$message.error("请至少选择一条数据");
           return;
         }
+        this.loading = true
         startBusinessFlow({
           bsmSqyw: this.sqywInfo.bsmSqyw,
           bdcdysz: this.bdcdysz,
           djqxbm: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodecode : "",
           djqxmc: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodename : "",
         }).then((res) => {
+          this.loading = false
           if (res.code == 200) {
             this.$message({
               showClose: true,