--no commit message

@@ -135,10 +135,22 @@ export function getZtQlxx (params) {
  * @author: renchao
  */
  export function getShList (data) {
-   console.log(data);
   return request({
     url: SERVER.SERVERAPI + '/rest/djbRepair/getShList?bsmRepair='+data.bsmRepair,
     method: 'post',
     data
   })
 }
+
+/**
+ * @description:初始化内容
+ * @param {*} data
+ * @author: renchao
+ */
+ export function getQlxxByQlxxBsm (params) {
+  return request({
+    url: SERVER.SERVERAPI + '/rest/djbRepair/getQlxxByQlxxBsm',
+    method: 'get',
+    params
+  })
+}

@@ -17,7 +17,8 @@
       inline-message
       :show-message="false"
       :class="{ readonly: editDisabled }"
-      class="loadingtext">
+      class="loadingtext"
+    >
       <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
         <div class="slxx_title title-block">
           补录信息
@@ -49,24 +50,29 @@
             <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>
+                  label="被执行人"
+                ></el-table-column>
                 <el-table-column prop="mjmc" label="面积"></el-table-column>
                 <el-table-column prop="ytmc" label="用途"></el-table-column>
                 <el-table-column prop="zl" label="坐落"></el-table-column>
@@ -75,21 +81,28 @@
           </el-col>
 
           <el-col :span="8" v-if="ruleForm.cfdj.sfbxf == '1'">
-            <el-form-item label="上手权利信息：">
+            <el-form-item
+              label="上手权利信息："
+              prop="ssQlxx.bdcqzh"
+              :rules="rules.ssQlxxrules"
+            >
               <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>
@@ -163,7 +176,8 @@
             <el-form-item
               label="业务号："
               prop="qlxx.ywh"
-              :rules="rules.ywhrules">
+              :rules="rules.ywhrules"
+            >
               <el-input v-model="ruleForm.qlxx.ywh"></el-input>
             </el-form-item>
           </el-col>
@@ -183,13 +197,15 @@
             <el-form-item
               label="是否被续封："
               prop="cfdj.sfbxf"
-              :rules="rules.sfbxfrules">
+              :rules="rules.sfbxfrules"
+            >
               <el-select v-model="ruleForm.cfdj.sfbxf" @change="djlxchange">
                 <el-option
                   v-for="item in sfbxflist"
                   :key="item.dcode"
                   :label="item.dname"
-                  :value="item.dcode"></el-option>
+                  :value="item.dcode"
+                ></el-option>
               </el-select>
             </el-form-item>
           </el-col>
@@ -205,7 +221,8 @@
                   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>
@@ -230,7 +247,8 @@
                   v-for="item in dictData['A32']"
                   :key="item.dcode"
                   :label="item.dname"
-                  :value="item.dcode"></el-option>
+                  :value="item.dcode"
+                ></el-option>
               </el-select>
             </el-form-item>
           </el-col>
@@ -247,7 +265,8 @@
                 type="date"
                 placeholder="选择日期"
                 value-format="yyyy-MM-dd HH:mm:ss"
-                format="yyyy-MM-dd"></el-date-picker>
+                format="yyyy-MM-dd"
+              ></el-date-picker>
             </el-form-item>
           </el-col>
           <el-col :span="8">
@@ -258,7 +277,8 @@
                 type="date"
                 placeholder="选择日期"
                 value-format="yyyy-MM-dd HH:mm:ss"
-                format="yyyy-MM-dd"></el-date-picker>
+                format="yyyy-MM-dd"
+              ></el-date-picker>
             </el-form-item>
           </el-col>
           <el-col :span="8">
@@ -284,7 +304,8 @@
             <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>
@@ -293,7 +314,8 @@
             <el-form-item
               label="登簿人："
               prop="qlxx.dbr"
-              :rules="rules.dbrrules">
+              :rules="rules.dbrrules"
+            >
               <el-input v-model="ruleForm.qlxx.dbr"></el-input>
             </el-form-item>
           </el-col>
@@ -301,14 +323,16 @@
             <el-form-item
               label="登记时间："
               prop="qlxx.djsj"
-              :rules="rules.djsjrules">
+              :rules="rules.djsjrules"
+            >
               <el-date-picker
                 v-model="ruleForm.qlxx.djsj"
                 type="date"
                 placeholder="选择日期"
                 class="width100"
                 value-format="yyyy-MM-dd HH:mm:ss"
-                format="yyyy-MM-dd">
+                format="yyyy-MM-dd"
+              >
               </el-date-picker>
             </el-form-item>
           </el-col>
@@ -352,7 +376,8 @@
                 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>
@@ -367,233 +392,290 @@
   </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 { init, getSsQlxx, getZtQlxx,getQlxxByQlxxBsm, save } from "@/api/djbRepair.js";
+import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
+import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable";
+import tdytTable from "@/views/workflow/components/tdytTable";
+import selectTable from "@/components/selectTable/index.vue";
+export default {
+  components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable },
+  computed: {
+    ...mapGetters(["dictData", "flag"]),
+    // 根据流程判断表单是否为只读
+    editDisabled() {
+      if (!this.ableOperation) {
+        //只读状态
+        return true;
+      }
+      return false;
     },
-    data () {
-      return {
-        //表单是否可操作
-        props: {
-          label: "bdcqzh",
-          value: "bdcdyid",
+  },
+  data() {
+    return {
+      //表单是否可操作
+      props: {
+        label: "bdcqzh",
+        value: "bdcdyid",
+      },
+      propsParam: this.$attrs,
+      key: 0,
+      isShow: false,
+      ssqlxxshow: true,
+      disabled: true,
+      czrOptions: [],
+      ruleForm: {},
+      rules: {},
+      // 登记类型
+      djlxlist: [
+        {
+          dcode: "100",
+          dname: "首次登记",
+        },
+        {
+          dcode: "200",
+          dname: "转移登记",
+        },
+        {
+          dcode: "300",
+          dname: "变更登记",
+        },
+        {
+          dcode: "500",
+          dname: "更正登记",
         },
-        propsParam: this.$attrs,
-        key: 0,
-        isShow: false,
-        ssqlxxshow: true,
-        disabled: true,
-        czrOptions: [],
-        ruleForm: {},
-        rules: {},
-        // 登记类型
-        djlxlist: [
-          {
-            dcode: "100",
-            dname: "首次登记",
-          },
-          {
-            dcode: "200",
-            dname: "转移登记",
-          },
-          {
-            dcode: "300",
-            dname: "变更登记",
-          },
-          {
-            dcode: "500",
-            dname: "更正登记",
-          },
 
-          {
-            dcode: "901",
-            dname: "补证",
-          },
-          {
-            dcode: "902",
-            dname: "换证",
-          },
-        ],
+        {
+          dcode: "901",
+          dname: "补证",
+        },
+        {
+          dcode: "902",
+          dname: "换证",
+        },
+      ],
+
+      // 权属状态
+      qsztlist: [
+        {
+          dcode: "1",
+          dname: "现势",
+        },
+        {
+          dcode: "2",
+          dname: "历史",
+        },
+      ],
+      // 是否被续封
+      sfbxflist: [
+        {
+          dcode: "0",
+          dname: "否",
+        },
+        {
+          dcode: "1",
+          dname: "是",
+        },
+      ],
+      ableOperation: false,
+      //传递参数\
 
-        // 权属状态
-        qsztlist: [
-          {
-            dcode: "1",
-            dname: "现势",
-          },
-          {
-            dcode: "2",
-            dname: "历史",
-          },
+      ssQlxxList: [],
+      ztQlxxList: [],
+      rules: {
+        ztQlxxrules: [
+          { required: true, message: "抵押不动产信息", trigger: "blur" },
         ],
-        // 是否被续封
-        sfbxflist: [
-          {
-            dcode: "0",
-            dname: "否",
-          },
-          {
-            dcode: "1",
-            dname: "是",
-          },
+        ssQlxxrules: [
+          { required: true, message: "上手权利信息", trigger: "blur" },
         ],
-        ableOperation: false,
-        //传递参数\
-
-        ssQlxxList: [],
-        ztQlxxList: [],
-        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" }],
-          ywhrules: [{ required: true, message: "业务号", trigger: "blur" }],
-          sfbxfrules: [
-            { required: true, message: "是否被续封", trigger: "change" },
-          ],
-        },
-      };
-    },
-    created () {
-      this.loadData();
+        bdcqzhrules: [
+          { required: true, message: "不动产登记证明号", trigger: "blur" },
+        ],
+        djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
+        dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
+        djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
+        ywhrules: [{ required: true, message: "业务号", trigger: "blur" }],
+        sfbxfrules: [
+          { required: true, message: "是否被续封", trigger: "change" },
+        ],
+      },
+    };
+  },
+  created() {
+    this.loadData();
+  },
+  mounted() {
+    this.ableOperation = this.$parent.ableOperation;
+  },
+  methods: {
+    /**
+     * @description: ztQlxxchange
+     * @param {*} val
+     * @author: renchao
+     */
+    ztQlxxchange(val) {
+      this.ruleForm.ztQlxx = val;
     },
-    mounted () {
-      this.ableOperation = this.$parent.ableOperation;
+    /**
+     * @description: ssQlxxchange
+     * @param {*} val
+     * @author: renchao
+     */
+    ssQlxxchange(val) {
+      this.ruleForm.ssQlxx = val;
+      this.ruleForm.qlxx.ssywh = val.ywh;
+      this.ssQlxxchangediolog(val);
     },
-    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) => {
+    // 弹框事件
+    ssQlxxchangediolog(val) {
+      console.log("确定了", this.ruleForm);
+      this.$confirm("是否将上手权利信息同步到表单", "提示", {
+        iconClass: "el-icon-question", //自定义图标样式
+        confirmButtonText: "确认", //确认按钮文字更换
+        cancelButtonText: "取消", //取消按钮文字更换
+        showClose: true, //是否显示右上角关闭按钮
+        type: "warning",
+      }).then(() => {
+        getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).then((res) => {
           if (res.code == 200) {
-            this.ruleForm = res.result;
-            this.isShow = true;
-            let djlx = this.ruleForm.qlxx.djlx;
-            this.$endLoading();
-            if (djlx == null || djlx == 100) {
-              this.ssqlxxshow = false;
+            this.nowlist = res.result;
+            console.log("his.nowlist", this.nowlist);
+            console.log("this.ruleForm", this.ruleForm);
+            for (var key in this.ruleForm.cfdj) {
+              if (
+                this.ruleForm.cfdj[key] == "" ||
+                this.ruleForm.cfdj[key] == null
+              ) {
+                this.ruleForm.cfdj[key] = this.nowlist.cfdj[key];
+              }
             }
-          }
-        });
-        //获取主体信息
-        getSsQlxx({
-          bdcdyid: this.propsParam.bdcdyid,
-          qllx: this.propsParam.qllx,
-        }).then((res) => {
-          if (res.code == 200) {
-            this.ssQlxxList = res.result;
-          }
-        });
-        //获取上手信息
-        getZtQlxx({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
-          if (res.code == 200) {
-            this.ztQlxxList = res.result;
-          }
-        });
-      },
-      // // 更新土地用途信息
-      // upDateTdytxxList(val) {
-      //   this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
-      //   this.key++;
-      // },
-      // // 更新权利人信息
-      // upDateQlrxxList(val) {
-      //   this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
-      //   this.czrOptions = this.ruleForm.qlrData;
-      //   this.key++;
-      // },
-      // // 更新义务人信息
-      // upDateYwrxxList(val) {
-      //   this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
-      //   this.key++;
-      // },
-      /**
-       * @description: onSubmit
-       * @author: renchao
-       */
-      onSubmit () {
-        this.$refs.ruleForm.validate((valid) => {
-          console.log("valid", valid);
-          if (valid) {
-            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",
-                });
+            for (var key in this.ruleForm.qlxx) {
+              if (
+                (this.ruleForm.qlxx[key] == null && key != "ywh") ||
+                this.ruleForm.qlxx[key] == null
+              ) {
+                console.log("this.ruleForm.qlxx[key]", key);
+                if (key != "ywh") {
+                  this.ruleForm.qlxx[key] = this.nowlist.qlxx[key];
+                }
               }
+            }
+            console.log("this.ruleForm", this.ruleForm);
+            this.$message({
+              type: "success",
+              message: "同步成功!",
             });
-          } else {
-            return false;
           }
         });
-      },
+      }).catch(() => {
+          this.$message({
+            type: "info",
+            message: "已取消同步",
+          });
+      })
+    },
+    /**
+     * @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;
+          this.isShow = true;
+          let djlx = this.ruleForm.qlxx.djlx;
+          this.$endLoading();
+          if (djlx == null || djlx == 100) {
+            this.ssqlxxshow = false;
+          }
+
+          //获取主体信息
+          getSsQlxx({
+            bdcdyid: this.propsParam.bdcdyid,
+            qllx: this.propsParam.qllx,
+            bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
+          }).then((res) => {
+            if (res.code == 200) {
+              this.ssQlxxList = res.result;
+            }
+          });
+          //获取上手信息
+          getZtQlxx({
+            bdcdyid: this.propsParam.bdcdyid,
+            bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
+          }).then((res) => {
+            if (res.code == 200) {
+              this.ztQlxxList = res.result;
+            }
+          });
+        }
+      });
+    },
+    // // 更新土地用途信息
+    // upDateTdytxxList(val) {
+    //   this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
+    //   this.key++;
+    // },
+    // // 更新权利人信息
+    // upDateQlrxxList(val) {
+    //   this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
+    //   this.czrOptions = this.ruleForm.qlrData;
+    //   this.key++;
+    // },
+    // // 更新义务人信息
+    // upDateYwrxxList(val) {
+    //   this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
+    //   this.key++;
+    // },
+    /**
+     * @description: onSubmit
+     * @author: renchao
+     */
+    onSubmit() {
+      this.$refs.ruleForm.validate((valid) => {
+        console.log("valid", valid);
+        if (valid) {
+          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>

@@ -16,7 +16,8 @@
       :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">
           补录信息
@@ -45,21 +46,28 @@
         </div>
         <el-row :gutter="10">
           <el-col :span="8">
-            <el-form-item label="抵押不动产信息：" prop="ztQlxx.bdcqzh" :rules="rules.ztQlxxrules">
+            <el-form-item
+              label="抵押不动产信息："
+              prop="ztQlxx.bdcqzh"
+              :rules="rules.ztQlxxrules"
+            >
               <select-table
                 v-model="ruleForm.ztQlxx"
                 :table-width="550"
                 :tableData="ztQlxxList"
                 :props="props"
-                @change="ztQlxxchange">
+                @change="ztQlxxchange"
+              >
                 <el-table-column
                   prop="qllxmc"
                   width="130"
-                  label="权利类型"></el-table-column>
+                  label="权利类型"
+                ></el-table-column>
                 <el-table-column
                   prop="bdcqzh"
                   width="160"
-                  label="不动产权证书"></el-table-column>
+                  label="不动产权证书"
+                ></el-table-column>
                 <el-table-column prop="qlrmc" label="权利人"></el-table-column>
                 <el-table-column prop="mjmc" label="面积"></el-table-column>
                 <el-table-column prop="ytmc" label="用途"></el-table-column>
@@ -69,21 +77,28 @@
           </el-col>
 
           <el-col :span="8" v-if="ssqlxxshow">
-            <el-form-item label="上手权利信息：">
+            <el-form-item
+              label="上手权利信息："
+              prop="ssQlxx.bdcqzh"
+              :rules="rules.ssQlxxrules"
+            >
               <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>
@@ -161,13 +176,18 @@
             </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"></el-option>
+                  :value="item.dcode"
+                ></el-option>
               </el-select>
             </el-form-item>
           </el-col>
@@ -180,12 +200,17 @@
                   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>
@@ -218,13 +243,15 @@
                 <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>
@@ -235,13 +262,15 @@
                 <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>
@@ -253,15 +282,15 @@
               <div class="flex">
                 <el-input
                   v-model="ruleForm.diyaq.dymj"
-                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
-                <el-select
-                  v-model="ruleForm.diyaq.jedw"
-                  style="width: 20%">
+                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
+                ></el-input>
+                <el-select v-model="ruleForm.diyaq.jedw" 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>
@@ -272,13 +301,15 @@
             <el-form-item
               label="债务履行起始时间："
               prop="diyaq.zwlxqssj"
-              :rules="rules.zwlxqssjrules">
+              :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">
+                format="yyyy-MM-dd"
+              >
               </el-date-picker>
             </el-form-item>
           </el-col>
@@ -286,13 +317,15 @@
             <el-form-item
               label="债务履行结束时间："
               prop="diyaq.zwlxjssj"
-              :rules="rules.zwlxjssjrules">
+              :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">
+                format="yyyy-MM-dd"
+              >
               </el-date-picker>
             </el-form-item>
           </el-col>
@@ -346,7 +379,8 @@
                   v-for="item in dictData['A6']"
                   :key="item.dcode"
                   :label="item.dname"
-                  :value="item.dcode">
+                  :value="item.dcode"
+                >
                 </el-option>
               </el-select>
             </el-form-item>
@@ -355,7 +389,8 @@
             <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>
@@ -364,7 +399,8 @@
             <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>
@@ -372,7 +408,8 @@
             <el-form-item
               label="登簿人："
               prop="qlxx.dbr"
-              :rules="rules.dbrrules">
+              :rules="rules.dbrrules"
+            >
               <el-input v-model="ruleForm.qlxx.dbr"></el-input>
             </el-form-item>
           </el-col>
@@ -380,14 +417,16 @@
             <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>
@@ -429,13 +468,15 @@
             <el-form-item
               label="注销时间："
               prop="qlxx.zxsj"
-              :rules="rules.zxsjrules">
+              :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">
+                format="yyyy-MM-dd"
+              >
               </el-date-picker>
             </el-form-item>
           </el-col>
@@ -443,7 +484,8 @@
             <el-form-item
               label="注销登簿人："
               prop="qlxx.zxdbr"
-              :rules="rules.zxdbrrules">
+              :rules="rules.zxdbrrules"
+            >
               <el-input v-model="ruleForm.qlxx.zxdbr"></el-input>
             </el-form-item>
           </el-col>
@@ -451,11 +493,11 @@
             <el-form-item
               label="注销抵押原因："
               prop="diyaq.zxdyyy"
-              :rules="rules.zxdyyyrules">
+              :rules="rules.zxdyyyrules"
+            >
               <el-input v-model="ruleForm.diyaq.zxdyyy"></el-input>
             </el-form-item>
           </el-col>
-
         </el-row>
         <div class="slxx_title title-block">
           权利人信息
@@ -466,7 +508,8 @@
             <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>
@@ -478,7 +521,8 @@
             <el-form-item label="是否分别持证：">
               <el-radio-group
                 v-model="ruleForm.qlxx.sqfbcz"
-                :disabled="!ableOperation">
+                :disabled="!ableOperation"
+              >
                 <el-radio :label="1">是</el-radio>
                 <el-radio :label="0">否</el-radio>
               </el-radio-group>
@@ -486,17 +530,20 @@
           </el-col>
           <el-col
             :span="6"
-            v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'">
+            v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'"
+          >
             <el-form-item label="持证人：">
               <el-select
                 v-model="ruleForm.czr"
                 placeholder="持证人"
-                :disabled="!ableOperation">
+                :disabled="!ableOperation"
+              >
                 <el-option
                   v-for="item in czrOptions"
                   :key="item.zjh"
                   :label="item.sqrmc"
-                  :value="item.zjh">
+                  :value="item.zjh"
+                >
                 </el-option>
               </el-select>
             </el-form-item>
@@ -507,7 +554,8 @@
           @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">
@@ -519,7 +567,8 @@
             :tableData="ruleForm.ywrData"
             :key="key"
             :ableOperation="ableOperation"
-            @upDateQlrxxList="upDateYwrxxList" />
+            @upDateQlrxxList="upDateYwrxxList"
+          />
         </div>
       </div>
       <el-row class="btn" v-if="ableOperation">
@@ -531,292 +580,359 @@
   </div>
 </template>
 <script>
-  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;
-      },
+import { mapGetters } from "vuex";
+import ywmix from "@/views/ywbl/mixin/index";
+import { init, getSsQlxx, getZtQlxx,getQlxxByQlxxBsm, 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;
     },
-    data () {
-      return {
-        mjdw: "1",
-        props: {
-          label: "bdcqzh",
-          value: "bdcdyid",
+  },
+  data() {
+    return {
+      mjdw: "1",
+      props: {
+        label: "bdcqzh",
+        value: "bdcdyid",
+      },
+      //表单是否可操作
+      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: "更正登记",
         },
-        //表单是否可操作
-        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: "换证",
-          },
+        {
+          dcode: "901",
+          dname: "补证",
+        },
+        {
+          dcode: "902",
+          dname: "换证",
+        },
+      ],
+      ssQlxxList: [],
+      ztQlxxList: [],
+      ableOperation: false,
+      rules: {
+        ssQlxxrules: [
+          { required: true, message: "上手权利信息", trigger: "blur" },
+        ],
+        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" },
         ],
-        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" }],
-        },
-      };
+        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" }],
+      },
+    };
+  },
+  created() {},
+  mounted() {
+    this.loadData();
+    this.ableOperation = this.$parent.ableOperation;
+  },
+  methods: {
+    /**
+     * @description: ztQlxxchange
+     * @param {*} val
+     * @author: renchao
+     */
+    ztQlxxchange(val) {
+      this.ruleForm.ztQlxx = val;
     },
-    created () { },
-    mounted () {
-      this.loadData();
-      this.ableOperation = this.$parent.ableOperation;
+    /**
+     * @description: ssQlxxchange
+     * @param {*} val
+     * @author: renchao
+     */
+    ssQlxxchange(val) {
+      this.ruleForm.ssQlxx = val;
+      this.ruleForm.qlxx.ssywh = val.ywh;
+      this.ssQlxxchangediolog(val);
     },
-    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: loadData
-       * @author: renchao
-       */
-      loadData () {
-        this.$startLoading();
-        this.propsParam.isEdit = this.$parent.isEdit;
-        init(this.propsParam).then((res) => {
+    // 弹框事件
+    ssQlxxchangediolog(val) {
+      console.log("确定了", this.ruleForm);
+      this.$confirm("是否将上手权利信息同步到表单", "提示", {
+        iconClass: "el-icon-question", //自定义图标样式
+        confirmButtonText: "确认", //确认按钮文字更换
+        cancelButtonText: "取消", //取消按钮文字更换
+        showClose: true, //是否显示右上角关闭按钮
+        type: "warning",
+        }).then(() => {
+        getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).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;
+            this.nowlist = res.result;
+            console.log("his.nowlist", this.nowlist);
+            console.log("this.ruleForm", this.ruleForm);
+            for (var key in this.ruleForm.diyaq) {
+              if (
+                this.ruleForm.diyaq[key] == "" ||
+                this.ruleForm.diyaq[key] == null
+              ) {
+                this.ruleForm.diyaq[key] = this.nowlist.diyaq[key];
+              }
+            }
+            for (var key in this.ruleForm.qlxx) {
+              if (
+                (this.ruleForm.qlxx[key] == null && key != "ywh") ||
+                this.ruleForm.qlxx[key] == null
+              ) {
+                console.log("this.ruleForm.qlxx[key]", key);
+                if (key != "ywh") {
+                  this.ruleForm.qlxx[key] = this.nowlist.qlxx[key];
+                }
+              }
+            }
+            if (!this.ruleForm.tdytqxList.length) {
+              this.ruleForm.tdytqxList = this.nowlist.tdytqxList;
+            }
+            if (!this.ruleForm.qlrData.length) {
+              this.ruleForm.qlrData = this.nowlist.qlrData;
             }
+            if (!this.ruleForm.ywrData.length) {
+              this.ruleForm.ywrData = this.nowlist.ywrData;
+            }
+            console.log("this.ruleForm", this.ruleForm);
+            this.$message({
+              type: "success",
+              message: "同步成功!",
+            });
           }
         });
-        //获取主体信息
-        getSsQlxx({
-          bdcdyid: this.propsParam.bdcdyid,
-          qllx: this.propsParam.qllx,
-        }).then((res) => {
-          if (res.code == 200) {
-            this.ssQlxxList = res.result;
+      }).catch(() => {
+          this.$message({
+            type: "info",
+            message: "已取消同步",
+          });
+      });
+    },
+
+    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;
+          this.$endLoading();
+          this.isShow = true;
+          let djlx = this.ruleForm.qlxx.djlx;
+          if (djlx == null || djlx == 100) {
+            this.ssqlxxshow = false;
           }
-        });
-        //获取上手信息
-        getZtQlxx({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
-          if (res.code == 200) {
-            this.ztQlxxList = res.result;
+
+          //获取主体信息
+          getSsQlxx({
+            bdcdyid: this.propsParam.bdcdyid,
+            qllx: this.propsParam.qllx,
+            bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
+          }).then((res) => {
+            if (res.code == 200) {
+              this.ssQlxxList = res.result;
+            }
+          });
+          //获取上手信息
+          getZtQlxx({
+            bdcdyid: this.propsParam.bdcdyid,
+            bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
+          }).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: "请确认权利人信息",
+              type: "error",
+            });
+            return false;
           }
-        });
-      },
-      // 更新土地用途信息
-      /**
-       * @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) {
+          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: "请确认权利人信息",
+                message: "共有方式：单独所有，权利人只能是一个人",
                 type: "error",
               });
               return false;
             }
-            if (this.ruleForm.ywrData.length == 0) {
+            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: "请确认义务人信息",
+                message: "保存成功！",
+                type: "success",
+              });
+              this.$parent.changeywh();
+              this.$store.dispatch("user/refreshPage", true);
+            } else {
+              this.$message({
+                showClose: true,
+                message: res.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;
-          }
-        });
-      },
+          });
+        } 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>

@@ -71,7 +71,7 @@
           </el-col>
 
           <el-col :span="8" v-if="ssqlxxshow">
-            <el-form-item label="上手权利信息：">
+            <el-form-item label="上手权利信息："  prop="ssQlxx.bdcqzh" :rules="rules.ssQlxxrules">
               <select-table
                 v-model="ruleForm.ssQlxx"
                 :table-width="550"
@@ -433,7 +433,7 @@
 <script>
   import { mapGetters } from "vuex";
   import ywmix from "@/views/ywbl/mixin/index"
-  import { init, getSsQlxx, getZtQlxx, save } from "@/api/djbRepair.js";
+  import { init, getSsQlxx, getZtQlxx, getQlxxByQlxxBsm,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";
@@ -510,6 +510,9 @@
         ableOperation: false,
         //传递参数\
         rules: {
+          ssQlxxrules: [
+            { required: true, message: "上手权利信息", trigger: "blur" },
+          ],
           ztQlxxrules: [
             { required: true, message: "抵押不动产信息", trigger: "blur" },
           ],
@@ -546,7 +549,65 @@
       ssQlxxchange (val) {
         this.ruleForm.ssQlxx = val;
         this.ruleForm.qlxx.ssywh = val.ywh;
+              this.ssQlxxchangediolog (val)
       },
+      // 弹框事件
+       ssQlxxchangediolog (val) {
+          console.log("确定了",this.ruleForm)
+        this.$confirm("是否将上手权利信息同步到表单", "提示", {
+            iconClass: "el-icon-question", //自定义图标样式
+            confirmButtonText: "确认", //确认按钮文字更换
+            cancelButtonText: "取消", //取消按钮文字更换
+            showClose: true, //是否显示右上角关闭按钮
+          type: "warning",
+        }).then(() => {
+        getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).then((res) => {
+          if (res.code == 200) {
+            this.nowlist = res.result;
+            console.log("his.nowlist", this.nowlist);
+            console.log("this.ruleForm", this.ruleForm);
+            for (var key in this.ruleForm.dyiq) {
+              if (
+                this.ruleForm.dyiq[key] == "" ||
+                this.ruleForm.dyiq[key] == null
+              ) {
+                this.ruleForm.dyiq[key] = this.nowlist.dyiq[key];
+              }
+            }
+            for (var key in this.ruleForm.qlxx) {
+              if (
+                (this.ruleForm.qlxx[key] == null && key != "ywh") ||
+                this.ruleForm.qlxx[key] == null
+              ) {
+                console.log("this.ruleForm.qlxx[key]", key);
+                if (key != "ywh") {
+                  this.ruleForm.qlxx[key] = this.nowlist.qlxx[key];
+                }
+              }
+            }
+            if (!this.ruleForm.tdytqxList.length) {
+              this.ruleForm.tdytqxList = this.nowlist.tdytqxList;
+            }
+            if (!this.ruleForm.qlrData.length) {
+              this.ruleForm.qlrData = this.nowlist.qlrData;
+            }
+            if (!this.ruleForm.ywrData.length) {
+              this.ruleForm.ywrData = this.nowlist.ywrData;
+            }
+            console.log("this.ruleForm", this.ruleForm);
+            this.$message({
+              type: "success",
+              message: "同步成功!",
+            });
+          }
+        });
+      }).catch(() => {
+          this.$message({
+            type: "info",
+            message: "已取消同步",
+          });
+      });
+    },
       /**
        * @description: djlxchange
        * @param {*} val
@@ -576,24 +637,29 @@
             }
             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;
-          }
-        });
-      },
+
+          //获取主体信息
+          getSsQlxx({
+            bdcdyid: this.propsParam.bdcdyid,
+            qllx: this.propsParam.qllx,
+            bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
+          }).then((res) => {
+            if (res.code == 200) {
+              this.ssQlxxList = res.result;
+            }
+          });
+          //获取上手信息
+          getZtQlxx({
+            bdcdyid: this.propsParam.bdcdyid,
+            bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
+          }).then((res) => {
+            if (res.code == 200) {
+              this.ztQlxxList = res.result;
+            }
+          });
+        }
+      });
+    },
       // 更新土地用途信息
       /**
        * @description: 更新土地用途信息

@@ -16,7 +16,8 @@
       :inline="flag"
       :show-message="false"
       inline-message
-      label-width="145px">
+      label-width="145px"
+    >
       <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
         <div class="slxx_title title-block">
           补录信息
@@ -43,23 +44,30 @@
           房地产权（独幢、层、套、间房屋）
           <div class="triangle"></div>
         </div>
-        <el-row :gutter="10" class="ssqlxx">
+        <el-row :gutter="24">
           <el-col :span="24" v-if="ssqlxxshow">
-            <el-form-item label="上手权利信息：">
+            <el-form-item
+              label="上手权利信息："
+              prop="ssQlxx.bdcqzh"
+              :rules="rules.ssQlxxrules"
+            >
               <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>
@@ -75,7 +83,11 @@
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item label="业务号：">
+            <el-form-item
+              label="业务号："
+              prop="qlxx.ywh"
+              :rules="rules.ywhrules"
+            >
               <el-input v-model="ruleForm.qlxx.ywh"></el-input>
             </el-form-item>
           </el-col>
@@ -92,13 +104,18 @@
             </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>
@@ -116,17 +133,17 @@
           <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-select
-                  disabled
-                  v-model="mjdw"
-                  style="width: 20%">
+                <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" 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>
@@ -135,17 +152,17 @@
           <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>
-                <el-select
-                  disabled
-                  v-model="mjdw"
-                  style="width: 20%">
+                <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" 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>
@@ -160,7 +177,8 @@
                 placeholder=""
                 :normalizer="normalizer"
                 :show-count="true"
-                :options="dictData['A9']" />
+                :options="dictData['A9']"
+              />
             </el-form-item>
           </el-col>
           <el-col :span="8">
@@ -169,13 +187,15 @@
                 <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']"
                     :key="item.dcode"
                     :label="item.dname"
-                    :value="item.dcode">
+                    :value="item.dcode"
+                  >
                   </el-option>
                 </el-select>
               </div>
@@ -188,7 +208,8 @@
                   v-for="item in qsztlist"
                   :key="item.dcode"
                   :label="item.dname"
-                  :value="item.dcode">
+                  :value="item.dcode"
+                >
                 </el-option>
               </el-select>
             </el-form-item>
@@ -200,7 +221,8 @@
                   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>
@@ -222,7 +244,8 @@
                   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>
@@ -231,13 +254,15 @@
             <el-form-item
               label="房屋结构："
               prop="fdcq2.fwjg"
-              :rules="rules.fwjgrules">
+              :rules="rules.fwjgrules"
+            >
               <el-select v-model="ruleForm.fdcq2.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>
@@ -255,17 +280,17 @@
           <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>
-                <el-select
-                  disabled
-                  v-model="mjdw"
-                  style="width: 20%">
+                <el-input
+                  v-model="ruleForm.fdcq2.jzmj"
+                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
+                ></el-input>
+                <el-select disabled v-model="mjdw" 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>
@@ -274,17 +299,17 @@
           <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>
-                <el-select
-                  disabled
-                  v-model="mjdw"
-                  style="width: 20%">
+                <el-input
+                  v-model="ruleForm.fdcq2.zyjzmj"
+                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
+                ></el-input>
+                <el-select disabled v-model="mjdw" 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>
@@ -293,17 +318,17 @@
           <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-select
-                  disabled
-                  v-model="mjdw"
-                  style="width: 20%">
+                <el-input
+                  v-model="ruleForm.fdcq2.ftjzmj"
+                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
+                ></el-input>
+                <el-select disabled v-model="mjdw" 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>
@@ -317,7 +342,8 @@
                 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>
@@ -326,7 +352,8 @@
             <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>
@@ -343,7 +370,8 @@
             <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>
@@ -351,7 +379,8 @@
             <el-form-item
               label="登簿人："
               prop="qlxx.dbr"
-              :rules="rules.dbrrules">
+              :rules="rules.dbrrules"
+            >
               <el-input v-model="ruleForm.qlxx.dbr"></el-input>
             </el-form-item>
           </el-col>
@@ -359,14 +388,16 @@
             <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>
@@ -392,7 +423,8 @@
         <tdytTable
           :tableData="ruleForm.tdytqxList"
           @upDateTdytxxList="upDateTdytxxList"
-          :ableOperation="ableOperation" />
+          :ableOperation="ableOperation"
+        />
         <div class="slxx_title title-block">
           权利人信息
           <div class="triangle"></div>
@@ -402,7 +434,8 @@
             <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>
@@ -414,7 +447,8 @@
             <el-form-item label="是否分别持证：">
               <el-radio-group
                 v-model="ruleForm.qlxx.sqfbcz"
-                :disabled="!ableOperation">
+                :disabled="!ableOperation"
+              >
                 <el-radio :label="1">是</el-radio>
                 <el-radio :label="0">否</el-radio>
               </el-radio-group>
@@ -422,17 +456,20 @@
           </el-col>
           <el-col
             :span="6"
-            v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'">
+            v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'"
+          >
             <el-form-item label="持证人：">
               <el-select
                 v-model="ruleForm.czr"
                 placeholder="持证人"
-                :disabled="!ableOperation">
+                :disabled="!ableOperation"
+              >
                 <el-option
                   v-for="item in czrOptions"
                   :key="item.zjh"
                   :label="item.sqrmc"
-                  :value="item.zjh">
+                  :value="item.zjh"
+                >
                 </el-option>
               </el-select>
             </el-form-item>
@@ -443,7 +480,8 @@
           @upDateQlrxxList="upDateQlrxxList"
           :ableOperation="ableOperation"
           :key="key"
-          :gyfs="ruleForm.qlxx.gyfs" />
+          :gyfs="ruleForm.qlxx.gyfs"
+        />
       </div>
       <el-row class="btn" v-if="ableOperation">
         <el-form-item>
@@ -454,302 +492,367 @@
   </div>
 </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"]),
-      // 根据流程判断表单是否为只读
-      editDisabled () {
-        if (!this.ableOperation) {
-          //只读状态
-          return true;
+import { mapGetters } from "vuex";
+import ywmix from "@/views/ywbl/mixin/index";
+import { init, getSsQlxx, getQlxxByQlxxBsm, 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 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;
         }
-        return false;
+        return {
+          id: node.dcode,
+          label: node.dname,
+        };
       },
-    },
-    data () {
-      return {
-        mjdw: "1",
-        ssqlxxshow: true,
-        props: {
-          label: "bdcqzh",
-          value: "bdcdyid",
+
+      //表单是否可操作
+      propsParam: this.$attrs,
+      // 登记类型
+      djlxlist: [
+        {
+          dcode: "100",
+          dname: "首次登记",
         },
-        // 键名转换，方法默认是label和children进行树状渲染
-        normalizer (node) {
-          //方法
-          if (node.children == null || node.children == "null") {
-            delete node.children;
-          }
-          return {
-            id: node.dcode,
-            label: node.dname,
-          };
+        {
+          dcode: "200",
+          dname: "转移登记",
+        },
+        {
+          dcode: "300",
+          dname: "变更登记",
+        },
+        {
+          dcode: "500",
+          dname: "更正登记",
         },
 
-        //表单是否可操作
-        propsParam: this.$attrs,
-        // 登记类型
-        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: "历史",
-          },
-        ],
-        key: 0,
-        tdxz: null,
-        isShow: false,
-        disabled: true,
-        czrOptions: [],
-        ssQlxxList: [],
-        ruleForm: {
-          fdcq2: {
-            ftjzmj: ''
-          }
+        {
+          dcode: "901",
+          dname: "补证",
         },
-        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" }],
-          fwjgrules: [{ required: true, message: "房屋结构", trigger: "change" }],
-          djlxrules: [{ required: true, message: "登记类型", trigger: "change" }],
+        {
+          dcode: "902",
+          dname: "换证",
+        },
+      ],
+      // 权属状态
+      qsztlist: [
+        {
+          dcode: "1",
+          dname: "现势",
+        },
+        {
+          dcode: "2",
+          dname: "历史",
+        },
+      ],
+      key: 0,
+      tdxz: null,
+      isShow: false,
+      disabled: true,
+      czrOptions: [],
+      ssQlxxList: [],
+      ruleForm: {
+        fdcq2: {
+          ftjzmj: "",
         },
-      };
-    },
-    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) {
-        if (val == null || val == 100) {
-          this.ssqlxxshow = false;
-        } else {
-          this.ssqlxxshow = true;
-        }
+      ableOperation: false,
+      //传递参数\
+      rules: {
+        ssQlxxrules: [
+          { 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" }],
+        fwjgrules: [{ required: true, message: "房屋结构", trigger: "change" }],
+        djlxrules: [{ required: true, message: "登记类型", trigger: "change" }],
+        ywhrules: [{ required: true, message: "业务号", trigger: "blur" }],
       },
-      /**
-       * @description: loadData
-       * @author: renchao
-       */
-      loadData () {
-        this.$startLoading();
-        this.propsParam.isEdit = this.$parent.isEdit;
-        init(this.propsParam).then((res) => {
+    };
+  },
+  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;
+      this.ssQlxxchangediolog(val);
+    },
+    // 弹框事件
+    ssQlxxchangediolog(val) {
+      console.log("确定了", this.ruleForm, val);
+      this.$confirm("是否将上手权利信息同步到表单", "提示", {
+        iconClass: "el-icon-question", //自定义图标样式
+        confirmButtonText: "确认", //确认按钮文字更换
+        cancelButtonText: "取消", //取消按钮文字更换
+        showClose: true, //是否显示右上角关闭按钮
+        type: "warning",
+
+
+      }).then(() => {
+        getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).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.nowlist = res.result;
+            console.log("his.nowlist", this.nowlist);
+            console.log("this.ruleForm", this.ruleForm);
+            for (var key in this.ruleForm.fdcq2) {
+              if (
+                this.ruleForm.fdcq2[key] == "" ||
+                this.ruleForm.fdcq2[key] == null
+              ) {
+                this.ruleForm.fdcq2[key] = this.nowlist.fdcq2[key];
+              }
             }
-            this.$endLoading();
-            if (this.ruleForm.tdytqxList.length > 0) {
-              this.tdxz = this.ruleForm.tdytqxList[0].qlxzbm;
-
-            } else {
-              this.tdxz = null;
+            for (var key in this.ruleForm.qlxx) {
+              if (
+                (this.ruleForm.qlxx[key] == null && key != "ywh") ||
+                this.ruleForm.qlxx[key] == null
+              ) {
+                console.log("this.ruleForm.qlxx[key]", key);
+                if (key != "ywh") {
+                  this.ruleForm.qlxx[key] = this.nowlist.qlxx[key];
+                }
+              }
+            }
+            if (!this.ruleForm.tdytqxList.length) {
+              this.ruleForm.tdytqxList = this.nowlist.tdytqxList;
             }
-            this.isShow = true;
+            if (!this.ruleForm.qlrData.length) {
+              this.ruleForm.qlrData = this.nowlist.qlrData;
+            }
+            if (!this.ruleForm.ywrData.length) {
+              this.ruleForm.ywrData = this.nowlist.ywrData;
+            }
+            console.log("this.ruleForm", this.ruleForm);
+            this.$message({
+              type: "success",
+              message: "同步成功!",
+            });
           }
         });
-        //获取主体信息
-        getSsQlxx({
-          bdcdyid: this.propsParam.bdcdyid,
-          qllx: this.propsParam.qllx,
-        }).then((res) => {
-          if (res.code == 200) {
-            this.ssQlxxList = res.result;
+      }).catch(() => {
+          this.$message({
+            type: "info",
+            message: "已取消同步",
+          });
+      });
+    },
+    /**
+     * @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;
           }
-        });
-      },
-      // 更新土地用途信息
-      /**
-       * @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.ruleForm.fdcq2.jedw = "1";
+          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,
+            bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
+          }).then((res) => {
+            if (res.code == 200) {
+              this.ssQlxxList = res.result;
+            }
+          });
+        }
+      });
+    },
+    // 更新土地用途信息
+    /**
+     * @description: 更新土地用途信息
+     * @param {*} val
+     * @author: renchao
+     */
+    upDateTdytxxList(val) {
+      this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
+      this.key++;
+    },
+    // 更新权利人信息
+    /**
+     * @description: 更新权利人信息
+     * @param {*} val
+     * @author: renchao
+     */
+    upDateQlrxxList(val) {
+      this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
+      this.czrOptions = this.ruleForm.qlrData;
+      this.key++;
+    },
+    // 更新义务人信息
+    /**
+     * @description: 更新义务人信息
+     * @param {*} val
+     * @author: renchao
+     */
+    upDateYwrxxList(val) {
+      this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
+      this.key++;
+    },
+    /**
+     * @description: onSubmit
+     * @author: renchao
+     */
+    onSubmit() {
+      this.$refs.ruleForm.validate((valid) => {
+        if (valid) {
+          if (this.ruleForm.qlrData.length == 0) {
+            this.$message({
+              showClose: true,
+              message: "请确认权利人信息",
+              type: "error",
+            });
+            return false;
+          }
+          if (this.ruleForm.tdytqxList.length == 0 && !this.tdxz) {
+            this.$message({
+              showClose: true,
+              message: "请补充土地用途信息",
+              type: "error",
+            });
+            return false;
+          }
+          if (!this.tdxz) {
+            this.$message({
+              showClose: true,
+              message: "请补充土地性质",
+              type: "error",
+            });
+            return false;
+          }
+          this.ruleForm.tdytqxList = this.ruleForm.tdytqxList.map((item) => {
+            return {
+              ...item,
+              qlxzbm: this.tdxz,
+            };
+          });
+          if (this.ruleForm.qlxx.gyfs == "0") {
+            if (this.ruleForm.qlrData.length > 1) {
               this.$message({
                 showClose: true,
-                message: "请确认权利人信息",
+                message: "共有方式：单独所有，权利人只能是一个人",
                 type: "error",
               });
               return false;
             }
-            if (this.ruleForm.tdytqxList.length == 0 && !this.tdxz) {
+            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: "error",
+                message: "保存成功！",
+                type: "success",
               });
-              return false;
-            }
-            if (!this.tdxz) {
+              this.$parent.changeywh();
+              this.$store.dispatch("user/refreshPage", true);
+            } else {
               this.$message({
                 showClose: true,
-                message: "请补充土地性质",
+                message: res.message,
                 type: "error",
               });
-              return false;
             }
-            this.ruleForm.tdytqxList = this.ruleForm.tdytqxList.map((item) => {
-              return {
-                ...item,
-                qlxzbm: this.tdxz,
-              };
-            });
-            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;
-          }
-        });
-      },
+          });
+        } 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>

@@ -9,12 +9,13 @@
     <el-form
       :model="ruleForm"
       :rules="rules"
-      :class="{readonly: editDisabled }"
+      :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,21 +44,28 @@
         </div>
         <el-row :gutter="24">
           <el-col :span="8" v-if="ssqlxxshow">
-            <el-form-item label="上手权利信息：">
+            <el-form-item
+              label="上手权利信息："
+              prop="ssQlxx.bdcqzh"
+              :rules="rules.ssQlxxrules"
+            >
               <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>
@@ -90,13 +98,18 @@
             </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>
@@ -108,7 +121,8 @@
                   v-for="item in qsztlist"
                   :key="item.dcode"
                   :label="item.dname"
-                  :value="item.dcode">
+                  :value="item.dcode"
+                >
                 </el-option>
               </el-select>
             </el-form-item>
@@ -127,17 +141,17 @@
           <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-select
-                  disabled
-                  v-model="mjdw"
-                  style="width: 20%">
+                <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" 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>
@@ -168,13 +182,15 @@
               <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>
@@ -185,7 +201,8 @@
             <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>
@@ -202,7 +219,8 @@
             <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>
@@ -210,7 +228,8 @@
             <el-form-item
               label="登簿人："
               prop="qlxx.dbr"
-              :rules="rules.dbrrules">
+              :rules="rules.dbrrules"
+            >
               <el-input v-model="ruleForm.qlxx.dbr"></el-input>
             </el-form-item>
           </el-col>
@@ -218,14 +237,16 @@
             <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>
@@ -244,7 +265,8 @@
         <tdytTable
           :tableData="ruleForm.tdytqxList"
           @upDateTdytxxList="upDateTdytxxList"
-          :ableOperation="ableOperation" />
+          :ableOperation="ableOperation"
+        />
         <div class="slxx_title title-block">
           权利人信息
           <div class="triangle"></div>
@@ -254,7 +276,8 @@
             <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>
@@ -266,7 +289,8 @@
             <el-form-item label="是否分别持证：">
               <el-radio-group
                 v-model="ruleForm.qlxx.sqfbcz"
-                :disabled="!ableOperation">
+                :disabled="!ableOperation"
+              >
                 <el-radio :label="1">是</el-radio>
                 <el-radio :label="0">否</el-radio>
               </el-radio-group>
@@ -274,17 +298,20 @@
           </el-col>
           <el-col
             :span="6"
-            v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'">
+            v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'"
+          >
             <el-form-item label="持证人：">
               <el-select
                 v-model="ruleForm.czr"
                 placeholder="持证人"
-                :disabled="!ableOperation">
+                :disabled="!ableOperation"
+              >
                 <el-option
                   v-for="item in czrOptions"
                   :key="item.zjh"
                   :label="item.sqrmc"
-                  :value="item.zjh">
+                  :value="item.zjh"
+                >
                 </el-option>
               </el-select>
             </el-form-item>
@@ -295,8 +322,8 @@
           @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>
@@ -307,270 +334,332 @@
   </div>
 </template>
 <script>
-  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;
+import { mapGetters } from "vuex";
+import store from "@/store/index.js";
+import ywmix from "@/views/ywbl/mixin/index";
+import { init, getSsQlxx,getQlxxByQlxxBsm, 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 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;
         }
-        return false;
+        return {
+          id: node.dcode,
+          label: node.dname,
+        };
       },
-    },
-    data () {
-      return {
-        mjdw: "1",
-        ssqlxxshow: true,
-        props: {
-          label: "bdcqzh",
-          value: "bdcdyid",
+      //表单是否可操作
+      propsParam: this.$attrs,
+      ableOperation: false,
+      key: 0,
+      ssQlxxList: [],
+      // 登记类型
+      djlxlist: [
+        {
+          dcode: "100",
+          dname: "首次登记",
         },
-        // 键名转换，方法默认是label和children进行树状渲染
-        normalizer (node) {
-          //方法
-          if (node.children == null || node.children == "null") {
-            delete node.children;
-          }
-          return {
-            id: node.dcode,
-            label: node.dname,
-          };
+        {
+          dcode: "200",
+          dname: "转移登记",
+        },
+        {
+          dcode: "300",
+          dname: "变更登记",
+        },
+        {
+          dcode: "500",
+          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: "换证",
-          },
+        {
+          dcode: "901",
+          dname: "补证",
+        },
+        {
+          dcode: "902",
+          dname: "换证",
+        },
+      ],
+      // 权属状态
+      qsztlist: [
+        {
+          dcode: "1",
+          dname: "现势",
+        },
+        {
+          dcode: "2",
+          dname: "历史",
+        },
+      ],
+      tdxz: null,
+      isShow: false,
+      disabled: true,
+      czrOptions: [],
+      ruleForm: {},
+      //传递参数\
+      rules: {
+        ssQlxxrules: [
+          { required: true, message: "上手权利信息", trigger: "blur" },
         ],
-        // 权属状态
-        qsztlist: [
-          {
-            dcode: "1",
-            dname: "现势",
-          },
-          {
-            dcode: "2",
-            dname: "历史",
-          },
+        bdcqzhrules: [
+          { required: true, message: "不动产权证号：", trigger: "blur" },
         ],
-        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" }],
-        },
-      };
-    },
-    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" }],
+        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;
-        }
-      },
-      // 字典
-      /**
-       * @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) => {
+    };
+  },
+  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;
+      this.ssQlxxchangediolog(val);
+    },
+    // 弹框事件
+    ssQlxxchangediolog(val) {
+      console.log("确定了", this.ruleForm);
+      this.$confirm("是否将上手权利信息同步到表单", "提示", {
+        iconClass: "el-icon-question", //自定义图标样式
+        confirmButtonText: "确认", //确认按钮文字更换
+        cancelButtonText: "取消", //取消按钮文字更换
+        showClose: true, //是否显示右上角关闭按钮
+        type: "warning",
+     }).then(() => {
+        getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).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.nowlist = res.result;
+            console.log("his.nowlist", this.nowlist);
+            console.log("this.ruleForm", this.ruleForm);
+            for (var key in this.ruleForm.jsydsyq) {
+              if (
+                this.ruleForm.jsydsyq[key] == "" ||
+                this.ruleForm.jsydsyq[key] == null
+              ) {
+                this.ruleForm.jsydsyq[key] = this.nowlist.jsydsyq[key];
+              }
             }
-            this.$endLoading();
-            if (this.ruleForm.tdytqxList.length > 0) {
-              this.tdxz = this.ruleForm.tdytqxList[0].qlxzbm;
-            } else {
-              this.tdxz = null;
+            for (var key in this.ruleForm.qlxx) {
+              if (
+                (this.ruleForm.qlxx[key] == null && key != "ywh") ||
+                this.ruleForm.qlxx[key] == null
+              ) {
+                console.log("this.ruleForm.qlxx[key]", key);
+                if (key != "ywh") {
+                  this.ruleForm.qlxx[key] = this.nowlist.qlxx[key];
+                }
+              }
+            }
+            if (!this.ruleForm.tdytqxList.length) {
+              this.ruleForm.tdytqxList = this.nowlist.tdytqxList;
+            }
+            if (!this.ruleForm.qlrData.length) {
+              this.ruleForm.qlrData = this.nowlist.qlrData;
             }
-            this.isShow = true;
+            if (!this.ruleForm.ywrData.length) {
+              this.ruleForm.ywrData = this.nowlist.ywrData;
+            }
+            console.log("this.ruleForm", this.ruleForm);
+            this.$message({
+              type: "success",
+              message: "同步成功!",
+            });
           }
         });
-        //获取主体信息
-        getSsQlxx({
-          bdcdyid: this.propsParam.bdcdyid,
-          qllx: this.propsParam.qllx,
-        }).then((res) => {
-          if (res.code == 200) {
-            this.ssQlxxList = res.result;
+      }).catch(() => {
+          this.$message({
+            type: "info",
+            message: "已取消同步",
+          });
+      });
+    },
+    /**
+     * @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;
           }
-        });
-      },
-      // 更新土地用途信息
-      /**
-       * @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.$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,
+            bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
+          }).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;
+          }
+
+          if (this.ruleForm.qlxx.gyfs == "0") {
+            if (this.ruleForm.qlrData.length > 1) {
               this.$message({
                 showClose: true,
-                message: "请确认权利人信息",
+                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) => {
+            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 {
-                this.ruleForm.qlrData.forEach((item, index) => {
-                  if (item.zjh == this.ruleForm.czr) {
-                    item.sfczr = "1";
-                  } else {
-                    item.sfczr = "0";
-                  }
-                });
-              }
+                } 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>

@@ -15,7 +15,8 @@
       :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,21 +45,28 @@
         </div>
         <el-row :gutter="10">
           <el-col :span="8" v-if="ssqlxxshow">
-            <el-form-item label="上手权利信息：">
+            <el-form-item
+              label="上手权利信息："
+              prop="ssQlxx.bdcqzh"
+              :rules="rules.ssQlxxrules"
+            >
               <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>
@@ -75,13 +83,15 @@
             <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>
@@ -108,7 +118,8 @@
             <el-form-item
               label="登簿人："
               prop="qlxx.dbr"
-              :rules="rules.dbrrules">
+              :rules="rules.dbrrules"
+            >
               <el-input v-model="ruleForm.qlxx.dbr"></el-input>
             </el-form-item>
           </el-col>
@@ -116,7 +127,8 @@
             <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>
@@ -133,7 +145,8 @@
             <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>
@@ -144,7 +157,8 @@
                   v-for="item in qsztlist"
                   :key="item.dcode"
                   :label="item.dname"
-                  :value="item.dcode">
+                  :value="item.dcode"
+                >
                 </el-option>
               </el-select>
             </el-form-item>
@@ -163,16 +177,19 @@
                 <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>
@@ -184,16 +201,19 @@
                 <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>
@@ -205,16 +225,19 @@
                 <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>
@@ -228,16 +251,19 @@
                 <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>
@@ -249,16 +275,19 @@
                 <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>
@@ -270,16 +299,19 @@
                 <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>
@@ -293,16 +325,19 @@
                 <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>
@@ -312,14 +347,16 @@
             <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>
@@ -338,7 +375,8 @@
         <tdytTable
           :tableData="ruleForm.tdytqxList"
           @upDateTdytxxList="upDateTdytxxList"
-          :ableOperation="ableOperation" />
+          :ableOperation="ableOperation"
+        />
         <div class="slxx_title title-block">
           权利人信息
           <div class="triangle"></div>
@@ -348,7 +386,8 @@
             <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>
@@ -360,7 +399,8 @@
             <el-form-item label="是否分别持证：">
               <el-radio-group
                 v-model="ruleForm.qlxx.sqfbcz"
-                :disabled="!ableOperation">
+                :disabled="!ableOperation"
+              >
                 <el-radio :label="1">是</el-radio>
                 <el-radio :label="0">否</el-radio>
               </el-radio-group>
@@ -368,17 +408,20 @@
           </el-col>
           <el-col
             :span="6"
-            v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'">
+            v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'"
+          >
             <el-form-item label="持证人：">
               <el-select
                 v-model="ruleForm.czr"
                 placeholder="持证人"
-                :disabled="!ableOperation">
+                :disabled="!ableOperation"
+              >
                 <el-option
                   v-for="item in czrOptions"
                   :key="item.zjh"
                   :label="item.sqrmc"
-                  :value="item.zjh">
+                  :value="item.zjh"
+                >
                 </el-option>
               </el-select>
             </el-form-item>
@@ -389,7 +432,8 @@
           @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>
@@ -400,339 +444,396 @@
   </div>
 </template>
 <script>
-  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;
+import { mapGetters } from "vuex";
+import store from "@/store/index.js";
+import ywmix from "@/views/ywbl/mixin/index";
+import { init, getSsQlxx,getQlxxByQlxxBsm, 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 false;
+    },
+  },
+  data() {
+    return {
+      ssqlxxshow: true,
+      props: {
+        label: "bdcqzh",
+        value: "bdcdyid",
+      },
+      // 键名转换，方法默认是label和children进行树状渲染
+      normalizer(node) {
+        //方法
+        if (node.children == null || node.children == "null") {
+          delete node.children;
         }
-        return false;
+        return {
+          id: node.dcode,
+          label: node.dname,
+        };
       },
-    },
-    data () {
-      return {
-        ssqlxxshow: true,
-        props: {
-          label: "bdcqzh",
-          value: "bdcdyid",
+      //表单是否可操作
+      propsParam: this.$attrs,
+      key: 0,
+      // 登记类型
+      djlxlist: [
+        {
+          dcode: "100",
+          dname: "首次登记",
         },
-        // 键名转换，方法默认是label和children进行树状渲染
-        normalizer (node) {
-          //方法
-          if (node.children == null || node.children == "null") {
-            delete node.children;
-          }
-          return {
-            id: node.dcode,
-            label: node.dname,
-          };
+        {
+          dcode: "200",
+          dname: "转移登记",
+        },
+        {
+          dcode: "300",
+          dname: "变更登记",
+        },
+        {
+          dcode: "500",
+          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: "换证",
-          },
+        {
+          dcode: "901",
+          dname: "补证",
+        },
+        {
+          dcode: "902",
+          dname: "换证",
+        },
+      ],
+      // 权属状态
+      qsztlist: [
+        {
+          dcode: "1",
+          dname: "现势",
+        },
+        {
+          dcode: "2",
+          dname: "历史",
+        },
+      ],
+      isShow: false,
+      disabled: true,
+      czrOptions: [],
+      ssQlxxList: [],
+      ruleForm: {},
+      ableOperation: false,
+      //传递参数\
+      rules: {
+        ssQlxxrules: [
+          { required: true, message: "上手权利信息", trigger: "blur" },
         ],
-        // 权属状态
-        qsztlist: [
-          {
-            dcode: "1",
-            dname: "现势",
-          },
-          {
-            dcode: "2",
-            dname: "历史",
-          },
+        bdcqzhrules: [
+          { required: true, message: "不动产权证号：", trigger: "blur" },
         ],
-        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" }],
-        },
-      };
-    },
-    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];
+        // 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: loadData
-       * @author: renchao
-       */
-      loadData () {
-        this.$startLoading();
-        this.propsParam.isEdit = this.$parent.isEdit;
-        init(this.propsParam).then((res) => {
+    };
+  },
+  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;
+      this.ssQlxxchangediolog(val);
+    },
+    // 弹框事件
+    ssQlxxchangediolog(val) {
+      console.log("确定了", this.ruleForm);
+      this.$confirm("是否将上手权利信息同步到表单", "提示", {
+        iconClass: "el-icon-question", //自定义图标样式
+        confirmButtonText: "确认", //确认按钮文字更换
+        cancelButtonText: "取消", //取消按钮文字更换
+        showClose: true, //是否显示右上角关闭按钮
+        type: "warning",
+  }).then(() => {
+        getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).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.nowlist = res.result;
+            console.log("his.nowlist", this.nowlist);
+            console.log("this.ruleForm", this.ruleForm);
+            for (var key in this.ruleForm.tdsyq) {
+              if (
+                this.ruleForm.tdsyq[key] == "" ||
+                this.ruleForm.tdsyq[key] == null
+              ) {
+                this.ruleForm.tdsyq[key] = this.nowlist.tdsyq[key];
+              }
+            }
+            for (var key in this.ruleForm.qlxx) {
+              if (
+                (this.ruleForm.qlxx[key] == null && key != "ywh") ||
+                this.ruleForm.qlxx[key] == null
+              ) {
+                console.log("this.ruleForm.qlxx[key]", key);
+                if (key != "ywh") {
+                  this.ruleForm.qlxx[key] = this.nowlist.qlxx[key];
+                }
+              }
+            }
+            if (!this.ruleForm.tdytqxList.length) {
+              this.ruleForm.tdytqxList = this.nowlist.tdytqxList;
             }
-            this.$endLoading();
-            // if (this.ruleForm.tdytqxList.length > 0) {
-            //   this.tdxz = this.ruleForm.tdytqxList[0].qlxzbm;
-            // } else {
-            //   this.tdxz = null;
-            // }
-            this.isShow = true;
+            if (!this.ruleForm.qlrData.length) {
+              this.ruleForm.qlrData = this.nowlist.qlrData;
+            }
+            if (!this.ruleForm.ywrData.length) {
+              this.ruleForm.ywrData = this.nowlist.ywrData;
+            }
+            console.log("this.ruleForm", this.ruleForm);
+            this.$message({
+              type: "success",
+              message: "同步成功!",
+            });
           }
         });
-        //获取主体信息
-        getSsQlxx({
-          bdcdyid: this.propsParam.bdcdyid,
-          qllx: this.propsParam.qllx,
-        }).then((res) => {
-          if (res.code == 200) {
-            this.ssQlxxList = res.result;
+      }).catch(() => {
+          this.$message({
+            type: "info",
+            message: "已取消同步",
+          });
+      });
+    },
+    /**
+     * @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
-       */
-      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.$endLoading();
+          this.isShow = true;
+          //获取主体信息
+          getSsQlxx({
+            bdcdyid: this.propsParam.bdcdyid,
+            qllx: this.propsParam.qllx,
+            bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
+          }).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;
+          }
+
+          if (this.ruleForm.qlxx.gyfs == "0") {
+            if (this.ruleForm.qlrData.length > 1) {
               this.$message({
                 showClose: true,
-                message: "请确认权利人信息",
+                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) => {
+            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 {
-                this.ruleForm.qlrData.forEach((item, index) => {
-                  if (item.zjh == this.ruleForm.czr) {
-                    item.sfczr = "1";
-                  } else {
-                    item.sfczr = "0";
-                  }
-                });
-              }
+                } 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>

@@ -10,14 +10,15 @@
     <el-form
       :model="ruleForm"
       :rules="rules"
-      :class="{readonly: editDisabled }"
+      :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">
           补录信息
@@ -46,21 +47,28 @@
         </div>
         <el-row :gutter="10">
           <el-col :span="8" v-if="ztQlxxList">
-            <el-form-item label="抵押不动产信息：" prop="ztQlxx" :rules="rules.ztQlxxrules">
+            <el-form-item
+              label="抵押不动产信息："
+              prop="ztQlxx"
+              :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>
@@ -70,21 +78,28 @@
           </el-col>
 
           <el-col :span="8" v-if="ssqlxxshow">
-            <el-form-item label="上手权利信息：">
+            <el-form-item
+              label="上手权利信息："
+              prop="ssQlxx.bdcqzh"
+              :rules="rules.ssQlxxrules"
+            >
               <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>
@@ -156,7 +171,11 @@
             </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>
@@ -178,13 +197,18 @@
             </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>
@@ -195,7 +219,11 @@
             </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>
@@ -205,24 +233,37 @@
             </el-form-item>
           </el-col> -->
           <el-col :span="8">
-            <el-form-item label="登记机构：" prop="qlxx.djjg" :rules="rules.djjgrules">
+            <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-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-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">
+                format="yyyy-MM-dd"
+              >
               </el-date-picker>
             </el-form-item>
           </el-col>
@@ -233,20 +274,26 @@
                   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-select v-model="ruleForm.ygdj.ygdjzlmc">
+            <el-form-item
+              label="预告登记种类："
+              prop="ygdj.ygdjzl"
+              :rules="rules.ygdjzlrules"
+            >
+              <el-select v-model="ruleForm.ygdj.ygdjzl">
                 <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>
@@ -263,7 +310,8 @@
                   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>
@@ -280,7 +328,8 @@
                   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>
@@ -297,7 +346,8 @@
                   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>
@@ -315,17 +365,21 @@
           <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"
+                  v-model="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>
@@ -349,41 +403,63 @@
                 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="取得价格/被担保主债权数额：">
+            <el-form-item>
+              <span slot="label" style="display: inline-block">
+                <el-tooltip
+                  content="取得价格被担保主债权数额："
+                  placement="top"
+                  effect="light"
+                >
+                  <span type="text" style="color: #444" size="mini"
+                    >取得价格被担保...</span
+                  >
+                </el-tooltip>
+              </span>
               <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"
-                  style="width: 20%">
+                  style="width: 20%"
+                >
                   <el-option
-                    v-for="item in dictData['A7']"
+                    v-for="item in dictData['A57']"
                     :key="item.dcode"
                     :label="item.dname"
-                    :value="item.dcode">
+                    :value="item.dcode"
+                  >
                   </el-option>
                 </el-select>
               </div>
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item label="金额单位：">
-              <el-input v-model="ruleForm.ygdj.jedw"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
             <el-form-item label="担保范围：">
               <el-input v-model="ruleForm.ygdj.dbfw"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item label="是否存在禁止或限制转让抵押不动产的约定：">
+            <el-form-item>
+              <span slot="label" style="display: inline-block">
+                <el-tooltip
+                  content="是否存在禁止或限制转让抵押不动产的约定："
+                  placement="top"
+                  effect="light"
+                >
+                  <span type="text" style="color: #444" size="mini"
+                    >是否存在禁止或限制...</span
+                  >
+                </el-tooltip>
+              </span>
               <el-input v-model="ruleForm.ygdj.sfczjzhxz"></el-input>
             </el-form-item>
           </el-col>
@@ -407,7 +483,8 @@
             <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>
@@ -419,7 +496,8 @@
             <el-form-item label="是否分别持证：">
               <el-radio-group
                 v-model="ruleForm.qlxx.sqfbcz"
-                :disabled="!ableOperation">
+                :disabled="!ableOperation"
+              >
                 <el-radio :label="1">是</el-radio>
                 <el-radio :label="0">否</el-radio>
               </el-radio-group>
@@ -427,17 +505,20 @@
           </el-col>
           <el-col
             :span="6"
-            v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'">
+            v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'"
+          >
             <el-form-item label="持证人：">
               <el-select
                 v-model="ruleForm.czr"
                 placeholder="持证人"
-                :disabled="!ableOperation">
+                :disabled="!ableOperation"
+              >
                 <el-option
                   v-for="item in czrOptions"
                   :key="item.zjh"
                   :label="item.sqrmc"
-                  :value="item.zjh">
+                  :value="item.zjh"
+                >
                 </el-option>
               </el-select>
             </el-form-item>
@@ -448,7 +529,8 @@
           @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">
@@ -460,7 +542,8 @@
             :tableData="ruleForm.ywrData"
             :key="key"
             :ableOperation="ableOperation"
-            @upDateQlrxxList="upDateYwrxxList" />
+            @upDateQlrxxList="upDateYwrxxList"
+          />
         </div>
       </div>
       <el-row class="btn" v-if="ableOperation">
@@ -472,284 +555,350 @@
   </div>
 </template>
 <script>
-  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;
-      },
+import { mapGetters } from "vuex";
+import ywmix from "@/views/ywbl/mixin/index";
+import { init, getSsQlxx, getZtQlxx,getQlxxByQlxxBsm, 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,
-        props: {
-          label: "bdcqzh",
-          value: "bdcdyid",
+  },
+  data() {
+    return {
+      ssqlxxshow: true,
+      props: {
+        label: "bdcqzh",
+        value: "bdcdyid",
+      },
+      mjdw: "1",
+      //表单是否可操作
+      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: "更正登记",
         },
-        //表单是否可操作
-        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: "换证",
-          },
+        {
+          dcode: "901",
+          dname: "补证",
+        },
+        {
+          dcode: "902",
+          dname: "换证",
+        },
+      ],
+      // 权属状态
+      qsztlist: [
+        {
+          dcode: "1",
+          dname: "现势",
+        },
+        {
+          dcode: "2",
+          dname: "历史",
+        },
+      ],
+      //传递参数\
+      rules: {
+        ztQlxxrules: [
+          { required: true, message: "抵押不动产信息", trigger: "blur" },
         ],
-        // 权属状态
-        qsztlist: [
-          {
-            dcode: "1",
-            dname: "现势",
-          },
-          {
-            dcode: "2",
-            dname: "历史",
-          },
+        bdcqzhrules: [
+          { required: true, message: "不动产登记证明号", trigger: "blur" },
         ],
-        //传递参数\
-        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,
-      };
+        // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
+        djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
+        dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
+        djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
+        ygdjzlrules: [
+          { required: true, message: "预告登记种类", trigger: "change" },
+        ],
+        djlxrules: [{ required: true, message: "登记类型", trigger: "change" }],
+        ywhrules: [{ required: true, message: "业务号", trigger: "blur" }],
+        ssQlxxrules: [
+          { 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;
     },
-    created () {
-      this.loadData();
+    /**
+     * @description: ssQlxxchange
+     * @param {*} val
+     * @author: renchao
+     */
+    ssQlxxchange(val) {
+      this.ruleForm.ssQlxx = val;
+      this.ruleForm.qlxx.ssywh = val.ywh;
+      this.ssQlxxchangediolog(val);
     },
-    mounted () {
-      this.ableOperation = this.$parent.ableOperation
-
-    },
-    methods: {
-      /**
-    * @description: ztQlxxchange
-    * @param {*} val
-    * @author: renchao
-    */
-      ztQlxxchange (val) {
-        this.ruleForm.ztQlxx = val;
-      },
-      /**
-       * @description: ssQlxxchange
-       * @param {*} val
-       * @author: renchao
-       */
-      ssQlxxchange (val) {
-        this.ruleForm.ssQlxx = val;
-        this.ruleForm.qlxx.ssywh = val.ywh;
-      },
-      /**
-       * @description: djlxchange
-       * @param {*} val
-       * @author: renchao
-       */
-      djlxchange (val) {
-        if (val == null || val == 100) {
-          this.ssqlxxshow = false;
-        } else {
-          this.ssqlxxshow = true;
-        }
-      },
-      /**
-       * @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;
+    // 弹框事件
+    ssQlxxchangediolog(val) {
+      console.log("确定了", this.ruleForm);
+      this.$confirm("是否将上手权利信息同步到表单", "提示", {
+        iconClass: "el-icon-question", //自定义图标样式
+        confirmButtonText: "确认", //确认按钮文字更换
+        cancelButtonText: "取消", //取消按钮文字更换
+        showClose: true, //是否显示右上角关闭按钮
+        type: "warning",
+      })
+        .then(() => {
+          getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).then((res) => {
+            if (res.code == 200) {
+              this.nowlist = res.result;
+              console.log("his.nowlist", this.nowlist);
+              console.log("this.ruleForm", this.ruleForm);
+              for (var key in this.ruleForm.ygdj) {
+                if (
+                  this.ruleForm.ygdj[key] == "" ||
+                  this.ruleForm.ygdj[key] == null
+                ) {
+                  this.ruleForm.ygdj[key] = this.nowlist.ygdj[key];
+                }
+              }
+              for (var key in this.ruleForm.qlxx) {
+                if (
+                  (this.ruleForm.qlxx[key] == null && key != "ywh") ||
+                  this.ruleForm.qlxx[key] == null
+                ) {
+                  console.log("this.ruleForm.qlxx[key]", key);
+                  if (key != "ywh") {
+                    this.ruleForm.qlxx[key] = this.nowlist.qlxx[key];
+                  }
+                }
+              }
+              if (!this.ruleForm.tdytqxList.length) {
+                this.ruleForm.tdytqxList = this.nowlist.tdytqxList;
+              }
+              if (!this.ruleForm.qlrData.length) {
+                this.ruleForm.qlrData = this.nowlist.qlrData;
+              }
+              if (!this.ruleForm.ywrData.length) {
+                this.ruleForm.ywrData = this.nowlist.ywrData;
+              }
+              console.log("this.ruleForm", this.ruleForm);
+              this.$message({
+                type: "success",
+                message: "同步成功!",
+              });
             }
-            this.$endLoading();
-            this.isShow = true;
-          }
+          });
+        })
+        .catch(() => {
+          this.$message({
+            type: "info",
+            message: "已取消同步",
+          });
         });
-        //获取主体信息
-        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);
+    },
+    /**
+     * @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;
           }
-        });
-
-        //获取上手信息
-        getZtQlxx({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
-          if (res.code == 200) {
-            this.ztQlxxList = res.result;
-            console.log("this.$refs.ruleForm", this.$refs.ruleForm);
+          this.ruleForm.ygdj.jedw = "1";
+          this.$endLoading();
+          this.isShow = true;
+          //获取主体信息
+          getSsQlxx({
+            bdcdyid: this.propsParam.bdcdyid,
+            qllx: this.propsParam.qllx,
+            bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
+          }).then((res) => {
+            if (res.code == 200) {
+              this.ssQlxxList = res.result;
+            }
+          });
+          //获取上手信息
+          getZtQlxx({
+            bdcdyid: this.propsParam.bdcdyid,
+            bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
+          }).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: "请确认权利人信息",
+              type: "error",
+            });
+            return false;
           }
-        });
-
-      },
-      // 更新土地用途信息
-      /**
-       * @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) {
+          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: "请确认权利人信息",
+                message: "共有方式：单独所有，权利人只能是一个人",
                 type: "error",
               });
               return false;
             }
-            if (this.ruleForm.ywrData.length == 0) {
+            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: "请确认义务人信息",
+                message: res.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;
-          }
-        });
-      },
+          });
+        } 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>

@@ -10,14 +10,15 @@
     <el-form
       :model="ruleForm"
       :rules="rules"
-      :class="{readonly: editDisabled }"
+      :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">
           补录信息
@@ -44,23 +45,30 @@
           预告买卖登记信息不动产情况
           <div class="triangle"></div>
         </div>
-        <el-row :gutter="10">
-          <el-col :span="8" v-if="ssqlxxshow">
-            <el-form-item label="上手权利信息：">
+        <el-row :gutter="24">
+          <el-col :span="24" v-if="ssqlxxshow">
+            <el-form-item
+              label="上手权利信息："
+              prop="ssQlxx.bdcqzh"
+              :rules="rules.ssQlxxrules"
+            >
               <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>
@@ -68,6 +76,8 @@
               </select-table>
             </el-form-item>
           </el-col>
+        </el-row>
+        <el-row :gutter="10">
           <el-col :span="8">
             <el-form-item label="上手业务号：">
               <el-input disabled v-model="ruleForm.qlxx.ssywh"></el-input>
@@ -77,26 +87,30 @@
             <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-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>
@@ -116,7 +130,11 @@
             </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>
@@ -126,24 +144,37 @@
             </el-form-item>
           </el-col> -->
           <el-col :span="8">
-            <el-form-item label="登记机构：" prop="qlxx.djjg" :rules="rules.djjgrules">
+            <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-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-form-item
+              label="登记时间："
+              prop="qlxx.djsj"
+              :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>
@@ -154,20 +185,26 @@
                   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-select v-model="ruleForm.ygdj.ygdjlx">
+            <el-form-item
+              label="预告登记种类："
+              prop="ygdj.ygdjzl"
+              :rules="rules.ygdjzlrules"
+            >
+              <el-select v-model="ruleForm.ygdj.ygdjzl">
                 <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>
@@ -184,7 +221,8 @@
                   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>
@@ -201,7 +239,8 @@
                   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>
@@ -218,7 +257,8 @@
                   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>
@@ -236,17 +276,21 @@
           <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"
+                  v-model="mjdw"
                   :disabled="!ableOperation"
-                  style="width: 20%">
+                  style="width: 20%"
+                >
                   <el-option
                     v-for="item in dictData['A7']"
                     :key="item.dcode"
                     :label="item.dname"
-                    :value="item.dcode">
+                    :value="item.dcode"
+                  >
                   </el-option>
                 </el-select>
               </div>
@@ -270,41 +314,69 @@
                 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="取得价格/被担保主债权数额：">
-              <div class="flex">
-                <el-input v-model="ruleForm.ygdj.qdjg"
-                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
+           <el-col :span="8">
+            <el-form-item>
+              <span slot="label" style="display: inline-block">
+
+                <el-tooltip
+                  content="取得价格被担保主债权数额："
+                  placement="top"
+                  effect="light"
+                >
+                  <span
+                    type="text"
+                    style="color: #444"
+                    size="mini"
+                  >取得价格被担保...</span>
+                </el-tooltip>
+              </span>
+                <div class="flex">
+                <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"
-                  style="width: 20%">
+                  style="width: 20%"
+                >
                   <el-option
-                    v-for="item in dictData['A7']"
+                    v-for="item in dictData['A57']"
                     :key="item.dcode"
                     :label="item.dname"
-                    :value="item.dcode">
+                    :value="item.dcode"
+                  >
                   </el-option>
                 </el-select>
               </div>
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item label="金额单位：">
-              <el-input v-model="ruleForm.ygdj.jedw"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
             <el-form-item label="担保范围：">
               <el-input v-model="ruleForm.ygdj.dbfw"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item label="是否存在禁止或限制转让抵押不动产的约定：">
+            <el-form-item>
+              <span slot="label" style="display: inline-block">
+
+                <el-tooltip
+                  content="是否存在禁止或限制转让抵押不动产的约定："
+                  placement="top"
+                  effect="light"
+                >
+                  <span
+                    type="text"
+                    style="color: #444"
+                    size="mini"
+                  >是否存在禁止或限制...</span>
+                </el-tooltip>
+              </span>
               <el-input v-model="ruleForm.ygdj.sfczjzhxz"></el-input>
             </el-form-item>
           </el-col>
@@ -328,7 +400,8 @@
             <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,7 +413,8 @@
             <el-form-item label="是否分别持证：">
               <el-radio-group
                 v-model="ruleForm.qlxx.sqfbcz"
-                :disabled="!ableOperation">
+                :disabled="!ableOperation"
+              >
                 <el-radio :label="1">是</el-radio>
                 <el-radio :label="0">否</el-radio>
               </el-radio-group>
@@ -348,17 +422,20 @@
           </el-col>
           <el-col
             :span="6"
-            v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'">
+            v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'"
+          >
             <el-form-item label="持证人：">
               <el-select
                 v-model="ruleForm.czr"
                 placeholder="持证人"
-                :disabled="!ableOperation">
+                :disabled="!ableOperation"
+              >
                 <el-option
                   v-for="item in czrOptions"
                   :key="item.zjh"
                   :label="item.sqrmc"
-                  :value="item.zjh">
+                  :value="item.zjh"
+                >
                 </el-option>
               </el-select>
             </el-form-item>
@@ -369,7 +446,8 @@
           @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">
@@ -381,7 +459,8 @@
             :tableData="ruleForm.ywrData"
             :key="key"
             :ableOperation="ableOperation"
-            @upDateQlrxxList="upDateYwrxxList" />
+            @upDateQlrxxList="upDateYwrxxList"
+          />
         </div>
       </div>
       <el-row class="btn" v-if="ableOperation">
@@ -393,102 +472,108 @@
   </div>
 </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 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;
-      },
+import { mapGetters } from "vuex";
+import ywmix from "@/views/ywbl/mixin/index";
+import { init, getSsQlxx,getQlxxByQlxxBsm, 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,
-        props: {
-          label: "bdcqzh",
-          value: "bdcdyid",
+  },
+  data() {
+    return {
+      ssqlxxshow: true,
+      props: {
+        label: "bdcqzh",
+        value: "bdcdyid",
+      },
+      mjdw: "1",
+      //表单是否可操作
+      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: "更正登记",
         },
-        //表单是否可操作
-        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: "历史",
-          },
+        {
+          dcode: "901",
+          dname: "补证",
+        },
+        {
+          dcode: "902",
+          dname: "换证",
+        },
+      ],
+      // 权属状态
+      qsztlist: [
+        {
+          dcode: "1",
+          dname: "现势",
+        },
+        {
+          dcode: "2",
+          dname: "历史",
+        },
+      ],
+      //传递参数\
+      rules: {
+        bdcqzhrules: [
+          { required: true, message: "不动产权证号：", trigger: "blur" },
         ],
-        //传递参数\
-        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: "change" }],
-         djlxrules: [{ required: true, message: "登记类型", trigger: "change" }],
-         ywhrules: [{ required: true, message: "业务号", trigger: "blur" }],
+        ygdjzlrules: [
+          { required: true, message: "预告登记种类", trigger: "change" },
+        ],
+        djlxrules: [{ required: true, message: "登记类型", trigger: "change" }],
+        ywhrules: [{ required: true, message: "业务号", trigger: "blur" }],
+        ssQlxxrules: [
+          { required: true, message: "上手权利信息", trigger: "blur" },
+        ],
       },
-      ableOperation:false,
+      ableOperation: false,
     };
   },
   created() {
     this.loadData();
   },
   mounted() {
-      this.ableOperation=this.$parent.ableOperation
+    this.ableOperation = this.$parent.ableOperation;
   },
   methods: {
     /**
@@ -496,175 +581,226 @@
      * @param {*} val
      * @author: renchao
      */
-              ssQlxxchange(val) {
+    ssQlxxchange(val) {
       this.ruleForm.ssQlxx = val;
-     this.ruleForm.qlxx.ssywh = val.ywh;
-    },
-    created () {
-      this.loadData();
+      this.ruleForm.qlxx.ssywh = val.ywh;
+      this.ssQlxxchangediolog(val);
     },
-    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) => {
+    // 弹框事件
+    ssQlxxchangediolog(val) {
+      console.log("确定了", this.ruleForm);
+      this.$confirm("是否将上手权利信息同步到表单", "提示", {
+        iconClass: "el-icon-question", //自定义图标样式
+        confirmButtonText: "确认", //确认按钮文字更换
+        cancelButtonText: "取消", //取消按钮文字更换
+        showClose: true, //是否显示右上角关闭按钮
+        type: "warning",
+     }).then(() => {
+        getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).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.nowlist = res.result;
+            console.log("his.nowlist", this.nowlist);
+            console.log("this.ruleForm", this.ruleForm);
+            for (var key in this.ruleForm.ygdj) {
+              if (
+                this.ruleForm.ygdj[key] == "" ||
+                this.ruleForm.ygdj[key] == null
+              ) {
+                this.ruleForm.ygdj[key] = this.nowlist.ygdj[key];
+              }
+            }
+            for (var key in this.ruleForm.qlxx) {
+              if (
+                (this.ruleForm.qlxx[key] == null && key != "ywh") ||
+                this.ruleForm.qlxx[key] == null
+              ) {
+                console.log("this.ruleForm.qlxx[key]", key);
+                if (key != "ywh") {
+                  this.ruleForm.qlxx[key] = this.nowlist.qlxx[key];
+                }
+              }
+            }
+            if (!this.ruleForm.tdytqxList.length) {
+              this.ruleForm.tdytqxList = this.nowlist.tdytqxList;
+            }
+            if (!this.ruleForm.qlrData.length) {
+              this.ruleForm.qlrData = this.nowlist.qlrData;
+            }
+            if (!this.ruleForm.ywrData.length) {
+              this.ruleForm.ywrData = this.nowlist.ywrData;
             }
-            this.$endLoading();
-            this.isShow = true;
+            console.log("this.ruleForm", this.ruleForm);
+            this.$message({
+              type: "success",
+              message: "同步成功!",
+            });
           }
         });
-        //获取主体信息
-        getSsQlxx({
-          bdcdyid: this.propsParam.bdcdyid,
-          qllx: this.propsParam.qllx,
-        }).then((res) => {
-          if (res.code == 200) {
-            this.ssQlxxList = res.result;
+      }).catch(() => {
+          this.$message({
+            type: "info",
+            message: "已取消同步",
+          });
+      });
+    },
+    /**
+     * @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;
           }
-        });
-      },
-      // 更新土地用途信息
-      /**
-       * @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.ruleForm.ygdj.jedw = "1";
+          this.$endLoading();
+          this.isShow = true;
+          //获取主体信息
+          getSsQlxx({
+            bdcdyid: this.propsParam.bdcdyid,
+            qllx: this.propsParam.qllx,
+            bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
+          }).then((res) => {
+            if (res.code == 200) {
+              this.ssQlxxList = res.result;
+            }
+          });
+        }
+      });
+    },
+    // 更新土地用途信息
+    /**
+     * @description: 更新土地用途信息
+     * @param {*} val
+     * @author: renchao
+     */
+    upDateTdytxxList(val) {
+      this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
+      this.key++;
+    },
+    // 更新权利人信息
+    /**
+     * @description: 更新权利人信息
+     * @param {*} val
+     * @author: renchao
+     */
+    upDateQlrxxList(val) {
+      this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
+      this.czrOptions = this.ruleForm.qlrData;
+      this.key++;
+    },
+    // 更新义务人信息
+    /**
+     * @description: 更新义务人信息
+     * @param {*} val
+     * @author: renchao
+     */
+    upDateYwrxxList(val) {
+      this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
+      this.key++;
+    },
+    /**
+     * @description: onSubmit
+     * @author: renchao
+     */
+    onSubmit() {
+      this.$refs.ruleForm.validate((valid) => {
+        if (valid) {
+          if (this.ruleForm.qlrData.length == 0) {
+            this.$message({
+              showClose: true,
+              message: "请确认权利人信息",
+              type: "error",
+            });
+            return false;
+          }
+          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: "请确认权利人信息",
+                message: "共有方式：单独所有，权利人只能是一个人",
                 type: "error",
               });
               return false;
             }
-            if (this.ruleForm.ywrData.length == 0) {
+            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: "请确认义务人信息",
+                message: "保存成功！",
+                type: "success",
+              });
+              this.$parent.changeywh();
+              this.$store.dispatch("user/refreshPage", true);
+            } else {
+              this.$message({
+                showClose: true,
+                message: res.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;
-          }
-        });
-      },
+          });
+        } 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";
+form /deep/ .el-form-item__label {
+  width: 145px !important;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  height: 32px;
+  float: none;
+}
 </style>

@@ -16,7 +16,8 @@
       :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">
           补录信息
@@ -48,21 +49,25 @@
             <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>
@@ -72,21 +77,28 @@
           </el-col>
 
           <el-col :span="8" v-if="ssqlxxshow">
-            <el-form-item label="上手权利信息：">
+            <el-form-item
+              label="上手权利信息："
+              prop="ssQlxx.bdcqzh"
+              :rules="rules.ssQlxxrules"
+            >
               <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>
@@ -158,7 +170,11 @@
             </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>
@@ -183,13 +199,15 @@
             <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>
@@ -203,7 +221,8 @@
             <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>
@@ -216,7 +235,8 @@
             <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>
@@ -224,7 +244,8 @@
             <el-form-item
               label="登簿人："
               prop="qlxx.dbr"
-              :rules="rules.dbrrules">
+              :rules="rules.dbrrules"
+            >
               <el-input v-model="ruleForm.qlxx.dbr"></el-input>
             </el-form-item>
           </el-col>
@@ -232,14 +253,16 @@
             <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>
@@ -250,14 +273,15 @@
                   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="异议事项：">
+            <el-form-item label="异议事项：" prop="yydj.yysx" :rules="rules.yysxrules">
               <el-input v-model="ruleForm.yydj.yysx"></el-input>
             </el-form-item>
           </el-col>
@@ -294,7 +318,8 @@
                 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>
@@ -308,7 +333,8 @@
             <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>
@@ -320,7 +346,8 @@
             <el-form-item label="是否分别持证：">
               <el-radio-group
                 v-model="ruleForm.qlxx.sqfbcz"
-                :disabled="!ableOperation">
+                :disabled="!ableOperation"
+              >
                 <el-radio :label="1">是</el-radio>
                 <el-radio :label="0">否</el-radio>
               </el-radio-group>
@@ -328,17 +355,20 @@
           </el-col>
           <el-col
             :span="6"
-            v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'">
+            v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'"
+          >
             <el-form-item label="持证人：">
               <el-select
                 v-model="ruleForm.czr"
                 placeholder="持证人"
-                :disabled="!ableOperation">
+                :disabled="!ableOperation"
+              >
                 <el-option
                   v-for="item in czrOptions"
                   :key="item.zjh"
                   :label="item.sqrmc"
-                  :value="item.zjh">
+                  :value="item.zjh"
+                >
                 </el-option>
               </el-select>
             </el-form-item>
@@ -349,7 +379,8 @@
           @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">
             义务人信息
@@ -360,7 +391,8 @@
             :tableData="ruleForm.ywrData"
             :key="key"
             :ableOperation="ableOperation"
-            @upDateQlrxxList="upDateYwrxxList" />
+            @upDateQlrxxList="upDateYwrxxList"
+          />
         </div>
       </div>
       <el-row class="btn" v-if="ableOperation">
@@ -372,279 +404,312 @@
   </div>
 </template>
 <script>
-  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;
-      },
+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,
-        props: {
-          label: "bdcqzh",
-          value: "bdcdyid",
+  },
+  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: "更正登记",
         },
-        //表单是否可操作
-        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: "换证",
-          },
+        {
+          dcode: "901",
+          dname: "补证",
+        },
+        {
+          dcode: "902",
+          dname: "换证",
+        },
+      ],
+      // 权属状态
+      qsztlist: [
+        {
+          dcode: "1",
+          dname: "现势",
+        },
+        {
+          dcode: "2",
+          dname: "历史",
+        },
+      ],
+      //传递参数\
+      rules: {
+        ssQlxxrules: [
+          { required: true, message: "上手权利信息", trigger: "blur" },
         ],
-        // 权属状态
-        qsztlist: [
-          {
-            dcode: "1",
-            dname: "现势",
-          },
-          {
-            dcode: "2",
-            dname: "历史",
-          },
+        ztQlxxrules: [
+          { required: true, message: "抵押不动产信息", trigger: "blur" },
         ],
-        //传递参数\
-        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,
-      };
+        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: "change" }],
+        ywhrules: [{ required: true, message: "业务号", trigger: "blur" }],
+        yysxrules: [{ 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;
     },
-    created () {
-      this.loadData();
+    /**
+     * @description: ssQlxxchange
+     * @param {*} val
+     * @author: renchao
+     */
+    ssQlxxchange(val) {
+      this.ruleForm.ssQlxx = val;
+      this.ruleForm.qlxx.ssywh = val.ywh;
+      this.ssQlxxchangediolog(val);
     },
-    mounted () {
-      this.ableOperation = this.$parent.ableOperation;
+    // 弹框事件
+    ssQlxxchangediolog(val) {
+      console.log("确定了", this.ruleForm);
+      this.$confirm("是否将上手权利信息同步到表单", "提示", {
+        iconClass: "el-icon-question", //自定义图标样式
+        confirmButtonText: "确认", //确认按钮文字更换
+        cancelButtonText: "取消", //取消按钮文字更换
+        showClose: true, //是否显示右上角关闭按钮
+        type: "warning",
+      })
+        .then(() => {
+          // this.ruleForm.qlxx.ssywh = "1111111111111";
+          this.$message({
+            type: "success",
+            message: "同步成功!",
+          });
+        })
+        .catch(() => {
+          this.$message({
+            type: "info",
+            message: "已取消同步",
+          });
+        });
     },
-    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: 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;
+    /**
+     * @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;
           }
-        });
-        //获取主体信息
-        getSsQlxx({
-          bdcdyid: this.propsParam.bdcdyid,
-          qllx: this.propsParam.qllx,
-        }).then((res) => {
-          if (res.code == 200) {
-            this.ssQlxxList = res.result;
+          this.$endLoading();
+          this.isShow = true;
+
+          //获取主体信息
+          getSsQlxx({
+            bdcdyid: this.propsParam.bdcdyid,
+            qllx: this.propsParam.qllx,
+            bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
+          }).then((res) => {
+            if (res.code == 200) {
+              this.ssQlxxList = res.result;
+            }
+          });
+          //获取上手信息
+          getZtQlxx({
+            bdcdyid: this.propsParam.bdcdyid,
+            bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
+          }).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: "请确认权利人信息",
+              type: "error",
+            });
+            return false;
           }
-        });
-        //获取上手信息
-        getZtQlxx({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
-          if (res.code == 200) {
-            this.ztQlxxList = res.result;
+          if (this.ruleForm.ywrData.length == 0) {
+            this.$message({
+              showClose: true,
+              message: "请确认义务人信息",
+              type: "error",
+            });
+            return false;
           }
-        });
-      },
-      // 更新土地用途信息
-      /**
-       * @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) {
+          if (this.ruleForm.qlxx.gyfs == "0") {
+            if (this.ruleForm.qlrData.length > 1) {
               this.$message({
                 showClose: true,
-                message: "请确认权利人信息",
+                message: "共有方式：单独所有，权利人只能是一个人",
                 type: "error",
               });
               return false;
             }
-            if (this.ruleForm.ywrData.length == 0) {
+            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: "请确认义务人信息",
+                message: res.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;
-          }
-        });
-      },
+          });
+        } 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>

@@ -97,6 +97,8 @@ export default {
     yjsqOptions: {
       handler(val) {
         console.log("val", val);
+        console.log("this.tableData[this.currentindex]",this.tableData[this.currentindex]);
+
         this.add(val);
       },
       deep: true,