style:权利人信息

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-09-07 16:01:19
+ * @LastEditTime: 2023-09-12 14:48:12
 -->
 <template>
   <div class="clmlmx-box">
@@ -334,7 +334,6 @@
           })
         })
       },
-      // 字典
       /**
        * @description: 字典
        * @param {*} val

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-09-11 13:35:33
+ * @LastEditTime: 2023-09-12 15:18:52
 -->
 <template>
   <div class="clmlmx-box">
-    <lb-table :column="column" :key="key" :heightNumSetting="true" :calcHeight="600" :pagination="false" :data="tableData">
+    <lb-table :column="column" :key="key" :heightNumSetting="true" :calcHeight="500" :pagination="false" :data="tableData">
     </lb-table>
     <div class="text-center">
       <el-button @click="handleCancel">取消</el-button>
-      <el-button type="primary" @click="handleSubmit" :loading="loading" v-if="formData.ableOperation && tableData.length>0">保存</el-button>
+      <el-button type="primary" @click="handleSubmit" :loading="loading">保存</el-button>
     </div>
   </div>
 </template>
@@ -32,37 +32,28 @@
         loading: false,
         column: [
           {
-            width: "50",
-            label: '序号',
-            type: 'index'
-          },
-          {
-            prop: "isrequired",
-            label: "是否必选",
-            width: "80",
-            render: (h, scope) => {
-              if (scope.row.isrequired === "1") {
-                return (
-                  <div>
-                    <span>必选</span>
-                  </div>
-                );
-              }
-              else {
-                return (
-                  <div>
-                    <span>可选</span>
-                  </div>
-                )
+            width: '50',
+            renderHeader: (h, scope) => {
+              return <div> {
+                <i class="el-icon-plus pointer" onClick={() => { this.handleAdd() }}></i>
               }
+              </div>
+            },
+            render: (h, scope) => {
+              return (
+                <div>
+                  {
+                    <i class="el-icon-minus pointer" onClick={() => { this.handleDelete(scope.$index, scope.row) }}></i>
+                  }
+                </div>
+              )
             }
           },
           {
             label: "材料名称",
             render: (h, scope) => {
               return (
-                (this.formData.ableOperation && scope.row.isrequired != '1') ?
-                  <el-input value={scope.row.sjmc} onInput={(val) => { scope.row.sjmc = val }}></el-input> : <span>{scope.row.sjmc}</span>
+                <el-input value={scope.row.clmc} onInput={(val) => { scope.row.clmc = val }}></el-input>
               )
             }
           },
@@ -71,32 +62,25 @@
             width: "110",
             render: (h, scope) => {
               return (
-                this.formData.ableOperation ?
-                  <el-select value={scope.row.sjlx}
-                    onChange={(val) => { scope.row.sjlx = val }}>
-                    {
-                      store.getters.dictData['A40'].map(option => {
-                        return (
-                          <el-option label={option.dname} value={option.dcode}></el-option>
-                        )
-                      })
-                    }
-                  </el-select> : <span>{this.dicStatus(scope.row.sjlx, "A40")}</span>
+                <el-select value={scope.row.cllx}
+                  onChange={(val) => { scope.row.cllx = val }}>
+                  {
+                    store.getters.dictData['A40'].map(option => {
+                      return (
+                        <el-option label={option.dname} value={option.dcode}></el-option>
+                      )
+                    })
+                  }
+                </el-select>
               )
             }
           },
           {
-            prop: "sjsl",
             label: "份数",
             width: "50",
             render: (h, scope) => {
               return (
-                <div>
-                  {
-                    scope.row.sjsl ?
-                      <span>{scope.row.sjsl}</span> : 1
-                  }
-                </div>
+                <el-input value={scope.row.sjsl} onInput={(val) => { scope.row.sjsl = val }}></el-input>
               )
             }
           },
@@ -147,7 +131,7 @@
                 <div>
                   <el-button
                     type="text"
-                    disabled={scope.$index == 0 || !this.formData.ableOperation}
+                    disabled={scope.$index == 0}
                     onClick={() => {
                       this.moveUpward(scope.$index, scope.row);
                     }}
@@ -156,16 +140,13 @@
                   </el-button>
                   <el-button
                     type="text"
-                    disabled={scope.$index + 1 == this.tableData.length || !this.formData.ableOperation}
+                    disabled={scope.$index + 1 == this.tableData.length}
                     onClick={() => {
                       this.moveDown(scope.$index, scope.row);
                     }}
                   >
                     下移
                   </el-button>
-                  <i v-show={scope.row.isrequired != '1' && this.formData.ableOperation} onClick={() => {
-                    this.handleDelete(scope.$index, scope.row);
-                  }} class="el-icon-delete pointer" style="color:#409EFF;margin-left:5px;position: relative;top: 1px;"></i>
                 </div >
               )
             }
@@ -188,6 +169,15 @@
       handleCancel () {
         ywPopupCacel()
       },
+      handleAdd () {
+        this.tableData.push({
+          clmc: '',
+          cllx: '1',
+          sjsl: '',
+          smzt: '',
+          count: 0
+        })
+      },
       handleSubmit () {
         this.loading = true
         updateClml(this.tableData).then(res => {
@@ -311,25 +301,6 @@
             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;
-        }
       }
     }
   }

@@ -386,7 +386,7 @@
         }
         this.ruleForm.qlrList.forEach((item) => {
           if (item.sfczr == 1) {
-            this.czr = item.sqrmc;
+            this.czr = item.zjh
           }
         });
       }).catch(() => {
@@ -506,7 +506,7 @@
         }
         this.num = 0
         this.ruleForm.qlrList.forEach(item => {
-          if (item.sqrmc == this.czr) {
+          if (item.zjh == this.czr) {
             this.num++
           }
         })

@@ -281,7 +281,7 @@
           };
           this.ruleForm.qlrList.forEach((item) => {
             if (item.sfczr == 1) {
-              this.czr = item.sqrmc;
+              this.czr = item.zjh
             }
           });
           this.czrOptions = this.ruleForm.qlrList;
@@ -355,7 +355,7 @@
         }
         this.num = 0
         this.ruleForm.qlrList.forEach(item => {
-          if (item.sqrmc == this.czr) {
+          if (item.zjh == this.czr) {
             this.num++
           }
         })

@@ -436,7 +436,7 @@
           };
           this.ruleForm.qlrList.forEach((item) => {
             if (item.sfczr == 1) {
-              this.czr = item.sqrmc;
+              this.czr = item.zjh
             }
           });
           this.czrOptions = this.ruleForm.qlrList;
@@ -513,7 +513,7 @@
         this.czrOptions = this.ruleForm.qlrList;
         this.num = 0
         this.ruleForm.qlrList.forEach(item => {
-          if (item.sqrmc == this.czr) {
+          if (item.zjh == this.czr) {
             this.num++
           }
         })

@@ -295,7 +295,7 @@
           };
           this.ruleForm.qlrList.forEach((item) => {
             if (item.sfczr == 1) {
-              this.czr = item.sqrmc;
+              this.czr = item.zjh
             }
           });
           this.czrOptions = this.ruleForm.qlrList;

@@ -11,8 +11,7 @@
       ref="ruleForm"
       :label-position="flag ? 'top' : ''"
       :inline="flag"
-      label-width="130px"
-    >
+      label-width="130px">
       <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
         <div class="slxx_title title-block">
           申请业务信息
@@ -40,16 +39,14 @@
             <el-form-item label="权利类型：">
               <el-input
                 disabled
-                v-model="ruleForm.sldyList[0].qllxmc"
-              ></el-input>
+                v-model="ruleForm.sldyList[0].qllxmc"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8" v-if="ruleForm.sldyList.length > 0">
             <el-form-item label="登记类型：">
               <el-input
                 disabled
-                v-model="ruleForm.sldyList[0].djlxmc"
-              ></el-input>
+                v-model="ruleForm.sldyList[0].djlxmc"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
@@ -70,14 +67,12 @@
                 <el-select
                   disabled
                   v-model="ruleForm.zdjbxx.mjdw"
-                  style="width: 68px"
-                >
+                  style="width: 68px">
                   <el-option
                     v-for="item in dictData['A7']"
                     :key="item.dcode"
                     :label="item.dname"
-                    :value="item.dcode"
-                  ></el-option>
+                    :value="item.dcode"></el-option>
                 </el-select>
               </div>
             </el-form-item>
@@ -151,8 +146,7 @@
             <el-form-item label="共有方式：">
               <el-radio-group
                 :disabled="!viewEdit"
-                v-model="ruleForm.sldyList[0].gyfs"
-              >
+                v-model="ruleForm.sldyList[0].gyfs">
                 <el-radio label="0">单独所有</el-radio>
                 <el-radio label="1">共同共有</el-radio>
                 <el-radio label="2">按份所有</el-radio>
@@ -166,8 +160,7 @@
               <el-radio-group
                 v-model="ruleForm.sldyList[0].sqfbcz"
                 :disabled="!viewEdit"
-                @input="updaterow()"
-              >
+                @input="updaterow()">
                 <el-radio :label="1">是</el-radio>
                 <el-radio :label="0">否</el-radio>
               </el-radio-group>
@@ -178,20 +171,17 @@
             v-if="
               ruleForm.sldyList[0].gyfs != 0 &&
               ruleForm.sldyList[0].sqfbcz == '0'
-            "
-          >
+            ">
             <el-form-item label="持证人：">
               <el-select
                 v-model="czr"
                 placeholder="持证人"
-                :disabled="!viewEdit"
-              >
+                :disabled="!viewEdit">
                 <el-option
                   v-for="item in czrOptions"
                   :key="item.zjh"
                   :label="item.sqrmc"
-                  :value="item.zjh"
-                ></el-option>
+                  :value="item.zjh"></el-option>
               </el-select>
             </el-form-item>
           </el-col>
@@ -200,8 +190,7 @@
           :disabled="viewEdit"
           @upDateQlrxxList="upDateQlrxxList"
           :tableData="ruleForm.qlrList"
-          :gyfs="ruleForm.sldyList[0].gyfs"
-        />
+          :gyfs="ruleForm.sldyList[0].gyfs" />
         <div class="slxx_title title-block">
           登记原因
           <div class="triangle"></div>
@@ -215,8 +204,7 @@
                 maxlength="500"
                 show-word-limit
                 :disabled="!viewEdit"
-                v-model="ruleForm.fdcq2List[0].djyy"
-              >
+                v-model="ruleForm.fdcq2List[0].djyy">
               </el-input>
             </el-form-item>
           </el-col>
@@ -231,296 +219,296 @@
   </div>
 </template>
 <script>
-import ywmix from "@/views/ywbl/mixin/index";
-import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
-import {
-  BatchInit,
-  Init,
-  saveBatchData,
-  saveData,
-} from "@/api/workflow/fwsyqFlow.js";
-import { mapGetters } from "vuex";
-export default {
-  mixins: [ywmix],
-  computed: {
-    ...mapGetters(["dictData", "flag"]),
-  },
-  components: { qlrCommonTable },
-
-  // 更新义务人信息
-  /**
-   * @description: 更新义务人信息
-   * @param {*} val
-   * @author: renchao
-   */
-  upDateYwrxxList(val) {
-    this.ruleForm.ywrList = _.cloneDeep(val);
-  },
-  data() {
-    return {
-      disabled: true,
-      tdytOption: [],
-      ruleForm: {
-        cfdjList: [], //查封登记
-        diyaqList: [], //抵押权
-        fdcq2List: [], //房屋信息集合
-        qlrList: [], //权利人
-        ywrList: [], //义务人
-        qlxxList: [], //权利信息集合
-        sldyList: [], //受理不动产单元集合
-        slsq: {}, //受理申请流程明细
-        flow: {}, //受理申请流程明细
-        sqrList: [], //申请人
-        ssQlxxList: [], //上手权利信息
-        user: {}, //用户
-        zdjbxx: {}, //宗地基本信息
-      },
-      czrOptions: [],
-      czr: "",
-      //传递参数
-      propsParam: this.$attrs,
-      //表单是否可操作
-      viewEdit: true,
-      rules: {},
-      gyfs: "",
-      bsmSlsq: this.$route.query.bsmSlsq, //受理申请标识码
-      splicingFdcq2: {
-        //前端根据后台数组组装展示内容
-        tdxz: "", //土地性质
-        fwxz: "", //房屋性质
-        fwjg: "", //房屋结构
-        jzmj: "", //建筑面积
-        zts: "", //房屋总套数
-      },
-    };
-  },
-  mounted(callbackfn, thisArg) {
-    this.viewEdit = this.$parent.currentSelectTab.ableOperation;
-    this.propsParam = this.$attrs;
-    var formdata = new FormData();
-    formdata.append("bsmSldy", this.propsParam.bsmSldy);
-    formdata.append("djlx", this.propsParam.djlx);
-    formdata.append("bsmSlsq", this.bsmSlsq);
-    formdata.append("isEdit", this.viewEdit);
-    BatchInit(formdata).then((res) => {
-      if (res.code == 200) {
-        this.ruleForm = res.result;
-        this.czrOptions = this.ruleForm.qlrList;
-        this.gyfs = this.ruleForm.sldyList[0].gyfs;
-        this.splicingFdcq2Info();
-      }
-      this.ruleForm.qlrList.forEach((item) => {
-        if (item.sfczr == 1) {
-          this.czr = item.sqrmc;
-        }
-      });
-    });
-  },
-  methods: {
-    //组装房地产权通用信息
-    /**
-     * @description: 组装房地产权通用信息
-     * @author: renchao
-     */
-    splicingFdcq2Info() {
-      let fdcq2List = this.ruleForm.fdcq2List;
-      let fwxzArr = [];
-      let fwjgArr = [];
-      let jzmj = 0;
-      fdcq2List.forEach((fdcq2) => {
-        fwxzArr.push(fdcq2.fwxzmc);
-        fwjgArr.push(fdcq2.fwjgmc);
-        jzmj += parseFloat(fdcq2.jzmj);
-      });
-      //将数据转为字符串
-      //房屋性质
-      let fwxz = Array.from(new Set(fwxzArr)).join(",");
-      //房屋结构
-      let fwjg = Array.from(new Set(fwjgArr)).join(",");
-      this.splicingFdcq2.fwxz = fwxz;
-      this.splicingFdcq2.fwjg = fwjg;
-      this.splicingFdcq2.jzmj = jzmj == null ? 0 : jzmj;
-      this.splicingFdcq2.zts = fdcq2List.length;
-    },
-    /**
-     * @description: 更新权利人信息
-     * @param {*} val
-     * @author: renchao
-     */
-    upDateQlrxxList(val) {
-      this.ruleForm.qlrList = _.cloneDeep(val);
-      this.czrOptions = this.ruleForm.qlrList;
+  import ywmix from "@/views/ywbl/mixin/index";
+  import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
+  import {
+    BatchInit,
+    Init,
+    saveBatchData,
+    saveData,
+  } from "@/api/workflow/fwsyqFlow.js";
+  import { mapGetters } from "vuex";
+  export default {
+    mixins: [ywmix],
+    computed: {
+      ...mapGetters(["dictData", "flag"]),
     },
+    components: { qlrCommonTable },
 
-
-    // 是否持证人变化
-    /**
-     * @description: 是否持证人变化
-     * @param {*} val
-     * @author: renchao
-     */
-    updaterow() {
-      this.czr = "";
-    },
     // 更新义务人信息
     /**
      * @description: 更新义务人信息
      * @param {*} val
      * @author: renchao
      */
-    upDateYwrxxList(val) {
+    upDateYwrxxList (val) {
       this.ruleForm.ywrList = _.cloneDeep(val);
     },
-    /**
-     * @description: onSubmit
-     * @author: renchao
-     */
-    onSubmit() {
-      let that = this;
-      if (this.ruleForm.qlrList.length == 0) {
-        this.$message({
-          showClose: true,
-          message: "请确认权利人信息",
-          type: "error",
-        });
-        return false;
-      }
-      if (this.ruleForm.sldyList[0].gyfs == "0") {
-        if (this.ruleForm.qlrList.length > 1) {
-          this.$message({
-            showClose: true,
-            message: "共有方式：单独所有，权利人只能是一个人",
-            type: "error",
-          });
-          return false;
+    data () {
+      return {
+        disabled: true,
+        tdytOption: [],
+        ruleForm: {
+          cfdjList: [], //查封登记
+          diyaqList: [], //抵押权
+          fdcq2List: [], //房屋信息集合
+          qlrList: [], //权利人
+          ywrList: [], //义务人
+          qlxxList: [], //权利信息集合
+          sldyList: [], //受理不动产单元集合
+          slsq: {}, //受理申请流程明细
+          flow: {}, //受理申请流程明细
+          sqrList: [], //申请人
+          ssQlxxList: [], //上手权利信息
+          user: {}, //用户
+          zdjbxx: {}, //宗地基本信息
+        },
+        czrOptions: [],
+        czr: "",
+        //传递参数
+        propsParam: this.$attrs,
+        //表单是否可操作
+        viewEdit: true,
+        rules: {},
+        gyfs: "",
+        bsmSlsq: this.$route.query.bsmSlsq, //受理申请标识码
+        splicingFdcq2: {
+          //前端根据后台数组组装展示内容
+          tdxz: "", //土地性质
+          fwxz: "", //房屋性质
+          fwjg: "", //房屋结构
+          jzmj: "", //建筑面积
+          zts: "", //房屋总套数
+        },
+      };
+    },
+    mounted (callbackfn, thisArg) {
+      this.viewEdit = this.$parent.currentSelectTab.ableOperation;
+      this.propsParam = this.$attrs;
+      var formdata = new FormData();
+      formdata.append("bsmSldy", this.propsParam.bsmSldy);
+      formdata.append("djlx", this.propsParam.djlx);
+      formdata.append("bsmSlsq", this.bsmSlsq);
+      formdata.append("isEdit", this.viewEdit);
+      BatchInit(formdata).then((res) => {
+        if (res.code == 200) {
+          this.ruleForm = res.result;
+          this.czrOptions = this.ruleForm.qlrList;
+          this.gyfs = this.ruleForm.sldyList[0].gyfs;
+          this.splicingFdcq2Info();
         }
-        this.ruleForm.qlrList[0].sfczr = "1";
-      } else {
-        if (this.ruleForm.qlrList.length <= 1) {
+        this.ruleForm.qlrList.forEach((item) => {
+          if (item.sfczr == 1) {
+            this.czr = item.zjh
+          }
+        });
+      });
+    },
+    methods: {
+      //组装房地产权通用信息
+      /**
+       * @description: 组装房地产权通用信息
+       * @author: renchao
+       */
+      splicingFdcq2Info () {
+        let fdcq2List = this.ruleForm.fdcq2List;
+        let fwxzArr = [];
+        let fwjgArr = [];
+        let jzmj = 0;
+        fdcq2List.forEach((fdcq2) => {
+          fwxzArr.push(fdcq2.fwxzmc);
+          fwjgArr.push(fdcq2.fwjgmc);
+          jzmj += parseFloat(fdcq2.jzmj);
+        });
+        //将数据转为字符串
+        //房屋性质
+        let fwxz = Array.from(new Set(fwxzArr)).join(",");
+        //房屋结构
+        let fwjg = Array.from(new Set(fwjgArr)).join(",");
+        this.splicingFdcq2.fwxz = fwxz;
+        this.splicingFdcq2.fwjg = fwjg;
+        this.splicingFdcq2.jzmj = jzmj == null ? 0 : jzmj;
+        this.splicingFdcq2.zts = fdcq2List.length;
+      },
+      /**
+       * @description: 更新权利人信息
+       * @param {*} val
+       * @author: renchao
+       */
+      upDateQlrxxList (val) {
+        this.ruleForm.qlrList = _.cloneDeep(val);
+        this.czrOptions = this.ruleForm.qlrList;
+      },
+
+
+      // 是否持证人变化
+      /**
+       * @description: 是否持证人变化
+       * @param {*} val
+       * @author: renchao
+       */
+      updaterow () {
+        this.czr = "";
+      },
+      // 更新义务人信息
+      /**
+       * @description: 更新义务人信息
+       * @param {*} val
+       * @author: renchao
+       */
+      upDateYwrxxList (val) {
+        this.ruleForm.ywrList = _.cloneDeep(val);
+      },
+      /**
+       * @description: onSubmit
+       * @author: renchao
+       */
+      onSubmit () {
+        let that = this;
+        if (this.ruleForm.qlrList.length == 0) {
           this.$message({
             showClose: true,
-            message:
-              "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
+            message: "请确认权利人信息",
             type: "error",
           });
           return false;
         }
-        //是否分别持证
-        if (this.ruleForm.sldyList[0].sqfbcz == "1") {
-          //是
-          this.ruleForm.qlrList.forEach((item, index) => {
-            item.sfczr = "1";
-          });
+        if (this.ruleForm.sldyList[0].gyfs == "0") {
+          if (this.ruleForm.qlrList.length > 1) {
+            this.$message({
+              showClose: true,
+              message: "共有方式：单独所有，权利人只能是一个人",
+              type: "error",
+            });
+            return false;
+          }
+          this.ruleForm.qlrList[0].sfczr = "1";
         } else {
-          if (!that.czr) {
-            that.$message({
+          if (this.ruleForm.qlrList.length <= 1) {
+            this.$message({
               showClose: true,
-              message: "请选择持证人",
+              message:
+                "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
               type: "error",
             });
             return false;
           }
-          this.ruleForm.qlrList.forEach((item, index) => {
-            if (item.zjh == that.czr) {
+          //是否分别持证
+          if (this.ruleForm.sldyList[0].sqfbcz == "1") {
+            //是
+            this.ruleForm.qlrList.forEach((item, index) => {
               item.sfczr = "1";
-            } else {
-              item.sfczr = "0";
+            });
+          } else {
+            if (!that.czr) {
+              that.$message({
+                showClose: true,
+                message: "请选择持证人",
+                type: "error",
+              });
+              return false;
             }
-          });
-        }
-      }
-      saveBatchData(this.ruleForm).then((res) => {
-        if (res.code === 200) {
-          this.$message({
-            showClose: true,
-            message: "保存成功！",
-            type: "success",
-          });
-          this.$store.dispatch("user/refreshPage", true);
-        } else {
-          this.$message({
-            showClose: true,
-            message: res.message,
-            type: "error",
-          });
+            this.ruleForm.qlrList.forEach((item, index) => {
+              if (item.zjh == that.czr) {
+                item.sfczr = "1";
+              } else {
+                item.sfczr = "0";
+              }
+            });
+          }
         }
-      });
+        saveBatchData(this.ruleForm).then((res) => {
+          if (res.code === 200) {
+            this.$message({
+              showClose: true,
+              message: "保存成功！",
+              type: "success",
+            });
+            this.$store.dispatch("user/refreshPage", true);
+          } else {
+            this.$message({
+              showClose: true,
+              message: res.message,
+              type: "error",
+            });
+          }
+        });
+      },
     },
-  },
-};
+  };
 </script>
 <style scoped lang="scss">
-@import "~@/styles/public.scss";
+  @import "~@/styles/public.scss";
 
-/deep/.el-form {
-  display: flex;
-  flex-direction: column;
-  height: calc(100vh - 130px);
-}
+  /deep/.el-form {
+    display: flex;
+    flex-direction: column;
+    height: calc(100vh - 130px);
+  }
 
-/deep/.el-form-item__label {
-  padding: 0;
-}
+  /deep/.el-form-item__label {
+    padding: 0;
+  }
 
-/deep/.el-radio {
-  margin-right: 10px;
-}
+  /deep/.el-radio {
+    margin-right: 10px;
+  }
 
-/deep/.el-select {
-  width: 100%;
-}
+  /deep/.el-select {
+    width: 100%;
+  }
 
-/deep/.el-form-item {
-  margin-bottom: 8px;
-}
+  /deep/.el-form-item {
+    margin-bottom: 8px;
+  }
 
-.marginBot0 {
-  margin-bottom: 0 !important;
-}
+  .marginBot0 {
+    margin-bottom: 0 !important;
+  }
 
-.slxx {
-  box-sizing: border-box;
-}
+  .slxx {
+    box-sizing: border-box;
+  }
 
-.slxx_con {
-  flex: 1;
-  height: 100%;
-  background-color: #ffffff;
-  overflow-y: auto;
-  padding-right: 3px;
-  overflow-x: hidden;
-}
+  .slxx_con {
+    flex: 1;
+    height: 100%;
+    background-color: #ffffff;
+    overflow-y: auto;
+    padding-right: 3px;
+    overflow-x: hidden;
+  }
 
-.submit_btn {
-  height: 50px;
-}
+  .submit_btn {
+    height: 50px;
+  }
 
-.slxx_title {
-  border-bottom: 1px solid $borderColor;
-  padding-left: 10px;
-  padding-bottom: 5px;
-  margin-bottom: 10px;
-  margin-top: 5px;
-  font-size: 16px;
-  font-weight: 500;
-  color: #4a4a4a;
-}
+  .slxx_title {
+    border-bottom: 1px solid $borderColor;
+    padding-left: 10px;
+    padding-bottom: 5px;
+    margin-bottom: 10px;
+    margin-top: 5px;
+    font-size: 16px;
+    font-weight: 500;
+    color: #4a4a4a;
+  }
 
-.btn {
-  text-align: center;
-  padding-top: 10px;
-  height: 36px;
-  background-color: #ffffff;
-  padding: 5px 0;
-}
+  .btn {
+    text-align: center;
+    padding-top: 10px;
+    height: 36px;
+    background-color: #ffffff;
+    padding: 5px 0;
+  }
 
-.textArea {
-  /deep/.el-textarea__inner {
-    min-height: 90px !important;
+  .textArea {
+    /deep/.el-textarea__inner {
+      min-height: 90px !important;
+    }
   }
-}
 
-/deep/.el-form-item__label {
-  padding-bottom: 0px;
-}
+  /deep/.el-form-item__label {
+    padding-bottom: 0px;
+  }
 </style>

@@ -12,8 +12,7 @@
       ref="ruleForm"
       :label-position="flag ? 'top' : ''"
       :inline="flag"
-      label-width="120px"
-    >
+      label-width="120px">
       <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
         <div class="slxx_title title-block">
           申请业务信息
@@ -44,14 +43,12 @@
                 v-model="ruleForm.qllx"
                 filterable
                 clearable
-                placeholder="请选择权利类型"
-              >
+                placeholder="请选择权利类型">
                 <el-option
                   v-for="item in dictData['A8']"
                   :key="item.dcode"
                   :label="item.dname"
-                  :value="item.dcode"
-                >
+                  :value="item.dcode">
                 </el-option>
               </el-select>
             </el-form-item>
@@ -63,14 +60,12 @@
                 v-model="ruleForm.djlx"
                 filterable
                 clearable
-                placeholder="请选择登记类型"
-              >
+                placeholder="请选择登记类型">
                 <el-option
                   v-for="item in dictData['A21']"
                   :key="item.dcode"
                   :label="item.dname"
-                  :value="item.dcode"
-                >
+                  :value="item.dcode">
                 </el-option>
               </el-select>
             </el-form-item>
@@ -120,8 +115,7 @@
                   v-for="item in djztList"
                   :key="item.value"
                   :label="item.label"
-                  :value="item.value"
-                >
+                  :value="item.value">
                 </el-option>
               </el-select>
             </el-form-item>
@@ -164,8 +158,7 @@
         <tdytTable
           :ableOperation="viewEdit"
           :tableData="ruleForm.tdytqxList"
-          @upDateTdytxxList="upDateTdytxxList"
-        />
+          @upDateTdytxxList="upDateTdytxxList" />
         <div class="slxx_title title-block">
           权利人信息
           <div class="triangle"></div>
@@ -186,8 +179,7 @@
               <el-radio-group
                 v-model="ruleForm.sffbcz"
                 :disabled="!viewEdit"
-                @input="updaterow()"
-              >
+                @input="updaterow()">
                 <el-radio label="1">是</el-radio>
                 <el-radio label="0">否</el-radio>
               </el-radio-group>
@@ -195,20 +187,17 @@
           </el-col>
           <el-col
             :span="5"
-            v-show="ruleForm.gyfs != '1' && ruleForm.sffbcz == '0'"
-          >
+            v-show="ruleForm.gyfs != '1' && ruleForm.sffbcz == '0'">
             <el-form-item label="持证人：">
               <el-select
                 v-model="czr"
                 placeholder="持证人"
-                :disabled="!viewEdit"
-              >
+                :disabled="!viewEdit">
                 <el-option
                   v-for="item in czrOptions"
                   :key="item.value"
                   :label="item.label"
-                  :value="item.value"
-                >
+                  :value="item.value">
                 </el-option>
               </el-select>
             </el-form-item>
@@ -217,8 +206,7 @@
         <qlrCommonTable
           :tableData="ruleForm.qlrList"
           :gyfs="ruleForm.gyfs"
-          :disabled="viewEdit"
-        />
+          :disabled="viewEdit" />
         <div class="slxx_title title-block">
           登记原因
           <div class="triangle"></div>
@@ -232,8 +220,7 @@
                 maxlength="500"
                 show-word-limit
                 :disabled="!viewEdit"
-                v-model="ruleForm.djyy"
-              >
+                v-model="ruleForm.djyy">
               </el-input>
             </el-form-item>
           </el-col>
@@ -248,114 +235,18 @@
   </div>
 </template>
 <script>
-import ywmix from "@/views/ywbl/mixin/index";
-import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
-import tdytTable from "@/views/workflow/components/tdytTable";
-import { Init } from "@/api/workflow/fwsyqFlow.js";
-import { mapGetters } from "vuex";
-export default {
-  mixins: [ywmix],
-  mounted() {
-    this.viewEdit = this.$parent.currentSelectTab.ableOperation;
-    this.propsParam = this.$attrs;
-    var formdata = new FormData();
-    formdata.append("bsmSldy", this.propsParam.bsmSldy);
-    Init(formdata).then((res) => {
-      if (res.code === 200 && res.result) {
-        this.ruleForm = {
-          ...res.result,
-          ...res.result.zdjbxxdatas,
-          ...res.result.qlxxdatas,
-          ...res.result.jsydsyqdatas,
-        };
-        this.ruleForm.qlrList.forEach((item) => {
-          if (item.sfczr == 1) {
-            this.czr = item.sqrmc;
-          }
-        });
-        this.czrOptions = this.ruleForm.qlrList;
-      }
-    });
-  },
-  components: { qlrCommonTable, tdytTable },
-  computed: {
-    ...mapGetters(["dictData", "flag"]),
-  },
-  data() {
-    return {
-      //表单是否可操作
-      viewEdit: false,
-      disabled: true,
-      tdytOption: [],
-      czrOptions: [],
-      czr: "",
-      ruleForm: {
-        ywh: "",
-        slry: "",
-        slsj: "",
-        qllx: "",
-        djlx: "",
-        djqx: "",
-        // 宗地代码
-        zddm: "",
-        bdcdyh: "",
-        qlxzmc: "",
-        qlrxx: [],
-        // 自然幢号
-        zrzh: "",
-        // 户不动产单元号
-        ghytmc: "",
-        djzt: "",
-        // 图幅丘幢号
-        tfqzh: "",
-        zl: "",
-        // 房屋用途
-        fwyt: "",
-        fwxz: "",
-        fwjg: "",
-        // 权利人信息
-        gyfs: "1",
-        // 是否分别持证
-        sffbcz: "",
-        // 持证人
-        czr: "",
-        djyy: "",
-      },
-      //传递参数
-      propsParam: {},
-      rules: {},
-    };
-  },
-  methods: {
-    // 更新土地用途信息
-    /**
-     * @description: 更新土地用途信息
-     * @param {*} val
-     * @author: renchao
-     */
-    upDateTdytxxList(val) {
-      this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
-      this.czrOptions = this.ruleForm.qlrData;
-      this.key++;
-    },
-    // 是否持证人变化
-    /**
-     * @description: 是否持证人变化
-     * @param {*} val
-     * @author: renchao
-     */
-    updaterow() {
-      this.czr = "";
-    },
-    /**
-     * @description: list
-     * @param {*} bsmSldy
-     * @author: renchao
-     */
-    list(bsmSldy) {
+  import ywmix from "@/views/ywbl/mixin/index";
+  import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
+  import tdytTable from "@/views/workflow/components/tdytTable";
+  import { Init } from "@/api/workflow/fwsyqFlow.js";
+  import { mapGetters } from "vuex";
+  export default {
+    mixins: [ywmix],
+    mounted () {
+      this.viewEdit = this.$parent.currentSelectTab.ableOperation;
+      this.propsParam = this.$attrs;
       var formdata = new FormData();
-      formdata.append("bsmSldy", bsmSldy);
-      formdata.append("isEdit", this.viewEdit);
+      formdata.append("bsmSldy", this.propsParam.bsmSldy);
       Init(formdata).then((res) => {
         if (res.code === 200 && res.result) {
           this.ruleForm = {
@@ -364,159 +255,255 @@ export default {
             ...res.result.qlxxdatas,
             ...res.result.jsydsyqdatas,
           };
+          this.ruleForm.qlrList.forEach((item) => {
+            if (item.sfczr == 1) {
+              this.czr = item.zjh
+            }
+          });
+          this.czrOptions = this.ruleForm.qlrList;
         }
       });
     },
-    /**
-     * @description: onSubmit
-     * @author: renchao
-     */
-    onSubmit() {
-      let that = this;
-      let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt);
-      if (arr.length > 0) {
-        this.$message({
-          showClose: true,
-          message: "土地用途不能为空",
-          type: "error",
-        });
-        return false;
-      }
-      if (this.ruleForm.qlrList.length == 0) {
-        this.$message({
-          showClose: true,
-          message: "请确认权利人信息",
-          type: "error",
+    components: { qlrCommonTable, tdytTable },
+    computed: {
+      ...mapGetters(["dictData", "flag"]),
+    },
+    data () {
+      return {
+        //表单是否可操作
+        viewEdit: false,
+        disabled: true,
+        tdytOption: [],
+        czrOptions: [],
+        czr: "",
+        ruleForm: {
+          ywh: "",
+          slry: "",
+          slsj: "",
+          qllx: "",
+          djlx: "",
+          djqx: "",
+          // 宗地代码
+          zddm: "",
+          bdcdyh: "",
+          qlxzmc: "",
+          qlrxx: [],
+          // 自然幢号
+          zrzh: "",
+          // 户不动产单元号
+          ghytmc: "",
+          djzt: "",
+          // 图幅丘幢号
+          tfqzh: "",
+          zl: "",
+          // 房屋用途
+          fwyt: "",
+          fwxz: "",
+          fwjg: "",
+          // 权利人信息
+          gyfs: "1",
+          // 是否分别持证
+          sffbcz: "",
+          // 持证人
+          czr: "",
+          djyy: "",
+        },
+        //传递参数
+        propsParam: {},
+        rules: {},
+      };
+    },
+    methods: {
+      // 更新土地用途信息
+      /**
+       * @description: 更新土地用途信息
+       * @param {*} val
+       * @author: renchao
+       */
+      upDateTdytxxList (val) {
+        this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
+        this.czrOptions = this.ruleForm.qlrData;
+        this.key++;
+      },
+      // 是否持证人变化
+      /**
+       * @description: 是否持证人变化
+       * @param {*} val
+       * @author: renchao
+       */
+      updaterow () {
+        this.czr = "";
+      },
+      /**
+       * @description: list
+       * @param {*} bsmSldy
+       * @author: renchao
+       */
+      list (bsmSldy) {
+        var formdata = new FormData();
+        formdata.append("bsmSldy", bsmSldy);
+        formdata.append("isEdit", this.viewEdit);
+        Init(formdata).then((res) => {
+          if (res.code === 200 && res.result) {
+            this.ruleForm = {
+              ...res.result,
+              ...res.result.zdjbxxdatas,
+              ...res.result.qlxxdatas,
+              ...res.result.jsydsyqdatas,
+            };
+          }
         });
-        return false;
-      }
-
-      if (this.ruleForm.gyfs == "0") {
-        if (this.ruleForm.qlrList.length > 1) {
+      },
+      /**
+       * @description: onSubmit
+       * @author: renchao
+       */
+      onSubmit () {
+        let that = this;
+        let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt);
+        if (arr.length > 0) {
           this.$message({
             showClose: true,
-            message: "共有方式：单独所有，权利人只能是一个人",
+            message: "土地用途不能为空",
             type: "error",
           });
           return false;
         }
-        this.ruleForm.qlrList[0].sfczr = "1";
-      } else {
-        if (this.ruleForm.qlrList.length <= 1) {
+        if (this.ruleForm.qlrList.length == 0) {
           this.$message({
             showClose: true,
-            message:
-              "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
+            message: "请确认权利人信息",
             type: "error",
           });
           return false;
         }
-        //是否分别持证
-        if (this.ruleForm.sqfbcz == "1") {
-          //是
-          this.ruleForm.qlrList.forEach((item, index) => {
-            item.sfczr = "1";
-          });
+
+        if (this.ruleForm.gyfs == "0") {
+          if (this.ruleForm.qlrList.length > 1) {
+            this.$message({
+              showClose: true,
+              message: "共有方式：单独所有，权利人只能是一个人",
+              type: "error",
+            });
+            return false;
+          }
+          this.ruleForm.qlrList[0].sfczr = "1";
         } else {
-          if (!that.czr) {
-            that.$message({
+          if (this.ruleForm.qlrList.length <= 1) {
+            this.$message({
               showClose: true,
-              message: "请选择持证人",
+              message:
+                "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
               type: "error",
             });
             return false;
           }
-          this.ruleForm.qlrList.forEach((item, index) => {
-            if (item.zjh == that.czr) {
+          //是否分别持证
+          if (this.ruleForm.sqfbcz == "1") {
+            //是
+            this.ruleForm.qlrList.forEach((item, index) => {
               item.sfczr = "1";
-            } else {
-              item.sfczr = "0";
+            });
+          } else {
+            if (!that.czr) {
+              that.$message({
+                showClose: true,
+                message: "请选择持证人",
+                type: "error",
+              });
+              return false;
             }
-          });
-        }
-      }
-      fristReg(this.ruleForm).then((res) => {
-        if (res.code === 200 && res.result) {
-          console.log(res);
-          //this.ruleForm = { ...res.result, ...res.result.zdjbxxdatas, ...res.result.qlxxdatas, ...res.result.jsydsyqdatas }
+            this.ruleForm.qlrList.forEach((item, index) => {
+              if (item.zjh == that.czr) {
+                item.sfczr = "1";
+              } else {
+                item.sfczr = "0";
+              }
+            });
+          }
         }
-      });
+        fristReg(this.ruleForm).then((res) => {
+          if (res.code === 200 && res.result) {
+            console.log(res);
+            //this.ruleForm = { ...res.result, ...res.result.zdjbxxdatas, ...res.result.qlxxdatas, ...res.result.jsydsyqdatas }
+          }
+        });
+      },
     },
-  },
-};
+  };
 </script>
 <style scoped lang="scss">
-@import "~@/styles/public.scss";
+  @import "~@/styles/public.scss";
 
-/deep/.el-form {
-  display: flex;
-  flex-direction: column;
-  height: calc(100vh - 130px);
-}
+  /deep/.el-form {
+    display: flex;
+    flex-direction: column;
+    height: calc(100vh - 130px);
+  }
 
-/deep/.el-form-item__label {
-  padding: 0;
-}
+  /deep/.el-form-item__label {
+    padding: 0;
+  }
 
-/deep/.el-radio {
-  margin-right: 10px;
-}
+  /deep/.el-radio {
+    margin-right: 10px;
+  }
 
-/deep/.el-select {
-  width: 100%;
-}
+  /deep/.el-select {
+    width: 100%;
+  }
 
-/deep/.el-form-item {
-  margin-bottom: 8px;
-}
+  /deep/.el-form-item {
+    margin-bottom: 8px;
+  }
 
-.marginBot0 {
-  margin-bottom: 0 !important;
-}
+  .marginBot0 {
+    margin-bottom: 0 !important;
+  }
 
-.slxx {
-  box-sizing: border-box;
-}
+  .slxx {
+    box-sizing: border-box;
+  }
 
-.slxx_con {
-  flex: 1;
-  height: 100%;
-  background-color: #ffffff;
-  overflow-y: auto;
-  padding-right: 3px;
-  overflow-x: hidden;
-}
+  .slxx_con {
+    flex: 1;
+    height: 100%;
+    background-color: #ffffff;
+    overflow-y: auto;
+    padding-right: 3px;
+    overflow-x: hidden;
+  }
 
-.submit_btn {
-  height: 50px;
-}
+  .submit_btn {
+    height: 50px;
+  }
 
-.slxx_title {
-  border-bottom: 1px solid $borderColor;
-  padding-left: 10px;
-  padding-bottom: 5px;
-  margin-bottom: 10px;
-  margin-top: 5px;
-  font-size: 16px;
-  font-weight: 500;
-  color: #4a4a4a;
-}
+  .slxx_title {
+    border-bottom: 1px solid $borderColor;
+    padding-left: 10px;
+    padding-bottom: 5px;
+    margin-bottom: 10px;
+    margin-top: 5px;
+    font-size: 16px;
+    font-weight: 500;
+    color: #4a4a4a;
+  }
 
-.btn {
-  text-align: center;
-  padding-top: 10px;
-  height: 36px;
-  background-color: #ffffff;
-  padding: 5px 0;
-}
+  .btn {
+    text-align: center;
+    padding-top: 10px;
+    height: 36px;
+    background-color: #ffffff;
+    padding: 5px 0;
+  }
 
-.textArea {
-  /deep/.el-textarea__inner {
-    min-height: 90px !important;
+  .textArea {
+    /deep/.el-textarea__inner {
+      min-height: 90px !important;
+    }
   }
-}
 
-/deep/.el-form-item__label {
-  padding-bottom: 0px;
-}
+  /deep/.el-form-item__label {
+    padding-bottom: 0px;
+  }
 </style>

@@ -264,7 +264,7 @@
           this.czrOptions = this.ruleForm.qlrList;
           this.ruleForm.qlrList.forEach((item) => {
             if (item.sfczr == 1) {
-              this.czr = item.sqrmc;
+              this.czr = item.zjh
               console.log("this.ruleForm.qlrList1", this.ruleForm.qlrList, this.czr);
             }
           });
@@ -321,7 +321,7 @@
         this.key++;
         this.num = 0
         this.ruleForm.qlrList.forEach(item => {
-          if (item.sqrmc == this.czr) {
+          if (item.zjh == this.czr) {
             this.num++
           }
         })

@@ -13,8 +13,7 @@
       ref="ruleForm"
       :label-position="flag ? 'top' : ''"
       :inline="flag"
-      label-width="120px"
-    >
+      label-width="120px">
       <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
         <div class="slxx_title title-block">
           申请业务信息
@@ -56,8 +55,7 @@
         </el-row>
         <div
           class="slxx_title title-block flex"
-          style="justify-content: space-between"
-        >
+          style="justify-content: space-between">
           不动产单元情况
           <el-button @click="compare">变化情况对比+</el-button>
         </div>
@@ -104,15 +102,13 @@
                   v-model="ruleForm.jsydsyq.qdjg"
                   style="width: 500%"
                   oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
-                  disabled
-                ></el-input>
+                  disabled></el-input>
                 <el-select v-model="ruleForm.jsydsyq.jedw" disabled>
                   <el-option
                     v-for="item in dictData['A57']"
                     :key="item.dcode"
                     :label="item.dname"
-                    :value="item.dcode"
-                  >
+                    :value="item.dcode">
                   </el-option>
                 </el-select>
               </div>
@@ -133,8 +129,7 @@
                 maxlength="500"
                 show-word-limit
                 v-model="ruleForm.jsydsyq.fj"
-                :disabled="!viewEdit"
-              ></el-input>
+                :disabled="!viewEdit"></el-input>
             </el-form-item>
           </el-col>
         </el-row>
@@ -145,8 +140,7 @@
         <tdytTable
           :tableData="ruleForm.tdytqxList"
           :ableOperation="viewEdit"
-          @upDateTdytxxList="upDateTdytxxList"
-        />
+          @upDateTdytxxList="upDateTdytxxList" />
         <div class="slxx_title title-block">
           权利人信息
           <div class="triangle"></div>
@@ -156,8 +150,7 @@
             <el-form-item label="共有方式：">
               <el-radio-group
                 :disabled="!viewEdit"
-                v-model="ruleForm.sldy.gyfs"
-              >
+                v-model="ruleForm.sldy.gyfs">
                 <el-radio label="0">单独所有</el-radio>
                 <el-radio label="1">共同共有</el-radio>
                 <el-radio label="2">按份所有</el-radio>
@@ -170,8 +163,7 @@
               <el-radio-group
                 v-model="ruleForm.sldy.sqfbcz"
                 :disabled="!viewEdit"
-                @input="updaterow()"
-              >
+                @input="updaterow()">
                 <el-radio :label="1">是</el-radio>
                 <el-radio :label="0">否</el-radio>
               </el-radio-group>
@@ -179,20 +171,17 @@
           </el-col>
           <el-col
             :span="6"
-            v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
-          >
+            v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'">
             <el-form-item label="持证人：">
               <el-select
                 v-model="czr"
                 placeholder="持证人"
-                :disabled="!viewEdit"
-              >
+                :disabled="!viewEdit">
                 <el-option
                   v-for="item in czrOptions"
                   :key="item.zjh"
                   :label="item.sqrmc"
-                  :value="item.zjh"
-                >
+                  :value="item.zjh">
                 </el-option>
               </el-select>
             </el-form-item>
@@ -202,8 +191,7 @@
           :tableData="ruleForm.qlrList"
           :disabled="viewEdit"
           @upDateQlrxxList="upDateQlrxxList"
-          :gyfs="ruleForm.sldy.gyfs"
-        />
+          :gyfs="ruleForm.sldy.gyfs" />
         <div class="slxx_title title-block">
           登记原因
           <div class="triangle"></div>
@@ -217,8 +205,7 @@
                 maxlength="500"
                 show-word-limit
                 :disabled="!viewEdit"
-                v-model="ruleForm.jsydsyq.djyy"
-              >
+                v-model="ruleForm.jsydsyq.djyy">
               </el-input>
             </el-form-item>
           </el-col>
@@ -233,191 +220,191 @@
   </div>
 </template>
 <script>
-import { mapGetters } from "vuex";
-import ywmix from "@/views/ywbl/mixin/index";
-import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
-import tdytTable from "@/views/workflow/components/tdytTable";
-import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js";
-export default {
-  mixins: [ywmix],
-  mounted() {
-    this.viewEdit = this.$parent.currentSelectTab.ableOperation;
-    this.propsParam = this.$attrs;
-    var formdata = new FormData();
-    this.$startLoading();
-    formdata.append("bsmSldy", this.propsParam.bsmSldy);
-    formdata.append("djlx", this.propsParam.djlx);
-    formdata.append("isEdit", this.viewEdit);
-    Init(formdata).then((res) => {
-      if (res.code === 200 && res.result) {
-        this.ruleForm = res.result;
-        this.czrOptions = this.ruleForm.qlrList;
-      }
-      this.ruleForm.qlrList.forEach((item) => {
-        if (item.sfczr == 1) {
-          this.czr = item.sqrmc;
+  import { mapGetters } from "vuex";
+  import ywmix from "@/views/ywbl/mixin/index";
+  import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
+  import tdytTable from "@/views/workflow/components/tdytTable";
+  import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js";
+  export default {
+    mixins: [ywmix],
+    mounted () {
+      this.viewEdit = this.$parent.currentSelectTab.ableOperation;
+      this.propsParam = this.$attrs;
+      var formdata = new FormData();
+      this.$startLoading();
+      formdata.append("bsmSldy", this.propsParam.bsmSldy);
+      formdata.append("djlx", this.propsParam.djlx);
+      formdata.append("isEdit", this.viewEdit);
+      Init(formdata).then((res) => {
+        if (res.code === 200 && res.result) {
+          this.ruleForm = res.result;
+          this.czrOptions = this.ruleForm.qlrList;
         }
+        this.ruleForm.qlrList.forEach((item) => {
+          if (item.sfczr == 1) {
+            this.czr = item.zjh
+          }
+        });
+        this.$endLoading();
       });
-      this.$endLoading();
-    });
-  },
-  components: { qlrCommonTable, tdytTable },
-  computed: {
-    ...mapGetters(["dictData", "flag"]),
-  },
-  data() {
-    return {
-      //表单是否可操作
-      viewEdit: false,
-      disabled: true,
-      czrOptions: [],
-      czr: "",
-      ruleForm: {
-        slywxx: {},
-        qlxx: {},
-        zdjbxx: {},
-        jsydsyq: {},
-      },
-      //传递参数
-      propsParam: {},
-      rules: {},
-    };
-  },
-  methods: {
-    /**
-     * @description: 更新土地用途信息
-     * @param {*} val
-     * @author: renchao
-     */
-    upDateTdytxxList(val) {
-      this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
-      this.key++;
     },
-    /**
-     * @description: 更新权利人信息
-     * @param {*} val
-     * @author: renchao
-     */
-    upDateQlrxxList(val) {
-      this.ruleForm.qlrList = _.cloneDeep(val);
-      this.czrOptions = this.ruleForm.qlrList;
-      this.key++;
+    components: { qlrCommonTable, tdytTable },
+    computed: {
+      ...mapGetters(["dictData", "flag"]),
     },
-    // 是否持证人变化
-    /**
-     * @description: 是否持证人变化
-     * @param {*} val
-     * @author: renchao
-     */
-    updaterow() {
-      this.czr = "";
+    data () {
+      return {
+        //表单是否可操作
+        viewEdit: false,
+        disabled: true,
+        czrOptions: [],
+        czr: "",
+        ruleForm: {
+          slywxx: {},
+          qlxx: {},
+          zdjbxx: {},
+          jsydsyq: {},
+        },
+        //传递参数
+        propsParam: {},
+        rules: {},
+      };
     },
-    /**
-     * @description: onSubmit
-     * @author: renchao
-     */
-    onSubmit() {
-      let that = this;
-      let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt);
-      if (arr.length > 0) {
-        this.$message({
-          showClose: true,
-          message: "土地用途不能为空",
-          type: "error",
-        });
-        return false;
-      }
-      if (this.ruleForm.qlrList.length == 0) {
-        this.$message({
-          showClose: true,
-          message: "请确认权利人信息",
-          type: "error",
-        });
-        return false;
-      }
-
-      if (this.ruleForm.sldy.gyfs == "0") {
-        if (this.ruleForm.qlrList.length > 1) {
+    methods: {
+      /**
+       * @description: 更新土地用途信息
+       * @param {*} val
+       * @author: renchao
+       */
+      upDateTdytxxList (val) {
+        this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
+        this.key++;
+      },
+      /**
+       * @description: 更新权利人信息
+       * @param {*} val
+       * @author: renchao
+       */
+      upDateQlrxxList (val) {
+        this.ruleForm.qlrList = _.cloneDeep(val);
+        this.czrOptions = this.ruleForm.qlrList;
+        this.key++;
+      },
+      // 是否持证人变化
+      /**
+       * @description: 是否持证人变化
+       * @param {*} val
+       * @author: renchao
+       */
+      updaterow () {
+        this.czr = "";
+      },
+      /**
+       * @description: onSubmit
+       * @author: renchao
+       */
+      onSubmit () {
+        let that = this;
+        let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt);
+        if (arr.length > 0) {
           this.$message({
             showClose: true,
-            message: "共有方式：单独所有，权利人只能是一个人",
+            message: "土地用途不能为空",
             type: "error",
           });
           return false;
         }
-        this.ruleForm.qlrList[0].sfczr = "1";
-      } else {
-        if (this.ruleForm.qlrList.length <= 1) {
+        if (this.ruleForm.qlrList.length == 0) {
           this.$message({
             showClose: true,
-            message:
-              "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
+            message: "请确认权利人信息",
             type: "error",
           });
           return false;
         }
-        //是否分别持证
-        if (this.ruleForm.sldy.sqfbcz == "1") {
-          //是
-          this.ruleForm.qlrList.forEach((item, index) => {
-            item.sfczr = "1";
-          });
+
+        if (this.ruleForm.sldy.gyfs == "0") {
+          if (this.ruleForm.qlrList.length > 1) {
+            this.$message({
+              showClose: true,
+              message: "共有方式：单独所有，权利人只能是一个人",
+              type: "error",
+            });
+            return false;
+          }
+          this.ruleForm.qlrList[0].sfczr = "1";
         } else {
-          if (!that.czr) {
-            that.$message({
+          if (this.ruleForm.qlrList.length <= 1) {
+            this.$message({
               showClose: true,
-              message: "请选择持证人",
+              message:
+                "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
               type: "error",
             });
             return false;
           }
-          this.ruleForm.qlrList.forEach((item, index) => {
-            if (item.zjh == that.czr) {
+          //是否分别持证
+          if (this.ruleForm.sldy.sqfbcz == "1") {
+            //是
+            this.ruleForm.qlrList.forEach((item, index) => {
               item.sfczr = "1";
-            } else {
-              item.sfczr = "0";
+            });
+          } else {
+            if (!that.czr) {
+              that.$message({
+                showClose: true,
+                message: "请选择持证人",
+                type: "error",
+              });
+              return false;
             }
-          });
-        }
-      }
-      saveData(this.ruleForm).then((res) => {
-        if (res.code === 200) {
-          this.$message({
-            showClose: true,
-            message: "保存成功！",
-            type: "success",
-          });
-          this.$store.dispatch("user/refreshPage", true);
-        } else {
-          this.$message({
-            showClose: true,
-            message: res.message,
-            type: "error",
-          });
+            this.ruleForm.qlrList.forEach((item, index) => {
+              if (item.zjh == that.czr) {
+                item.sfczr = "1";
+              } else {
+                item.sfczr = "0";
+              }
+            });
+          }
         }
-      });
-    },
-    /**
-     * @description: compare
-     * @author: renchao
-     */
-    compare() {
-      console.log("this.ruleForm", this.ruleForm);
-      this.$popupDialog(
-        this.ruleForm.qlxx.qllxmc,
-        "registerBook/comparison",
-        {
-          bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
-          dqqllx: "JSYDSYQ",
-        },
-        "80%",
-        true
-      );
+        saveData(this.ruleForm).then((res) => {
+          if (res.code === 200) {
+            this.$message({
+              showClose: true,
+              message: "保存成功！",
+              type: "success",
+            });
+            this.$store.dispatch("user/refreshPage", true);
+          } else {
+            this.$message({
+              showClose: true,
+              message: res.message,
+              type: "error",
+            });
+          }
+        });
+      },
+      /**
+       * @description: compare
+       * @author: renchao
+       */
+      compare () {
+        console.log("this.ruleForm", this.ruleForm);
+        this.$popupDialog(
+          this.ruleForm.qlxx.qllxmc,
+          "registerBook/comparison",
+          {
+            bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
+            dqqllx: "JSYDSYQ",
+          },
+          "80%",
+          true
+        );
+      },
     },
-  },
-};
+  };
 </script>
 <style scoped lang="scss">
-@import "~@/styles/public.scss";
-@import "~@/styles/slxx/slxx.scss";
+  @import "~@/styles/public.scss";
+  @import "~@/styles/slxx/slxx.scss";
 </style>

@@ -340,7 +340,7 @@
           };
           this.ruleForm.qlrList.forEach((item) => {
             if (item.sfczr == 1) {
-              this.czr = item.sqrmc;
+              this.czr = item.zjh
             }
           });
           //初始化发证方式，1：小证，2：大正
@@ -422,7 +422,7 @@
         this.czrOptions = this.ruleForm.qlrList;
         this.num = 0
         this.ruleForm.qlrList.forEach(item => {
-          if (item.sqrmc == this.czr) {
+          if (item.zjh == this.czr) {
             this.num++
           }
         })

@@ -8,8 +8,7 @@
       ref="ruleForm"
       :label-position="flag ? 'top' : ''"
       :inline="flag"
-      label-width="120px"
-    >
+      label-width="120px">
       <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
         <div class="slxx_title title-block">
           申请业务信息
@@ -112,14 +111,12 @@
                 :disabled="!viewEdit"
                 class="width100"
                 filterable
-                clearable
-              >
+                clearable>
                 <el-option
                   v-for="item in dictData['A45']"
                   :key="item.dname"
                   :label="item.dname"
-                  :value="item.dname"
-                >
+                  :value="item.dname">
                 </el-option>
               </el-select>
             </el-form-item>
@@ -146,14 +143,12 @@
                 class="width100"
                 filterable
                 clearable
-                @change="changeSyttlx"
-              >
+                @change="changeSyttlx">
                 <el-option
                   v-for="item in dictData['A23']"
                   :key="item.dcode"
                   :label="item.dname"
-                  :value="item.dcode"
-                >
+                  :value="item.dcode">
                 </el-option>
               </el-select>
             </el-form-item>
@@ -166,14 +161,12 @@
                 class="width100"
                 filterable
                 clearable
-                @change="changeYzyfs"
-              >
+                @change="changeYzyfs">
                 <el-option
                   v-for="item in dictData['A24']"
                   :key="item.dcode"
                   :label="item.dname"
-                  :value="item.dcode"
-                >
+                  :value="item.dcode">
                 </el-option>
               </el-select>
             </el-form-item>
@@ -182,8 +175,7 @@
             <el-form-item label="草原质量：">
               <el-input
                 v-model="ruleForm.nydsyq.cyzl"
-                :disabled="!viewEdit"
-              ></el-input>
+                :disabled="!viewEdit"></el-input>
             </el-form-item>
           </el-col>
         </el-row>
@@ -193,8 +185,7 @@
               <el-input
                 v-model="ruleForm.nydsyq.syzcl"
                 :disabled="!viewEdit"
-                oninput="value=value.replace(/[^\d.]/g,'')"
-              ></el-input>
+                oninput="value=value.replace(/[^\d.]/g,'')"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
@@ -205,14 +196,12 @@
                 :disabled="!viewEdit"
                 filterable
                 clearable
-                @change="changeYdyhfl"
-              >
+                @change="changeYdyhfl">
                 <el-option
                   v-for="item in dictData['A51']"
                   :key="item.dcode"
                   :label="item.dname"
-                  :value="item.dcode"
-                >
+                  :value="item.dcode">
                 </el-option>
               </el-select>
             </el-form-item>
@@ -221,8 +210,7 @@
             <el-form-item label="土地承包合同：">
               <el-input
                 v-model="ruleForm.nydsyq.tdcbht"
-                :disabled="!viewEdit"
-              ></el-input>
+                :disabled="!viewEdit"></el-input>
             </el-form-item>
           </el-col>
         </el-row>
@@ -234,8 +222,7 @@
                 maxlength="500"
                 show-word-limit
                 v-model="ruleForm.nydsyq.fj"
-                :disabled="!viewEdit"
-              ></el-input>
+                :disabled="!viewEdit"></el-input>
             </el-form-item>
           </el-col>
         </el-row>
@@ -248,8 +235,7 @@
             <el-form-item label="共有方式：">
               <el-radio-group
                 v-model="ruleForm.sldy.gyfs"
-                :disabled="!viewEdit"
-              >
+                :disabled="!viewEdit">
                 <el-radio label="0">单独所有</el-radio>
                 <el-radio label="1">共同共有</el-radio>
                 <el-radio label="2">按份所有</el-radio>
@@ -262,8 +248,7 @@
               <el-radio-group
                 v-model="ruleForm.sldy.sqfbcz"
                 :disabled="!viewEdit"
-                @input="updaterow()"
-              >
+                @input="updaterow()">
                 <el-radio :label="1">是</el-radio>
                 <el-radio :label="0">否</el-radio>
               </el-radio-group>
@@ -271,20 +256,17 @@
           </el-col>
           <el-col
             :span="6"
-            v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
-          >
+            v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'">
             <el-form-item label="持证人：">
               <el-select
                 v-model="czr"
                 placeholder="持证人"
-                :disabled="!viewEdit"
-              >
+                :disabled="!viewEdit">
                 <el-option
                   v-for="item in czrOptions"
                   :key="item.zjh"
                   :label="item.sqrmc"
-                  :value="item.zjh"
-                >
+                  :value="item.zjh">
                 </el-option>
               </el-select>
             </el-form-item>
@@ -294,8 +276,7 @@
           :tableData="ruleForm.qlrList"
           @upDateQlrxxList="upDateQlrxxList"
           :disabled="viewEdit"
-          :gyfs="ruleForm.sldy.gyfs"
-        />
+          :gyfs="ruleForm.sldy.gyfs" />
         <div class="slxx_title title-block">
           家庭成员
           <div class="triangle"></div>
@@ -304,8 +285,7 @@
           :tableData="ruleForm.jtcyList"
           @upDateJtcyList="upDateJtcyList"
           :disabled="viewEdit"
-          :gyfs="ruleForm.sldy.gyfs"
-        />
+          :gyfs="ruleForm.sldy.gyfs" />
         <div class="slxx_title title-block">
           登记原因
           <div class="triangle"></div>
@@ -319,8 +299,7 @@
                 maxlength="500"
                 show-word-limit
                 :disabled="!viewEdit"
-                v-model="ruleForm.nydsyq.djyy"
-              >
+                v-model="ruleForm.nydsyq.djyy">
               </el-input>
             </el-form-item>
           </el-col>
@@ -335,208 +314,208 @@
   </div>
 </template>
 <script>
-import { mapGetters } from "vuex";
-import ywmix from "@/views/ywbl/mixin/index";
-import { Init, saveData } from "@/api/workflow/nydsyqFlow.js";
-import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
-import JtcyTable from "@/views/workflow/components/JtcyTable";
-export default {
-  mixins: [ywmix],
-  mounted() {
-    this.viewEdit = this.$parent.currentSelectTab.ableOperation;
-    this.propsParam = this.$attrs;
-    this.$startLoading();
-    var formdata = new FormData();
-    formdata.append("bsmSldy", this.propsParam.bsmSldy);
-    formdata.append("djlx", this.propsParam.djlx);
-    formdata.append("isEdit", this.viewEdit);
-    Init(formdata).then((res) => {
-      this.ruleForm = res.result;
-      this.czrOptions = this.ruleForm.qlrList;
-      this.ruleForm.qlrList.forEach((item) => {
-        if (item.sfczr == 1) {
-          this.czr = item.sqrmc;
-        }
+  import { mapGetters } from "vuex";
+  import ywmix from "@/views/ywbl/mixin/index";
+  import { Init, saveData } from "@/api/workflow/nydsyqFlow.js";
+  import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
+  import JtcyTable from "@/views/workflow/components/JtcyTable";
+  export default {
+    mixins: [ywmix],
+    mounted () {
+      this.viewEdit = this.$parent.currentSelectTab.ableOperation;
+      this.propsParam = this.$attrs;
+      this.$startLoading();
+      var formdata = new FormData();
+      formdata.append("bsmSldy", this.propsParam.bsmSldy);
+      formdata.append("djlx", this.propsParam.djlx);
+      formdata.append("isEdit", this.viewEdit);
+      Init(formdata).then((res) => {
+        this.ruleForm = res.result;
+        this.czrOptions = this.ruleForm.qlrList;
+        this.ruleForm.qlrList.forEach((item) => {
+          if (item.sfczr == 1) {
+            this.czr = item.zjh
+          }
+        });
+        this.$endLoading();
       });
-      this.$endLoading();
-    });
-  },
-  components: { qlrCommonTable, JtcyTable },
-  computed: {
-    ...mapGetters(["dictData", "flag"]),
-  },
-  data() {
-    return {
-      disabled: true,
-      //持证人选项
-      czrOptions: [],
-      czr: "",
-      ruleForm: {
-        zdjbxx: {
-          ghytmc: "",
+    },
+    components: { qlrCommonTable, JtcyTable },
+    computed: {
+      ...mapGetters(["dictData", "flag"]),
+    },
+    data () {
+      return {
+        disabled: true,
+        //持证人选项
+        czrOptions: [],
+        czr: "",
+        ruleForm: {
+          zdjbxx: {
+            ghytmc: "",
+          },
         },
-      },
-      //传递参数
-      propsParam: {},
-      //表单是否可操作
-      viewEdit: true,
-      rules: {},
-    };
-  },
-  methods: {
-    /**
-     * @description: onSubmit
-     * @author: renchao
-     */
-    onSubmit() {
-      let that = this;
-      if (this.ruleForm.qlrList.length == 0) {
-        this.$message({
-          showClose: true,
-          message: "请确认权利人信息",
-          type: "error",
-        });
-        return false;
-      }
-
-      if (this.ruleForm.sldy.gyfs == "0") {
-        if (this.ruleForm.qlrList.length > 1) {
-          this.$message({
-            showClose: true,
-            message: "共有方式：单独所有，权利人只能是一个人",
-            type: "error",
-          });
-          return false;
-        }
-        this.ruleForm.qlrList[0].sfczr = "1";
-      } else {
-        if (this.ruleForm.qlrList.length <= 1) {
+        //传递参数
+        propsParam: {},
+        //表单是否可操作
+        viewEdit: true,
+        rules: {},
+      };
+    },
+    methods: {
+      /**
+       * @description: onSubmit
+       * @author: renchao
+       */
+      onSubmit () {
+        let that = this;
+        if (this.ruleForm.qlrList.length == 0) {
           this.$message({
             showClose: true,
-            message:
-              "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
+            message: "请确认权利人信息",
             type: "error",
           });
           return false;
         }
-        //是否分别持证
-        if (this.ruleForm.sldy.sqfbcz == "1") {
-          //是
-          this.ruleForm.qlrList.forEach((item, index) => {
-            item.sfczr = "1";
-          });
+
+        if (this.ruleForm.sldy.gyfs == "0") {
+          if (this.ruleForm.qlrList.length > 1) {
+            this.$message({
+              showClose: true,
+              message: "共有方式：单独所有，权利人只能是一个人",
+              type: "error",
+            });
+            return false;
+          }
+          this.ruleForm.qlrList[0].sfczr = "1";
         } else {
-          if (!that.czr) {
-            that.$message({
+          if (this.ruleForm.qlrList.length <= 1) {
+            this.$message({
               showClose: true,
-              message: "请选择持证人",
+              message:
+                "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
               type: "error",
             });
             return false;
           }
-          this.ruleForm.qlrList.forEach((item, index) => {
-            if (item.zjh == that.czr) {
+          //是否分别持证
+          if (this.ruleForm.sldy.sqfbcz == "1") {
+            //是
+            this.ruleForm.qlrList.forEach((item, index) => {
               item.sfczr = "1";
-            } else {
-              item.sfczr = "0";
+            });
+          } else {
+            if (!that.czr) {
+              that.$message({
+                showClose: true,
+                message: "请选择持证人",
+                type: "error",
+              });
+              return false;
             }
-          });
+            this.ruleForm.qlrList.forEach((item, index) => {
+              if (item.zjh == that.czr) {
+                item.sfczr = "1";
+              } else {
+                item.sfczr = "0";
+              }
+            });
+          }
         }
-      }
 
-      saveData(this.ruleForm).then((res) => {
-        if (res.code === 200) {
-          this.$message({
-            showClose: true,
-            message: "保存成功！",
-            type: "success",
-          });
-          this.$store.dispatch("user/refreshPage", true);
-        } else {
-          this.$message({
-            showClose: true,
-            message: res.message,
-            type: "error",
-          });
-        }
-      });
-    },
-    /**
-     * @description: upDateQlrxxList
-     * @param {*} val
-     * @author: renchao
-     */
-    upDateQlrxxList(val) {
-      this.ruleForm.qlrList = _.cloneDeep(val);
-      this.czrOptions = this.ruleForm.qlrList;
-    },
-    // 是否持证人变化
-    /**
-     * @description: 是否持证人变化
-     * @param {*} val
-     * @author: renchao
-     */
-    updaterow() {
-      this.czr = "";
-    },
-    /**
-     * @description: upDateJtcyList
-     * @param {*} val
-     * @author: renchao
-     */
-    upDateJtcyList(val) {
-      this.ruleForm.jtcyList = _.cloneDeep(val);
-    },
-    // 是否持证人变化
-    /**
-     * @description: 是否持证人变化
-     * @param {*} val
-     * @author: renchao
-     */
-    updaterow() {
-      this.czr = "";
-    },
+        saveData(this.ruleForm).then((res) => {
+          if (res.code === 200) {
+            this.$message({
+              showClose: true,
+              message: "保存成功！",
+              type: "success",
+            });
+            this.$store.dispatch("user/refreshPage", true);
+          } else {
+            this.$message({
+              showClose: true,
+              message: res.message,
+              type: "error",
+            });
+          }
+        });
+      },
+      /**
+       * @description: upDateQlrxxList
+       * @param {*} val
+       * @author: renchao
+       */
+      upDateQlrxxList (val) {
+        this.ruleForm.qlrList = _.cloneDeep(val);
+        this.czrOptions = this.ruleForm.qlrList;
+      },
+      // 是否持证人变化
+      /**
+       * @description: 是否持证人变化
+       * @param {*} val
+       * @author: renchao
+       */
+      updaterow () {
+        this.czr = "";
+      },
+      /**
+       * @description: upDateJtcyList
+       * @param {*} val
+       * @author: renchao
+       */
+      upDateJtcyList (val) {
+        this.ruleForm.jtcyList = _.cloneDeep(val);
+      },
+      // 是否持证人变化
+      /**
+       * @description: 是否持证人变化
+       * @param {*} val
+       * @author: renchao
+       */
+      updaterow () {
+        this.czr = "";
+      },
 
-    /**
-     * @description: 水域滩涂类型变化事件
-     * @param {*} e
-     * @author: renchao
-     */
-    changeSyttlx(e) {
-      let itemLx = {};
-      itemLx = this.dictData["A23"].find((item) => {
-        return item.dcode == e;
-      });
-      this.ruleForm.nydsyq.syttlxmc = itemLx.dname;
-    },
-    /**
-     * @description: 养殖业方式变化事件
-     * @param {*} e
-     * @author: renchao
-     */
-    changeYzyfs(e) {
-      let itemLx = {};
-      itemLx = this.dictData["A24"].find((item) => {
-        return item.dcode == e;
-      });
-      this.ruleForm.nydsyq.yzyfsmc = itemLx.dname;
-    },
-    /**
-     * @description: 用地用海变化事件
-     * @param {*} e
-     * @author: renchao
-     */
-    changeYdyhfl(e) {
-      let itemLx = {};
-      itemLx = this.dictData["A51"].find((item) => {
-        return item.dcode == e;
-      });
-      this.ruleForm.nydsyq.ydyhflmc = itemLx.dname;
+      /**
+       * @description: 水域滩涂类型变化事件
+       * @param {*} e
+       * @author: renchao
+       */
+      changeSyttlx (e) {
+        let itemLx = {};
+        itemLx = this.dictData["A23"].find((item) => {
+          return item.dcode == e;
+        });
+        this.ruleForm.nydsyq.syttlxmc = itemLx.dname;
+      },
+      /**
+       * @description: 养殖业方式变化事件
+       * @param {*} e
+       * @author: renchao
+       */
+      changeYzyfs (e) {
+        let itemLx = {};
+        itemLx = this.dictData["A24"].find((item) => {
+          return item.dcode == e;
+        });
+        this.ruleForm.nydsyq.yzyfsmc = itemLx.dname;
+      },
+      /**
+       * @description: 用地用海变化事件
+       * @param {*} e
+       * @author: renchao
+       */
+      changeYdyhfl (e) {
+        let itemLx = {};
+        itemLx = this.dictData["A51"].find((item) => {
+          return item.dcode == e;
+        });
+        this.ruleForm.nydsyq.ydyhflmc = itemLx.dname;
+      },
     },
-  },
-};
+  };
 </script>
 <style scoped lang="scss">
-@import "~@/styles/public.scss";
-@import "~@/styles/slxx/slxx.scss";
+  @import "~@/styles/public.scss";
+  @import "~@/styles/slxx/slxx.scss";
 </style>

@@ -347,7 +347,7 @@
         this.czrOptions = this.ruleForm.qlrList;
         this.ruleForm.qlrList.forEach((item) => {
           if (item.sfczr == 1) {
-            this.czr = item.sqrmc;
+            this.czr = item.zjh
           }
         });
         this.$endLoading();
@@ -458,7 +458,7 @@
         this.czrOptions = this.ruleForm.qlrList;
         this.num = 0
         this.ruleForm.qlrList.forEach(item => {
-          if (item.sqrmc == this.czr) {
+          if (item.zjh == this.czr) {
             this.num++
           }
         })

@@ -337,7 +337,7 @@
           };
           this.ruleForm.qlrList.forEach((item) => {
             if (item.sfczr == 1) {
-              this.czr = item.sqrmc;
+              this.czr = item.zjh
             }
           });
           //初始化发证方式，1：小证，2：大正
@@ -408,7 +408,7 @@
         this.czrOptions = this.ruleForm.qlrList;
         this.num = 0
         this.ruleForm.qlrList.forEach(item => {
-          if (item.sqrmc == this.czr) {
+          if (item.zjh == this.czr) {
             this.num++
           }
         })

@@ -375,7 +375,7 @@
           this.czrOptions = this.ruleForm.qlrList;
           this.ruleForm.qlrList.forEach((item) => {
             if (item.sfczr == 1) {
-              this.czr = item.sqrmc;
+              this.czr = item.zjh
             }
           });
         });
@@ -431,7 +431,7 @@
         this.czrOptions = this.ruleForm.qlrList;
         this.num = 0
         this.ruleForm.qlrList.forEach(item => {
-          if (item.sqrmc == this.czr) {
+          if (item.zjh == this.czr) {
             this.num++
           }
         })

@@ -354,7 +354,7 @@
         this.czrOptions = this.ruleForm.qlrList;
         this.num = 0
         this.ruleForm.qlrList.forEach(item => {
-          if (item.sqrmc == this.czr) {
+          if (item.zjh == this.czr) {
             this.num++
           }
         })

@@ -225,7 +225,7 @@
           this.czrOptions = this.ruleForm.qlrList;
           this.ruleForm.qlrList.forEach((item) => {
             if (item.sfczr == 1) {
-              this.czr = item.sqrmc;
+              this.czr = item.zjh
             }
           });
         }
@@ -272,7 +272,7 @@
         this.czrOptions = this.ruleForm.qlrList;
         this.num = 0
         this.ruleForm.qlrList.forEach(item => {
-          if (item.sqrmc == this.czr) {
+          if (item.zjh == this.czr) {
             this.num++
           }
         })

@@ -321,7 +321,7 @@
           that.czrOptions = this.ruleForm.qlrList;
           that.ruleForm.qlrList.forEach((item) => {
             if (item.sfczr == 1) {
-              that.czr = item.sqrmc;
+              that.czr = item.zjh;
             }
           });
           setTimeout(() => {
@@ -360,7 +360,7 @@
         this.czrOptions = this.ruleForm.qlrList;
         this.num = 0
         this.ruleForm.qlrList.forEach(item => {
-          if (item.sqrmc == this.czr) {
+          if (item.zjh == this.czr) {
             this.num++
           }
         })

@@ -5,8 +5,7 @@
       class="loadingtext"
       :label-position="flag ? 'top' : ''"
       :inline="flag"
-      label-width="140px"
-    >
+      label-width="140px">
       <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
         <div class="slxx_title title-block">
           申请业务信息
@@ -34,16 +33,14 @@
             <el-form-item label="权利类型：">
               <el-input
                 disabled
-                v-model="ruleForm.sldyList[0].qllxmc"
-              ></el-input>
+                v-model="ruleForm.sldyList[0].qllxmc"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
             <el-form-item label="登记类型：">
               <el-input
                 disabled
-                v-model="ruleForm.sldyList[0].djlxmc"
-              ></el-input>
+                v-model="ruleForm.sldyList[0].djlxmc"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
@@ -54,8 +51,7 @@
         </el-row>
         <div
           class="slxx_title title-block"
-          v-if="ruleForm.hlist && ruleForm.hlist.length > 0"
-        >
+          v-if="ruleForm.hlist && ruleForm.hlist.length > 0">
           抵押户信息列表信息（{{ ruleForm.hlist.length }} 户）
           <div class="triangle"></div>
         </div>
@@ -66,8 +62,7 @@
         </div>
         <el-row
           :gutter="10"
-          v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0"
-        >
+          v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0">
           <el-col :span="8">
             <el-form-item label="抵押方式：">
               <el-radio-group disabled v-model="ruleForm.diyaqList[0].dyfs">
@@ -80,8 +75,7 @@
             <el-form-item label="抵押金额类型：">
               <el-radio-group
                 v-model="ruleForm.diyaqList[0].dyjelx"
-                :disabled="!viewEdit"
-              >
+                :disabled="!viewEdit">
                 <el-radio label="0">独立抵押</el-radio>
                 <el-radio label="1">整体抵押</el-radio>
               </el-radio-group>
@@ -90,12 +84,10 @@
           <el-col :span="8">
             <el-form-item
               label="是否存在禁止或者限制转让抵押不动产的约定："
-              label-width="350px"
-            >
+              label-width="350px">
               <el-radio-group
                 v-model="ruleForm.diyaqList[0].sfczjzhxz"
-                :disabled="!viewEdit"
-              >
+                :disabled="!viewEdit">
                 <el-radio label="1">启用</el-radio>
                 <el-radio label="0">禁用</el-radio>
               </el-radio-group>
@@ -105,24 +97,20 @@
 
         <el-row
           :gutter="10"
-          v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0"
-        >
+          v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0">
           <el-col :span="8" v-show="ruleForm.diyaqList[0].dyfs == 1">
             <el-form-item label="被担保主债权数额：">
               <el-input
                 v-model="ruleForm.diyaqList[0].bdbzzqse"
-                :disabled="!viewEdit"
-              ></el-input>
+                :disabled="!viewEdit"></el-input>
               <el-select
                 v-model="ruleForm.diyaqList[0].jedw"
-                :disabled="!viewEdit"
-              >
+                :disabled="!viewEdit">
                 <el-option
                   v-for="item in dictData['A57']"
                   :key="item.dcode"
                   :label="item.dname"
-                  :value="item.dcode"
-                >
+                  :value="item.dcode">
                 </el-option>
               </el-select>
             </el-form-item>
@@ -132,18 +120,15 @@
             <el-form-item label="最高债权额：">
               <el-input
                 v-model="ruleForm.diyaqList[0].zgzqse"
-                :disabled="!viewEdit"
-              ></el-input>
+                :disabled="!viewEdit"></el-input>
               <el-select
                 v-model="ruleForm.diyaqList[0].jedw"
-                :disabled="!viewEdit"
-              >
+                :disabled="!viewEdit">
                 <el-option
                   v-for="item in dictData['A57']"
                   :key="item.dcode"
                   :label="item.dname"
-                  :value="item.dcode"
-                >
+                  :value="item.dcode">
                 </el-option>
               </el-select>
             </el-form-item>
@@ -154,8 +139,7 @@
               <el-date-picker
                 v-model="ruleForm.diyaqList[0].zwlxqssj"
                 :disabled="!viewEdit"
-                type="date"
-              >
+                type="date">
               </el-date-picker>
             </el-form-item>
           </el-col>
@@ -164,8 +148,7 @@
               <el-date-picker
                 v-model="ruleForm.diyaqList[0].zwlxjssj"
                 :disabled="!viewEdit"
-                type="date"
-              >
+                type="date">
               </el-date-picker>
             </el-form-item>
           </el-col>
@@ -176,8 +159,7 @@
             <el-form-item label="担保范围：">
               <el-input
                 v-model="ruleForm.diyaqList[0].dbfw"
-                :disabled="ruleForm.sldyList[0].djlx == '300' && !viewEdit"
-              ></el-input>
+                :disabled="ruleForm.sldyList[0].djlx == '300' && !viewEdit"></el-input>
             </el-form-item>
           </el-col>
         </el-row>
@@ -186,8 +168,7 @@
             <el-form-item label="最高债权确定事实和数额：">
               <el-input
                 v-model="ruleForm.diyaqList[0].zgzqqdss"
-                :disabled="!viewEdit"
-              ></el-input>
+                :disabled="!viewEdit"></el-input>
             </el-form-item>
           </el-col>
         </el-row>
@@ -199,8 +180,7 @@
                 maxlength="500"
                 show-word-limit
                 v-model="ruleForm.diyaqList[0].fj"
-                :disabled="!viewEdit"
-              ></el-input>
+                :disabled="!viewEdit"></el-input>
             </el-form-item>
           </el-col>
         </el-row>
@@ -211,14 +191,12 @@
         </div>
         <el-row
           :gutter="10"
-          v-if="ruleForm.sldyList && ruleForm.sldyList.length > 0"
-        >
+          v-if="ruleForm.sldyList && ruleForm.sldyList.length > 0">
           <el-col :span="14">
             <el-form-item label="共有方式：">
               <el-radio-group
                 :disabled="!viewEdit"
-                v-model="ruleForm.sldyList[0].gyfs"
-              >
+                v-model="ruleForm.sldyList[0].gyfs">
                 <el-radio label="0">单独所有</el-radio>
                 <el-radio label="1">共同共有</el-radio>
                 <el-radio label="2">按份所有</el-radio>
@@ -232,8 +210,7 @@
               <el-radio-group
                 v-model="ruleForm.sldyList[0].sqfbcz"
                 :disabled="!viewEdit"
-                @input="updaterow()"
-              >
+                @input="updaterow()">
                 <el-radio label="1">是</el-radio>
                 <el-radio label="0">否</el-radio>
               </el-radio-group>
@@ -244,20 +221,17 @@
             v-show="
               ruleForm.sldyList[0].gyfs != '0' &&
               ruleForm.sldyList[0].sqfbcz == '0'
-            "
-          >
+            ">
             <el-form-item label="持证人：">
               <el-select
                 v-model="czr"
                 placeholder="持证人"
-                :disabled="!viewEdit"
-              >
+                :disabled="!viewEdit">
                 <el-option
                   v-for="item in czrOptions"
                   :key="item.value"
                   :label="item.label"
-                  :value="item.value"
-                >
+                  :value="item.value">
                 </el-option>
               </el-select>
             </el-form-item>
@@ -268,8 +242,7 @@
           :tableData="ruleForm.qlrList"
           @upDateQlrxxList="upDateQlrxxList"
           :disabled="viewEdit"
-          :gyfs="ruleForm.sldyList[0].gyfs"
-        />
+          :gyfs="ruleForm.sldyList[0].gyfs" />
         <div class="slxx_title title-block">
           抵押人信息
           <div class="triangle"></div>
@@ -277,8 +250,7 @@
         <qlrCommonTable
           :tableData="ruleForm.ywrList"
           @upDateQlrxxList="upDateYwrxxList"
-          :disabled="viewEdit"
-        />
+          :disabled="viewEdit" />
 
         <div class="slxx_title title-block">
           登记原因
@@ -286,20 +258,17 @@
         </div>
         <el-row
           :gutter="10"
-          v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0"
-        >
+          v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0">
           <el-col>
             <el-form-item
               v-if="ruleForm.sldyList[0].djlx == '400'"
               label="注销抵押原因："
-              prop="djyy"
-            >
+              prop="djyy">
               <el-input
                 class="textArea"
                 type="textarea"
                 :disabled="!viewEdit"
-                v-model="ruleForm.diyaqList[0].zxdyyy"
-              >
+                v-model="ruleForm.diyaqList[0].zxdyyy">
               </el-input>
             </el-form-item>
             <el-form-item v-else label="登记原因：" prop="djyy">
@@ -309,8 +278,7 @@
                 maxlength="500"
                 show-word-limit
                 :disabled="!viewEdit"
-                v-model="ruleForm.diyaqList[0].djyy"
-              >
+                v-model="ruleForm.diyaqList[0].djyy">
               </el-input>
             </el-form-item>
           </el-col>
@@ -325,163 +293,163 @@
   </div>
 </template>
 <script>
-import qjhTable from "@/views/workflow/components/qjhTable";
-import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
-import { bacthInit, saveBatchData } from "@/api/workflow/zjgcdyFlow.js";
-import { mapGetters } from "vuex";
-export default {
-  mounted() {
-    this.viewEdit = this.$parent.currentSelectTab.ableOperation;
-    this.propsParam = this.$attrs;
-    var formdata = new FormData();
+  import qjhTable from "@/views/workflow/components/qjhTable";
+  import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
+  import { bacthInit, saveBatchData } from "@/api/workflow/zjgcdyFlow.js";
+  import { mapGetters } from "vuex";
+  export default {
+    mounted () {
+      this.viewEdit = this.$parent.currentSelectTab.ableOperation;
+      this.propsParam = this.$attrs;
+      var formdata = new FormData();
 
-    this.$startLoading();
-    formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
-    formdata.append("djlx", this.propsParam.djlx);
-    formdata.append("isEdit", this.viewEdit);
-    bacthInit(formdata).then((res) => {
-      this.$endLoading();
-      if (res.code === 200 && res.result) {
-        this.ruleForm = res.result;
-        this.czrOptions = this.ruleForm.qlrList;
-        this.ruleForm.qlrList.forEach((item) => {
-          if (item.sfczr == 1) {
-            this.czr = item.sqrmc;
-          }
-        });
-      } else {
-        this.$message.error(res.message);
-      }
-    });
-  },
-  components: { qlrCommonTable, qjhTable },
-  computed: {
-    ...mapGetters(["dictData", "flag"]),
-  },
-  data() {
-    return {
-      //表单是否可操作
-      viewEdit: true,
-      disabled: true,
-      czrOptions: [],
-      czr: "",
-      ruleForm: {},
-      //传递参数
-      propsParam: {},
-      rules: {},
-      tableData: [],
-    };
-  },
-  methods: {
-    /**
-     * @description: onSubmitClick
-     * @author: renchao
-     */
-    onSubmitClick() {
-      let that = this;
-      if (this.ruleForm.qlrList.length == 0) {
-        this.$message({
-          showClose: true,
-          message: "请确认抵押权人信息",
-          type: "error",
-        });
-        return false;
-      }
-      if (ruleForm.sldyList[0].gyfs == "0") {
-        if (this.ruleForm.qlrList.length > 1) {
-          this.$message({
-            showClose: true,
-            message: "共有方式：单独所有，权利人只能是一个人",
-            type: "error",
+      this.$startLoading();
+      formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
+      formdata.append("djlx", this.propsParam.djlx);
+      formdata.append("isEdit", this.viewEdit);
+      bacthInit(formdata).then((res) => {
+        this.$endLoading();
+        if (res.code === 200 && res.result) {
+          this.ruleForm = res.result;
+          this.czrOptions = this.ruleForm.qlrList;
+          this.ruleForm.qlrList.forEach((item) => {
+            if (item.sfczr == 1) {
+              this.czr = item.zjh
+            }
           });
-          return false;
+        } else {
+          this.$message.error(res.message);
         }
-        this.ruleForm.qlrList[0].sfczr = "1";
-      } else {
-        if (this.ruleForm.qlrList.length <= 1) {
+      });
+    },
+    components: { qlrCommonTable, qjhTable },
+    computed: {
+      ...mapGetters(["dictData", "flag"]),
+    },
+    data () {
+      return {
+        //表单是否可操作
+        viewEdit: true,
+        disabled: true,
+        czrOptions: [],
+        czr: "",
+        ruleForm: {},
+        //传递参数
+        propsParam: {},
+        rules: {},
+        tableData: [],
+      };
+    },
+    methods: {
+      /**
+       * @description: onSubmitClick
+       * @author: renchao
+       */
+      onSubmitClick () {
+        let that = this;
+        if (this.ruleForm.qlrList.length == 0) {
           this.$message({
             showClose: true,
-            message:
-              "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
+            message: "请确认抵押权人信息",
             type: "error",
           });
           return false;
         }
-        //是否分别持证
-        if (this.ruleForm.sldyList[0].sqfbcz == "1") {
-          //是
-          this.ruleForm.qlrList.forEach((item, index) => {
-            item.sfczr = "1";
-          });
+        if (ruleForm.sldyList[0].gyfs == "0") {
+          if (this.ruleForm.qlrList.length > 1) {
+            this.$message({
+              showClose: true,
+              message: "共有方式：单独所有，权利人只能是一个人",
+              type: "error",
+            });
+            return false;
+          }
+          this.ruleForm.qlrList[0].sfczr = "1";
         } else {
-          if (!that.czr) {
-            that.$message({
+          if (this.ruleForm.qlrList.length <= 1) {
+            this.$message({
               showClose: true,
-              message: "请选择持证人",
+              message:
+                "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
               type: "error",
             });
             return false;
           }
-          this.ruleForm.qlrList.forEach((item, index) => {
-            if (item.zjh == that.czr) {
+          //是否分别持证
+          if (this.ruleForm.sldyList[0].sqfbcz == "1") {
+            //是
+            this.ruleForm.qlrList.forEach((item, index) => {
               item.sfczr = "1";
-            } else {
-              item.sfczr = "0";
+            });
+          } else {
+            if (!that.czr) {
+              that.$message({
+                showClose: true,
+                message: "请选择持证人",
+                type: "error",
+              });
+              return false;
             }
-          });
+            this.ruleForm.qlrList.forEach((item, index) => {
+              if (item.zjh == that.czr) {
+                item.sfczr = "1";
+              } else {
+                item.sfczr = "0";
+              }
+            });
+          }
         }
-      }
-      saveBatchData(this.ruleForm, this.propsParam.djlx).then((res) => {
-        if (res.code === 200) {
-          this.$message({
-            showClose: true,
-            message: "保存成功！",
-            type: "success",
-          });
-          this.$store.dispatch("user/refreshPage", true);
-        } else {
-          this.$message({
-            showClose: true,
-            message: res.message,
-            type: "error",
-          });
+        saveBatchData(this.ruleForm, this.propsParam.djlx).then((res) => {
+          if (res.code === 200) {
+            this.$message({
+              showClose: true,
+              message: "保存成功！",
+              type: "success",
+            });
+            this.$store.dispatch("user/refreshPage", true);
+          } else {
+            this.$message({
+              showClose: true,
+              message: res.message,
+              type: "error",
+            });
+          }
+        });
+      },
+      // 是否持证人变化
+      /**
+       * @description: 是否持证人变化
+       * @param {*} val
+       * @author: renchao
+       */
+      updaterow () {
+        this.czr = "";
+      },
+      /**
+       * @description: 更新权利人信息
+       * @param {*} val
+       * @author: renchao
+       */
+      upDateQlrxxList (val) {
+        if (!_.isEqual(val, this.ruleForm.qlrList)) {
+          this.ruleForm.qlrList = _.cloneDeep(val);
+          this.czrOptions = this.ruleForm.qlrList;
         }
-      });
-    },
-    // 是否持证人变化
-    /**
-     * @description: 是否持证人变化
-     * @param {*} val
-     * @author: renchao
-     */
-    updaterow() {
-      this.czr = "";
-    },
-    /**
-     * @description: 更新权利人信息
-     * @param {*} val
-     * @author: renchao
-     */
-    upDateQlrxxList(val) {
-      if (!_.isEqual(val, this.ruleForm.qlrList)) {
-        this.ruleForm.qlrList = _.cloneDeep(val);
-        this.czrOptions = this.ruleForm.qlrList;
-      }
-    },
-    /**
-     * @description: 更新义务人信息
-     * @param {*} val
-     * @author: renchao
-     */
-    upDateYwrxxList(val) {
-      if (!_.isEqual(val, this.ruleForm.ywrList)) {
-        this.ruleForm.ywrList = _.cloneDeep(val);
-      }
+      },
+      /**
+       * @description: 更新义务人信息
+       * @param {*} val
+       * @author: renchao
+       */
+      upDateYwrxxList (val) {
+        if (!_.isEqual(val, this.ruleForm.ywrList)) {
+          this.ruleForm.ywrList = _.cloneDeep(val);
+        }
+      },
     },
-  },
-};
+  };
 </script>
 <style scoped lang="scss">
-@import "~@/styles/public.scss";
-@import "~@/styles/slxx/slxx.scss";
+  @import "~@/styles/public.scss";
+  @import "~@/styles/slxx/slxx.scss";
 </style>

@@ -8,8 +8,7 @@
       ref="ruleForm"
       :label-position="flag ? 'top' : ''"
       :inline="flag"
-      label-width="140px"
-    >
+      label-width="140px">
       <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
         <div class="slxx_title title-block">
           申请业务信息
@@ -63,8 +62,7 @@
                 placeholder=""
                 :normalizer="normalizer"
                 :show-count="true"
-                :options="dictData['A17']"
-              />
+                :options="dictData['A17']" />
             </el-form-item>
           </el-col>
           <el-col :span="8">
@@ -131,12 +129,10 @@
           <el-col :span="16">
             <el-form-item
               label="是否存在禁止或者限制转让抵押不动产的约定："
-              label-width="350px"
-            >
+              label-width="350px">
               <el-radio-group
                 v-model="ruleForm.diyaq.sfczjzhxz"
-                :disabled="!viewEdit"
-              >
+                :disabled="!viewEdit">
                 <el-radio label="1">启用</el-radio>
                 <el-radio label="0">禁用</el-radio>
               </el-radio-group>
@@ -149,15 +145,13 @@
             <el-form-item label="被担保主债权数额：">
               <el-input
                 v-model="ruleForm.diyaq.bdbzzqse"
-                :disabled="!viewEdit"
-              ></el-input>
+                :disabled="!viewEdit"></el-input>
               <el-select v-model="ruleForm.diyaq.jedw" :disabled="!viewEdit">
                 <el-option
                   v-for="item in dictData['A57']"
                   :key="item.dcode"
                   :label="item.dname"
-                  :value="item.dcode"
-                >
+                  :value="item.dcode">
                 </el-option>
               </el-select>
             </el-form-item>
@@ -167,15 +161,13 @@
             <el-form-item label="最高债权额：">
               <el-input
                 v-model="ruleForm.diyaq.zgzqse"
-                :disabled="!viewEdit"
-              ></el-input>
+                :disabled="!viewEdit"></el-input>
               <el-select v-model="ruleForm.diyaq.jedw" :disabled="!viewEdit">
                 <el-option
                   v-for="item in dictData['A57']"
                   :key="item.dcode"
                   :label="item.dname"
-                  :value="item.dcode"
-                >
+                  :value="item.dcode">
                 </el-option>
               </el-select>
             </el-form-item>
@@ -186,8 +178,7 @@
               <el-date-picker
                 v-model="ruleForm.diyaq.zwlxqssj"
                 :disabled="!viewEdit"
-                type="date"
-              >
+                type="date">
               </el-date-picker>
             </el-form-item>
           </el-col>
@@ -196,8 +187,7 @@
               <el-date-picker
                 v-model="ruleForm.diyaq.zwlxjssj"
                 :disabled="!viewEdit"
-                type="date"
-              >
+                type="date">
               </el-date-picker>
             </el-form-item>
           </el-col>
@@ -208,8 +198,7 @@
             <el-form-item label="担保范围：">
               <el-input
                 v-model="ruleForm.diyaq.dbfw"
-                :disabled="ruleForm.sldy.djlx == '300' && !viewEdit"
-              ></el-input>
+                :disabled="ruleForm.sldy.djlx == '300' && !viewEdit"></el-input>
             </el-form-item>
           </el-col>
         </el-row>
@@ -218,8 +207,7 @@
             <el-form-item label="最高债权确定事实和数额：">
               <el-input
                 v-model="ruleForm.diyaq.zgzqqdss"
-                :disabled="!viewEdit"
-              ></el-input>
+                :disabled="!viewEdit"></el-input>
             </el-form-item>
           </el-col>
         </el-row>
@@ -231,8 +219,7 @@
                 maxlength="500"
                 show-word-limit
                 v-model="ruleForm.diyaq.fj"
-                :disabled="!viewEdit"
-              ></el-input>
+                :disabled="!viewEdit"></el-input>
             </el-form-item>
           </el-col>
         </el-row>
@@ -246,8 +233,7 @@
             <el-form-item label="共有方式：">
               <el-radio-group
                 :disabled="!viewEdit"
-                v-model="ruleForm.sldy.gyfs"
-              >
+                v-model="ruleForm.sldy.gyfs">
                 <el-radio label="0">单独所有</el-radio>
                 <el-radio label="1">共同共有</el-radio>
                 <el-radio label="2">按份所有</el-radio>
@@ -260,8 +246,7 @@
               <el-radio-group
                 v-model="ruleForm.sldy.sqfbcz"
                 :disabled="!viewEdit"
-                @input="updaterow()"
-              >
+                @input="updaterow()">
                 <el-radio :label="1">是</el-radio>
                 <el-radio :label="0">否</el-radio>
               </el-radio-group>
@@ -269,20 +254,17 @@
           </el-col>
           <el-col
             :span="6"
-            v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
-          >
+            v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'">
             <el-form-item label="持证人：">
               <el-select
                 v-model="czr"
                 placeholder="持证人"
-                :disabled="!viewEdit"
-              >
+                :disabled="!viewEdit">
                 <el-option
                   v-for="item in czrOptions"
                   :key="item.zjh"
                   :label="item.sqrmc"
-                  :value="item.zjh"
-                >
+                  :value="item.zjh">
                 </el-option>
               </el-select>
             </el-form-item>
@@ -292,8 +274,7 @@
           :tableData="ruleForm.qlrList"
           @upDateQlrxxList="upDateQlrxxList"
           :disabled="viewEdit"
-          :gyfs="ruleForm.sldy.gyfs"
-        />
+          :gyfs="ruleForm.sldy.gyfs" />
         <div class="slxx_title title-block">
           抵押人信息
           <div class="triangle"></div>
@@ -301,8 +282,7 @@
         <qlrCommonTable
           :tableData="ruleForm.ywrList"
           @upDateQlrxxList="upDateYwrxxList"
-          :disabled="viewEdit"
-        />
+          :disabled="viewEdit" />
 
         <div class="slxx_title title-block">
           登记原因
@@ -313,14 +293,12 @@
             <el-form-item
               v-if="ruleForm.sldy.djlx == '400'"
               label="注销抵押原因："
-              prop="djyy"
-            >
+              prop="djyy">
               <el-input
                 class="textArea"
                 type="textarea"
                 :disabled="!viewEdit"
-                v-model="ruleForm.diyaq.zxdyyy"
-              >
+                v-model="ruleForm.diyaq.zxdyyy">
               </el-input>
             </el-form-item>
             <el-form-item v-else label="登记原因：" prop="djyy">
@@ -330,8 +308,7 @@
                 maxlength="500"
                 show-word-limit
                 :disabled="!viewEdit"
-                v-model="ruleForm.diyaq.djyy"
-              >
+                v-model="ruleForm.diyaq.djyy">
               </el-input>
             </el-form-item>
           </el-col>
@@ -346,171 +323,171 @@
   </div>
 </template>
 <script>
-import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
-import { Init, saveData } from "@/api/workflow/zjgcdyFlow.js";
-import { mapGetters } from "vuex";
-export default {
-  mounted() {
-    this.viewEdit = this.$parent.currentSelectTab.ableOperation;
-    this.propsParam = this.$attrs;
-    var formdata = new FormData();
-    this.$startLoading();
-    formdata.append("bsmSldy", this.propsParam.bsmSldy);
-    formdata.append("djlx", this.propsParam.djlx);
-    formdata.append("isEdit", this.viewEdit);
-    Init(formdata).then((res) => {
-      if (res.code === 200 && res.result) {
-        this.ruleForm = res.result;
-        this.czrOptions = this.ruleForm.qlrList;
-        this.ruleForm.qlrList.forEach((item) => {
-          if (item.sfczr == 1) {
-            this.czr = item.sqrmc;
-          }
-        });
-        this.$endLoading();
-      }
-    });
-  },
-  components: { qlrCommonTable },
-  computed: {
-    ...mapGetters(["dictData", "flag"]),
-  },
-  data() {
-    return {
-      //表单是否可操作
-      viewEdit: true,
-      disabled: true,
-      czrOptions: [],
-      czr: "",
-      ruleForm: {},
-      //传递参数
-      propsParam: {},
-      rules: {},
-      // 键名转换，方法默认是label和children进行树状渲染
-      normalizer(node) {
-        //方法
-        if (node.children == null || node.children == "null") {
-          delete node.children;
-        }
-        return {
-          id: node.dcode,
-          label: node.dname,
-        };
-      },
-    };
-  },
-  methods: {
-    /**
-     * @description: onSubmitClick
-     * @author: renchao
-     */
-    onSubmitClick() {
-      let that = this;
-      if (this.ruleForm.qlrList.length == 0) {
-        this.$message({
-          showClose: true,
-          message: "请确认权利人信息",
-          type: "error",
-        });
-        return false;
-      }
-
-      if (this.ruleForm.sldy.gyfs == "0") {
-        if (this.ruleForm.qlrList.length > 1) {
-          this.$message({
-            showClose: true,
-            message: "共有方式：单独所有，权利人只能是一个人",
-            type: "error",
+  import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
+  import { Init, saveData } from "@/api/workflow/zjgcdyFlow.js";
+  import { mapGetters } from "vuex";
+  export default {
+    mounted () {
+      this.viewEdit = this.$parent.currentSelectTab.ableOperation;
+      this.propsParam = this.$attrs;
+      var formdata = new FormData();
+      this.$startLoading();
+      formdata.append("bsmSldy", this.propsParam.bsmSldy);
+      formdata.append("djlx", this.propsParam.djlx);
+      formdata.append("isEdit", this.viewEdit);
+      Init(formdata).then((res) => {
+        if (res.code === 200 && res.result) {
+          this.ruleForm = res.result;
+          this.czrOptions = this.ruleForm.qlrList;
+          this.ruleForm.qlrList.forEach((item) => {
+            if (item.sfczr == 1) {
+              this.czr = item.zjh
+            }
           });
-          return false;
+          this.$endLoading();
         }
-        this.ruleForm.qlrList[0].sfczr = "1";
-      } else {
-        if (this.ruleForm.qlrList.length <= 1) {
+      });
+    },
+    components: { qlrCommonTable },
+    computed: {
+      ...mapGetters(["dictData", "flag"]),
+    },
+    data () {
+      return {
+        //表单是否可操作
+        viewEdit: true,
+        disabled: true,
+        czrOptions: [],
+        czr: "",
+        ruleForm: {},
+        //传递参数
+        propsParam: {},
+        rules: {},
+        // 键名转换，方法默认是label和children进行树状渲染
+        normalizer (node) {
+          //方法
+          if (node.children == null || node.children == "null") {
+            delete node.children;
+          }
+          return {
+            id: node.dcode,
+            label: node.dname,
+          };
+        },
+      };
+    },
+    methods: {
+      /**
+       * @description: onSubmitClick
+       * @author: renchao
+       */
+      onSubmitClick () {
+        let that = this;
+        if (this.ruleForm.qlrList.length == 0) {
           this.$message({
             showClose: true,
-            message:
-              "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
+            message: "请确认权利人信息",
             type: "error",
           });
           return false;
         }
-        //是否分别持证
-        if (this.ruleForm.sldy.sqfbcz == "1") {
-          //是
-          this.ruleForm.qlrList.forEach((item, index) => {
-            item.sfczr = "1";
-          });
+
+        if (this.ruleForm.sldy.gyfs == "0") {
+          if (this.ruleForm.qlrList.length > 1) {
+            this.$message({
+              showClose: true,
+              message: "共有方式：单独所有，权利人只能是一个人",
+              type: "error",
+            });
+            return false;
+          }
+          this.ruleForm.qlrList[0].sfczr = "1";
         } else {
-          if (!that.czr) {
-            that.$message({
+          if (this.ruleForm.qlrList.length <= 1) {
+            this.$message({
               showClose: true,
-              message: "请选择持证人",
+              message:
+                "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
               type: "error",
             });
             return false;
           }
-          this.ruleForm.qlrList.forEach((item, index) => {
-            if (item.zjh == that.czr) {
+          //是否分别持证
+          if (this.ruleForm.sldy.sqfbcz == "1") {
+            //是
+            this.ruleForm.qlrList.forEach((item, index) => {
               item.sfczr = "1";
-            } else {
-              item.sfczr = "0";
+            });
+          } else {
+            if (!that.czr) {
+              that.$message({
+                showClose: true,
+                message: "请选择持证人",
+                type: "error",
+              });
+              return false;
             }
-          });
-        }
-      }
-      saveData(this.ruleForm, this.propsParam.djlx).then((res) => {
-        if (res.code === 200) {
-          this.$message({
-            showClose: true,
-            message: "保存成功！",
-            type: "success",
-          });
-          this.$store.dispatch("user/refreshPage", true);
-        } else {
-          this.$message({
-            showClose: true,
-            message: res.message,
-            type: "error",
-          });
+            this.ruleForm.qlrList.forEach((item, index) => {
+              if (item.zjh == that.czr) {
+                item.sfczr = "1";
+              } else {
+                item.sfczr = "0";
+              }
+            });
+          }
         }
-      });
-    },
+        saveData(this.ruleForm, this.propsParam.djlx).then((res) => {
+          if (res.code === 200) {
+            this.$message({
+              showClose: true,
+              message: "保存成功！",
+              type: "success",
+            });
+            this.$store.dispatch("user/refreshPage", true);
+          } else {
+            this.$message({
+              showClose: true,
+              message: res.message,
+              type: "error",
+            });
+          }
+        });
+      },
 
-    /**
-     * @description: 更新权利人信息
-     * @param {*} val
-     * @author: renchao
-     */
-    upDateQlrxxList(val) {
-      if (!_.isEqual(val, this.ruleForm.qlrList)) {
-        this.ruleForm.qlrList = _.cloneDeep(val);
-        this.czrOptions = this.ruleForm.qlrList;
-      }
-    },
-    // 是否持证人变化
-    /**
-     * @description: 是否持证人变化
-     * @param {*} val
-     * @author: renchao
-     */
-    updaterow() {
-      this.czr = "";
-    },
-    /**
-     * @description: 更新义务人信息
-     * @param {*} val
-     * @author: renchao
-     */
-    upDateYwrxxList(val) {
-      if (!_.isEqual(val, this.ruleForm.ywrList)) {
-        this.ruleForm.ywrList = _.cloneDeep(val);
+      /**
+       * @description: 更新权利人信息
+       * @param {*} val
+       * @author: renchao
+       */
+      upDateQlrxxList (val) {
+        if (!_.isEqual(val, this.ruleForm.qlrList)) {
+          this.ruleForm.qlrList = _.cloneDeep(val);
+          this.czrOptions = this.ruleForm.qlrList;
+        }
+      },
+      // 是否持证人变化
+      /**
+       * @description: 是否持证人变化
+       * @param {*} val
+       * @author: renchao
+       */
+      updaterow () {
+        this.czr = "";
+      },
+      /**
+       * @description: 更新义务人信息
+       * @param {*} val
+       * @author: renchao
+       */
+      upDateYwrxxList (val) {
+        if (!_.isEqual(val, this.ruleForm.ywrList)) {
+          this.ruleForm.ywrList = _.cloneDeep(val);
+        }
       }
     }
   }
-}
 </script>
 <style scoped lang="scss">
-@import "~@/styles/public.scss";
-@import "~@/styles/slxx/slxx.scss";
+  @import "~@/styles/public.scss";
+  @import "~@/styles/slxx/slxx.scss";
 </style>