Merge remote-tracking branch 'origin/dev' into dev

@@ -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
+  })
+}

 <!--
  * @Description: 
  * @Autor: renchao
- * @LastEditTime: 2023-07-25 16:08:30
+ * @LastEditTime: 2023-08-03 14:50:08
 -->
 <template>
   <transition name="msgbox-fade">
@@ -136,7 +136,6 @@
   }
 
   .ls-mask-window {
-    background: white;
     position: relative;
     left: 50%;
     top: 50%;
@@ -162,6 +161,7 @@
   }
 
   .mask-content {
+    background: #ffffff;
     padding: 20px;
     width: 100%;
     min-height: 30%;

-<!--
- * @Description:
- * @Autor: renchao
- * @LastEditTime: 2023-07-28 09:34:54
--->
-<template>
-  <div class="clmlmx-box">
-    <div class="title">申请材料目录</div>
-    <lb-table :column="column" :key="key" :heightNumSetting="true" :pagination="false" :data="formData.data">
-    </lb-table>
-    <div class="text-center">
-      <el-button @click="$popupCacel">取消</el-button>
-    </div>
-  </div>
-</template>
-<script>
-  import store from '@/store/index.js'
-  import { InitClml, saveClml, deleteSjClml, moveClml } from "@/api/clxx.js";
-  export default {
-    props: {
-      formData: {
-        type: Object,
-        default: () => {
-          return {}
-        }
-      }
-    },
-    data () {
-      return {
-        column: [
-          {
-            width: "50",
-            label: '序号',
-            type: 'index'
-          },
-          {
-            prop: "isrequired",
-            label: "是否必选",
-            width: "80",
-            render: (h, scope) => {
-              if (scope.row.sfxjcl === "1") {
-                return (
-                  <div>
-                    <span>可选</span>
-                  </div>
-                );
-              }
-              else {
-                return (
-                  <div>
-                    <span>必选</span>
-                  </div>
-                );
-              }
-            },
-          },
-          {
-            prop: "sjmc",
-            label: "材料名称",
-          },
-          {
-            prop: "sjlx",
-            label: "材料类型",
-            width: "80",
-            render: (h, scope) => {
-              return (
-                <div>
-                  <span>{this.dicStatus(scope.row.sjlx, "A40")}</span>
-                </div>
-              );
-            },
-          },
-          {
-            prop: "sjsl",
-            label: "份数",
-            width: "50"
-          },
-          {
-            prop: "smzt",
-            label: "扫描状态",
-            width: "80",
-            render: (h, scope) => {
-              if (scope.row.children && scope.row.children.length > 0) {
-                return (
-                  <div>
-                    <span>已扫描</span>
-                  </div>
-                );
-              } else {
-                return (
-                  <div>
-                    <span>未扫描</span>
-                  </div>
-                );
-              }
-            },
-          },
-          {
-            label: "扫描页数",
-            width: "80",
-            render: (h, scope) => {
-              if (scope.row.children && scope.row.children.length > 0) {
-                return (
-                  <div>
-                    <span>{scope.row.children.length}</span>
-                  </div>
-                );
-              } else {
-                return (
-                  <div>
-                    <span>0</span>
-                  </div>
-                );
-              }
-            },
-          },
-          {
-            label: "操作",
-            width: "80",
-            render: (h, scope) => {
-              return (
-                <div>
-                  <el-button
-                    type="text"
-                    disabled={scope.$index == 0}
-                    onClick={() => {
-                      this.moveUpward(scope.$index, scope.row);
-                    }}
-                  >
-                    上移
-                  </el-button>
-                  <el-button
-                    type="text"
-                    disabled={scope.$index + 1 == this.tableData.length}
-                    onClick={() => {
-                      this.moveDown(scope.$index, scope.row);
-                    }}
-                  >
-                    下移
-                  </el-button>
-                </div>
-              );
-            },
-          },
-        ],
-        key: 0,
-        tableData: []
-      }
-    },
-    created () {
-      console.log(this.formData.data, 'formData');
-    },
-    methods: {
-      // 材料目录明细初始化
-      /**
-       * @description: 材料目录明细初始化
-       * @author: renchao
-       */
-      clmlInitList () {
-        return new Promise(resolve => {
-          this.unitData = this.$parent.unitData;
-          var formdata = new FormData();
-          formdata.append("bsmSldy", this.unitData[0]?.bsmSldy);
-          formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
-          formdata.append("clfl", 2);
-          InitClml(formdata).then((res) => {
-            if (res.code == 200) {
-              resolve(res.code)
-              if (res.result && res.result.length > 0) {
-                this.data = res.result;
-              } else {
-                this.data = []
-              }
-            } else {
-              this.$message.error(res.message)
-            }
-          })
-        })
-      },
-      // 上移
-      /**
-       * @description: 上移
-       * @param {*} index
-       * @param {*} row
-       * @author: renchao
-       */
-      moveUpward (index, row) {
-        let obj = {
-          xh: row.xh,
-          bsmSlsq: row.bsmSlsq,
-          moveDirection: "UP",
-        };
-        // 接口待调
-        /**
-         * @description: 接口待调
-         * @param {*} obj
-         * @author: renchao
-         */
-        moveClml(obj).then(async (res) => {
-          if (res.code == 200) {
-            let res = await this.clmlInitList()
-            if (res == 200) {
-              this.$message({
-                message: '上移成功',
-                type: 'success'
-              })
-              this.$parent.setTableData(this.data)
-            }
-          } else {
-            this.$message.error(res.message);
-          }
-        })
-      },
-      // 下移
-      /**
-       * @description: 下移
-       * @param {*} index
-       * @param {*} row
-       * @author: renchao
-       */
-      moveDown (index, row) {
-        let obj = {
-          xh: row.xh,
-          bsmSlsq: row.bsmSlsq,
-          moveDirection: "DOWN",
-        }
-        // 接口待调
-        /**
-         * @description: 接口待调
-         * @param {*} obj
-         * @author: renchao
-         */
-        moveClml(obj).then(async (res) => {
-          if (res.code == 200) {
-            let res = await this.clmlInitList()
-            if (res == 200) {
-              this.$message({
-                message: '下移成功',
-                type: 'success'
-              })
-            }
-          } else {
-            this.$message.error(res.message);
-          }
-        })
-      },
-      // 材料目录删除
-      /**
-       * @description: 材料目录删除
-       * @param {*} index
-       * @param {*} row
-       * @author: renchao
-       */
-      handleDelete (index, row) {
-        let that = this
-        this.$confirm('此操作将永久删除该 是否继续?', '提示', {
-          confirmButtonText: '确定',
-          cancelButtonText: '取消',
-          type: 'warning'
-        }).then(() => {
-          deleteSjClml({ sjBsm: row.bsmSj }).then(async (res) => {
-            if (res.code == 200) {
-              let res = await that.clmlInitList()
-              if (res == 200) {
-                that.$message({
-                  message: "删除成功",
-                  type: "success",
-                })
-                // this.$parent.setTableData(this.data)
-              }
-            }
-          })
-        }).catch(() => {
-          this.$message({
-            type: 'info',
-            message: '已取消删除'
-          })
-        })
-      },
-      // 字典
-      /**
-       * @description: 字典
-       * @param {*} val
-       * @param {*} code
-       * @author: renchao
-       */
-      dicStatus (val, code) {
-        let data = store.getters.dictData[code],
-          name = "暂无";
-        if (data) {
-          data.map((item) => {
-            if (item.dcode == val) {
-              name = item.dname;
-            }
-          });
-          return name;
-        }
-      }
-    }
-  }
-</script>
-<style scoped lang='scss'>
-  @import "~@/styles/mixin.scss";
-  .clmlmx-box {
-    margin: 0 auto;
-
-    .title {
-      text-align: center;
-      height: 60px;
-      line-height: 60px;
-      border: 1px solid #dfe6ec;
-      font-size: 20px;
-      background: #81d3f81a;
-      margin-bottom: -1px;
-    }
-  }
-</style>

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

+export function deleteCollectBiz (bsmSqyw) {
+  return request({
+    url: SERVER.SERVERAPI + '/rest/ywbl/BusinessApply/deleteCollectBiz?bsmSqyw=' + bsmSqyw,
+    method: 'post'
+  })
+}

@@ -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,278 +472,335 @@
   </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: "换证",
-          },
+        {
+          dcode: "901",
+          dname: "补证",
+        },
+        {
+          dcode: "902",
+          dname: "换证",
+        },
+      ],
+      // 权属状态
+      qsztlist: [
+        {
+          dcode: "1",
+          dname: "现势",
+        },
+        {
+          dcode: "2",
+          dname: "历史",
+        },
+      ],
+      //传递参数\
+      rules: {
+        bdcqzhrules: [
+          { required: true, message: "不动产权证号：", trigger: "blur" },
         ],
-        // 权属状态
-        qsztlist: [
-          {
-            dcode: "1",
-            dname: "现势",
-          },
-          {
-            dcode: "2",
-            dname: "历史",
-          },
+        // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
+        djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
+        dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
+        djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
+        ygdjzlrules: [
+          { required: true, message: "预告登记种类", trigger: "change" },
         ],
-        //传递参数\
-        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" }],
-        },
-        ableOperation: false,
-      };
+        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: ssQlxxchange
+     * @param {*} val
+     * @author: renchao
+     */
+    ssQlxxchange(val) {
+      this.ruleForm.ssQlxx = val;
+      this.ruleForm.qlxx.ssywh = val.ywh;
+      this.ssQlxxchangediolog(val);
     },
-    created () {
-      this.loadData();
+    // 弹框事件
+    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: "同步成功!",
+            });
+          }
+        });
+      }).catch(() => {
+          this.$message({
+            type: "info",
+            message: "已取消同步",
+          });
+      });
     },
-    mounted () {
-      this.ableOperation = this.$parent.ableOperation
+    /**
+     * @description: djlxchange
+     * @param {*} val
+     * @author: renchao
+     */
+    djlxchange(val) {
+      if (val == null || val == 100) {
+        this.ssqlxxshow = false;
+      } else {
+        this.ssqlxxshow = true;
+      }
     },
-    methods: {
-      /**
-       * @description: ssQlxxchange
-       * @param {*} val
-       * @author: renchao
-       */
-      ssQlxxchange (val) {
-        this.ruleForm.ssQlxx = val;
-        this.ruleForm.qlxx.ssywh = val.ywh;
-      },
-      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;
-        },
-        /**
-         * @description: djlxchange
-         * @param {*} val
-         * @author: renchao
-         */
-        djlxchange (val) {
-          if (val == null || val == 100) {
+    /**
+     * @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;
-          } 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;
-            }
-          });
+          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: "共有方式：单独所有，权利人只能是一个人",
-                    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);
+        }
+      });
+    },
+    // 更新土地用途信息
+    /**
+     * @description: 更新土地用途信息
+     * @param {*} val
+     * @author: renchao
+     */
+    upDateTdytxxList(val) {
+      this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
+      this.key++;
+    },
+    // 更新权利人信息
+    /**
+     * @description: 更新权利人信息
+     * @param {*} val
+     * @author: renchao
+     */
+    upDateQlrxxList(val) {
+      this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
+      this.czrOptions = this.ruleForm.qlrData;
+      this.key++;
+    },
+    // 更新义务人信息
+    /**
+     * @description: 更新义务人信息
+     * @param {*} val
+     * @author: renchao
+     */
+    upDateYwrxxList(val) {
+      this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
+      this.key++;
+    },
+    /**
+     * @description: onSubmit
+     * @author: renchao
+     */
+    onSubmit() {
+      this.$refs.ruleForm.validate((valid) => {
+        if (valid) {
+          if (this.ruleForm.qlrData.length == 0) {
+            this.$message({
+              showClose: true,
+              message: "请确认权利人信息",
+              type: "error",
+            });
+            return false;
+          }
+          if (this.ruleForm.ywrData.length == 0) {
+            this.$message({
+              showClose: true,
+              message: "请确认义务人信息",
+              type: "error",
+            });
+            return false;
+          }
+          if (this.ruleForm.qlxx.gyfs == "0") {
+            if (this.ruleForm.qlrData.length > 1) {
+              this.$message({
+                showClose: true,
+                message: "共有方式：单独所有，权利人只能是一个人",
+                type: "error",
+              });
+              return false;
+            }
+            this.ruleForm.qlrData[0].sfczr = "1";
+          }
+          if (this.ruleForm.qlxx.gyfs == "1") {
+            //是否分别持证
+            if (this.ruleForm.qlxx.sqfbcz == "1") {
+              //是
+              this.ruleForm.qlrData.forEach((item, index) => {
+                item.sfczr = "1";
+              });
+            } else {
+              this.ruleForm.qlrData.forEach((item, index) => {
+                if (item.zjh == this.ruleForm.czr) {
+                  item.sfczr = "1";
                 } else {
-                  this.$message({
-                    showClose: true,
-                    message: res.message,
-                    type: "error",
-                  });
+                  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 {
-              return false;
+              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";
+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,

-<!--
- * @Description:
- * @Autor: renchao
- * @LastEditTime: 2023-07-28 09:35:31
--->
-<template>
-  <div class="clxx">
-    <div class="left">
-      <div v-for="item in menuList" :key="item.id" :class="['item', checkedId == item.id ? 'active' : '']"
-        @click="menuClick(item)">
-        {{ item.label }}
-      </div>
-    </div>
-    <div class="right">
-      <!-- 材料目录明细 -->
-      <div class="clmlmx-box" v-if="checkedId == '1'">
-        <div class="title">申请材料目录</div>
-        <lb-table :column="column" :key="key" :heightNum="150" :pagination="false" :data="tableData">
-        </lb-table>
-      </div>
-      <!-- 材料预览 -->
-      <div class="clyl-box" v-else>
-        <div class="menu-tree">
-          <div class="item">
-            材料目录({{tableData.length}})
-            <div>
-              <div v-for="(item,index) in tableData" :key="item.bsmSj"
-                :class="['child', treeCheckId == item.bsmSj ? 'checked' : '']" @click="treeClick(item,index)">
-                <span v-if="item.isrequired==1" class="required">必选</span>
-                {{ item.sjmc }}
-                <span class="cl_number">({{item.children.length}})</span>
-              </div>
-            </div>
-          </div>
-        </div>
-        <image-preview ref='imageRef' v-if="tableData.length>0" :ableOperation="ableOperation" :previewImg="previewImg" @updateList="updateList"
-          @nextPriview="nextPriview"
-          @prevPriview="prevPriview" />
-      </div>
-    </div>
-    <clxxAddDialog v-model="isDialog" />
-  </div>
-</template>
-<script>
-  import { mapGetters } from "vuex";
-  import clxxAddDialog from "../dialog/clxxAddDialog.vue";
-  import imagePreview from '@/views/components/imagePreview.vue'
-  import { InitClml, saveClml, deleteSjClml, moveClml } from "@/api/clxx.js";
-  export default {
-    components: { clxxAddDialog, imagePreview },
-    data () {
-      return {
-        //表单是否可操作
-        ableOperation: true,
-        isDialog: false,
-        menuList: [
-          {
-            id: "1",
-            label: "材料目录明细",
-          },
-          {
-            id: "2",
-            label: "材料预览",
-          },
-        ],
-        iclass: "",
-        // 材料目录选中
-        treeCheckIndex: 0,
-        treeCheckId: "",
-        checkedId: "1",
-        column: [
-          {
-            width: "50",
-            renderHeader: (h, scope) => {
-              return (
-                <div>
-                  {
-                    this.ableOperation ? '序号' :
-                      <i
-                        class="el-icon-plus pointer"
-                        onClick={() => {
-                          this.handleAdd()
-                        }}
-                      ></i>
-                  }
-                </div>
-              )
-            },
-            render: (h, scope) => {
-              // 新建的材料,可删除
-              // v-show='scope.row.sfxjcl == 1'
-              return (
-                <div>
-                  {
-                    this.ableOperation ? <span>{scope.$index + 1}</span> :
-                      <i
-                        class="el-icon-minus pointer"
-
-                        onClick={() => {
-                          this.handleDelete(scope.$index, scope.row);
-                        }}
-                      ></i>
-                  }
-                </div>
-              )
-            }
-          },
-          {
-            prop: "isrequired",
-            label: "是否必选",
-            width: "50",
-            render: (h, scope) => {
-              if (scope.row.sfxjcl === "1") {
-                return (
-                  <div>
-                    <span>可选</span>
-                  </div>
-                );
-              }
-              else {
-                return (
-                  <div>
-                    <span>必选</span>
-                  </div>
-                );
-              }
-            },
-          },
-          {
-            prop: "sjmc",
-            label: "材料名称",
-          },
-          {
-            prop: "sjlx",
-            label: "材料类型",
-            width: "80",
-            render: (h, scope) => {
-              return (
-                <div>
-                  <span>{this.dicStatus(scope.row.sjlx, "A40")}</span>
-                </div>
-              );
-            },
-          },
-          {
-            prop: "sjsl",
-            label: "份数",
-            width: "50"
-          },
-          {
-            prop: "smzt",
-            label: "扫描状态",
-            width: "80",
-            render: (h, scope) => {
-              if (scope.row.children.length > 0) {
-                return (
-                  <div>
-                    <span>已扫描</span>
-                  </div>
-                );
-              } else {
-                return (
-                  <div>
-                    <span>未扫描</span>
-                  </div>
-                );
-              }
-            },
-          },
-          {
-            prop: "ys",
-            label: "扫描页数",
-            width: "50"
-          },
-          {
-            label: "操作",
-            width: "80",
-            render: (h, scope) => {
-              return (
-                <div>
-                  <el-button
-                    type="text"
-                    disabled={scope.$index == 0}
-                    onClick={() => {
-                      this.moveUpward(scope.$index, scope.row);
-                    }}
-                  >
-                    上移
-                  </el-button>
-                  <el-button
-                    type="text"
-                    disabled={scope.$index + 1 == this.tableData.length}
-                    onClick={() => {
-                      this.moveDown(scope.$index, scope.row);
-                    }}
-                  >
-                    下移
-                  </el-button>
-                </div>
-              );
-            },
-          },
-        ],
-        key: 0,
-        tableData: [],
-        previewImg: {
-          // 收件标识码
-          bsmSj: '',
-          bsmSlsq: this.$parent.bsmSlsq,
-          index: 0,
-          selectedIndex: 0,
-          imgList: []
-        }
-      }
-    },
-    computed: {
-      ...mapGetters(["dictData"])
-    },
-    created () {
-      this.ableOperation = this.$parent.currentSelectTab.ableOperation
-      this.clmlInitList()
-    },
-    methods: {
-      // 自动预览
-      /**
-       * @description: 自动预览
-       * @author: renchao
-       */
-      nextPriview () {
-        if (this.treeCheckIndex < this.tableData.length) {
-          this.treeCheckIndex++
-          this.treeCheckId = this.tableData[this.treeCheckIndex].bsmSj
-          this.previewImg.index = 0
-          this.previewImg.imgList = this.tableData[this.treeCheckIndex].children
-          this.previewImg.bsmSj = this.tableData[this.treeCheckIndex].bsmSj
-        }
-      },
-      /**
-       * @description: prevPriview
-       * @author: renchao
-       */
-      prevPriview () {
-        if (this.treeCheckIndex >= 1) {
-          this.treeCheckIndex--
-          this.treeCheckId = this.tableData[this.treeCheckIndex].bsmSj
-          this.previewImg.index = this.previewImg.imgList.length
-          this.previewImg.imgList = this.tableData[this.treeCheckIndex].children
-          this.previewImg.bsmSj = this.tableData[this.treeCheckIndex].bsmSj
-        }
-      },
-      // 材料目录明细初始化
-      /**
-       * @description: 材料目录明细初始化
-       * @author: renchao
-       */
-      clmlInitList () {
-        return new Promise(resolve => {
-          this.unitData = this.$parent.unitData;
-          var formdata = new FormData();
-          formdata.append("bsmSldy", this.unitData[0]?.bsmSldy);
-          formdata.append("bsmSlsq", this.$parent.bsmSlsq);
-          formdata.append("clfl", 2);
-          InitClml(formdata).then((res) => {
-            if (res.result.code == 200) {
-              resolve(res.code)
-              if (res.result.result && res.result.result.length > 0) {
-                this.tableData = res.result.result;
-                this.treeCheckId = this.tableData[0].bsmSj;
-                this.title = this.tableData[0].sjmc;
-                this.titleYs = 1;
-                this.titleNum = this.tableData[0].children.length;
-
-                this.previewImg.imgList = this.tableData[0]?.children;
-                this.previewImg.bsmSj = this.tableData[0]?.bsmSj;
-              }
-            } else {
-              this.$message.error(res.result.message)
-            }
-          })
-        })
-      },
-      /**
-       * @description: updateList
-       * @param {*} val
-       * @author: renchao
-       */
-      updateList (val) {
-        let that = this
-        if (val != null) { //删除最后一张图片时 val=null
-          this.tableData.forEach(item => {
-            if (item.bsmSj === val.bsmSj) {
-              item.children = val.children
-            }
-          })
-          this.previewImg.imgList = _.cloneDeep(val.children)
-          if (this.previewImg.index == this.previewImg.imgList.length) {
-            this.previewImg.index = this.previewImg.index - 1
-          }
-        } else {
-          this.previewImg.imgList = []
-          this.tableData.forEach((item, index) => {
-            if (this.treeCheckId == item.bsmSj) {
-              item.children = []
-              that.treeCheckIndex = index
-            }
-          })
-        }
-
-      },
-      // 左侧菜单点击
-      /**
-       * @description: 左侧菜单点击
-       * @param {*} item
-       * @author: renchao
-       */
-      menuClick (item) {
-        this.checkedId = item.id
-      },
-      // 添加材料目录
-      /**
-       * @description: 添加材料目录
-       * @author: renchao
-       */
-      handleAdd () {
-        this.isDialog = true;
-      },
-      // 上移
-      /**
-       * @description: 上移
-       * @param {*} index
-       * @param {*} row
-       * @author: renchao
-       */
-      moveUpward (index, row) {
-        let obj = {
-          xh: row.xh,
-          bsmSlsq: row.bsmSlsq,
-          moveDirection: "UP",
-        };
-        // 接口待调
-        moveClml(obj).then(async (res) => {
-          if (res.code == 200) {
-            let res = await this.clmlInitList()
-            if (res == 200) this.$message({
-              message: '上移成功',
-              type: 'success'
-            })
-          } else {
-            this.$message.error(res.message);
-          }
-        })
-      },
-      // 下移
-      /**
-       * @description: 下移
-       * @param {*} index
-       * @param {*} row
-       * @author: renchao
-       */
-      moveDown (index, row) {
-        let obj = {
-          xh: row.xh,
-          bsmSlsq: row.bsmSlsq,
-          moveDirection: "DOWN",
-        }
-        // 接口待调
-        moveClml(obj).then(async (res) => {
-          if (res.code == 200) {
-            let res = await this.clmlInitList()
-            if (res == 200) this.$message({
-              message: '下移成功',
-              type: 'success'
-            })
-          } else {
-            this.$message.error(res.message);
-          }
-        })
-      },
-      // 新增弹窗保存
-      /**
-       * @description: 新增弹窗保存
-       * @param {*} data
-       * @author: renchao
-       */
-      addSave (data) {
-        let obj = {
-          bsmSlsq: this.$parent.bsmSlsq,
-          isrequired: "1",
-          sjmc: data.clmc,
-          sjsl: 0,
-          smzt: '',
-          ys: 0,
-          sjlx: data.cllx,
-          sfxjcl: "1", // 是否必选
-        };
-        saveClml(obj).then(async (res) => {
-          if (res.code == 200) {
-            let res = await this.clmlInitList()
-            if (res == 200) this.$message({
-              message: "新增成功",
-              type: "success",
-            })
-          }
-        });
-      },
-      // 材料目录删除
-      /**
-       * @description: 材料目录删除
-       * @param {*} index
-       * @param {*} row
-       * @author: renchao
-       */
-      handleDelete (index, row) {
-        let that = this
-        this.$confirm('此操作将永久删除该 是否继续?', '提示', {
-          confirmButtonText: '确定',
-          cancelButtonText: '取消',
-          type: 'warning'
-        }).then(() => {
-          deleteSjClml({ sjBsm: row.bsmSj }).then(async (res) => {
-            if (res.code == 200) {
-              let res = await that.clmlInitList()
-              if (res == 200) that.$message({
-                message: "删除成功",
-                type: "success",
-              })
-            }
-          })
-        }).catch(() => {
-          this.$message({
-            type: 'info',
-            message: '已取消删除'
-          })
-        })
-      },
-      // 材料目录点击选中
-      /**
-       * @description: 材料目录点击选中
-       * @param {*} item
-       * @param {*} index
-       * @author: renchao
-       */
-      treeClick (item, index) {
-        this.previewImg.index = 0
-        this.treeCheckId = item?.bsmSj
-        this.treeCheckIndex = index
-        this.previewImg.imgList = item.children ? item.children : []
-        this.previewImg.bsmSj = item?.bsmSj
-      },
-      // 小图片点击
-      /**
-       * @description: 小图片点击
-       * @param {*} item
-       * @param {*} index
-       * @author: renchao
-       */
-      imgClick (item, index) {
-        this.showImg = item;
-        this.titleYs = index + 1;
-      },
-      // 字典
-      /**
-       * @description: 字典
-       * @param {*} val
-       * @param {*} code
-       * @author: renchao
-       */
-      dicStatus (val, code) {
-        let data = this.$store.getters.dictData[code],
-          name = "暂无";
-        if (data) {
-          data.map((item) => {
-            if (item.dcode == val) {
-              name = item.dname;
-            }
-          });
-          return name;
-        }
-      },
-    },
-  };
-</script>
-<style scoped lang='scss'>
-  @import "~@/styles/mixin.scss";
-
-  .active {
-    background: $light-blue !important;
-    color: #fff;
-  }
-
-  .required {
-    font-size: 12px;
-    color: $pink;
-    float: left;
-  }
-
-  .cl_number {
-    float: right;
-  }
-
-  .clxx {
-    width: 100%;
-    display: flex;
-    padding-left: 5px;
-    height: calc(100vh - 125px);
-
-    .left {
-      display: flex;
-      flex-direction: column;
-      justify-content: space-between;
-
-      .item {
-        width: 28px;
-        height: 49%;
-        @include flex-center;
-        background-color: #e4e7ed;
-        border-bottom-right-radius: 10px;
-        padding: 5px;
-        cursor: pointer;
-        transition: all 0.3s;
-
-        &:hover {
-          @extend .active;
-        }
-      }
-    }
-
-    .right {
-      width: 100%;
-      height: 100%;
-
-      .clmlmx-box {
-        margin: 0 auto;
-
-        .title {
-          text-align: center;
-          height: 60px;
-          line-height: 60px;
-          border: 1px solid #dfe6ec;
-          font-size: 20px;
-          background: #81d3f81a;
-          margin-bottom: -1px;
-        }
-      }
-
-      .clyl-box {
-        width: 100%;
-        height: 100%;
-        display: flex;
-
-        .menu-tree {
-          width: 20%;
-          min-width: 160px;
-          height: 100%;
-          margin-right: 10px;
-          border-right: 1px dotted #d9d9d9;
-          padding: 0 15px;
-
-          .item {
-            line-height: 30px;
-            padding-top: 5px;
-            border-bottom: 1px solid #e8e8e8;
-            font-size: 16px;
-            text-align: center;
-            color: $light-blue;
-
-            .itemIcon {
-              float: right;
-              line-height: 60px;
-              cursor: pointer;
-            }
-
-            .child {
-              line-height: 32px;
-              border-bottom: 1px solid #e8e8e8;
-              padding-left: 10px;
-              color: #6b6b6b;
-              cursor: pointer;
-              box-sizing: border-box;
-              border-radius: 6px;
-              line-height: 20px;
-              transition: all 0.3s;
-              padding: 8px 0;
-            }
-
-            .child:hover {
-              color: $light-blue;
-              transform: scale(1.1);
-            }
-
-            .checked {
-              border: 1px solid $light-blue;
-              color: $light-blue;
-            }
-          }
-        }
-
-        .clyl-img {
-          width: 75%;
-          height: 100%;
-          background: #f3f4f7;
-          margin: 0 auto;
-          position: relative;
-        }
-      }
-    }
-  }
-</style>

@@ -9,398 +9,458 @@
       <!-- 材料预览 -->
       <div class="clyl-box">
         <div class="menu-tree">
-          <el-button type="primary" native-type="submit" @click="viewDetail" style="width:100%;margin-top:10px;">查看明细</el-button>
+          <el-button
+            type="primary"
+            native-type="submit"
+            @click="viewDetail"
+            style="width: 100%; margin-top: 10px"
+            >查看明细</el-button
+          >
           <div class="item">
-            材料目录({{tableData.length}})
-            <div style="margin-top:10px">
-              <div style="text-align: center;line-height:20px;color:black;font-size:14px" v-if="tableData.length == 0">暂无数据</div>
-              <div v-for="(item,index) in tableData" :key="item.bsmSj"
-                :class="['child', treeCheckId == item.bsmSj ? 'checked' : '']" @click="treeClick(item,index)">
-                <span v-if="item.isrequired==1" class="required">必选</span>
+            材料目录({{ tableData.length }})
+            <div style="margin-top: 10px">
+              <div
+                style="
+                  text-align: center;
+                  line-height: 20px;
+                  color: black;
+                  font-size: 14px;
+                "
+                v-if="tableData.length == 0"
+              >
+                暂无数据
+              </div>
+              <div
+                v-for="(item, index) in tableData"
+                :key="item.bsmSj"
+                :class="['child', treeCheckId == item.bsmSj ? 'checked' : '']"
+                @click="treeClick(item, index)"
+              >
+                <span v-if="item.isrequired == 1" class="required">必选</span>
                 {{ item.sjmc }}
-                <span class="cl_number">({{item.children ? item.children.length : 0}})</span>
+                <span class="cl_number"
+                  >({{ item.children ? item.children.length : 0 }})</span
+                >
               </div>
             </div>
           </div>
-          <el-button type="primary" native-type="submit" style="width:100%" @click="handleAdd()"
-            v-if="ableOperation">新增</el-button>
+          <el-button
+            type="primary"
+            native-type="submit"
+            style="width: 100%"
+            @click="handleAdd()"
+            v-if="ableOperation"
+            >新增</el-button
+          >
         </div>
-        <image-preview ref='imageRef' v-if="tableData.length>0" :previewImg="previewImg" :ableOperation="ableOperation" @updateList="updateList"
+        <image-preview
+          ref="imageRef"
+          v-if="tableData.length > 0"
+          :previewImg="previewImg"
+          :ableOperation="ableOperation"
+          @updateList="updateList"
           @nextPriview="nextPriview"
-          @prevPriview="prevPriview" />
+          @prevPriview="prevPriview"
+        />
       </div>
     </div>
     <clxxAddDialog v-model="isDialog" />
   </div>
 </template>
 <script>
-  import { mapGetters } from "vuex";
-  import clxxAddDialog from "../dialog/clxxAddDialog.vue";
-  import clxxDetailDialog from "../dialog/clxxDetailDialog.vue";
-  import imagePreview from '@/views/components/imagePreview.vue'
-  import { InitClml, saveClml } from "@/api/clxx.js";
-  export default {
-    components: { clxxAddDialog, imagePreview, clxxDetailDialog },
-    data () {
-      return {
-        //表单是否可操作
-        ableOperation: true,
-        isDialog: false,
-        iclass: "",
-        // 材料目录选中
-        treeCheckIndex: 0,
-        treeCheckId: "",
-        key: 0,
-        tableData: [],
-        previewImg: {
-          // 收件标识码
-          bsmSj: '',
-          bsmSlsq: this.$parent.bsmSlsq,
-          index: 0,
-          selectedIndex: 0,
-          imgList: []
-        }
-      }
-    },
-    computed: {
-      ...mapGetters(["dictData"])
-    },
-    created () {
-      this.clmlInitList(1)
-    },
-    computed: {
-      ...mapGetters(['workFresh'])
+import { mapGetters } from "vuex";
+import clxxAddDialog from "../dialog/clxxAddDialog.vue";
+import clxxDetailDialog from "../dialog/clxxDetailDialog.vue";
+import imagePreview from "@/views/components/imagePreview.vue";
+import { InitClml, saveClml } from "@/api/clxx.js";
+export default {
+  components: { clxxAddDialog, imagePreview, clxxDetailDialog },
+  data() {
+    return {
+      //表单是否可操作
+      ableOperation: true,
+      isDialog: false,
+      iclass: "",
+      // 材料目录选中
+      treeCheckIndex: 0,
+      treeCheckId: "",
+      key: 0,
+      tableData: [],
+      previewImg: {
+        // 收件标识码
+        bsmSj: "",
+        bsmSlsq: this.$parent.bsmSlsq,
+        index: 0,
+        selectedIndex: 0,
+        imgList: [],
+      },
+    };
+  },
+  computed: {
+    ...mapGetters(["dictData"]),
+  },
+  created() {
+    this.clmlInitList(1);
+  },
+  computed: {
+    ...mapGetters(["workFresh"]),
+  },
+  watch: {
+    workFresh: {
+      handler(newVal, oldVal) {
+        if (newVal) this.clmlInitList(1);
+      },
     },
-    watch: {
-      workFresh: {
-        handler (newVal, oldVal) {
-          if (newVal) this.clmlInitList(1)
-        }
+  },
+  mounted() {
+    console.log(
+      "bestepid: this.$route.query.bestepid,",
+      this.$route.query.bestepid
+    );
+    console.log(
+      "bestepid: this.$route.query.sqywbm,",
+      this.$route.query.sqywbm
+    );
+    this.ableOperation = this.$parent.ableOperation;
+  },
+  methods: {
+    // 自动预览
+    /**
+     * @description: 自动预览
+     * @author: renchao
+     */
+    nextPriview() {
+      if (this.treeCheckIndex < this.tableData.length) {
+        this.treeCheckIndex++;
+        this.treeCheckId = this.tableData[this.treeCheckIndex].bsmSj;
+        this.previewImg.index = 0;
+        this.previewImg.imgList = this.tableData[this.treeCheckIndex].children;
+        this.previewImg.bsmSj = this.tableData[this.treeCheckIndex].bsmSj;
       }
     },
-    mounted () {
-      this.ableOperation = this.$parent.ableOperation
+    /**
+     * @description: prevPriview
+     * @author: renchao
+     */
+    prevPriview() {
+      if (this.treeCheckIndex >= 1) {
+        this.treeCheckIndex--;
+        this.treeCheckId = this.tableData[this.treeCheckIndex].bsmSj;
+        this.previewImg.index = this.previewImg.imgList.length;
+        this.previewImg.imgList = this.tableData[this.treeCheckIndex].children;
+        this.previewImg.bsmSj = this.tableData[this.treeCheckIndex].bsmSj;
+      }
     },
-    methods: {
-      // 自动预览
-      /**
-       * @description: 自动预览
-       * @author: renchao
-       */
-      nextPriview () {
-        if (this.treeCheckIndex < this.tableData.length) {
-          this.treeCheckIndex++
-          this.treeCheckId = this.tableData[this.treeCheckIndex].bsmSj
-          this.previewImg.index = 0
-          this.previewImg.imgList = this.tableData[this.treeCheckIndex].children
-          this.previewImg.bsmSj = this.tableData[this.treeCheckIndex].bsmSj
-        }
-      },
-      /**
-       * @description: prevPriview
-       * @author: renchao
-       */
-      prevPriview () {
-        if (this.treeCheckIndex >= 1) {
-          this.treeCheckIndex--
-          this.treeCheckId = this.tableData[this.treeCheckIndex].bsmSj
-          this.previewImg.index = this.previewImg.imgList.length
-          this.previewImg.imgList = this.tableData[this.treeCheckIndex].children
-          this.previewImg.bsmSj = this.tableData[this.treeCheckIndex].bsmSj
-        }
-      },
-      // 材料目录明细初始化
-      /**
-       * @description: 材料目录明细初始化
-       * @param {*} type
-       * @author: renchao
-       */
-      clmlInitList (type) {
-        //type  1：列表初始化  2：新增材料
-        return new Promise(resolve => {
-          this.unitData = this.$parent.unitData;
-          var formdata = new FormData();
+    // 材料目录明细初始化
+    /**
+     * @description: 材料目录明细初始化
+     * @param {*} type
+     * @author: renchao
+     */
+    clmlInitList(type) {
+      //type  1：列表初始化  2：新增材料
+      return new Promise((resolve) => {
+        this.unitData = this.$parent.unitData;
+        var formdata = new FormData();
+
+        formdata.append("bsmSlsq", this.$parent.bsmSlsq);
+        if (this.$route.query.sqywbm == "DJBBL") {
+          formdata.append("bsmSldy", this.$parent.bsmRepair);
+          formdata.append("clfl", 3);
+        } else {
           formdata.append("bsmSldy", this.unitData[0]?.bsmSldy);
-          formdata.append("bsmSlsq", this.$parent.bsmSlsq);
           formdata.append("clfl", 2);
-          InitClml(formdata).then((res) => {
-            if (res.code == 200) {
-              resolve(res.code)
-              if (res.result && res.result.length > 0) {
-                this.tableData = res.result;
-                if (type == 1) {
-                  this.treeClick(this.tableData[0], 0);
-                } else {
-                  //新增材料后刷新列表焦点置于新增的对象上
-                  this.treeClick(this.tableData[this.tableData.length - 1], this.tableData.length - 1);
-                }
+        }
+
+        InitClml(formdata).then((res) => {
+          if (res.code == 200) {
+            resolve(res.code);
+            if (res.result && res.result.length > 0) {
+              this.tableData = res.result;
+              if (type == 1) {
+                this.treeClick(this.tableData[0], 0);
+              } else {
+                //新增材料后刷新列表焦点置于新增的对象上
+                this.treeClick(
+                  this.tableData[this.tableData.length - 1],
+                  this.tableData.length - 1
+                );
               }
-            } else {
-              this.$message.error(res.message)
-            }
-          })
-        })
-      },
-      /**
-       * @description: setChecked
-       * @param {*} item
-       * @author: renchao
-       */
-      setChecked (item) {
-        this.treeCheckId = item.bsmSj;
-        this.title = item.sjmc;
-        this.titleYs = 1;
-        this.titleNum = item.children.length;
-        this.previewImg.imgList = item.children;
-        this.previewImg.bsmSj = item.bsmSj;
-      },
-      /**
-       * @description: updateList
-       * @param {*} val
-       * @author: renchao
-       */
-      updateList (val) {
-        let that = this
-        if (val.children.length != 0) { //删除最后一张图片时 val=null
-          this.tableData.forEach(item => {
-            if (item.bsmSj === val.bsmSj) {
-              item.children = val.children
             }
-          })
-          this.previewImg.imgList = _.cloneDeep(val.children)
-          if (this.previewImg.index == this.previewImg.imgList.length) {
-            this.previewImg.index = this.previewImg.index - 1
+          } else {
+            this.$message.error(res.message);
           }
-        } else {
-          this.previewImg.imgList = []
-          this.tableData.forEach((item, index) => {
-            if (this.treeCheckId == item.bsmSj) {
-              item.children = []
-              that.treeCheckIndex = index
-            }
-          })
+        });
+      });
+    },
+    /**
+     * @description: setChecked
+     * @param {*} item
+     * @author: renchao
+     */
+    setChecked(item) {
+      this.treeCheckId = item.bsmSj;
+      this.title = item.sjmc;
+      this.titleYs = 1;
+      this.titleNum = item.children.length;
+      this.previewImg.imgList = item.children;
+      this.previewImg.bsmSj = item.bsmSj;
+    },
+    /**
+     * @description: updateList
+     * @param {*} val
+     * @author: renchao
+     */
+    updateList(val) {
+      let that = this;
+      if (val.children.length != 0) {
+        //删除最后一张图片时 val=null
+        this.tableData.forEach((item) => {
+          if (item.bsmSj === val.bsmSj) {
+            item.children = val.children;
+          }
+        });
+        this.previewImg.imgList = _.cloneDeep(val.children);
+        if (this.previewImg.index == this.previewImg.imgList.length) {
+          this.previewImg.index = this.previewImg.index - 1;
         }
-      },
-      // 添加材料目录
-      /**
-       * @description: 添加材料目录
-       * @author: renchao
-       */
-      handleAdd () {
-        this.isDialog = true;
-      },
-      // 新增弹窗保存
-      /**
-       * @description: 新增弹窗保存
-       * @param {*} data
-       * @author: renchao
-       */
-      addSave (data) {
-        let obj = {
-          bsmSlsq: this.$parent.bsmSlsq,
-          isrequired: "1",
-          sjmc: data.clmc,
-          sjsl: 0,
-          smzt: '',
-          ys: 0,
-          sjlx: data.cllx,
-          sfxjcl: "1", // 是否必选
-        };
-        saveClml(obj).then(async (res) => {
-          if (res.code == 200) {
-            let res = await this.clmlInitList(2)
-            if (res == 200) this.$message({
+      } else {
+        this.previewImg.imgList = [];
+        this.tableData.forEach((item, index) => {
+          if (this.treeCheckId == item.bsmSj) {
+            item.children = [];
+            that.treeCheckIndex = index;
+          }
+        });
+      }
+    },
+    // 添加材料目录
+    /**
+     * @description: 添加材料目录
+     * @author: renchao
+     */
+    handleAdd() {
+      this.isDialog = true;
+    },
+    // 新增弹窗保存
+    /**
+     * @description: 新增弹窗保存
+     * @param {*} data
+     * @author: renchao
+     */
+    addSave(data) {
+      let obj = {
+        bsmSlsq: this.$parent.bsmSlsq,
+        isrequired: "1",
+        sjmc: data.clmc,
+        sjsl: 0,
+        smzt: "",
+        ys: 0,
+        sjlx: data.cllx,
+        sfxjcl: "1", // 是否必选
+      };
+      saveClml(obj).then(async (res) => {
+        if (res.code == 200) {
+          let res = await this.clmlInitList(2);
+          if (res == 200)
+            this.$message({
               message: "新增成功",
               type: "success",
-            })
+            });
+        }
+      });
+    },
+    // 材料目录点击选中
+    /**
+     * @description: 材料目录点击选中
+     * @param {*} item
+     * @param {*} index
+     * @author: renchao
+     */
+    treeClick(item, index) {
+      this.previewImg.index = 0;
+      this.treeCheckId = item?.bsmSj;
+      this.treeCheckIndex = index;
+      this.previewImg.imgList = item.children ? item.children : [];
+      this.previewImg.bsmSj = item?.bsmSj;
+    },
+    // 小图片点击
+    /**
+     * @description: 小图片点击
+     * @param {*} item
+     * @param {*} index
+     * @author: renchao
+     */
+    imgClick(item, index) {
+      this.showImg = item;
+      this.titleYs = index + 1;
+    },
+    // 字典
+    /**
+     * @description: 字典
+     * @param {*} val
+     * @param {*} code
+     * @author: renchao
+     */
+    dicStatus(val, code) {
+      let data = this.$store.getters.dictData[code],
+        name = "暂无";
+      if (data) {
+        data.map((item) => {
+          if (item.dcode == val) {
+            name = item.dname;
           }
         });
-      },
-      // 材料目录点击选中
-      /**
-       * @description: 材料目录点击选中
-       * @param {*} item
-       * @param {*} index
-       * @author: renchao
-       */
-      treeClick (item, index) {
-        this.previewImg.index = 0
-        this.treeCheckId = item?.bsmSj
-        this.treeCheckIndex = index
-        this.previewImg.imgList = item.children ? item.children : []
-        this.previewImg.bsmSj = item?.bsmSj
-      },
-      // 小图片点击
-      /**
-       * @description: 小图片点击
-       * @param {*} item
-       * @param {*} index
-       * @author: renchao
-       */
-      imgClick (item, index) {
-        this.showImg = item;
-        this.titleYs = index + 1;
-      },
-      // 字典
-      /**
-       * @description: 字典
-       * @param {*} val
-       * @param {*} code
-       * @author: renchao
-       */
-      dicStatus (val, code) {
-        let data = this.$store.getters.dictData[code],
-          name = "暂无";
-        if (data) {
-          data.map((item) => {
-            if (item.dcode == val) {
-              name = item.dname
-            }
-          });
-          return name
-        }
-      },
-      //查看明细
-      viewDetail () {
-        this.$store.dispatch('user/reWorkFresh', false)
-        this.$popupDialog("查看明细", "workflow/components/dialog/clxxDetailDialog", {
+        return name;
+      }
+    },
+    //查看明细
+    viewDetail() {
+      this.$store.dispatch("user/reWorkFresh", false);
+      this.$popupDialog(
+        "查看明细",
+        "workflow/components/dialog/clxxDetailDialog",
+        {
           data: this.tableData,
           unitData: this.$parent.unitData,
-          ableOperation: this.$parent.ableOperation
-        }, "60%", true)
-      },
-      //设置tableData
-      setTableData (tableData) {
-        this.$nextTick(res => {
-          this.tableData = tableData;
-        })
-      },
+          ableOperation: this.$parent.ableOperation,
+        },
+        "60%",
+        true
+      );
+    },
+    //设置tableData
+    setTableData(tableData) {
+      this.$nextTick((res) => {
+        this.tableData = tableData;
+      });
     },
-  };
+  },
+};
 </script>
-<style scoped lang='scss'>
-  @import "~@/styles/mixin.scss";
+<style scoped lang="scss">
+@import "~@/styles/mixin.scss";
 
-  .active {
-    background: $light-blue !important;
-    color: #fff;
-  }
+.active {
+  background: $light-blue !important;
+  color: #fff;
+}
 
-  .required {
-    font-size: 12px;
-    color: $pink;
-    float: left;
-  }
+.required {
+  font-size: 12px;
+  color: $pink;
+  float: left;
+}
 
-  .cl_number {
-    float: right;
-  }
+.cl_number {
+  float: right;
+}
 
-  .clxx {
-    width: 100%;
+.clxx {
+  width: 100%;
+  display: flex;
+  padding-left: 5px;
+  height: calc(100vh - 125px);
+
+  .left {
     display: flex;
-    padding-left: 5px;
-    height: calc(100vh - 125px);
+    flex-direction: column;
+    justify-content: space-between;
 
-    .left {
-      display: flex;
-      flex-direction: column;
-      justify-content: space-between;
+    .item {
+      width: 28px;
+      height: 49%;
+      @include flex-center;
+      background-color: #e4e7ed;
+      border-bottom-right-radius: 10px;
+      padding: 5px;
+      cursor: pointer;
+      transition: all 0.3s;
 
-      .item {
-        width: 28px;
-        height: 49%;
-        @include flex-center;
-        background-color: #e4e7ed;
-        border-bottom-right-radius: 10px;
-        padding: 5px;
-        cursor: pointer;
-        transition: all 0.3s;
+      &:hover {
+        @extend .active;
+      }
+    }
+  }
 
-        &:hover {
-          @extend .active;
-        }
+  .right {
+    width: 100%;
+    height: 100%;
+
+    .clmlmx-box {
+      margin: 0 auto;
+
+      .title {
+        text-align: center;
+        height: 60px;
+        line-height: 60px;
+        border: 1px solid #dfe6ec;
+        font-size: 20px;
+        background: #81d3f81a;
+        margin-bottom: -1px;
       }
     }
 
-    .right {
+    .clyl-box {
       width: 100%;
       height: 100%;
+      display: flex;
 
-      .clmlmx-box {
-        margin: 0 auto;
+      .menu-tree {
+        width: 20%;
+        min-width: 160px;
+        height: 100%;
+        margin-right: 10px;
+        border-right: 1px dotted #d9d9d9;
+        padding: 0 15px;
 
-        .title {
+        .item {
+          line-height: 30px;
+          padding-top: 5px;
+          border-bottom: 1px solid #e8e8e8;
+          font-size: 16px;
           text-align: center;
-          height: 60px;
-          line-height: 60px;
-          border: 1px solid #dfe6ec;
-          font-size: 20px;
-          background: #81d3f81a;
-          margin-bottom: -1px;
-        }
-      }
-
-      .clyl-box {
-        width: 100%;
-        height: 100%;
-        display: flex;
+          color: $light-blue;
 
-        .menu-tree {
-          width: 20%;
-          min-width: 160px;
-          height: 100%;
-          margin-right: 10px;
-          border-right: 1px dotted #d9d9d9;
-          padding: 0 15px;
+          .itemIcon {
+            float: right;
+            line-height: 60px;
+            cursor: pointer;
+          }
 
-          .item {
-            line-height: 30px;
-            padding-top: 5px;
+          .child {
+            line-height: 32px;
             border-bottom: 1px solid #e8e8e8;
-            font-size: 16px;
-            text-align: center;
-            color: $light-blue;
-
-            .itemIcon {
-              float: right;
-              line-height: 60px;
-              cursor: pointer;
-            }
-
-            .child {
-              line-height: 32px;
-              border-bottom: 1px solid #e8e8e8;
-              padding-left: 10px;
-              color: #6b6b6b;
-              cursor: pointer;
-              box-sizing: border-box;
-              border-radius: 6px;
-              line-height: 20px;
-              transition: all 0.3s;
-              padding: 8px 0;
-            }
+            padding-left: 10px;
+            color: #6b6b6b;
+            cursor: pointer;
+            box-sizing: border-box;
+            border-radius: 6px;
+            line-height: 20px;
+            transition: all 0.3s;
+            padding: 8px 0;
+          }
 
-            .child:hover {
-              color: $light-blue;
-              transform: scale(1.1);
-            }
+          .child:hover {
+            color: $light-blue;
+            transform: scale(1.1);
+          }
 
-            .checked {
-              border: 1px solid $light-blue;
-              color: $light-blue;
-            }
+          .checked {
+            border: 1px solid $light-blue;
+            color: $light-blue;
           }
         }
+      }
 
-        .clyl-img {
-          width: 75%;
-          height: 100%;
-          background: #f3f4f7;
-          margin: 0 auto;
-          position: relative;
-        }
+      .clyl-img {
+        width: 75%;
+        height: 100%;
+        background: #f3f4f7;
+        margin: 0 auto;
+        position: relative;
       }
     }
   }
+}
 </style>

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-07-28 15:46:24
+ * @LastEditTime: 2023-08-03 14:13:59
 -->
 <template>
   <div class="szxx">
@@ -202,10 +202,9 @@
       width: 300px;
       margin-top: 10px;
       margin-right: 10px;
-
-      .szxx_body {
-        height: 240px;
-      }
+      // .szxx_body {
+      //   height: 240px;
+      // }
     }
   }