style:权利人信息

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-05-17 10:41:20
+ * @LastEditTime: 2023-08-01 17:33:26
 -->
 <template>
   <div>
@@ -11,303 +11,301 @@
       :key="key"
       :heightNumSetting="true"
       :minHeight="150"
-      :data="tableDataList"
-    >
+      :data="tableDataList">
     </lb-table>
     <addQlr
       v-model="dialog"
       :details="details"
       :showButton="showButton"
-      @updateDetail="handleupdateDetail"
-    />
+      @updateDetail="handleupdateDetail" />
   </div>
 </template>
 <script>
-import addQlr from "./dialog/addQlr.vue";
-import { mapGetters } from "vuex";
-export default {
-  components: {
-    addQlr,
-  },
-  computed: {
-    ...mapGetters(["dictData"]),
-  },
-  props: {
-    tableData: {
-      type: Array,
-      default: function () {
-        return [];
-      },
+  import addQlr from "./dialog/addQlr.vue";
+  import { mapGetters } from "vuex";
+  export default {
+    components: {
+      addQlr,
     },
-    ableOperation: {
-      type: Boolean,
-      default: false,
+    computed: {
+      ...mapGetters(["dictData"]),
     },
-    gyfs: {
-      type: String,
-      default: "1",
+    props: {
+      tableData: {
+        type: Array,
+        default: function () {
+          return [];
+        },
+      },
+      ableOperation: {
+        type: Boolean,
+        default: false,
+      },
+      gyfs: {
+        type: String,
+        default: "1",
+      },
     },
-  },
-  data() {
-    return {
-      key: 0,
-      dataIndex: 0,
-      dialog: false,
-      isaddupdate: false,
-      showButton: this.ableOperation,
-      details: {},
-      tableDataList: [],
-      InformationTable: [
-        {
-          width: "50",
-          renderHeader: (h, scope) => {
-            return (
-              <div>
-                {" "}
-                {!this.ableOperation ? (
-                  "序号"
-                ) : (
-                  <i
-                    class="el-icon-plus pointer"
-                    onClick={() => {
-                      this.addClick();
-                    }}
-                  ></i>
-                )}
-              </div>
-            );
+    data () {
+      return {
+        key: 0,
+        dataIndex: 0,
+        dialog: false,
+        isaddupdate: false,
+        showButton: this.ableOperation,
+        details: {},
+        tableDataList: [],
+        InformationTable: [
+          {
+            width: "50",
+            renderHeader: (h, scope) => {
+              return (
+                <div>
+                  {" "}
+                  {!this.ableOperation ? (
+                    "序号"
+                  ) : (
+                    <i
+                      class="el-icon-plus pointer"
+                      onClick={() => {
+                        this.addClick();
+                      }}
+                    ></i>
+                  )}
+                </div>
+              );
+            },
+            render: (h, scope) => {
+              return (
+                <div>
+                  {!this.ableOperation ? (
+                    <span>{scope.$index + 1}</span>
+                  ) : (
+                    <i
+                      class="el-icon-minus pointer"
+                      onClick={() => {
+                        this.deleClick(scope.$index, scope.row);
+                      }}
+                    ></i>
+                  )}
+                </div>
+              );
+            },
           },
-          render: (h, scope) => {
-            return (
-              <div>
-                {!this.ableOperation ? (
-                  <span>{scope.$index + 1}</span>
-                ) : (
-                  <i
-                    class="el-icon-minus pointer"
-                    onClick={() => {
-                      this.deleClick(scope.$index, scope.row);
-                    }}
-                  ></i>
-                )}
-              </div>
-            );
+          {
+            label: "身份证读卡器",
+            align: "center",
+            render: (h, scope) => {
+              return (
+                <el-button
+                  type="text"
+                  icon="el-icon-tickets"
+                  disabled={!this.ableOperation}
+                  onClick={() => {
+                    this.readClick(scope);
+                  }}
+                >
+                  读取
+                </el-button>
+              );
+            },
           },
-        },
-        {
-          label: "身份证读卡器",
-          align: "center",
-          render: (h, scope) => {
-            return (
-              <el-button
-                type="text"
-                icon="el-icon-tickets"
-                disabled={!this.ableOperation}
-                onClick={() => {
-                  this.readClick(scope);
-                }}
-              >
-                读取
-              </el-button>
-            );
+          {
+            prop: "qlrmc",
+            label: "姓名/名称",
           },
-        },
-        {
-          prop: "qlrmc",
-          label: "姓名/名称",
-        },
-        {
-          prop: "zjzl",
-          label: "证件种类",
-          render: (h, scope) => {
-            return (
-              this.dictData["A30"] &&
-              this.dictData["A30"].map((option) => {
-                if (option.dcode == scope.row.zjzl) {
-                  return <span>{option.dname}</span>;
-                }
-              })
-            );
+          {
+            prop: "zjzl",
+            label: "证件种类",
+            render: (h, scope) => {
+              return (
+                this.dictData["A30"] &&
+                this.dictData["A30"].map((option) => {
+                  if (option.dcode == scope.row.zjzl) {
+                    return <span>{option.dname}</span>;
+                  }
+                })
+              );
+            },
           },
-        },
-        {
-          prop: "zjh",
-          label: "证件号",
-        },
-        {
-          prop: "dh",
-          label: "联系电话",
-        },
-        {
-          label: "操作",
-          render: (h, scope) => {
-            return (
-              <div>
-                {!this.showButton ? (
-                  <el-button
-                    icon="el-icon-view"
-                    type="text"
-                    onClick={() => {
-                      this.queryViewClick(scope.$index, scope.row);
-                    }}
-                    disabled={!this.ableOperation}
-                  >
-                    {" "}
-                    查看
-                  </el-button>
-                ) : (
-                  <el-button
-                    icon="el-icon-edit-outline"
-                    type="text"
-                    onClick={() => {
-                      this.editClick(scope.$index, scope.row);
-                    }}
-                    disabled={!this.ableOperation}
-                  >
-                    编辑
-                  </el-button>
-                )}
-              </div>
-            );
+          {
+            prop: "zjh",
+            label: "证件号",
+          },
+          {
+            prop: "dh",
+            label: "联系电话",
           },
+          {
+            label: "操作",
+            render: (h, scope) => {
+              return (
+                <div>
+                  {!this.showButton ? (
+                    <el-button
+                      icon="el-icon-view"
+                      type="text"
+                      onClick={() => {
+                        this.queryViewClick(scope.$index, scope.row);
+                      }}
+                      disabled={!this.ableOperation}
+                    >
+                      {" "}
+                      查看
+                    </el-button>
+                  ) : (
+                    <el-button
+                      icon="el-icon-edit-outline"
+                      type="text"
+                      onClick={() => {
+                        this.editClick(scope.$index, scope.row);
+                      }}
+                      disabled={!this.ableOperation}
+                    >
+                      编辑
+                    </el-button>
+                  )}
+                </div>
+              );
+            },
+          },
+        ],
+        column: [],
+      };
+    },
+    watch: {
+      tableData: {
+        handler: function (val, oldVal) {
+          let that = this;
+          this.$nextTick(() => {
+            if (val.length == 0 || !val) {
+              that.tableDataList = _.cloneDeep([
+                {
+                  qlrmc: "",
+                  dlrzjlx: "",
+                  dlrzjh: "",
+                  fr: "",
+                },
+              ]);
+            } else {
+              that.tableDataList = _.cloneDeep(val);
+            }
+          });
         },
-      ],
-      column: [],
-    };
-  },
-  watch: {
-    tableData: {
-      handler: function (val, oldVal) {
-        let that = this;
-        this.$nextTick(() => {
-          if (val.length == 0 || !val) {
-            that.tableDataList = _.cloneDeep([
-              {
-                qlrmc: "",
-                dlrzjlx: "",
-                dlrzjh: "",
-                fr: "",
-              },
-            ]);
+        immediate: true,
+        deep: true,
+      },
+      gyfs: {
+        handler (newVal, oldValue) {
+          let dataList = _.cloneDeep(this.InformationTable);
+          if (newVal == 0) {
+            this.column = _.cloneDeep(dataList);
+            this.tableDataList = _.cloneDeep(this.tableData);
+          } else if (newVal == "1" || newVal == "3") {
+            this.column = dataList;
           } else {
-            that.tableDataList = _.cloneDeep(val);
+            this.column = _.cloneDeep(dataList);
+            this.column.splice(2, 0, {
+              prop: "fs",
+              label: "份数",
+            });
           }
-        });
+        },
+        immediate: true,
+        deep: true,
       },
-      immediate: true,
-      deep: true,
     },
-    gyfs: {
-      handler(newVal, oldValue) {
-        let dataList = _.cloneDeep(this.InformationTable);
-        if (newVal == 0) {
-          // this.column = _.cloneDeep(dataList).slice(1, dataList.length)
-          this.column = _.cloneDeep(dataList);
-        } else if (newVal == "1" || newVal == "3") {
-          this.column = dataList;
+    methods: {
+      /**
+       * @handleupdateDetail: 删除
+       * @param {*} value
+       * @author: renchao
+       */
+      handleupdateDetail (value) {
+        if (this.isaddupdate) {
+          if (!_.isEqual(value, this.tableData)) {
+            this.tableDataList[this.tableDataList.length] = _.cloneDeep(value);
+            this.$emit("upDateQlrxxList", this.tableDataList);
+          }
         } else {
-          this.column = _.cloneDeep(dataList);
-          this.column.splice(2, 0, {
-            prop: "fs",
-            label: "份数",
-          });
+          if (!_.isEqual(value, this.tableData)) {
+            this.tableDataList[this.dataIndex] = _.cloneDeep(value);
+            this.$emit("upDateQlrxxList", this.tableDataList);
+          }
         }
+        this.key++;
       },
-      immediate: true,
-    },
-  },
-  methods: {
-    /**
-     * @handleupdateDetail: 删除
-     * @param {*} value
-     * @author: renchao
-     */
-    handleupdateDetail(value) {
-      if (this.isaddupdate) {
-        if (!_.isEqual(value, this.tableData)) {
-          this.tableDataList[this.tableDataList.length] = _.cloneDeep(value);
-          this.$emit("upDateQlrxxList", this.tableDataList);
-        }
-      } else {
-        if (!_.isEqual(value, this.tableData)) {
-          this.tableDataList[this.dataIndex] = _.cloneDeep(value);
-          this.$emit("upDateQlrxxList", this.tableDataList);
+      /**
+       * @description: 新增
+       * @author: renchao
+       */
+      addClick () {
+        if (this.gyfs == "0" && this.tableDataList.length > 0) {
+          this.$message.warning("当前共有方式为单独所有，无法添加多个权利人");
+        } else {
+          this.dialog = true;
+          this.isaddupdate = true;
         }
-      }
-      this.key++;
-    },
-    // 新增
-    /**
-     * @description: 新增
-     * @author: renchao
-     */
-    addClick() {
-      if (this.gyfs == "0" && this.tableDataList.length > 0) {
-        this.$message.warning("当前共有方式为单独所有，无法添加多个权利人");
-      } else {
-        this.dialog = true;
-        this.isaddupdate = true;
-      }
-    },
+      },
 
-    // 删除
-    /**
-     * @description: 删除
-     * @param {*} index
-     * @param {*} row
-     * @author: renchao
-     */
-    deleClick(index, row) {
-      this.$confirm("确定要删除吗, 是否继续?", "提示", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning",
-      })
-        .then(() => {
-          this.tableData.splice(index, 1);
+      // 删除
+      /**
+       * @description: 删除
+       * @param {*} index
+       * @param {*} row
+       * @author: renchao
+       */
+      deleClick (index, row) {
+        this.$confirm("确定要删除吗, 是否继续?", "提示", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning",
         })
-        .catch(() => {});
-    },
+          .then(() => {
+            this.tableData.splice(index, 1);
+          })
+          .catch(() => { });
+      },
 
-    // 身份证读取
-    /**
-     * @description: 身份证读取
-     * @author: renchao
-     */
-    readClick() {},
+      // 身份证读取
+      /**
+       * @description: 身份证读取
+       * @author: renchao
+       */
+      readClick () { },
 
-    // 身份证读取按钮禁用
-    /**
-     * @description: 身份证读取按钮禁用
-     * @author: renchao
-     */
-    onreadClick() {
-      this.$message.error("此阶段不可编辑");
-    },
-    // 修改
-    /**
-     * @description: 修改
-     * @param {*} index
-     * @param {*} row
-     * @author: renchao
-     */
-    editClick(index, row) {
-      this.dataIndex = index;
-      this.dialog = true;
-      this.details = row;
-      this.isaddupdate = false;
-    },
-    /**
-     * @description: queryViewClick
-     * @param {*} index
-     * @param {*} row
-     * @author: renchao
-     */
-    queryViewClick(index, row) {
-      this.dialog = true;
-      this.details = row;
+      // 身份证读取按钮禁用
+      /**
+       * @description: 身份证读取按钮禁用
+       * @author: renchao
+       */
+      onreadClick () {
+        this.$message.error("此阶段不可编辑");
+      },
+      // 修改
+      /**
+       * @description: 修改
+       * @param {*} index
+       * @param {*} row
+       * @author: renchao
+       */
+      editClick (index, row) {
+        this.dataIndex = index;
+        this.dialog = true;
+        this.details = row;
+        this.isaddupdate = false;
+      },
+      /**
+       * @description: queryViewClick
+       * @param {*} index
+       * @param {*} row
+       * @author: renchao
+       */
+      queryViewClick (index, row) {
+        this.dialog = true;
+        this.details = row;
+      },
     },
-  },
-};
+  };
 </script>
 <style scoped lang="scss"></style>

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-07-05 16:15:28
+ * @LastEditTime: 2023-08-01 18:10:29
 -->
 <template>
   <!-- 受理信息 -->
@@ -16,8 +16,7 @@
       :inline="flag"
       label-width="169px"
       inline-message
-      :show-message="false"
-    >
+      :show-message="false">
       <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
         <div class="slxx_title title-block">
           补录信息
@@ -52,18 +51,15 @@
                 :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>
                 <el-table-column prop="mjmc" label="面积"></el-table-column>
                 <el-table-column prop="ytmc" label="用途"></el-table-column>
@@ -79,18 +75,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>
@@ -142,7 +135,7 @@
           </el-col>
           <el-col :span="8">
             <el-form-item label="面积：">
-               <el-input disabled v-model="ruleForm.ztQlxx.mjmc"></el-input>
+              <el-input disabled v-model="ruleForm.ztQlxx.mjmc"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
@@ -174,8 +167,7 @@
                   v-for="item in djlxlist"
                   :key="item.dcode"
                   :label="item.dname"
-                  :value="item.dcode"
-                ></el-option>
+                  :value="item.dcode"></el-option>
               </el-select>
             </el-form-item>
           </el-col>
@@ -188,13 +180,12 @@
                   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>
           <el-col :span="8">
-            <el-form-item label="业务号："  prop="qlxx.ywh" :rules="rules.ywhrules">
+            <el-form-item label="业务号：" prop="qlxx.ywh" :rules="rules.ywhrules">
               <el-input v-model="ruleForm.qlxx.ywh"></el-input>
             </el-form-item>
           </el-col>
@@ -227,15 +218,13 @@
                 <el-input
                   v-model="ruleForm.diyaq.zgzqse"
                   style="width: 500%"
-                  oninput="value=value.replace(/[^\d.]/g,'')"
-                ></el-input>
+                  oninput="value=value.replace(/[^\d.]/g,'')"></el-input>
                 <el-select v-model="ruleForm.diyaq.jedw">
                   <el-option
                     v-for="item in dictData['A57']"
                     :key="item.dcode"
                     :label="item.dname"
-                    :value="item.dcode"
-                  ></el-option>
+                    :value="item.dcode"></el-option>
                 </el-select>
               </div>
             </el-form-item>
@@ -246,24 +235,22 @@
                 <el-input
                   v-model="ruleForm.diyaq.bdbzzqse"
                   style="width: 500%"
-                  oninput="value=value.replace(/[^\d.]/g,'')"
-                ></el-input>
+                  oninput="value=value.replace(/[^\d.]/g,'')"></el-input>
                 <el-select v-model="ruleForm.diyaq.jedw">
                   <el-option
                     v-for="item in dictData['A57']"
                     :key="item.dcode"
                     :label="item.dname"
-                    :value="item.dcode"
-                  ></el-option>
+                    :value="item.dcode"></el-option>
                 </el-select>
               </div>
             </el-form-item>
           </el-col>
         </el-row>
         <el-row :gutter="10">
-        <el-col :span="8">
-          <el-form-item label="抵押面积：">
-         <div class="flex">
+          <el-col :span="8">
+            <el-form-item label="抵押面积：">
+              <div class="flex">
                 <el-input
                   v-model="ruleForm.diyaq.dymj"
                   oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
@@ -278,54 +265,50 @@
                   </el-option>
                 </el-select>
               </div>
-          </el-form-item>
-        </el-col>
+            </el-form-item>
+          </el-col>
 
-        <el-col :span="8">
-          <el-form-item
-            label="债务履行起始时间："
-            prop="diyaq.zwlxqssj"
-            :rules="rules.zwlxqssjrules"
-          >
-            <el-date-picker
-              v-model="ruleForm.diyaq.zwlxqssj"
-              type="date"
-              placeholder="选择日期"
-              value-format="yyyy-MM-dd HH:mm:ss"
-              format="yyyy-MM-dd"
-            >
-            </el-date-picker>
-          </el-form-item>
-        </el-col>
-        <el-col :span="8">
-          <el-form-item
-            label="债务履行结束时间："
-            prop="diyaq.zwlxjssj"
-            :rules="rules.zwlxjssjrules"
-          >
-            <el-date-picker
-              v-model="ruleForm.diyaq.zwlxjssj"
-              type="date"
-              placeholder="选择日期"
-              value-format="yyyy-MM-dd HH:mm:ss"
-              format="yyyy-MM-dd"
-            >
-            </el-date-picker>
-          </el-form-item>
-        </el-col>
-         </el-row>
-         <el-row :gutter="10">
-        <el-col :span="8">
-          <el-form-item label="在建建筑物坐落：">
-            <el-input v-model="ruleForm.qlxx.zl"></el-input>
-          </el-form-item>
-        </el-col>
-        <!-- <el-col :span="8">
+          <el-col :span="8">
+            <el-form-item
+              label="债务履行起始时间："
+              prop="diyaq.zwlxqssj"
+              :rules="rules.zwlxqssjrules">
+              <el-date-picker
+                v-model="ruleForm.diyaq.zwlxqssj"
+                type="date"
+                placeholder="选择日期"
+                value-format="yyyy-MM-dd HH:mm:ss"
+                format="yyyy-MM-dd">
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item
+              label="债务履行结束时间："
+              prop="diyaq.zwlxjssj"
+              :rules="rules.zwlxjssjrules">
+              <el-date-picker
+                v-model="ruleForm.diyaq.zwlxjssj"
+                type="date"
+                placeholder="选择日期"
+                value-format="yyyy-MM-dd HH:mm:ss"
+                format="yyyy-MM-dd">
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="10">
+          <el-col :span="8">
+            <el-form-item label="在建建筑物坐落：">
+              <el-input v-model="ruleForm.qlxx.zl"></el-input>
+            </el-form-item>
+          </el-col>
+          <!-- <el-col :span="8">
           <el-form-item label="不动产登记证明号：" prop="bdcqzh">
             <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
           </el-form-item>
         </el-col> -->
-        <!-- <el-col :span="8">
+          <!-- <el-col :span="8">
           <el-form-item
             label="区县代码："
             prop="qlxx.qxdm"
@@ -334,88 +317,82 @@
             <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
           </el-form-item>
         </el-col> -->
-        <el-col :span="8">
-          <el-form-item label="在建建筑物抵押范围：">
-            <el-input v-model="ruleForm.diyaq.zjjzwdyfw"></el-input>
-          </el-form-item>
-        </el-col>
+          <el-col :span="8">
+            <el-form-item label="在建建筑物抵押范围：">
+              <el-input v-model="ruleForm.diyaq.zjjzwdyfw"></el-input>
+            </el-form-item>
+          </el-col>
 
-        <el-col :span="8">
-          <el-form-item label="担保范围：">
-            <el-input v-model="ruleForm.diyaq.dbfw"></el-input>
-          </el-form-item>
-        </el-col>
-        <el-col :span="8">
-          <el-form-item label="债务履行期限(确定期间)：">
-            <el-input v-model="ruleForm.diyaq.dyqx"></el-input>
-          </el-form-item>
-        </el-col>
+          <el-col :span="8">
+            <el-form-item label="担保范围：">
+              <el-input v-model="ruleForm.diyaq.dbfw"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="债务履行期限(确定期间)：">
+              <el-input v-model="ruleForm.diyaq.dyqx"></el-input>
+            </el-form-item>
+          </el-col>
 
-        <el-col :span="8">
-          <el-form-item label="最高债权确定事实和数额：">
-            <el-input v-model="ruleForm.diyaq.zgzqqdss"></el-input>
-          </el-form-item>
-        </el-col>
-        <el-col :span="8">
-          <el-form-item label="是否限制转移约定：">
-            <el-select v-model="ruleForm.diyaq.sfczjzhxz">
-              <el-option
-                v-for="item in dictData['A6']"
-                :key="item.dcode"
-                :label="item.dname"
-                :value="item.dcode"
-              >
-              </el-option>
-            </el-select>
-          </el-form-item>
-        </el-col>
-        <el-col :span="8">
-          <el-form-item
-            label="不动产登记证明号："
-            prop="qlxx.bdcqzh"
-            :rules="rules.bdcqzhrules"
-          >
-            <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
-          </el-form-item>
-        </el-col>
+          <el-col :span="8">
+            <el-form-item label="最高债权确定事实和数额：">
+              <el-input v-model="ruleForm.diyaq.zgzqqdss"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="是否限制转移约定：">
+              <el-select v-model="ruleForm.diyaq.sfczjzhxz">
+                <el-option
+                  v-for="item in dictData['A6']"
+                  :key="item.dcode"
+                  :label="item.dname"
+                  :value="item.dcode">
+                </el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item
+              label="不动产登记证明号："
+              prop="qlxx.bdcqzh"
+              :rules="rules.bdcqzhrules">
+              <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
+            </el-form-item>
+          </el-col>
 
-        <el-col :span="8">
-          <el-form-item
-            label="登记机构："
-            prop="qlxx.djjg"
-            :rules="rules.djjgrules"
-          >
-            <el-input v-model="ruleForm.qlxx.djjg"></el-input>
-          </el-form-item>
-        </el-col>
-        <el-col :span="8">
-          <el-form-item
-            label="登簿人："
-            prop="qlxx.dbr"
-            :rules="rules.dbrrules"
-          >
-            <el-input v-model="ruleForm.qlxx.dbr"></el-input>
-          </el-form-item>
-        </el-col>
-        <el-col :span="8">
-          <el-form-item
-            label="登记时间："
-            prop="qlxx.djsj"
-            :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"
-            >
-            </el-date-picker>
-          </el-form-item>
-        </el-col>
+          <el-col :span="8">
+            <el-form-item
+              label="登记机构："
+              prop="qlxx.djjg"
+              :rules="rules.djjgrules">
+              <el-input v-model="ruleForm.qlxx.djjg"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item
+              label="登簿人："
+              prop="qlxx.dbr"
+              :rules="rules.dbrrules">
+              <el-input v-model="ruleForm.qlxx.dbr"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item
+              label="登记时间："
+              prop="qlxx.djsj"
+              :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">
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
 
-        <!-- <el-col :span="8">
+          <!-- <el-col :span="8">
             <el-form-item label="是否预告登记：">
               <el-select v-model="ruleForm.diyaq.sfygdj">
                 <el-option
@@ -426,64 +403,60 @@
               </el-select>
             </el-form-item>
           </el-col> -->
-        <!-- <el-col :span="8">
+          <!-- <el-col :span="8">
             <el-form-item label="在建建筑物坐落：">
               <el-input v-model="ruleForm.diyaq.zjzzwzl"></el-input>
             </el-form-item>
           </el-col> -->
 
-        <el-col :span="24">
-          <el-form-item label="登记原因：">
-            <el-input v-model="ruleForm.qlxx.djyy"></el-input>
-          </el-form-item>
-        </el-col>
-        <el-col :span="24">
-          <el-form-item label="附记：">
-            <el-input v-model="ruleForm.diyaq.fj"></el-input>
-          </el-form-item>
-        </el-col>
-        <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
-          <el-form-item label="注销抵押业务号：">
-            <el-input v-model="ruleForm.diyaq.zxdyywh"></el-input>
-          </el-form-item>
-        </el-col>
+          <el-col :span="24">
+            <el-form-item label="登记原因：">
+              <el-input v-model="ruleForm.qlxx.djyy"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="附记：">
+              <el-input v-model="ruleForm.diyaq.fj"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
+            <el-form-item label="注销抵押业务号：">
+              <el-input v-model="ruleForm.diyaq.zxdyywh"></el-input>
+            </el-form-item>
+          </el-col>
 
-        <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
-          <el-form-item
-            label="注销时间："
-            prop="qlxx.zxsj"
-            :rules="rules.zxsjrules"
-          >
-            <el-date-picker
-              v-model="ruleForm.qlxx.zxsj"
-              type="date"
-              placeholder="选择日期"
-              value-format="yyyy-MM-dd HH:mm:ss"
-              format="yyyy-MM-dd"
-            >
-            </el-date-picker>
-          </el-form-item>
-        </el-col>
-        <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
-          <el-form-item
-            label="注销登簿人："
-            prop="qlxx.zxdbr"
-            :rules="rules.zxdbrrules"
-          >
-            <el-input v-model="ruleForm.qlxx.zxdbr"></el-input>
-          </el-form-item>
-        </el-col>
-        <el-col :span="24" v-if="ruleForm.qlxx.qszt == '2'">
-          <el-form-item
-            label="注销抵押原因："
-            prop="diyaq.zxdyyy"
-            :rules="rules.zxdyyyrules"
-          >
-            <el-input v-model="ruleForm.diyaq.zxdyyy"></el-input>
-          </el-form-item>
-        </el-col>
+          <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
+            <el-form-item
+              label="注销时间："
+              prop="qlxx.zxsj"
+              :rules="rules.zxsjrules">
+              <el-date-picker
+                v-model="ruleForm.qlxx.zxsj"
+                type="date"
+                placeholder="选择日期"
+                value-format="yyyy-MM-dd HH:mm:ss"
+                format="yyyy-MM-dd">
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
+            <el-form-item
+              label="注销登簿人："
+              prop="qlxx.zxdbr"
+              :rules="rules.zxdbrrules">
+              <el-input v-model="ruleForm.qlxx.zxdbr"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="24" v-if="ruleForm.qlxx.qszt == '2'">
+            <el-form-item
+              label="注销抵押原因："
+              prop="diyaq.zxdyyy"
+              :rules="rules.zxdyyyrules">
+              <el-input v-model="ruleForm.diyaq.zxdyyy"></el-input>
+            </el-form-item>
+          </el-col>
 
-          </el-row>
+        </el-row>
         <div class="slxx_title title-block">
           权利人信息
           <div class="triangle"></div>
@@ -492,9 +465,8 @@
           <el-col :span="14">
             <el-form-item label="共有方式：">
               <el-radio-group
-                 :disabled="!ableOperation"
-                v-model="ruleForm.qlxx.gyfs"
-              >
+                :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>
@@ -508,8 +480,7 @@
           @upDateQlrxxList="upDateQlrxxList"
           :key="key"
           :ableOperation="ableOperation"
-          :gyfs="ruleForm.qlxx.gyfs"
-        />
+          :gyfs="ruleForm.qlxx.gyfs" />
 
         <div v-if="ruleForm.ywrData">
           <div class="slxx_title title-block">
@@ -521,8 +492,7 @@
             :tableData="ruleForm.ywrData"
             :key="key"
             :ableOperation="ableOperation"
-            @upDateQlrxxList="upDateYwrxxList"
-          />
+            @upDateQlrxxList="upDateYwrxxList" />
         </div>
       </div>
       <el-row class="btn" v-if="ableOperation">
@@ -534,290 +504,292 @@
   </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 selectTable from "@/components/selectTable/index.vue";
-import tdytTable from "@/views/workflow/components/tdytTable";
-export default {
-  components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable },
-  computed: {
-    ...mapGetters(["dictData", "flag"]),
-    // 根据流程判断表单是否为只读
-    editDisabled() {
-      if (!this.ableOperation) {
-        //只读状态
-        return true;
-      }
-      return false;
-    },
-  },
-  data() {
-    return {
-      mjdw:"1",
-      props: {
-        label: "bdcqzh",
-        value: "bdcdyid",
+  import { mapGetters } from "vuex";
+  import ywmix from "@/views/ywbl/mixin/index"
+  import { init, getSsQlxx, getZtQlxx, save } from "@/api/djbRepair.js";
+  import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
+  import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable";
+  import selectTable from "@/components/selectTable/index.vue";
+  import tdytTable from "@/views/workflow/components/tdytTable";
+  export default {
+    mixins: [ywmix],
+    components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable },
+    computed: {
+      ...mapGetters(["dictData", "flag"]),
+      // 根据流程判断表单是否为只读
+      editDisabled () {
+        if (!this.ableOperation) {
+          //只读状态
+          return true;
+        }
+        return false;
       },
-      //表单是否可操作
-      propsParam: this.$attrs,
-      key: 0,
-      isShow: false,
-      disabled: true,
-      ssqlxxshow: true,
-      czrOptions: [],
-      ruleForm: {},
-      // 权属状态
-      qsztlist: [
-        {
-          dcode: "1",
-          dname: "现势",
-        },
-        {
-          dcode: "2",
-          dname: "历史",
-        },
-      ],
-      // 登记类型
-      djlxlist: [
-        {
-          dcode: "100",
-          dname: "首次登记",
-        },
-        {
-          dcode: "200",
-          dname: "转移登记",
-        },
-        {
-          dcode: "300",
-          dname: "变更登记",
-        },
-        {
-          dcode: "500",
-          dname: "更正登记",
-        },
-
-        {
-          dcode: "901",
-          dname: "补证",
-        },
-        {
-          dcode: "902",
-          dname: "换证",
+    },
+    data () {
+      return {
+        mjdw: "1",
+        props: {
+          label: "bdcqzh",
+          value: "bdcdyid",
         },
-      ],
-      ssQlxxList: [],
-      ztQlxxList: [],
-      ableOperation: false,
-      rules: {
-        ztQlxxrules: [
-          { required: true, message: "抵押不动产信息", trigger: "blur" },
-        ],
-        bdcqzhrules: [
-          { required: true, message: "不动产登记证明号", trigger: "blur" },
-        ],
-        qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
-        zwlxqssjrules: [
-          { required: true, message: "债务履行起始时间", trigger: "blur" },
-        ],
-        zwlxjssjrules: [
-          { required: true, message: "债务履行结束时间", trigger: "blur" },
+        //表单是否可操作
+        propsParam: this.$attrs,
+        key: 0,
+        isShow: false,
+        disabled: true,
+        ssqlxxshow: true,
+        czrOptions: [],
+        ruleForm: {},
+        // 权属状态
+        qsztlist: [
+          {
+            dcode: "1",
+            dname: "现势",
+          },
+          {
+            dcode: "2",
+            dname: "历史",
+          },
         ],
+        // 登记类型
+        djlxlist: [
+          {
+            dcode: "100",
+            dname: "首次登记",
+          },
+          {
+            dcode: "200",
+            dname: "转移登记",
+          },
+          {
+            dcode: "300",
+            dname: "变更登记",
+          },
+          {
+            dcode: "500",
+            dname: "更正登记",
+          },
 
-        zxdyyyrules: [
-          { required: true, message: "注销抵押原因", trigger: "blur" },
+          {
+            dcode: "901",
+            dname: "补证",
+          },
+          {
+            dcode: "902",
+            dname: "换证",
+          },
         ],
-        zxsjrules: [{ required: true, message: "注销时间", trigger: "blur" }],
-        zxdbrrules: [
-          { required: true, message: "注销登簿人", trigger: "blur" },
-        ],
-        djjgrules: [{ required: true, message: "登记机构", trigger: "change" }],
-        dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
-        djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
-        djlxrules: [{ required: true, message: "登记类型", trigger: "change" }],
-         ywhrules: [{ required: true, message: "业务号", trigger: "blur" }],
-      },
-    };
-  },
-  created() {},
-  mounted() {
-    this.loadData();
-    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;
+        ssQlxxList: [],
+        ztQlxxList: [],
+        ableOperation: false,
+        rules: {
+          ztQlxxrules: [
+            { required: true, message: "抵押不动产信息", trigger: "blur" },
+          ],
+          bdcqzhrules: [
+            { required: true, message: "不动产登记证明号", trigger: "blur" },
+          ],
+          qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
+          zwlxqssjrules: [
+            { required: true, message: "债务履行起始时间", trigger: "blur" },
+          ],
+          zwlxjssjrules: [
+            { required: true, message: "债务履行结束时间", trigger: "blur" },
+          ],
+
+          zxdyyyrules: [
+            { required: true, message: "注销抵押原因", trigger: "blur" },
+          ],
+          zxsjrules: [{ required: true, message: "注销时间", trigger: "blur" }],
+          zxdbrrules: [
+            { required: true, message: "注销登簿人", trigger: "blur" },
+          ],
+          djjgrules: [{ required: true, message: "登记机构", trigger: "change" }],
+          dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
+          djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
+          djlxrules: [{ required: true, message: "登记类型", trigger: "change" }],
+          ywhrules: [{ required: true, message: "业务号", trigger: "blur" }],
+        },
+      };
     },
-    djlxchange(val) {
-      if (val == null || val == 100) {
-        this.ssqlxxshow = false;
-      } else {
-        this.ssqlxxshow = true;
-      }
+    created () { },
+    mounted () {
+      this.loadData();
+      this.ableOperation = this.$parent.ableOperation;
     },
-    /**
-     * @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();
-          this.isShow = true;
-          let djlx = this.ruleForm.qlxx.djlx;
-          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;
+    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;
+      },
+      djlxchange (val) {
+        if (val == null || val == 100) {
+          this.ssqlxxshow = false;
+        } else {
+          this.ssqlxxshow = true;
         }
-      });
-    },
-    // 更新土地用途信息
-    /**
-     * @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;
+      },
+      /**
+       * @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();
+            this.isShow = true;
+            let djlx = this.ruleForm.qlxx.djlx;
+            if (djlx == null || djlx == 100) {
+              this.ssqlxxshow = false;
+            }
           }
-            if (this.ruleForm.ywrData.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) {
+        });
+        //获取上手信息
+        getZtQlxx({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
+          if (res.code == 200) {
+            this.ztQlxxList = 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: "共有方式：单独所有，权利人只能是一个人",
+                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.$parent.changeywh()
-              this.$store.dispatch("user/refreshPage", true);
-            } else {
+            if (this.ruleForm.ywrData.length == 0) {
               this.$message({
                 showClose: true,
-                message: res.message,
+                message: "请确认义务人信息",
                 type: "error",
               });
+              return false;
             }
-          });
-        } else {
-          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.$parent.changeywh()
+                this.$store.dispatch("user/refreshPage", true);
+              } else {
+                this.$message({
+                  showClose: true,
+                  message: res.message,
+                  type: "error",
+                });
+              }
+            });
+          } else {
+            return false;
+          }
+        });
+      },
     },
-  },
-};
+  };
 </script>
 <style scoped lang="scss">
-@import "~@/styles/public.scss";
-@import "~@/styles/slxx/slxx.scss";
-.el-date-editor.el-input {
-  width: 100%;
-}
-.el-table__row {
-  height: 30px !important;
-}
+  @import "~@/styles/public.scss";
+  @import "~@/styles/slxx/slxx.scss";
+  .el-date-editor.el-input {
+    width: 100%;
+  }
+  .el-table__row {
+    height: 30px !important;
+  }
 </style>

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-07-03 09:59:11
+ * @LastEditTime: 2023-08-01 18:10:51
 -->
 <template>
   <!-- 受理信息 -->
@@ -15,8 +15,7 @@
       :label-position="flag ? 'top' : ''"
       :inline="flag"
       :show-message="false"
-      label-width="150px"
-    >
+      label-width="150px">
       <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
         <div class="slxx_title title-block">
           补录信息
@@ -48,25 +47,21 @@
             <el-form-item
               label="地役权不动产信息："
               prop="ztQlxx.bdcqzh"
-              :rules="rules.ztQlxxrules"
-            >
+              :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>
                 <el-table-column prop="mjmc" label="面积"></el-table-column>
                 <el-table-column prop="ytmc" label="用途"></el-table-column>
@@ -82,18 +77,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>
@@ -165,7 +157,7 @@
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item label="业务号："  prop="qlxx.ywh" :rules="rules.ywhrules">
+            <el-form-item label="业务号：" prop="qlxx.ywh" :rules="rules.ywhrules">
               <el-input v-model="ruleForm.qlxx.ywh"></el-input>
             </el-form-item>
           </el-col>
@@ -190,15 +182,13 @@
             <el-form-item
               label="登记类型： "
               prop="qlxx.djlx"
-              :rules="rules.djlxrules"
-            >
+              :rules="rules.djlxrules">
               <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange">
                 <el-option
                   v-for="item in djlxlist"
                   :key="item.dcode"
                   :label="item.dname"
-                  :value="item.dcode"
-                >
+                  :value="item.dcode">
                 </el-option>
               </el-select>
             </el-form-item>
@@ -212,8 +202,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>
@@ -226,8 +215,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>
@@ -235,8 +223,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>
@@ -244,16 +231,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>
@@ -264,8 +249,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>
@@ -288,8 +272,7 @@
                   v-for="item in dictData['A30']"
                   :key="item.dcode"
                   :label="item.dname"
-                  :value="item.dcode"
-                ></el-option>
+                  :value="item.dcode"></el-option>
               </el-select>
             </el-form-item>
           </el-col>
@@ -320,8 +303,7 @@
                   v-for="item in dictData['A30']"
                   :key="item.dcode"
                   :label="item.dname"
-                  :value="item.dcode"
-                ></el-option>
+                  :value="item.dcode"></el-option>
               </el-select>
             </el-form-item>
           </el-col>
@@ -348,8 +330,7 @@
                 type="date"
                 placeholder="选择日期"
                 value-format="yyyy-MM-dd HH:mm:ss"
-                format="yyyy-MM-dd"
-              >
+                format="yyyy-MM-dd">
               </el-date-picker>
             </el-form-item>
           </el-col>
@@ -361,8 +342,7 @@
                 type="date"
                 placeholder="选择日期"
                 value-format="yyyy-MM-dd HH:mm:ss"
-                format="yyyy-MM-dd"
-              >
+                format="yyyy-MM-dd">
               </el-date-picker>
             </el-form-item>
           </el-col>
@@ -386,8 +366,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>
@@ -401,8 +380,7 @@
           @upDateQlrxxList="upDateQlrxxList"
           :key="key"
           :ableOperation="ableOperation"
-          :gyfs="ruleForm.qlxx.gyfs"
-        />
+          :gyfs="ruleForm.qlxx.gyfs" />
 
         <div>
           <div class="slxx_title title-block">
@@ -414,8 +392,7 @@
             :tableData="ruleForm.ywrData"
             :key="key"
             :ableOperation="ableOperation"
-            @upDateQlrxxList="upDateYwrxxList"
-          />
+            @upDateQlrxxList="upDateYwrxxList" />
         </div>
       </div>
       <el-row class="btn" v-if="ableOperation">
@@ -427,275 +404,277 @@
   </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 {
-      ssqlxxshow: true,
-      props: {
-        label: "bdcqzh",
-        value: "bdcdyid",
+  import { mapGetters } from "vuex";
+  import ywmix from "@/views/ywbl/mixin/index"
+  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 {
+    mixins: [ywmix],
+    components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable },
+    computed: {
+      ...mapGetters(["dictData", "flag"]),
+      // 根据流程判断表单是否为只读
+      editDisabled () {
+        if (!this.ableOperation) {
+          //只读状态
+          return true;
+        }
+        return false;
       },
-      //表单是否可操作
-      propsParam: this.$attrs,
-      key: 0,
-      isShow: false,
-      disabled: true,
-      czrOptions: [],
-      ssQlxxList: [],
-      ztQlxxList: [],
-      ruleForm: {},
-      // 登记类型
-      djlxlist: [
-        {
-          dcode: "100",
-          dname: "首次登记",
-        },
-        {
-          dcode: "200",
-          dname: "转移登记",
-        },
-        {
-          dcode: "300",
-          dname: "变更登记",
-        },
-        {
-          dcode: "500",
-          dname: "更正登记",
+    },
+    data () {
+      return {
+        ssqlxxshow: true,
+        props: {
+          label: "bdcqzh",
+          value: "bdcdyid",
         },
+        //表单是否可操作
+        propsParam: this.$attrs,
+        key: 0,
+        isShow: false,
+        disabled: true,
+        czrOptions: [],
+        ssQlxxList: [],
+        ztQlxxList: [],
+        ruleForm: {},
+        // 登记类型
+        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: "历史",
-        },
-      ],
-      ableOperation: false,
-      //传递参数\
-      rules: {
-        ztQlxxrules: [
-          { required: true, message: "抵押不动产信息", trigger: "blur" },
+          {
+            dcode: "901",
+            dname: "补证",
+          },
+          {
+            dcode: "902",
+            dname: "换证",
+          },
         ],
-        bdcqzhrules: [
-          { required: true, message: "不动产登记证明号", trigger: "blur" },
+        // 权属状态
+        qsztlist: [
+          {
+            dcode: "1",
+            dname: "现势",
+          },
+          {
+            dcode: "2",
+            dname: "历史",
+          },
         ],
-        djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
-        dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
-        djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
-        djlxrules: [{ required: true, message: "登记类型", trigger: "change" }],
-        ywhrules: [{ required: true, message: "业务号", trigger: "blur" }],
-      },
-    };
-  },
-  created() {},
-  mounted() {
-    this.loadData();
-    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;
+        ableOperation: false,
+        //传递参数\
+        rules: {
+          ztQlxxrules: [
+            { required: true, message: "抵押不动产信息", trigger: "blur" },
+          ],
+          bdcqzhrules: [
+            { required: true, message: "不动产登记证明号", trigger: "blur" },
+          ],
+          djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
+          dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
+          djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
+          djlxrules: [{ required: true, message: "登记类型", trigger: "change" }],
+          ywhrules: [{ required: true, message: "业务号", trigger: "blur" }],
+        },
+      };
     },
-    /**
-     * @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;
     },
-    /**
-     * @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();
-          this.isShow = true;
-        }
-      });
-      //获取主体信息
-      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;
+    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) {
+        console.log("val", val);
+        if (val == null || val == 100) {
+          this.ssqlxxshow = false;
+        } else {
+          this.ssqlxxshow = true;
         }
-      });
-    },
-    // 更新土地用途信息
-    /**
-     * @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;
+      },
+      /**
+       * @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();
+            this.isShow = true;
           }
-          if (this.ruleForm.ywrData.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) {
+        });
+        //获取上手信息
+        getZtQlxx({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
+          if (res.code == 200) {
+            this.ztQlxxList = 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: "共有方式：单独所有，权利人只能是一个人",
+                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) {
+            if (this.ruleForm.ywrData.length == 0) {
               this.$message({
                 showClose: true,
-                message: "保存成功！",
-                type: "success",
-              });
-              this.$parent.changeywh()
-              this.$store.dispatch("user/refreshPage", true);
-            } else {
-              this.$message({
-                showClose: true,
-                message: res.message,
+                message: "请确认义务人信息",
                 type: "error",
               });
+              return false;
             }
-          });
-        } else {
-          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.$parent.changeywh()
+                this.$store.dispatch("user/refreshPage", true);
+              } else {
+                this.$message({
+                  showClose: true,
+                  message: res.message,
+                  type: "error",
+                });
+              }
+            });
+          } else {
+            return false;
+          }
+        });
+      },
     },
-  },
-};
+  };
 </script>
 <style scoped lang="scss">
-@import "~@/styles/public.scss";
-@import "~@/styles/slxx/slxx.scss";
+  @import "~@/styles/public.scss";
+  @import "~@/styles/slxx/slxx.scss";
 </style>

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-07-21 09:48:32
+ * @LastEditTime: 2023-08-01 18:11:07
 -->
 <template>
   <!-- 受理信息 -->
@@ -116,8 +116,8 @@
           <el-col :span="8">
             <el-form-item label="独用土地面积：">
               <div class="flex">
-              <el-input v-model="ruleForm.fdcq2.dytdmj"
-              oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
+                <el-input v-model="ruleForm.fdcq2.dytdmj"
+                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
                 <el-select
                   disabled
                   v-model="mjdw"
@@ -129,14 +129,14 @@
                     :value="item.dcode">
                   </el-option>
                 </el-select>
-                </div>
+              </div>
             </el-form-item>
           </el-col>
           <el-col :span="8">
             <el-form-item label="分摊土地面积：">
-                <div class="flex">
-              <el-input v-model="ruleForm.fdcq2.fttdmj"
-              oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
+              <div class="flex">
+                <el-input v-model="ruleForm.fdcq2.fttdmj"
+                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
                 <el-select
                   disabled
                   v-model="mjdw"
@@ -148,7 +148,7 @@
                     :value="item.dcode">
                   </el-option>
                 </el-select>
-                 </div>
+              </div>
             </el-form-item>
           </el-col>
           <el-col :span="8">
@@ -165,12 +165,11 @@
           </el-col>
           <el-col :span="8">
             <el-form-item label="房地产交易价格：">
-               <div class="flex">
+              <div class="flex">
                 <el-input
                   v-model="ruleForm.fdcq2.qjjg"
                   style="width: 500%"
-                   oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
-                   ></el-input>
+                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
                 <el-select v-model="ruleForm.fdcq2.jedw">
                   <el-option
                     v-for="item in dictData['A57']"
@@ -255,11 +254,11 @@
           </el-col>
           <el-col :span="8">
             <el-form-item label="建筑面积：">
-               <div class="flex">
-              <el-input v-model="ruleForm.fdcq2.jzmj"
-              oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
+              <div class="flex">
+                <el-input v-model="ruleForm.fdcq2.jzmj"
+                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
                 <el-select
-                 disabled
+                  disabled
                   v-model="mjdw"
                   style="width: 20%">
                   <el-option
@@ -269,16 +268,16 @@
                     :value="item.dcode">
                   </el-option>
                 </el-select>
-                 </div>
+              </div>
             </el-form-item>
           </el-col>
           <el-col :span="8">
             <el-form-item label="专有建筑面积：">
-               <div class="flex">
-              <el-input v-model="ruleForm.fdcq2.zyjzmj"
-              oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
+              <div class="flex">
+                <el-input v-model="ruleForm.fdcq2.zyjzmj"
+                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
                 <el-select
-                disabled
+                  disabled
                   v-model="mjdw"
                   style="width: 20%">
                   <el-option
@@ -288,16 +287,16 @@
                     :value="item.dcode">
                   </el-option>
                 </el-select>
-                </div>
+              </div>
             </el-form-item>
           </el-col>
           <el-col :span="8">
             <el-form-item label="分摊建筑面积：">
               <div class="flex">
-              <el-input v-model="ruleForm.fdcq2.ftjzmj"
-              oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
+                <el-input v-model="ruleForm.fdcq2.ftjzmj"
+                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
                 <el-select
-                 disabled
+                  disabled
                   v-model="mjdw"
                   style="width: 20%">
                   <el-option
@@ -307,19 +306,18 @@
                     :value="item.dcode">
                   </el-option>
                 </el-select>
-                </div>
+              </div>
             </el-form-item>
           </el-col>
           <el-col :span="8">
             <el-form-item label="竣工时间：">
-                     <el-date-picker
+              <el-date-picker
                 v-model="ruleForm.fdcq2.jgsj"
-                 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>
@@ -430,11 +428,13 @@
 </template>
 <script>
   import { mapGetters } from "vuex";
+  import ywmix from "@/views/ywbl/mixin/index"
   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 {
+    mixins: [ywmix],
     components: { qlrCommonTable, tdytTable, selectTable },
     computed: {
       ...mapGetters(["dictData", "flag"]),
@@ -449,7 +449,7 @@
     },
     data () {
       return {
-        mjdw:"1",
+        mjdw: "1",
         ssqlxxshow: true,
         props: {
           label: "bdcqzh",
@@ -698,7 +698,7 @@
                   message: "保存成功！",
                   type: "success",
                 });
-                 this.$parent.changeywh()
+                this.$parent.changeywh()
                 this.$store.dispatch("user/refreshPage", true);
               } else {
                 this.$message({
@@ -720,9 +720,9 @@
   @import "~@/styles/public.scss";
   @import "~@/styles/slxx/slxx.scss";
   .el-date-editor.el-input {
-  width: 100%;
-}
-.el-table__row {
-  height: 30px !important;
-}
+    width: 100%;
+  }
+  .el-table__row {
+    height: 30px !important;
+  }
 </style>

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-06-25 15:52:42
+ * @LastEditTime: 2023-08-01 18:11:21
 -->
 <template>
   <!-- 受理信息 -->
@@ -9,13 +9,12 @@
     <el-form
       :model="ruleForm"
       :rules="rules"
-         :class="{readonly: editDisabled }"
-       class="loadingtext"
+      :class="{readonly: editDisabled }"
+      class="loadingtext"
       ref="ruleForm"
       :label-position="flag ? 'top' : ''"
       :inline="flag"
-      label-width="145px"
-    >
+      label-width="145px">
       <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
         <div class="slxx_title title-block">
           补录信息
@@ -43,25 +42,22 @@
           <div class="triangle"></div>
         </div>
         <el-row :gutter="24">
-         <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>
@@ -70,7 +66,7 @@
             </el-form-item>
           </el-col>
         </el-row>
-         <el-row :gutter="10">
+        <el-row :gutter="10">
           <el-col :span="8">
             <el-form-item label="不动产单元号：">
               <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
@@ -94,14 +90,13 @@
             </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 +108,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 +127,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 +140,7 @@
                     :value="item.dcode">
                   </el-option>
                 </el-select>
-                 </div>
+              </div>
             </el-form-item>
           </el-col>
           <el-col :span="8">
@@ -174,15 +168,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 +185,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 +202,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 +210,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 +218,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 +244,7 @@
         <tdytTable
           :tableData="ruleForm.tdytqxList"
           @upDateTdytxxList="upDateTdytxxList"
-          :ableOperation="ableOperation"
-        />
+          :ableOperation="ableOperation" />
         <div class="slxx_title title-block">
           权利人信息
           <div class="triangle"></div>
@@ -266,10 +252,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 +268,7 @@
           @upDateQlrxxList="upDateQlrxxList"
           :key="key"
           :ableOperation="ableOperation"
-          :gyfs="ruleForm.qlxx.gyfs"
-        />
+          :gyfs="ruleForm.qlxx.gyfs" />
 
       </div>
       <el-row class="btn" v-if="ableOperation">
@@ -296,268 +280,270 @@
   </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 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) {
-        //只读状态
-        return true;
-      }
-      return false;
-    },
-  },
-  data() {
-    return {
-       mjdw:"1",
-         ssqlxxshow:true,
-        props: {
-        label: "bdcqzh",
-        value: "bdcdyid",
-      },
-      // 键名转换，方法默认是label和children进行树状渲染
-      normalizer(node) {
-        //方法
-        if (node.children == null || node.children == "null") {
-          delete node.children;
+  import { mapGetters } from "vuex";
+  import store from "@/store/index.js";
+  import ywmix from "@/views/ywbl/mixin/index"
+  import { init, getSsQlxx, save } from "@/api/djbRepair.js";
+  import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
+  import tdytTable from "@/views/workflow/components/tdytTable";
+  import selectTable from "@/components/selectTable/index.vue";
+  export default {
+    mixins: [ywmix],
+    components: { qlrCommonTable, tdytTable, selectTable },
+    computed: {
+      ...mapGetters(["dictData", "flag"]),
+      // 根据流程判断表单是否为只读
+      editDisabled () {
+        if (!this.ableOperation) {
+          //只读状态
+          return true;
         }
-        return {
-          id: node.dcode,
-          label: node.dname,
-        };
+        return false;
       },
-      //表单是否可操作
-      propsParam: this.$attrs,
-      ableOperation:false,
-      key: 0,
-        ssQlxxList: [],
-      // 登记类型
-      djlxlist: [
-        {
-          dcode: "100",
-          dname: "首次登记",
-        },
-        {
-          dcode: "200",
-          dname: "转移登记",
-        },
-        {
-          dcode: "300",
-          dname: "变更登记",
+    },
+    data () {
+      return {
+        mjdw: "1",
+        ssqlxxshow: true,
+        props: {
+          label: "bdcqzh",
+          value: "bdcdyid",
         },
-        {
-          dcode: "500",
-          dname: "更正登记",
+        // 键名转换，方法默认是label和children进行树状渲染
+        normalizer (node) {
+          //方法
+          if (node.children == null || node.children == "null") {
+            delete node.children;
+          }
+          return {
+            id: node.dcode,
+            label: node.dname,
+          };
         },
+        //表单是否可操作
+        propsParam: this.$attrs,
+        ableOperation: false,
+        key: 0,
+        ssQlxxList: [],
+        // 登记类型
+        djlxlist: [
+          {
+            dcode: "100",
+            dname: "首次登记",
+          },
+          {
+            dcode: "200",
+            dname: "转移登记",
+          },
+          {
+            dcode: "300",
+            dname: "变更登记",
+          },
+          {
+            dcode: "500",
+            dname: "更正登记",
+          },
 
-        {
-          dcode: "901",
-          dname: "补证",
-        },
-        {
-          dcode: "902",
-          dname: "换证",
-        },
-      ],
-      // 权属状态
-      qsztlist: [
-        {
-          dcode: "1",
-          dname: "现势",
-        },
-        {
-          dcode: "2",
-          dname: "历史",
-        },
-      ],
-      tdxz: null,
-      isShow: false,
-      disabled: true,
-      czrOptions: [],
-      ruleForm: {},
-      //传递参数\
-      rules: {
-        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) {
-      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) {
+        if (val == null || val == 100) {
+          this.ssqlxxshow = false;
+        } else {
+          this.ssqlxxshow = true;
+        }
+      },
+      // 字典
+      /**
+       * @description: 字典
+       * @param {*} val
+       * @author: renchao
+       */
+      getDictData (val) {
+        return store.getters.dictData[val];
+      },
+      /**
+       * @description: loadData
+       * @author: renchao
+       */
+      loadData () {
         this.$startLoading();
-      this.propsParam.isEdit = this.$parent.isEdit;
-      init(this.propsParam).then((res) => {
-        if (res.code == 200) {
-         this.ruleForm = res.result;
-          let djlx = this.ruleForm.qlxx.djlx;
-          if (djlx == null || djlx == 100) {
-            this.ssqlxxshow = false;
-          }
-           this.$endLoading();
-          if (this.ruleForm.tdytqxList.length > 0) {
-            this.tdxz = this.ruleForm.tdytqxList[0].qlxzbm;
-          } else {
-            this.tdxz = null;
+        this.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: 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.$parent.changeywh()
+                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.$parent.changeywh()
-              this.$store.dispatch("user/refreshPage", true);
-            } else {
-              this.$message({
-                showClose: true,
-                message: res.message,
-                type: "error",
-              });
-            }
-          });
-        } else {
-          return false;
-        }
-      });
+        });
+      },
     },
-  },
-};
+  };
 </script>
 <style scoped lang="scss">
-@import "~@/styles/public.scss";
-@import "~@/styles/slxx/slxx.scss";
+  @import "~@/styles/public.scss";
+  @import "~@/styles/slxx/slxx.scss";
 </style>

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-06-25 15:52:42
+ * @LastEditTime: 2023-08-01 18:11:41
 -->
 <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>
@@ -70,30 +66,28 @@
               </select-table>
             </el-form-item>
           </el-col>
-             <el-col :span="8">
+          <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-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-row>
+        <el-row :gutter="10">
           <el-col :span="8">
             <el-form-item label="不动产单元号：">
               <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
@@ -114,8 +108,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>
@@ -123,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>
@@ -141,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>
@@ -153,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>
@@ -173,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.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>
@@ -197,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.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>
@@ -221,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.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>
@@ -247,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.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>
@@ -271,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.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>
@@ -295,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.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>
@@ -321,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.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>
@@ -343,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>
@@ -371,8 +338,7 @@
         <tdytTable
           :tableData="ruleForm.tdytqxList"
           @upDateTdytxxList="upDateTdytxxList"
-          :ableOperation="ableOperation"
-        />
+          :ableOperation="ableOperation" />
         <div class="slxx_title title-block">
           权利人信息
           <div class="triangle"></div>
@@ -382,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>
@@ -397,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>
@@ -409,337 +373,339 @@
   </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 { mapGetters } from "vuex";
+  import store from "@/store/index.js";
+  import ywmix from "@/views/ywbl/mixin/index"
+  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 {
+    mixins: [ywmix],
+    components: { qlrCommonTable, tdytTable, selectTable },
+    computed: {
+      ...mapGetters(["dictData", "flag"]),
+      // 根据流程判断表单是否为只读
+      editDisabled () {
+        if (!this.ableOperation) {
+          //只读状态
+          return true;
         }
-        return {
-          id: node.dcode,
-          label: node.dname,
-        };
+        return false;
       },
-      //表单是否可操作
-      propsParam: this.$attrs,
-      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++;
-    },
-    /**
-     * @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.$parent.changeywh()
+                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.$parent.changeywh()
-              this.$store.dispatch("user/refreshPage", true);
-            } else {
-              this.$message({
-                showClose: true,
-                message: res.message,
-                type: "error",
-              });
-            }
-          });
-        } else {
-          return false;
-        }
-      });
+        });
+      },
     },
-  },
-};
+  };
 </script>
 <style scoped lang="scss">
-@import "~@/styles/public.scss";
-@import "~@/styles/slxx/slxx.scss";
-/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>

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-06-25 15:52:42
+ * @LastEditTime: 2023-08-01 18:12:11
  :show-message="false"
 -->
 <template>
@@ -10,15 +10,14 @@
     <el-form
       :model="ruleForm"
       :rules="rules"
-        :class="{readonly: editDisabled }"
-       class="loadingtext"
+      :class="{readonly: editDisabled }"
+      class="loadingtext"
       ref="ruleForm"
       :label-position="flag ? 'top' : ''"
       :show-message="false"
       :inline="flag"
       inline-message
-      label-width="145px"
-    >
+      label-width="145px">
       <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
         <div class="slxx_title title-block">
           补录信息
@@ -41,8 +40,8 @@
             </el-form-item>
           </el-col>
         </el-row>
-          <div class="slxx_title title-block">
-         预告抵押登记信息不动产情况
+        <div class="slxx_title title-block">
+          预告抵押登记信息不动产情况
           <div class="triangle"></div>
         </div>
         <el-row :gutter="10">
@@ -53,18 +52,15 @@
                 :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>
                 <el-table-column prop="mjmc" label="面积"></el-table-column>
                 <el-table-column prop="ytmc" label="用途"></el-table-column>
@@ -80,18 +76,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>
@@ -143,7 +136,7 @@
           </el-col>
           <el-col :span="8">
             <el-form-item label="面积：">
-               <el-input disabled v-model="ruleForm.ztQlxx.mjmc"></el-input>
+              <el-input disabled v-model="ruleForm.ztQlxx.mjmc"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
@@ -163,7 +156,7 @@
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item label="业务号："  prop="qlxx.ywh" :rules="rules.ywhrules">
+            <el-form-item label="业务号：" prop="qlxx.ywh" :rules="rules.ywhrules">
               <el-input v-model="ruleForm.qlxx.ywh"></el-input>
             </el-form-item>
           </el-col>
@@ -185,14 +178,13 @@
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item label="登记类型："  prop="qlxx.djlx" :rules="rules.djlxrules">
+            <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>
@@ -203,7 +195,7 @@
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item label="不动产权证号：" prop="qlxx.bdcqzh"  :rules="rules.bdcqzhrules">
+            <el-form-item label="不动产权证号：" prop="qlxx.bdcqzh" :rules="rules.bdcqzhrules">
               <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
             </el-form-item>
           </el-col>
@@ -227,11 +219,10 @@
               <el-date-picker
                 v-model="ruleForm.qlxx.djsj"
                 type="date"
-                 class="width100"
+                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>
@@ -242,22 +233,20 @@
                   v-for="item in qsztlist"
                   :key="item.dcode"
                   :label="item.dname"
-                  :value="item.dcode"
-                >
+                  :value="item.dcode">
                 </el-option>
               </el-select>
             </el-form-item>
           </el-col>
 
           <el-col :span="8">
-            <el-form-item label="预告登记种类："  prop="ygdj.ygdjzlmc" :rules="rules.ygdjlxrules">
+            <el-form-item label="预告登记种类：" prop="ygdj.ygdjzlmc" :rules="rules.ygdjlxrules">
               <el-select v-model="ruleForm.ygdj.ygdjzlmc">
                 <el-option
                   v-for="item in dictData['A29']"
                   :key="item.dcode"
                   :label="item.dname"
-                  :value="item.dcode"
-                >
+                  :value="item.dcode">
                 </el-option>
               </el-select>
             </el-form-item>
@@ -269,13 +258,12 @@
           </el-col>
           <el-col :span="8">
             <el-form-item label="规划用途：">
-               <el-select v-model="ruleForm.ygdj.ghyt">
+              <el-select v-model="ruleForm.ygdj.ghyt">
                 <el-option
                   v-for="item in dictData['A17']"
                   :key="item.dcode"
                   :label="item.dname"
-                  :value="item.dcode"
-                >
+                  :value="item.dcode">
                 </el-option>
               </el-select>
             </el-form-item>
@@ -287,13 +275,12 @@
           </el-col>
           <el-col :span="8">
             <el-form-item label="房屋性质：">
-               <el-select v-model="ruleForm.ygdj.fwxz">
+              <el-select v-model="ruleForm.ygdj.fwxz">
                 <el-option
                   v-for="item in dictData['A19']"
                   :key="item.dcode"
                   :label="item.dname"
-                  :value="item.dcode"
-                >
+                  :value="item.dcode">
                 </el-option>
               </el-select>
             </el-form-item>
@@ -305,13 +292,12 @@
           </el-col>
           <el-col :span="8">
             <el-form-item label="房屋结构：">
-               <el-select v-model="ruleForm.ygdj.fwjg">
+              <el-select v-model="ruleForm.ygdj.fwjg">
                 <el-option
                   v-for="item in dictData['A46']"
                   :key="item.dcode"
                   :label="item.dname"
-                  :value="item.dcode"
-                >
+                  :value="item.dcode">
                 </el-option>
               </el-select>
             </el-form-item>
@@ -329,20 +315,17 @@
           <el-col :span="8">
             <el-form-item label="建筑面积：">
               <div class="flex">
-              <el-input v-model="ruleForm.ygdj.jzmj"
-               oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
-                ></el-input>
+                <el-input v-model="ruleForm.ygdj.jzmj"
+                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
                 <el-select
                   v-model="ruleForm.ygdj.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>
@@ -360,22 +343,21 @@
           </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.ygdj.zxsj"
                 type="date"
-                 class="width100"
+                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>
           <el-col :span="8">
             <el-form-item label="取得价格/被担保主债权数额：">
               <div class="flex">
-              <el-input v-model="ruleForm.ygdj.qdjg"
-               oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
+                <el-input v-model="ruleForm.ygdj.qdjg"
+                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
                 <el-select
                   v-model="ruleForm.ygdj.jedw"
                   :disabled="!ableOperation"
@@ -423,10 +405,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>
@@ -440,10 +421,9 @@
           @upDateQlrxxList="upDateQlrxxList"
           :key="key"
           :ableOperation="ableOperation"
-          :gyfs="ruleForm.qlxx.gyfs"
-        />
+          :gyfs="ruleForm.qlxx.gyfs" />
 
-      <div v-if="ruleForm.ywrData">
+        <div v-if="ruleForm.ywrData">
           <div class="slxx_title title-block">
             义务人信息
             <div class="triangle"></div>
@@ -453,8 +433,7 @@
             :tableData="ruleForm.ywrData"
             :key="key"
             :ableOperation="ableOperation"
-            @upDateQlrxxList="upDateYwrxxList"
-          />
+            @upDateQlrxxList="upDateYwrxxList" />
         </div>
       </div>
       <el-row class="btn" v-if="ableOperation">
@@ -466,282 +445,284 @@
   </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;
+  import { mapGetters } from "vuex";
+  import ywmix from "@/views/ywbl/mixin/index"
+  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 {
+    mixins: [ywmix],
+    components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable },
+    computed: {
+      ...mapGetters(["dictData", "flag"]),
+      // 根据流程判断表单是否为只读
+      editDisabled () {
+        if (!this.ableOperation) {
+          //只读状态
+          return true;
+        }
+        return false;
+      },
     },
-  },
-  data() {
-    return {
-         ssqlxxshow:true,
+    data () {
+      return {
+        ssqlxxshow: true,
         props: {
-        label: "bdcqzh",
-        value: "bdcdyid",
-      },
-      //表单是否可操作
-      propsParam: this.$attrs,
-      key: 0,
-      isShow: false,
-      disabled: true,
-      czrOptions: [],
-       ssQlxxList: [],
-       ztQlxxList: [],
-      ruleForm: {},
-       // 登记类型
-      djlxlist: [
-        {
-          dcode: "100",
-          dname: "首次登记",
-        },
-        {
-          dcode: "200",
-          dname: "转移登记",
-        },
-        {
-          dcode: "300",
-          dname: "变更登记",
-        },
-        {
-          dcode: "500",
-          dname: "更正登记",
+          label: "bdcqzh",
+          value: "bdcdyid",
         },
+        //表单是否可操作
+        propsParam: this.$attrs,
+        key: 0,
+        isShow: false,
+        disabled: true,
+        czrOptions: [],
+        ssQlxxList: [],
+        ztQlxxList: [],
+        ruleForm: {},
+        // 登记类型
+        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: "历史",
-        },
-      ],
-      //传递参数\
-         rules: {
-        ztQlxxrules: [
-          { required: true, message: "抵押不动产信息", trigger: "blur" },
+          {
+            dcode: "901",
+            dname: "补证",
+          },
+          {
+            dcode: "902",
+            dname: "换证",
+          },
         ],
-        bdcqzhrules: [
-          { required: true, message: "不动产登记证明号", trigger: "blur" },
+        // 权属状态
+        qsztlist: [
+          {
+            dcode: "1",
+            dname: "现势",
+          },
+          {
+            dcode: "2",
+            dname: "历史",
+          },
         ],
-        // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
-        djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
-        dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
-        djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
-        ygdjlxrules: [{ required: true, message: "预告登记种类", trigger: "change" }],
-         djlxrules: [{ required: true, message: "登记类型", trigger: "change" }],
-         ywhrules: [{ required: true, message: "业务号", trigger: "blur" }],
-      },
-      ableOperation:false,
-    };
-  },
-  created() {
-    this.loadData();
-  },
-  mounted() {
-      this.ableOperation=this.$parent.ableOperation
-
-  },
-  methods: {
-       /**
-     * @description: ztQlxxchange
-     * @param {*} val
-     * @author: renchao
-     */
-    ztQlxxchange(val) {
-      this.ruleForm.ztQlxx = val;
+        //传递参数\
+        rules: {
+          ztQlxxrules: [
+            { required: true, message: "抵押不动产信息", trigger: "blur" },
+          ],
+          bdcqzhrules: [
+            { required: true, message: "不动产登记证明号", trigger: "blur" },
+          ],
+          // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
+          djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
+          dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
+          djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
+          ygdjlxrules: [{ required: true, message: "预告登记种类", trigger: "change" }],
+          djlxrules: [{ required: true, message: "登记类型", trigger: "change" }],
+          ywhrules: [{ required: true, message: "业务号", trigger: "blur" }],
+        },
+        ableOperation: false,
+      };
     },
-    /**
-     * @description: ssQlxxchange
-     * @param {*} val
-     * @author: renchao
-     */
-      ssQlxxchange(val) {
-      this.ruleForm.ssQlxx = val;
-     this.ruleForm.qlxx.ssywh = val.ywh;
+    created () {
+      this.loadData();
     },
-    /**
-     * @description: djlxchange
-     * @param {*} val
-     * @author: renchao
-     */
-       djlxchange(val) {
-      if (val == null || val == 100) {
-        this.ssqlxxshow = false;
-      } else {
-        this.ssqlxxshow = true;
-      }
+    mounted () {
+      this.ableOperation = this.$parent.ableOperation
+
     },
-    /**
-     * @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();
-          this.isShow = true;
+    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;
         }
-      });
+      },
+      /**
+       * @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();
+            this.isShow = true;
+          }
+        });
         //获取主体信息
-      getSsQlxx({
-        bdcdyid: this.propsParam.bdcdyid,
-        qllx: this.propsParam.qllx,
-      }).then((res) => {
-        if (res.code == 200) {
-          this.ssQlxxList = res.result;
-              console.log("this.$refs.ruleForm",this.$refs.ruleForm);
-        }
-      });
+        getSsQlxx({
+          bdcdyid: this.propsParam.bdcdyid,
+          qllx: this.propsParam.qllx,
+        }).then((res) => {
+          if (res.code == 200) {
+            this.ssQlxxList = res.result;
+            console.log("this.$refs.ruleForm", this.$refs.ruleForm);
+          }
+        });
 
         //获取上手信息
-      getZtQlxx({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
-        if (res.code == 200) {
-          this.ztQlxxList = res.result;
-          console.log("this.$refs.ruleForm",this.$refs.ruleForm);
-        }
-      });
-
-    },
-    // 更新土地用途信息
-    /**
-     * @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",
+        getZtQlxx({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
+          if (res.code == 200) {
+            this.ztQlxxList = res.result;
+            console.log("this.$refs.ruleForm", this.$refs.ruleForm);
+          }
         });
-        return false;
-      }
-       if (this.ruleForm.ywrData.length == 0) {
-            this.$message({
-              showClose: true,
-              message: "请确认义务人信息",
-              type: "error",
+
+      },
+      // 更新土地用途信息
+      /**
+       * @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;
+            }
+            if (this.ruleForm.ywrData.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.$parent.changeywh()
+                this.$store.dispatch("user/refreshPage", true);
+              } else {
+                this.$message({
+                  showClose: true,
+                  message: res.message,
+                  type: "error",
+                });
+              }
             });
+          } else {
             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.$parent.changeywh()
-          this.$store.dispatch("user/refreshPage", true);
-        } else {
-          this.$message({
-            showClose: true,
-            message: res.message,
-            type: "error",
-          });
-        }
-      });
-          } else {
-          return false;
-        }
-      });
+        });
+      },
     },
-  },
-};
+  };
 </script>
 <style scoped lang="scss">
-@import "~@/styles/public.scss";
-@import "~@/styles/slxx/slxx.scss";
+  @import "~@/styles/public.scss";
+  @import "~@/styles/slxx/slxx.scss";
 </style>

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-06-25 15:52:42
+ * @LastEditTime: 2023-08-01 18:12:36
  :show-message="false"
 -->
 <template>
@@ -10,15 +10,14 @@
     <el-form
       :model="ruleForm"
       :rules="rules"
-        :class="{readonly: editDisabled }"
-       class="loadingtext"
+      :class="{readonly: editDisabled }"
+      class="loadingtext"
       ref="ruleForm"
       :label-position="flag ? 'top' : ''"
       :show-message="false"
       :inline="flag"
       inline-message
-      label-width="145px"
-    >
+      label-width="145px">
       <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
         <div class="slxx_title title-block">
           补录信息
@@ -42,29 +41,26 @@
           </el-col>
         </el-row>
         <div class="slxx_title title-block">
-         预告买卖登记信息不动产情况
+          预告买卖登记信息不动产情况
           <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>
@@ -72,37 +68,35 @@
               </select-table>
             </el-form-item>
           </el-col>
-              <el-col :span="8">
+          <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-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>
+        </el-row>
+        <el-row>
           <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="业务号："  prop="qlxx.ywh" :rules="rules.ywhrules">
+            <el-form-item label="业务号：" prop="qlxx.ywh" :rules="rules.ywhrules">
               <el-input v-model="ruleForm.qlxx.ywh"></el-input>
             </el-form-item>
           </el-col>
@@ -122,7 +116,7 @@
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item label="不动产权证号：" prop="qlxx.bdcqzh"  :rules="rules.bdcqzhrules">
+            <el-form-item label="不动产权证号：" prop="qlxx.bdcqzh" :rules="rules.bdcqzhrules">
               <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
             </el-form-item>
           </el-col>
@@ -145,12 +139,11 @@
             <el-form-item label="登记时间：" prop="qlxx.djsj" :rules="rules.djsjrules">
               <el-date-picker
                 v-model="ruleForm.qlxx.djsj"
-                 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>
@@ -161,22 +154,20 @@
                   v-for="item in qsztlist"
                   :key="item.dcode"
                   :label="item.dname"
-                  :value="item.dcode"
-                >
+                  :value="item.dcode">
                 </el-option>
               </el-select>
             </el-form-item>
           </el-col>
 
           <el-col :span="8">
-            <el-form-item label="预告登记种类："  prop="ygdj.ygdjlx" :rules="rules.ygdjlxrules">
+            <el-form-item label="预告登记种类：" prop="ygdj.ygdjlx" :rules="rules.ygdjlxrules">
               <el-select v-model="ruleForm.ygdj.ygdjlx">
                 <el-option
                   v-for="item in dictData['A29']"
                   :key="item.dcode"
                   :label="item.dname"
-                  :value="item.dcode"
-                >
+                  :value="item.dcode">
                 </el-option>
               </el-select>
             </el-form-item>
@@ -188,13 +179,12 @@
           </el-col>
           <el-col :span="8">
             <el-form-item label="规划用途：">
-               <el-select v-model="ruleForm.ygdj.ghyt">
+              <el-select v-model="ruleForm.ygdj.ghyt">
                 <el-option
                   v-for="item in dictData['A17']"
                   :key="item.dcode"
                   :label="item.dname"
-                  :value="item.dcode"
-                >
+                  :value="item.dcode">
                 </el-option>
               </el-select>
             </el-form-item>
@@ -206,13 +196,12 @@
           </el-col>
           <el-col :span="8">
             <el-form-item label="房屋性质：">
-               <el-select v-model="ruleForm.ygdj.fwxz">
+              <el-select v-model="ruleForm.ygdj.fwxz">
                 <el-option
                   v-for="item in dictData['A19']"
                   :key="item.dcode"
                   :label="item.dname"
-                  :value="item.dcode"
-                >
+                  :value="item.dcode">
                 </el-option>
               </el-select>
             </el-form-item>
@@ -224,13 +213,12 @@
           </el-col>
           <el-col :span="8">
             <el-form-item label="房屋结构：">
-               <el-select v-model="ruleForm.ygdj.fwjg">
+              <el-select v-model="ruleForm.ygdj.fwjg">
                 <el-option
                   v-for="item in dictData['A46']"
                   :key="item.dcode"
                   :label="item.dname"
-                  :value="item.dcode"
-                >
+                  :value="item.dcode">
                 </el-option>
               </el-select>
             </el-form-item>
@@ -246,22 +234,19 @@
             </el-form-item>
           </el-col>
           <el-col :span="8">
-           <el-form-item label="建筑面积：">
+            <el-form-item label="建筑面积：">
               <div class="flex">
-              <el-input v-model="ruleForm.ygdj.jzmj"
-               oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
-                ></el-input>
+                <el-input v-model="ruleForm.ygdj.jzmj"
+                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
                 <el-select
                   v-model="ruleForm.ygdj.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>
@@ -279,22 +264,21 @@
           </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.ygdj.zxsj"
-                 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>
           <el-col :span="8">
-           <el-form-item label="取得价格/被担保主债权数额：">
+            <el-form-item label="取得价格/被担保主债权数额：">
               <div class="flex">
-              <el-input v-model="ruleForm.ygdj.qdjg"
-               oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
+                <el-input v-model="ruleForm.ygdj.qdjg"
+                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
                 <el-select
                   v-model="ruleForm.ygdj.jedw"
                   :disabled="!ableOperation"
@@ -342,10 +326,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>
@@ -359,10 +342,9 @@
           @upDateQlrxxList="upDateQlrxxList"
           :key="key"
           :ableOperation="ableOperation"
-          :gyfs="ruleForm.qlxx.gyfs"
-        />
+          :gyfs="ruleForm.qlxx.gyfs" />
 
-      <div v-if="ruleForm.ywrData">
+        <div v-if="ruleForm.ywrData">
           <div class="slxx_title title-block">
             义务人信息
             <div class="triangle"></div>
@@ -372,8 +354,7 @@
             :tableData="ruleForm.ywrData"
             :key="key"
             :ableOperation="ableOperation"
-            @upDateQlrxxList="upDateYwrxxList"
-          />
+            @upDateQlrxxList="upDateYwrxxList" />
         </div>
       </div>
       <el-row class="btn" v-if="ableOperation">
@@ -385,259 +366,261 @@
   </div>
 </template>
 <script>
-import { mapGetters } from "vuex";
-import { init,getSsQlxx, 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;
+  import { mapGetters } from "vuex";
+  import ywmix from "@/views/ywbl/mixin/index"
+  import { init, getSsQlxx, 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 {
+    mixins: [ywmix],
+    components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable },
+    computed: {
+      ...mapGetters(["dictData", "flag"]),
+      // 根据流程判断表单是否为只读
+      editDisabled () {
+        if (!this.ableOperation) {
+          //只读状态
+          return true;
+        }
+        return false;
+      },
     },
-  },
-  data() {
-    return {
-         ssqlxxshow:true,
+    data () {
+      return {
+        ssqlxxshow: true,
         props: {
-        label: "bdcqzh",
-        value: "bdcdyid",
-      },
-      //表单是否可操作
-      propsParam: this.$attrs,
-      key: 0,
-      isShow: false,
-      disabled: true,
-      czrOptions: [],
-       ssQlxxList: [],
-      ruleForm: {},
-       // 登记类型
-      djlxlist: [
-        {
-          dcode: "100",
-          dname: "首次登记",
-        },
-        {
-          dcode: "200",
-          dname: "转移登记",
-        },
-        {
-          dcode: "300",
-          dname: "变更登记",
-        },
-        {
-          dcode: "500",
-          dname: "更正登记",
+          label: "bdcqzh",
+          value: "bdcdyid",
         },
+        //表单是否可操作
+        propsParam: this.$attrs,
+        key: 0,
+        isShow: false,
+        disabled: true,
+        czrOptions: [],
+        ssQlxxList: [],
+        ruleForm: {},
+        // 登记类型
+        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: "历史",
-        },
-      ],
-      //传递参数\
-         rules: {
-          bdcqzhrules:[
+          {
+            dcode: "901",
+            dname: "补证",
+          },
+          {
+            dcode: "902",
+            dname: "换证",
+          },
+        ],
+        // 权属状态
+        qsztlist: [
+          {
+            dcode: "1",
+            dname: "现势",
+          },
+          {
+            dcode: "2",
+            dname: "历史",
+          },
+        ],
+        //传递参数\
+        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" }],
-        ygdjlxrules: [{ required: true, message: "预告登记种类", trigger: "blur" }],
-         djlxrules: [{ required: true, message: "登记类型", trigger: "change" }],
-         ywhrules: [{ required: true, message: "业务号", trigger: "blur" }],
-      },
-      ableOperation:false,
-    };
-  },
-  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;
+          // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
+          djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
+          dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
+          djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
+          ygdjlxrules: [{ required: true, message: "预告登记种类", trigger: "blur" }],
+          djlxrules: [{ required: true, message: "登记类型", trigger: "change" }],
+          ywhrules: [{ required: true, message: "业务号", trigger: "blur" }],
+        },
+        ableOperation: false,
+      };
     },
-    /**
-     * @description: djlxchange
-     * @param {*} val
-     * @author: renchao
-     */
-       djlxchange(val) {
-      if (val == null || val == 100) {
-        this.ssqlxxshow = false;
-      } else {
-        this.ssqlxxshow = true;
-      }
+    created () {
+      this.loadData();
     },
-    /**
-     * @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();
-          this.isShow = true;
+    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;
+      },
+      /**
+       * @description: djlxchange
+       * @param {*} val
+       * @author: renchao
+       */
+      djlxchange (val) {
+        if (val == null || val == 100) {
+          this.ssqlxxshow = false;
+        } else {
+          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;
+            let djlx = this.ruleForm.qlxx.djlx;
+            if (djlx == null || djlx == 100) {
+              this.ssqlxxshow = false;
+            }
+            this.$endLoading();
+            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",
+        getSsQlxx({
+          bdcdyid: this.propsParam.bdcdyid,
+          qllx: this.propsParam.qllx,
+        }).then((res) => {
+          if (res.code == 200) {
+            this.ssQlxxList = res.result;
+          }
         });
-        return false;
-      }
-       if (this.ruleForm.ywrData.length == 0) {
-            this.$message({
-              showClose: true,
-              message: "请确认义务人信息",
-              type: "error",
+      },
+      // 更新土地用途信息
+      /**
+       * @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;
+            }
+            if (this.ruleForm.ywrData.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.$parent.changeywh()
+                this.$store.dispatch("user/refreshPage", true);
+              } else {
+                this.$message({
+                  showClose: true,
+                  message: res.message,
+                  type: "error",
+                });
+              }
             });
+          } else {
             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.$parent.changeywh()
-          this.$store.dispatch("user/refreshPage", true);
-        } else {
-          this.$message({
-            showClose: true,
-            message: res.message,
-            type: "error",
-          });
-        }
-      });
-          } else {
-          return false;
-        }
-      });
+        });
+      },
     },
-  },
-};
+  };
 </script>
 <style scoped lang="scss">
-@import "~@/styles/public.scss";
-@import "~@/styles/slxx/slxx.scss";
+  @import "~@/styles/public.scss";
+  @import "~@/styles/slxx/slxx.scss";
 </style>

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-06-25 15:52:42
+ * @LastEditTime: 2023-08-01 18:12:57
 -->
 <template>
   <!-- 受理信息 -->
@@ -16,8 +16,7 @@
       :inline="flag"
       inline-message
       :show-message="false"
-      label-width="145px"
-    >
+      label-width="145px">
       <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
         <div class="slxx_title title-block">
           补录信息
@@ -49,25 +48,21 @@
             <el-form-item
               label="抵押不动产信息："
               prop="ztQlxx.bdcqzh"
-              :rules="rules.ztQlxxrules"
-            >
+              :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>
                 <el-table-column prop="mjmc" label="面积"></el-table-column>
                 <el-table-column prop="ytmc" 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>
@@ -166,7 +158,7 @@
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item label="业务号："  prop="qlxx.ywh" :rules="rules.ywhrules">
+            <el-form-item label="业务号：" prop="qlxx.ywh" :rules="rules.ywhrules">
               <el-input v-model="ruleForm.qlxx.ywh"></el-input>
             </el-form-item>
           </el-col>
@@ -191,15 +183,13 @@
             <el-form-item
               label="登记类型："
               prop="qlxx.djlx"
-              :rules="rules.djlxrules"
-            >
+              :rules="rules.djlxrules">
               <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange">
                 <el-option
                   v-for="item in djlxlist"
                   :key="item.dcode"
                   :label="item.dname"
-                  :value="item.dcode"
-                >
+                  :value="item.dcode">
                 </el-option>
               </el-select>
             </el-form-item>
@@ -213,8 +203,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>
@@ -227,8 +216,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>
@@ -236,8 +224,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>
@@ -245,16 +232,14 @@
             <el-form-item
               label="登记时间："
               prop="qlxx.djsj"
-              :rules="rules.djsjrules"
-            >
+              :rules="rules.djsjrules">
               <el-date-picker
                 v-model="ruleForm.qlxx.djsj"
                 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>
@@ -265,8 +250,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>
@@ -310,8 +294,7 @@
                 type="date"
                 placeholder="选择日期"
                 value-format="yyyy-MM-dd HH:mm:ss"
-                format="yyyy-MM-dd"
-              >
+                format="yyyy-MM-dd">
               </el-date-picker>
             </el-form-item>
           </el-col>
@@ -325,8 +308,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>
@@ -340,8 +322,7 @@
           @upDateQlrxxList="upDateQlrxxList"
           :key="key"
           :ableOperation="ableOperation"
-          :gyfs="ruleForm.qlxx.gyfs"
-        />
+          :gyfs="ruleForm.qlxx.gyfs" />
         <div v-if="ruleForm.ywrData">
           <div class="slxx_title title-block">
             义务人信息
@@ -352,8 +333,7 @@
             :tableData="ruleForm.ywrData"
             :key="key"
             :ableOperation="ableOperation"
-            @upDateQlrxxList="upDateYwrxxList"
-          />
+            @upDateQlrxxList="upDateYwrxxList" />
         </div>
       </div>
       <el-row class="btn" v-if="ableOperation">
@@ -365,277 +345,279 @@
   </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 {
-      ssqlxxshow: true,
-      props: {
-        label: "bdcqzh",
-        value: "bdcdyid",
+  import { mapGetters } from "vuex";
+  import ywmix from "@/views/ywbl/mixin/index"
+  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 {
+    mixins: [ywmix],
+    components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable },
+    computed: {
+      ...mapGetters(["dictData", "flag"]),
+      // 根据流程判断表单是否为只读
+      editDisabled () {
+        if (!this.ableOperation) {
+          //只读状态
+          return true;
+        }
+        return false;
       },
-      //表单是否可操作
-      propsParam: this.$attrs,
-      key: 0,
-      isShow: false,
-      disabled: true,
-      czrOptions: [],
-      ssQlxxList: [],
-      ztQlxxList: [],
-      ruleForm: {},
-      // 登记类型
-      djlxlist: [
-        {
-          dcode: "100",
-          dname: "首次登记",
-        },
-        {
-          dcode: "200",
-          dname: "转移登记",
-        },
-        {
-          dcode: "300",
-          dname: "变更登记",
-        },
-        {
-          dcode: "500",
-          dname: "更正登记",
+    },
+    data () {
+      return {
+        ssqlxxshow: true,
+        props: {
+          label: "bdcqzh",
+          value: "bdcdyid",
         },
+        //表单是否可操作
+        propsParam: this.$attrs,
+        key: 0,
+        isShow: false,
+        disabled: true,
+        czrOptions: [],
+        ssQlxxList: [],
+        ztQlxxList: [],
+        ruleForm: {},
+        // 登记类型
+        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: "历史",
-        },
-      ],
-      //传递参数\
-      rules: {
-        ztQlxxrules: [
-          { required: true, message: "抵押不动产信息", trigger: "blur" },
+          {
+            dcode: "901",
+            dname: "补证",
+          },
+          {
+            dcode: "902",
+            dname: "换证",
+          },
         ],
-        bdcqzhrules: [
-          { required: true, message: "不动产登记证明号", trigger: "blur" },
+        // 权属状态
+        qsztlist: [
+          {
+            dcode: "1",
+            dname: "现势",
+          },
+          {
+            dcode: "2",
+            dname: "历史",
+          },
         ],
-        // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
-        djjgrules: [{ required: true, message: "登记机构", trigger: "change" }],
-        dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
-        djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
-        djlxrules: [{ required: true, message: "登记类型", trigger: "blur" }],
-        ywhrules: [{ required: true, message: "业务号", trigger: "blur" }],
-      },
-      ableOperation: false,
-    };
-  },
-  created() {
-    this.loadData();
-  },
-  mounted() {
-    this.ableOperation = this.$parent.ableOperation;
-  },
-  methods: {
-    /**
-     * @description: ztQlxxchange
-     * @param {*} val
-     * @author: renchao
-     */
-    ztQlxxchange(val) {
-      this.ruleForm.ztQlxx = val;
+        //传递参数\
+        rules: {
+          ztQlxxrules: [
+            { required: true, message: "抵押不动产信息", trigger: "blur" },
+          ],
+          bdcqzhrules: [
+            { required: true, message: "不动产登记证明号", trigger: "blur" },
+          ],
+          // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
+          djjgrules: [{ required: true, message: "登记机构", trigger: "change" }],
+          dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
+          djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
+          djlxrules: [{ required: true, message: "登记类型", trigger: "blur" }],
+          ywhrules: [{ required: true, message: "业务号", trigger: "blur" }],
+        },
+        ableOperation: false,
+      };
     },
-    /**
-     * @description: ssQlxxchange
-     * @param {*} val
-     * @author: renchao
-     */
-    ssQlxxchange(val) {
-      this.ruleForm.ssQlxx = val;
-      this.ruleForm.qlxx.ssywh = val.ywh;
+    created () {
+      this.loadData();
     },
-    /**
-     * @description: djlxchange
-     * @param {*} val
-     * @author: renchao
-     */
-    djlxchange(val) {
-      console.log("val", val);
-      if (val == null || val == 100) {
-        this.ssqlxxshow = false;
-      } else {
-        this.ssqlxxshow = true;
-      }
+    mounted () {
+      this.ableOperation = this.$parent.ableOperation;
     },
-    /**
-     * @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();
-          this.isShow = true;
-        }
-      });
-      //获取主体信息
-      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;
+    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) {
+        console.log("val", val);
+        if (val == null || val == 100) {
+          this.ssqlxxshow = false;
+        } else {
+          this.ssqlxxshow = true;
         }
-      });
-    },
-    // 更新土地用途信息
-    /**
-     * @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;
+      },
+      /**
+       * @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();
+            this.isShow = true;
           }
-          if (this.ruleForm.ywrData.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;
+          }
+        });
+        //获取上手信息
+        getZtQlxx({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
+          if (res.code == 200) {
+            this.ztQlxxList = 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: 更新义务人信息
+       * @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: "共有方式：单独所有，权利人只能是一个人",
+                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) {
+            if (this.ruleForm.ywrData.length == 0) {
               this.$message({
                 showClose: true,
-                message: "保存成功！",
-                type: "success",
-              });
-                this.$parent.changeywh()
-              this.$store.dispatch("user/refreshPage", true);
-            } else {
-              this.$message({
-                showClose: true,
-                message: res.message,
+                message: "请确认义务人信息",
                 type: "error",
               });
+              return false;
             }
-          });
-        } else {
-          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.$parent.changeywh()
+                this.$store.dispatch("user/refreshPage", true);
+              } else {
+                this.$message({
+                  showClose: true,
+                  message: res.message,
+                  type: "error",
+                });
+              }
+            });
+          } else {
+            return false;
+          }
+        });
+      },
     },
-  },
-};
+  };
 </script>
 <style scoped lang="scss">
-@import "~@/styles/public.scss";
-@import "~@/styles/slxx/slxx.scss";
+  @import "~@/styles/public.scss";
+  @import "~@/styles/slxx/slxx.scss";
 </style>

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-07-11 09:37:55
+ * @LastEditTime: 2023-08-01 17:41:49
 -->
 <template>
   <div>
@@ -52,7 +52,7 @@
             width: '50',
             renderHeader: (h, scope) => {
               return <div> {
-               this.isDisabled? '序号' : <i class="el-icon-plus pointer" onClick={() => { this.addClick() }}></i>
+                this.isDisabled ? '序号' : <i class="el-icon-plus pointer" onClick={() => { this.addClick() }}></i>
               }
               </div>
             },
@@ -60,7 +60,7 @@
               return (
                 <div>
                   {
-                   this.isDisabled? <span>{scope.$index + 1}</span> :
+                    this.isDisabled ? <span>{scope.$index + 1}</span> :
                       <i class="el-icon-minus pointer" onClick={() => { this.deleClick(scope.$index, scope.row) }}></i>
                   }
                 </div>
@@ -141,11 +141,11 @@
       },
       gyfs: {
         handler (newVal, oldValue) {
+          console.log(newVal, 'newValnewValnewValnewVal', this.tableData);
           let dataList = _.cloneDeep(this.InformationTable)
           if (newVal == 0) {
-            // this.column = _.cloneDeep(dataList).slice(1, dataList.length)
             this.column = _.cloneDeep(dataList)
-
+            this.tableDataList = _.cloneDeep(this.tableData)
           } else if ((newVal == '1' || newVal == '3')) {
             this.column = dataList
           } else {
@@ -270,7 +270,7 @@
   /deep/.el-table th {
     height: 30px !important;
   }
-    /deep/.el-table .cell {
+  /deep/.el-table .cell {
     padding-right: 12px;
   }
 </style>

+/*
+ * @Description:
+ * @Autor: renchao
+ * @LastEditTime: 2023-08-01 18:05:25
+ */
+export default {
+  data () {
+    return {
+    }
+  },
+  watch: {
+    'ruleForm.sldy.gyfs': {
+      handler: function (val, oldVal) {
+        if (val == '0' && this.ruleForm.qlrList.length > 1) {
+          this.ruleForm.sldy.gyfs = oldVal
+          this.$message({
+            message: '单独所有只能选择一个，请先删除再切换',
+            type: 'warning'
+          })
+        }
+      },
+      immediate: true
+    }
+  },
+}

 <!--
  * @Description: 房屋多幢受理信息
  * @Autor: ssq
- * @LastEditTime: 2023年07月27日 19:38:26
+ * @LastEditTime: 2023-08-01 18:13:20
 -->
 <template>
   <div class="slxx">
@@ -205,11 +205,13 @@
   </div>
 </template>
 <script>
+  import ywmix from "@/views/ywbl/mixin/index"
   import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
   import tdytTable from "@/views/workflow/components/tdytTable";
   import { Init, saveData } from "@/api/workflow/fwsyq1Flow.js";
   import { mapGetters } from "vuex";
   export default {
+    mixins: [ywmix],
     mounted () {
       this.ableOperation = this.$parent.currentSelectTab.ableOperation
       this.propsParam = this.$attrs;

 <!--
  * @Description: 受理信息
  * @Autor: renchao
- * @LastEditTime: 2023-07-21 14:13:57
+ * @LastEditTime: 2023-08-01 18:13:38
 -->
 <template>
   <div class="slxx">
@@ -104,9 +104,9 @@
           </el-col>
           <el-col :span="8">
             <el-form-item label="建筑面积：">
-               <div class="flex">
-              <el-input disabled v-model="ruleForm.qlxx.mj"
-              oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
+              <div class="flex">
+                <el-input disabled v-model="ruleForm.qlxx.mj"
+                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
                 <el-select
                   disabled
                   v-model="mjdw"
@@ -118,14 +118,14 @@
                     :value="item.dcode">
                   </el-option>
                 </el-select>
-                 </div>
+              </div>
             </el-form-item>
           </el-col>
           <el-col :span="8">
             <el-form-item label="专有建筑面积：">
-               <div class="flex">
-              <el-input disabled v-model="ruleForm.fdcq2.zyjzmj"
-              oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
+              <div class="flex">
+                <el-input disabled v-model="ruleForm.fdcq2.zyjzmj"
+                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
                 <el-select
                   disabled
                   v-model="mjdw"
@@ -137,7 +137,7 @@
                     :value="item.dcode">
                   </el-option>
                 </el-select>
-                 </div>
+              </div>
             </el-form-item>
           </el-col>
         </el-row>
@@ -145,9 +145,9 @@
 
           <el-col :span="8">
             <el-form-item label="分摊建筑面积：">
-               <div class="flex">
-              <el-input disabled v-model="ruleForm.fdcq2.ftjzmj"
-              oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
+              <div class="flex">
+                <el-input disabled v-model="ruleForm.fdcq2.ftjzmj"
+                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
                 <el-select
                   disabled
                   v-model="mjdw"
@@ -159,7 +159,7 @@
                     :value="item.dcode">
                   </el-option>
                 </el-select>
-                 </div>
+              </div>
             </el-form-item>
           </el-col>
         </el-row>
@@ -247,11 +247,13 @@
   </div>
 </template>
 <script>
+  import ywmix from "@/views/ywbl/mixin/index"
   import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
   import tdytTable from "@/views/workflow/components/tdytTable";
   import { Init, saveData } from "@/api/workflow/fwsyqFlow.js";
   import { mapGetters } from "vuex";
   export default {
+    mixins: [ywmix],
     mounted () {
       this.ableOperation = this.$parent.currentSelectTab.ableOperation
       this.propsParam = this.$attrs;
@@ -276,7 +278,7 @@
     },
     data () {
       return {
-        mjdw:"1",
+        mjdw: "1",
         disabled: true,
         tdytOption: [],
         czrOptions: [],

 <!--
  * @Description: 受理信息
  * @Autor: renchao
- * @LastEditTime: 2023-07-25 09:22:40
+ * @LastEditTime: 2023-08-01 18:13:55
 -->
 <template>
   <div class="slxx">
@@ -46,10 +46,9 @@
             </el-form-item>
           </el-col>
         </el-row>
-       <div
+        <div
           class="slxx_title title-block flex"
-          style="justify-content: space-between"
-        >
+          style="justify-content: space-between">
           不动产单元情况
           <el-button @click="compare">变化情况对比+</el-button>
         </div>
@@ -125,8 +124,8 @@
           <el-col :span="8">
             <el-form-item label="建筑面积：">
               <div class="flex">
-              <el-input disabled v-model="ruleForm.qlxx.mj"
-              oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
+                <el-input disabled v-model="ruleForm.qlxx.mj"
+                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
                 <el-select
                   disabled
                   v-model="mjdw"
@@ -138,14 +137,14 @@
                     :value="item.dcode">
                   </el-option>
                 </el-select>
-                 </div>
+              </div>
             </el-form-item>
           </el-col>
           <el-col :span="8">
             <el-form-item label="专有建筑面积：">
               <div class="flex">
-              <el-input disabled v-model="ruleForm.fdcq2.zyjzmj"
-              oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
+                <el-input disabled v-model="ruleForm.fdcq2.zyjzmj"
+                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
                 <el-select
                   disabled
                   v-model="mjdw"
@@ -157,14 +156,14 @@
                     :value="item.dcode">
                   </el-option>
                 </el-select>
-                 </div>
+              </div>
             </el-form-item>
           </el-col>
           <el-col :span="8">
             <el-form-item label="分摊建筑面积：">
               <div class="flex">
-              <el-input disabled v-model="ruleForm.fdcq2.ftjzmj"
-              oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
+                <el-input disabled v-model="ruleForm.fdcq2.ftjzmj"
+                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
                 <el-select
                   disabled
                   v-model="mjdw"
@@ -176,7 +175,7 @@
                     :value="item.dcode">
                   </el-option>
                 </el-select>
-                 </div>
+              </div>
             </el-form-item>
           </el-col>
         </el-row>
@@ -245,11 +244,13 @@
   </div>
 </template>
 <script>
+  import ywmix from "@/views/ywbl/mixin/index"
   import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
   import tdytTable from "@/views/workflow/components/tdytTable";
   import { Init, saveData } from "@/api/workflow/fwsyqFlow.js";
   import { mapGetters } from "vuex";
   export default {
+    mixins: [ywmix],
     mounted () {
       this.ableOperation = this.$parent.currentSelectTab.ableOperation
       this.propsParam = this.$attrs;
@@ -276,7 +277,7 @@
     },
     data () {
       return {
-        mjdw:"1",
+        mjdw: "1",
         //表单是否可操作
         ableOperation: true,
         disabled: true,
@@ -397,27 +398,28 @@
           }
         });
       },
-         /**
-     * @description: compare
-     * @author: renchao
-     */
-    compare() {
-      this.$popupDialog(
+      /**
+  * @description: compare
+  * @author: renchao
+  */
+      compare () {
+        this.$popupDialog(
           this.ruleForm.qlxx.qllxmc,
-        "registerBook/comparison",
-        { bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
-         dqqllx: 'FDCQ2',
-        },
-        "80%",
-        true
-      );
-    },
+          "registerBook/comparison",
+          {
+            bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
+            dqqllx: 'FDCQ2',
+          },
+          "80%",
+          true
+        );
+      },
     },
   };
 </script>
 <style scoped lang='scss'>
   @import "~@/styles/public.scss";
-@import "~@/styles/slxx/slxx.scss";
+  @import "~@/styles/slxx/slxx.scss";
   /deep/.el-form {
     display: flex;
     flex-direction: column;

 <!--
  * @Description: 受理信息
  * @Autor: renchao
- * @LastEditTime: 2023-07-21 14:16:25
+ * @LastEditTime: 2023-08-01 18:14:10
 -->
 <template>
   <div class="slxx">
@@ -150,10 +150,12 @@
   </div>
 </template>
 <script>
+  import ywmix from "@/views/ywbl/mixin/index"
   import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
   import { BatchInit, Init, saveBatchData, saveData } from "@/api/workflow/fwsyqFlow.js";
   import { mapGetters } from "vuex";
   export default {
+    mixins: [ywmix],
     mounted (callbackfn, thisArg) {
       this.ableOperation = this.$parent.currentSelectTab.ableOperation
       this.propsParam = this.$attrs;

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-07-25 09:23:05
+ * @LastEditTime: 2023-08-01 18:14:28
 -->
 <template>
   <!-- 受理信息 -->
@@ -186,11 +186,13 @@
   </div>
 </template>
 <script>
+  import ywmix from "@/views/ywbl/mixin/index"
   import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
   import tdytTable from "@/views/workflow/components/tdytTable";
   import { Init } from "@/api/workflow/fwsyqFlow.js";
   import { mapGetters } from "vuex";
   export default {
+    mixins: [ywmix],
     mounted () {
       this.ableOperation = this.$parent.currentSelectTab.ableOperation
       this.propsParam = this.$attrs;

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-07-25 09:23:20
+ * @LastEditTime: 2023-08-01 18:09:01
 -->
 <template>
   <!-- 受理信息 -->
@@ -72,9 +72,9 @@
         <el-row :gutter="10">
           <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>
+              <div class="flex">
+                <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"
@@ -86,7 +86,7 @@
                     :value="item.dcode">
                   </el-option>
                 </el-select>
-                 </div>
+              </div>
             </el-form-item>
           </el-col>
           <!-- <el-col :span="8">
@@ -102,7 +102,7 @@
           <el-col :span="8">
             <el-form-item label="取得价格：">
               <div style="display:flex">
-                <el-input v-model="ruleForm.jsydsyq.qdjg" style="width:500%"  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
+                <el-input v-model="ruleForm.jsydsyq.qdjg" style="width:500%" oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></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">
                   </el-option>
@@ -213,10 +213,12 @@
 </template>
 <script>
   import { mapGetters } from "vuex"
+  import ywmix from "@/views/ywbl/mixin/index"
   import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"
   import tdytTable from "@/views/workflow/components/tdytTable";
   import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"
   export default {
+    mixins: [ywmix],
     mounted () {
       this.ableOperation = this.$parent.currentSelectTab.ableOperation
       this.propsParam = this.$attrs;
@@ -249,7 +251,7 @@
     },
     data () {
       return {
-        mjdw:"1",
+        mjdw: "1",
         //表单是否可操作
         ableOperation: true,
         key: 0,

@@ -2,7 +2,7 @@
 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-07-25 09:23:42
+ * @LastEditTime: 2023-08-01 18:07:34
 -->
 <template>
   <!-- 受理信息 -->
@@ -13,8 +13,7 @@
       ref="ruleForm"
       :label-position="flag ? 'top' : ''"
       :inline="flag"
-      label-width="120px"
-    >
+      label-width="120px">
       <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
         <div class="slxx_title title-block">
           受理信息
@@ -56,8 +55,7 @@
         </el-row>
         <div
           class="slxx_title title-block flex"
-          style="justify-content: space-between"
-        >
+          style="justify-content: space-between">
           不动产单元情况
           <el-button @click="compare">变化情况对比+</el-button>
         </div>
@@ -102,16 +100,14 @@
                 <el-input
                   v-model="ruleForm.jsydsyq.qdjg"
                   style="width: 500%"
-                   oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
-                  disabled
-                ></el-input>
+                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
+                  disabled></el-input>
                 <el-select v-model="ruleForm.jsydsyq.jedw" disabled>
                   <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>
@@ -124,27 +120,13 @@
             </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.jsydsyq.tdsyqx"></el-input>
-            </el-form-item>
-          </el-col>
-
-          <el-col :span="16">
-            <el-form-item label="使用权起止时间：">
-              <el-input disabled v-model="ruleForm.jsydsyq.syqqzsj"></el-input>
-            </el-form-item>
-          </el-col>
-        </el-row> -->
         <el-row :gutter="10">
           <el-col>
             <el-form-item label="附记：" prop="fj">
               <el-input
                 type="textarea"
                 v-model="ruleForm.jsydsyq.fj"
-                :disabled="!ableOperation"
-              ></el-input>
+                :disabled="!ableOperation"></el-input>
             </el-form-item>
           </el-col>
         </el-row>
@@ -155,22 +137,17 @@
         <tdytTable
           :tableData="ruleForm.tdytqxList"
           :ableOperation="ableOperation"
-          @upDateTdytxxList="upDateTdytxxList"
-        />
+          @upDateTdytxxList="upDateTdytxxList" />
         <div class="slxx_title title-block">
           权利人信息
           <div class="triangle"></div>
         </div>
-        <!-- <el-divider content-position="left"><i
-            style="background-color:#3498db;font-size:16px;color:#fff !important;border-radius: 5px 5px 5px 0px;margin-bottom:10px;"
-            class="el-icon-edit-outline">权利人信息</i></el-divider> -->
         <el-row :gutter="10">
           <el-col :span="14">
             <el-form-item label="共有方式：">
               <el-radio-group
                 :disabled="!ableOperation"
-                v-model="ruleForm.sldy.gyfs"
-              >
+                v-model="ruleForm.sldy.gyfs">
                 <el-radio label="0">单独所有</el-radio>
                 <el-radio label="1">共同共有</el-radio>
                 <el-radio label="2">按份所有</el-radio>
@@ -182,8 +159,7 @@
             <el-form-item label="是否分别持证：">
               <el-radio-group
                 v-model="ruleForm.sldy.sqfbcz"
-                :disabled="!ableOperation"
-              >
+                :disabled="!ableOperation">
                 <el-radio label="1">是</el-radio>
                 <el-radio label="0">否</el-radio>
               </el-radio-group>
@@ -194,14 +170,12 @@
               <el-select
                 v-model="ruleForm.czr"
                 placeholder="持证人"
-                :disabled="!ableOperation"
-              >
+                :disabled="!ableOperation">
                 <el-option
                   v-for="item in czrOptions"
                   :key="item.value"
                   :label="item.label"
-                  :value="item.value"
-                >
+                  :value="item.value">
                 </el-option>
               </el-select>
             </el-form-item>
@@ -211,8 +185,7 @@
           :tableData="ruleForm.qlrList"
           :disabled="!ableOperation"
           @upDateQlrxxList="upDateQlrxxList"
-          :gyfs="ruleForm.sldy.gyfs"
-        />
+          :gyfs="ruleForm.sldy.gyfs" />
         <div class="slxx_title title-block">
           登记原因
           <div class="triangle"></div>
@@ -224,8 +197,7 @@
                 class="textArea"
                 type="textarea"
                 :disabled="!ableOperation"
-                v-model="ruleForm.jsydsyq.djyy"
-              >
+                v-model="ruleForm.jsydsyq.djyy">
               </el-input>
             </el-form-item>
           </el-col>
@@ -240,109 +212,110 @@
   </div>
 </template>
 <script>
-import { mapGetters } from "vuex";
-import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
-import tdytTable from "@/views/workflow/components/tdytTable";
-import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js";
-export default {
-  mounted() {
-    this.ableOperation = this.$parent.currentSelectTab.ableOperation;
-    this.propsParam = this.$attrs;
-    var formdata = new FormData();
-    this.$startLoading();
-    formdata.append("bsmSldy", this.propsParam.bsmSldy);
-    formdata.append("djlx", this.propsParam.djlx);
-    formdata.append("isEdit", this.ableOperation);
-    Init(formdata).then((res) => {
-      if (res.code === 200 && res.result) {
-        this.ruleForm = res.result;
-      }
-      this.$endLoading();
-    });
-  },
-  components: { qlrCommonTable, tdytTable },
-  computed: {
-    ...mapGetters(["dictData", "flag"]),
-  },
-  data() {
-    return {
-      //表单是否可操作
-      ableOperation: true,
-      disabled: true,
-      czrOptions: [],
-      ruleForm: {
-        slywxx: {},
-        qlxx: {},
-        zdjbxx: {},
-        jsydsyq: {},
-      },
-      //传递参数
-      propsParam: {},
-      rules: {},
-    };
-  },
-  methods: {
-    // 更新土地用途信息
-    /**
-     * @description: 更新土地用途信息
-     * @param {*} val
-     * @author: renchao
-     */
-    upDateTdytxxList(val) {
-      this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
-      this.key++;
-    },
-    // 更新权利人信息
-    /**
-     * @description: 更新权利人信息
-     * @param {*} val
-     * @author: renchao
-     */
-    upDateQlrxxList(val) {
-      this.ruleForm.qlrList = _.cloneDeep(val);
-    },
-    /**
-     * @description: onSubmit
-     * @author: renchao
-     */
-    onSubmit() {
-      saveData(this.ruleForm).then((res) => {
-        if (res.code === 200) {
-          this.$message({
-            showClose: true,
-            message: "保存成功！",
-            type: "success",
-          });
-          this.$store.dispatch("user/refreshPage", true);
-        } else {
-          this.$message({
-            showClose: true,
-            message: res.message,
-            type: "error",
-          });
+  import { mapGetters } from "vuex";
+  import ywmix from "@/views/ywbl/mixin/index"
+  import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
+  import tdytTable from "@/views/workflow/components/tdytTable";
+  import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js";
+  export default {
+    mixins: [ywmix],
+    mounted () {
+      this.ableOperation = this.$parent.currentSelectTab.ableOperation;
+      this.propsParam = this.$attrs;
+      var formdata = new FormData();
+      this.$startLoading();
+      formdata.append("bsmSldy", this.propsParam.bsmSldy);
+      formdata.append("djlx", this.propsParam.djlx);
+      formdata.append("isEdit", this.ableOperation);
+      Init(formdata).then((res) => {
+        if (res.code === 200 && res.result) {
+          this.ruleForm = res.result;
         }
+        this.$endLoading();
       });
     },
-    /**
-     * @description: compare
-     * @author: renchao
-     */
-      compare() {
-        console.log("this.ruleForm",this.ruleForm);
-     this.$popupDialog(
-        this.ruleForm.qlxx.qllxmc,
-        "registerBook/comparison",
-        { bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
-         dqqllx: 'JSYDSYQ',
+    components: { qlrCommonTable, tdytTable },
+    computed: {
+      ...mapGetters(["dictData", "flag"]),
+    },
+    data () {
+      return {
+        //表单是否可操作
+        ableOperation: true,
+        disabled: true,
+        czrOptions: [],
+        ruleForm: {
+          slywxx: {},
+          qlxx: {},
+          zdjbxx: {},
+          jsydsyq: {},
         },
-        "80%",
-        true
-      )
+        //传递参数
+        propsParam: {},
+        rules: {},
+      };
+    },
+    methods: {
+      /**
+       * @description: 更新土地用途信息
+       * @param {*} val
+       * @author: renchao
+       */
+      upDateTdytxxList (val) {
+        this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
+        this.key++;
+      },
+      /**
+       * @description: 更新权利人信息
+       * @param {*} val
+       * @author: renchao
+       */
+      upDateQlrxxList (val) {
+        this.ruleForm.qlrList = _.cloneDeep(val);
+      },
+      /**
+       * @description: onSubmit
+       * @author: renchao
+       */
+      onSubmit () {
+        saveData(this.ruleForm).then((res) => {
+          if (res.code === 200) {
+            this.$message({
+              showClose: true,
+              message: "保存成功！",
+              type: "success",
+            });
+            this.$store.dispatch("user/refreshPage", true);
+          } else {
+            this.$message({
+              showClose: true,
+              message: res.message,
+              type: "error",
+            });
+          }
+        });
+      },
+      /**
+       * @description: compare
+       * @author: renchao
+       */
+      compare () {
+        console.log("this.ruleForm", this.ruleForm);
+        this.$popupDialog(
+          this.ruleForm.qlxx.qllxmc,
+          "registerBook/comparison",
+          {
+            bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
+            dqqllx: 'JSYDSYQ',
+          },
+          "80%",
+          true
+        )
+      }
     }
   }
-}
 </script>
 <style scoped lang="scss">
-@import "~@/styles/public.scss";
-@import "~@/styles/slxx/slxx.scss";
+  @import "~@/styles/public.scss";
+  @import "~@/styles/slxx/slxx.scss";
 </style>

@@ -231,10 +231,12 @@
 </template>
 <script>
   import { mapGetters } from "vuex"
+  import ywmix from "@/views/ywbl/mixin/index"
   import { Init, saveData } from "@/api/workflow/nydsyqFlow.js"
   import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"
   import JtcyTable from "@/views/workflow/components/JtcyTable"
   export default {
+    mixins: [ywmix],
     mounted () {
       this.ableOperation = this.$parent.currentSelectTab.ableOperation
       this.propsParam = this.$attrs;

@@ -236,10 +236,12 @@
 </template>
 <script>
   import { mapGetters } from "vuex"
+  import ywmix from "@/views/ywbl/mixin/index"
   import { Init, saveData } from "@/api/workflow/nydsyqFlow.js"
   import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"
   import JtcyTable from "@/views/workflow/components/JtcyTable"
   export default {
+    mixins: [ywmix],
     mounted () {
       this.ableOperation = this.$parent.currentSelectTab.ableOperation
       this.propsParam = this.$attrs;

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-07-25 09:24:18
+ * @LastEditTime: 2023-08-01 18:15:20
 -->
 <template>
   <!-- 受理信息 -->
@@ -339,10 +339,12 @@
 </template>
 <script>
   import { mapGetters } from "vuex";
+  import ywmix from "@/views/ywbl/mixin/index"
   import { Init, saveData } from "@/api/workflow/tdsyqFlow.js";
   import tdytTable from "@/views/workflow/components/tdytTable";
   import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
   export default {
+    mixins: [ywmix],
     components: { qlrCommonTable, tdytTable },
     mounted () {
       this.ableOperation = this.$parent.currentSelectTab.ableOperation;

@@ -71,8 +71,7 @@
                   v-for="item in dictData['A17']"
                   :key="item.dcode"
                   :label="item.dname"
-                  :value="item.dcode"
-                >
+                  :value="item.dcode">
                 </el-option>
               </el-select>
             </el-form-item>
@@ -84,8 +83,7 @@
                   v-for="item in dictData['A19']"
                   :key="item.dcode"
                   :label="item.dname"
-                  :value="item.dcode"
-                >
+                  :value="item.dcode">
                 </el-option>
               </el-select>
             </el-form-item>
@@ -94,27 +92,26 @@
         <el-row :gutter="10" v-if="ruleForm.qlxx">
           <el-col :span="8">
             <el-form-item label="房屋结构：">
-             <el-select v-model="ruleForm.ygdj.fwjg">
+              <el-select v-model="ruleForm.ygdj.fwjg">
                 <el-option
                   v-for="item in dictData['A46']"
                   :key="item.dcode"
                   :label="item.dname"
-                  :value="item.dcode"
-                >
+                  :value="item.dcode">
                 </el-option>
               </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="8">
             <el-form-item label="建筑面积：">
-              <el-input  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="取得价格：">
-               <div class="flex">
-              <el-input v-model="ruleForm.ygdj.qdjg"></el-input>
-               <el-select
+              <div class="flex">
+                <el-input v-model="ruleForm.ygdj.qdjg"></el-input>
+                <el-select
                   v-model="ruleForm.ygdj.jedw"
                   :disabled="!ableOperation"
                   style="width: 20%">
@@ -125,19 +122,19 @@
                     :value="item.dcode">
                   </el-option>
                 </el-select>
-                 </div>
+              </div>
             </el-form-item>
           </el-col>
         </el-row>
         <el-row :gutter="10">
           <el-col :span="8">
             <el-form-item label="所在层：">
-              <el-input  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  v-model="ruleForm.ygdj.zcs"></el-input>
+              <el-input v-model="ruleForm.ygdj.zcs"></el-input>
             </el-form-item>
           </el-col>
         </el-row>
@@ -188,10 +185,12 @@
   </div>
 </template>
 <script>
+  import ywmix from "@/views/ywbl/mixin/index"
   import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
   import { Init, saveData } from "@/api/workflow/ygdjFlow.js";
   import { mapGetters } from "vuex";
   export default {
+    mixins: [ywmix],
     created () {
       this.ableOperation = this.$parent.currentSelectTab.ableOperation
       this.propsParam = this.$attrs;

@@ -42,10 +42,9 @@
             </el-form-item>
           </el-col>
         </el-row>
-         <div
+        <div
           class="slxx_title title-block flex"
-          style="justify-content: space-between"
-        >
+          style="justify-content: space-between">
           不动产单元情况
           <el-button @click="compare">变化情况对比+</el-button>
         </div>
@@ -154,10 +153,12 @@
   </div>
 </template>
 <script>
+  import ywmix from "@/views/ywbl/mixin/index"
   import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
   import { Init, saveData } from "@/api/workflow/ygdjFlow.js";
   import { mapGetters } from "vuex";
   export default {
+    mixins: [ywmix],
     mounted () {
       this.ableOperation = this.$parent.currentSelectTab.ableOperation
       this.propsParam = this.$attrs;
@@ -245,21 +246,22 @@
           }
         });
       },
-          /**
-     * @description: compare
-     * @author: renchao
-     */
-     compare() {
-      this.$popupDialog(
+      /**
+ * @description: compare
+ * @author: renchao
+ */
+      compare () {
+        this.$popupDialog(
           this.ruleForm.qlxx.qllxmc,
-        "registerBook/comparison",
-        { bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
-         dqqllx: 'YGDJ',
-        },
-        "80%",
-        true
-      );
-    },
+          "registerBook/comparison",
+          {
+            bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
+            dqqllx: 'YGDJ',
+          },
+          "80%",
+          true
+        );
+      },
     },
   };
 </script>

@@ -116,9 +116,9 @@
         <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
+              <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%">
@@ -129,7 +129,7 @@
                     :value="item.dcode">
                   </el-option>
                 </el-select>
-                 </div>
+              </div>
             </el-form-item>
           </el-col>
           <el-col :span="8">
@@ -214,10 +214,12 @@
   </div>
 </template>
 <script>
+  import ywmix from "@/views/ywbl/mixin/index"
   import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
   import { Init, saveData } from "@/api/workflow/ygdyFlow.js";
   import { mapGetters } from "vuex";
   export default {
+    mixins: [ywmix],
     created () {
       this.ableOperation = this.$parent.currentSelectTab.ableOperation
       this.propsParam = this.$attrs;