--no commit message

@@ -6,8 +6,15 @@
 <template>
   <!-- 受理信息 -->
   <div class="slxx">
-    <el-form :model="ruleForm" :rules="rules" class="loadingtext" ref="ruleForm" :label-position="flag ? 'top' : ''"
-      :inline="flag" label-width="180px">
+    <el-form
+      :model="ruleForm"
+      :rules="rules"
+      class="loadingtext"
+      ref="ruleForm"
+      :label-position="flag ? 'top' : ''"
+      :inline="flag"
+      label-width="180px"
+    >
       <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
         <div class="slxx_title title-block">
           受理信息
@@ -112,8 +119,16 @@
         <el-row :gutter="10">
           <el-col :span="8" v-if="ruleForm.sldy.djlx != '100'">
             <el-form-item label="原不动产登记证明号：">
-              <el-input v-if="ruleForm.sldy.djlx == '400'" disabled v-model="ruleForm.qlxx.bdcqzh"></el-input>
-              <el-input v-else disabled v-model="ruleForm.ssQlxx.bdcqzh"></el-input>
+              <el-input
+                v-if="ruleForm.sldy.djlx == '400'"
+                disabled
+                v-model="ruleForm.qlxx.bdcqzh"
+              ></el-input>
+              <el-input
+                v-else
+                disabled
+                v-model="ruleForm.ssQlxx.bdcqzh"
+              ></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="7">
@@ -125,8 +140,14 @@
             </el-form-item>
           </el-col>
           <el-col :span="9">
-            <el-form-item label="是否存在禁止或者限制转让抵押不动产的约定：" label-width="350px">
-              <el-radio-group v-model="ruleForm.diyaq.sfczjzhxz" :disabled="!viewEdit|| isJfOperation">
+            <el-form-item
+              label="是否存在禁止或者限制转让抵押不动产的约定："
+              label-width="350px"
+            >
+              <el-radio-group
+                v-model="ruleForm.diyaq.sfczjzhxz"
+                :disabled="!viewEdit || isJfOperation"
+              >
                 <el-radio label="1">启用</el-radio>
                 <el-radio label="0">禁用</el-radio>
               </el-radio-group>
@@ -137,10 +158,22 @@
         <el-row :gutter="10">
           <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 1">
             <el-form-item label="被担保主债权数额：">
-              <div style="display:flex">
-                <el-input v-model="ruleForm.diyaq.bdbzzqse" :disabled="!viewEdit|| isJfOperation" style="width:500%"></el-input>
-                <el-select v-model="ruleForm.diyaq.jedw" :disabled="!viewEdit|| isJfOperation">
-                  <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode">
+              <div style="display: flex">
+                <el-input
+                  v-model="ruleForm.diyaq.bdbzzqse"
+                  :disabled="!viewEdit || isJfOperation"
+                  style="width: 500%"
+                ></el-input>
+                <el-select
+                  v-model="ruleForm.diyaq.jedw"
+                  :disabled="!viewEdit || isJfOperation"
+                >
+                  <el-option
+                    v-for="item in dictData['A57']"
+                    :key="item.dcode"
+                    :label="item.dname"
+                    :value="item.dcode"
+                  >
                   </el-option>
                 </el-select>
               </div>
@@ -149,19 +182,30 @@
 
           <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 2">
             <el-form-item label="最高债权额：">
-              <el-input v-model="ruleForm.diyaq.zgzqse" :disabled="!viewEdit|| isJfOperation"></el-input>
+              <el-input
+                v-model="ruleForm.diyaq.zgzqse"
+                :disabled="!viewEdit || isJfOperation"
+              ></el-input>
             </el-form-item>
           </el-col>
 
           <el-col :span="8">
             <el-form-item label="债务履行起始时间：">
-              <el-date-picker v-model="ruleForm.diyaq.zwlxqssj" :disabled="!viewEdit|| isJfOperation" type="date">
+              <el-date-picker
+                v-model="ruleForm.diyaq.zwlxqssj"
+                :disabled="!viewEdit || isJfOperation"
+                type="date"
+              >
               </el-date-picker>
             </el-form-item>
           </el-col>
           <el-col :span="8">
             <el-form-item label="债务履行结束时间：">
-              <el-date-picker v-model="ruleForm.diyaq.zwlxjssj" :disabled="!viewEdit|| isJfOperation" type="date">
+              <el-date-picker
+                v-model="ruleForm.diyaq.zwlxjssj"
+                :disabled="!viewEdit || isJfOperation"
+                type="date"
+              >
               </el-date-picker>
             </el-form-item>
           </el-col>
@@ -169,22 +213,35 @@
         <el-row>
           <el-col :span="24">
             <el-form-item label="担保范围：">
-              <el-input v-model="ruleForm.diyaq.dbfw"
-                :disabled="ruleForm.sldy.djlx == '300'&& !viewEdit|| isJfOperation"></el-input>
+              <el-input
+                v-model="ruleForm.diyaq.dbfw"
+                :disabled="
+                  (ruleForm.sldy.djlx == '300' && !viewEdit) || isJfOperation
+                "
+              ></el-input>
             </el-form-item>
           </el-col>
         </el-row>
         <el-row>
           <el-col :span="24">
             <el-form-item label="最高债权确定事实和数额：">
-              <el-input v-model="ruleForm.diyaq.zgzqqdss" :disabled="!viewEdit|| isJfOperation"></el-input>
+              <el-input
+                v-model="ruleForm.diyaq.zgzqqdss"
+                :disabled="!viewEdit || isJfOperation"
+              ></el-input>
             </el-form-item>
           </el-col>
         </el-row>
         <el-row>
           <el-col>
             <el-form-item label="附记：" prop="fj">
-              <el-input type="textarea" maxlength="500" show-word-limit v-model="ruleForm.diyaq.fj" :disabled="!viewEdit|| isJfOperation"></el-input>
+              <el-input
+                type="textarea"
+                maxlength="500"
+                show-word-limit
+                v-model="ruleForm.diyaq.fj"
+                :disabled="!viewEdit || isJfOperation"
+              ></el-input>
             </el-form-item>
           </el-col>
         </el-row>
@@ -196,7 +253,10 @@
         <el-row :gutter="10">
           <el-col :span="12">
             <el-form-item label="共有方式：">
-              <el-radio-group :disabled="!viewEdit" v-model="ruleForm.sldy.gyfs">
+              <el-radio-group
+                :disabled="!viewEdit"
+                v-model="ruleForm.sldy.gyfs"
+              >
                 <el-radio label="0">单独所有</el-radio>
                 <el-radio label="1">共同共有</el-radio>
                 <el-radio label="2">按份所有</el-radio>
@@ -208,7 +268,9 @@
             <el-form-item label="是否分别持证：">
               <el-radio-group
                 v-model="ruleForm.sldy.sqfbcz"
-                :disabled="!viewEdit">
+                :disabled="!viewEdit"
+                @input="updaterow()"
+              >
                 <el-radio :label="1">是</el-radio>
                 <el-radio :label="0">否</el-radio>
               </el-radio-group>
@@ -216,29 +278,40 @@
           </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>
           </el-col>
         </el-row>
-        <qlrCommonTable :tableData="ruleForm.qlrList" :disabled="viewEdit" @upDateQlrxxList="upDateQlrxxList"
-          :gyfs="ruleForm.sldy.gyfs" />
+        <qlrCommonTable
+          :tableData="ruleForm.qlrList"
+          :disabled="viewEdit"
+          @upDateQlrxxList="upDateQlrxxList"
+          :gyfs="ruleForm.sldy.gyfs"
+        />
         <div class="slxx_title title-block">
           抵押人信息
           <div class="triangle"></div>
         </div>
-        <qlrCommonTable :tableData="ruleForm.ywrList" :disabled="viewEdit" @upDateQlrxxList="upDateYwrxxList" />
+        <qlrCommonTable
+          :tableData="ruleForm.ywrList"
+          :disabled="viewEdit"
+          @upDateQlrxxList="upDateYwrxxList"
+        />
 
         <div class="slxx_title title-block">
           登记原因
@@ -246,19 +319,32 @@
         </div>
         <el-row :gutter="10">
           <el-col>
-            <el-form-item v-if="ruleForm.sldy.djlx == '400'" label="注销抵押原因：" prop="djyy">
-              <el-input class="textArea" type="textarea" :disabled="!viewEdit"
-                v-model="ruleForm.diyaq.zxdyyy">
+            <el-form-item
+              v-if="ruleForm.sldy.djlx == '400'"
+              label="注销抵押原因："
+              prop="djyy"
+            >
+              <el-input
+                class="textArea"
+                type="textarea"
+                :disabled="!viewEdit"
+                v-model="ruleForm.diyaq.zxdyyy"
+              >
               </el-input>
             </el-form-item>
             <el-form-item v-else label="登记原因：" prop="djyy">
-              <el-input class="textArea" type="textarea" maxlength="500" show-word-limit :disabled="!viewEdit"
-                v-model="ruleForm.diyaq.djyy">
+              <el-input
+                class="textArea"
+                type="textarea"
+                maxlength="500"
+                show-word-limit
+                :disabled="!viewEdit"
+                v-model="ruleForm.diyaq.djyy"
+              >
               </el-input>
             </el-form-item>
           </el-col>
         </el-row>
-
       </div>
       <el-row class="btn" v-if="viewEdit">
         <el-form-item>
@@ -269,160 +355,170 @@
   </div>
 </template>
 <script>
-  import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
-  import { Init, saveData } from "@/api/workflow/diyaqFlow.js";
-  import { mapGetters } from "vuex";
-  export default {
-    mounted () {
-      this.viewEdit = this.$parent.currentSelectTab.ableOperation
-      this.propsParam = this.$attrs;
-      var formdata = new FormData();
-      if (this.propsParam.djlx == '400') {
-        this.isJfOperation = true;
+import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
+import { Init, saveData } from "@/api/workflow/diyaqFlow.js";
+import { mapGetters } from "vuex";
+export default {
+  mounted() {
+    this.viewEdit = this.$parent.currentSelectTab.ableOperation;
+    this.propsParam = this.$attrs;
+    var formdata = new FormData();
+    if (this.propsParam.djlx == "400") {
+      this.isJfOperation = true;
+    }
+    this.$startLoading();
+    formdata.append("bsmSldy", this.propsParam.bsmSldy);
+    formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
+    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.diyaq.sfczjzhxz = "0";
       }
-      this.$startLoading();
-      formdata.append("bsmSldy", this.propsParam.bsmSldy);
-      formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
-      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.diyaq.sfczjzhxz = "0";
+      this.ruleForm.qlrList.forEach((item) => {
+        if (item.sfczr == 1) {
+          this.czr = item.sqrmc;
         }
-           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: {
-          slsq: {},
-          ssQlxx: {},
-          diyaq: {},
-          gyfs: "",
-        },
-        isJfOperation: false,
-        //传递参数
-        propsParam: {},
-        rules: {},
-      };
-    },
-    methods: {
-      /**
-       * @description: onSubmitClick
-       * @author: renchao
-       */
-      onSubmitClick () {
-        let that = this
-        if (this.ruleForm.qlrList.length == 0) {
+      });
+      this.$endLoading();
+    });
+  },
+  components: { qlrCommonTable },
+  computed: {
+    ...mapGetters(["dictData", "flag"]),
+  },
+  data() {
+    return {
+      //表单是否可操作
+      viewEdit: true,
+      disabled: true,
+      czrOptions: [],
+      czr: "",
+      ruleForm: {
+        slsq: {},
+        ssQlxx: {},
+        diyaq: {},
+        gyfs: "",
+      },
+      isJfOperation: false,
+      //传递参数
+      propsParam: {},
+      rules: {},
+    };
+  },
+  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: "请确认抵押权人信息",
+            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";
+        this.ruleForm.qlrList[0].sfczr = "1";
+      } else {
+        if (this.ruleForm.qlrList.length <= 1) {
+          this.$message({
+            showClose: true,
+            message:
+              "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
+            type: "error",
+          });
+          return false;
+        }
+        //是否分别持证
+        if (this.ruleForm.sldy.sqfbcz == "1") {
+          //是
+          this.ruleForm.qlrList.forEach((item, index) => {
+            item.sfczr = "1";
+          });
         } else {
-          if (this.ruleForm.qlrList.length <= 1) {
-            this.$message({
+          if (!that.czr) {
+            that.$message({
               showClose: true,
-              message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
+              message: "请选择持证人",
               type: "error",
             });
             return false;
           }
-          //是否分别持证
-          if (this.ruleForm.sldy.sqfbcz == "1") {
-            //是
-            this.ruleForm.qlrList.forEach((item, index) => {
+          this.ruleForm.qlrList.forEach((item, index) => {
+            if (item.zjh == this.czr) {
               item.sfczr = "1";
-            });
-          } else {
-            if (!that.czr) {
-              that.$message({
-                showClose: true,
-                message: "请选择持证人",
-                type: "error",
-              });
-              return false;
+            } else {
+              item.sfczr = "0";
             }
-            this.ruleForm.qlrList.forEach((item, index) => {
-              if (item.zjh == this.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
-       */
-      upDateYwrxxList (val) {
-        if (!_.isEqual(val, this.ruleForm.ywrList)) {
-          this.ruleForm.ywrList = _.cloneDeep(val);
+      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);
+      }
+    },
+  },
+};
 </script>
-<style scoped lang='scss'>
-  @import "~@/styles/public.scss";
-  @import "~@/styles/slxx/slxx.scss";
+<style scoped lang="scss">
+@import "~@/styles/public.scss";
+@import "~@/styles/slxx/slxx.scss";
 </style>

@@ -11,7 +11,8 @@
       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">
           受理信息
@@ -77,12 +78,17 @@
             <el-form-item label="宗地面积：">
               <div class="flex">
                 <el-input disabled v-model="ruleForm.zdjbxx.zdmj"></el-input>
-                <el-select disabled v-model="ruleForm.zdjbxx.mjdw" style="width: 20%">
+                <el-select
+                  disabled
+                  v-model="ruleForm.zdjbxx.mjdw"
+                  style="width: 20%"
+                >
                   <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>
@@ -116,13 +122,15 @@
                 <el-input
                   v-model="ruleForm.fdcq1.fdcjyjg"
                   style="width: 500%"
-                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
+                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
+                ></el-input>
                 <el-select v-model="ruleForm.fdcq1.jedw">
                   <el-option
                     v-for="item in dictData['A57']"
                     :key="item.dcode"
                     :label="item.dname"
-                    :value="item.dcode"></el-option>
+                    :value="item.dcode"
+                  ></el-option>
                 </el-select>
               </div>
             </el-form-item>
@@ -131,7 +139,12 @@
         <el-row :gutter="10">
           <el-col :span="24">
             <el-form-item label="附记：">
-              <el-input v-model="ruleForm.fdcq1.fj" type="textarea" maxlength="500" show-word-limit></el-input>
+              <el-input
+                v-model="ruleForm.fdcq1.fj"
+                type="textarea"
+                maxlength="500"
+                show-word-limit
+              ></el-input>
             </el-form-item>
           </el-col>
         </el-row>
@@ -141,7 +154,8 @@
           <fdcqxmTable
             :ableOperation="viewEdit"
             :tableData="ruleForm.fdcqxm"
-            @updateFdcwxmList="updateFdcwxmList" />
+            @updateFdcwxmList="updateFdcwxmList"
+          />
           <div class="slxx_title title-block">
             土地用途
             <div class="triangle"></div>
@@ -149,7 +163,8 @@
           <tdytTable
             :ableOperation="viewEdit"
             :tableData="ruleForm.tdytqxList"
-            @upDateTdytxxList="upDateTdytxxList" />
+            @upDateTdytxxList="upDateTdytxxList"
+          />
           <div class="slxx_title title-block">
             权利人信息
             <div class="triangle"></div>
@@ -160,7 +175,8 @@
                 <el-radio-group
                   :disabled="!viewEdit"
                   @change="showCZInfo"
-                  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,20 +186,32 @@
             </el-col>
             <el-col :span="5" v-show="ruleForm.sldy.gyfs != '0'">
               <el-form-item label="是否分别持证：">
-                <el-radio-group v-model="ruleForm.sldy.sqfbcz" :disabled="!viewEdit">
+                <el-radio-group
+                  v-model="ruleForm.sldy.sqfbcz"
+                  :disabled="!viewEdit"
+                  @input="updaterow()"
+                >
                   <el-radio :label="1">是</el-radio>
                   <el-radio :label="0">否</el-radio>
                 </el-radio-group>
               </el-form-item>
             </el-col>
-            <el-col :span="5" v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'">
+            <el-col
+              :span="5"
+              v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
+            >
               <el-form-item label="持证人1：">
-                <el-select v-model="czr" placeholder="持证人" :disabled="!viewEdit">
+                <el-select
+                  v-model="czr"
+                  placeholder="持证人"
+                  :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>
@@ -192,7 +220,8 @@
             @upDateQlrxxList="upDateQlrxxList"
             :disabled="viewEdit"
             :tableData="ruleForm.qlrList"
-            :gyfs="ruleForm.sldy.gyfs" />
+            :gyfs="ruleForm.sldy.gyfs"
+          />
 
           <div v-if="ruleForm.ywrList && ruleForm.qlxx.djlx == '200'">
             <div class="slxx_title title-block">
@@ -204,7 +233,8 @@
               :disabled="viewEdit"
               @upDateQlrxxList="upDateYwrxxList"
               :tableData="ruleForm.ywrList"
-              :gyfs="ruleForm.qlxx.gyfs" />
+              :gyfs="ruleForm.qlxx.gyfs"
+            />
           </div>
           <div class="slxx_title title-block">
             登记原因
@@ -219,7 +249,8 @@
                   maxlength="500"
                   show-word-limit
                   :disabled="!viewEdit"
-                  v-model="ruleForm.fdcq1.djyy"></el-input>
+                  v-model="ruleForm.fdcq1.djyy"
+                ></el-input>
               </el-form-item>
             </el-col>
           </el-row>
@@ -234,275 +265,285 @@
   </div>
 </template>
 <script>
-  import ywmix from "@/views/ywbl/mixin/index";
-  import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
-  import fdcqxmTable from "@/views/workflow/components/fdcqxmTable";
-  import tdytTable from "@/views/workflow/components/tdytTable";
-  import { Init, saveData } from "@/api/workflow/fwsyq1Flow.js";
-  import { mapGetters } from "vuex";
-  export default {
-    mixins: [ywmix],
-    mounted () {
-      this.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("isEdit", this.viewEdit);
-      Init(formdata).then((res) => {
-        if (res.code === 200 && res.result) {
-          this.ruleForm = {
-            ...res.result,
-            ...res.result.qlxxdatas,
-          };
-          this.ruleForm.qlrList.forEach((item) => {
-            if(item.sfczr==1){
-              this.czr=item.sqrmc
-            }
-          })
-          //初始化发证方式，1：小证，2：大正
-          this.ruleForm.slsq.fzfs == null
-            ? (this.ruleForm.slsq.fzfs = "1")
-            : this.ruleForm.slsq.fzfs;
-          this.czrOptions = this.ruleForm.qlrList;
-        }
-      });
+import ywmix from "@/views/ywbl/mixin/index";
+import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
+import fdcqxmTable from "@/views/workflow/components/fdcqxmTable";
+import tdytTable from "@/views/workflow/components/tdytTable";
+import { Init, saveData } from "@/api/workflow/fwsyq1Flow.js";
+import { mapGetters } from "vuex";
+export default {
+  mixins: [ywmix],
+  mounted() {
+    this.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("isEdit", this.viewEdit);
+    Init(formdata).then((res) => {
+      if (res.code === 200 && res.result) {
+        this.ruleForm = {
+          ...res.result,
+          ...res.result.qlxxdatas,
+        };
+        this.ruleForm.qlrList.forEach((item) => {
+          if (item.sfczr == 1) {
+            this.czr = item.sqrmc;
+          }
+        });
+        //初始化发证方式，1：小证，2：大正
+        this.ruleForm.slsq.fzfs == null
+          ? (this.ruleForm.slsq.fzfs = "1")
+          : this.ruleForm.slsq.fzfs;
+        this.czrOptions = this.ruleForm.qlrList;
+      }
+    });
+  },
+  components: { qlrCommonTable, tdytTable, fdcqxmTable },
+  computed: {
+    ...mapGetters(["dictData", "flag"]),
+  },
+  data() {
+    return {
+      disabled: true,
+      tdytOption: [],
+      czrOptions: [],
+      czr: "",
+      ruleForm: {
+        flow: {
+          ywh: "",
+        },
+        qlxx: {
+          mj: "",
+        },
+        sldy: {
+          gyfs: "",
+        },
+        slsq: {},
+        fdcq1: {
+          zyjzmj: "",
+          ftjzmj: "",
+        },
+        zdjbxx: {
+          ghytmc: "",
+        },
+      },
+      //传递参数
+      propsParam: this.$attrs,
+      //表单是否可操作
+      viewEdit: false,
+      rules: {},
+    };
+  },
+  methods: {
+    updateFdcwxmList(val) {
+      this.ruleForm.fdcqxm && (this.ruleForm.fdcqxm = _.cloneDeep(val));
+      this.key++;
     },
-    components: { qlrCommonTable, tdytTable, fdcqxmTable },
-    computed: {
-      ...mapGetters(["dictData", "flag"]),
+    /**
+     * @description: 更新土地用途信息
+     * @param {*} val
+     * @author: renchao
+     */
+    upDateTdytxxList(val) {
+      this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
+      this.key++;
     },
-    data () {
-      return {
-        disabled: true,
-        tdytOption: [],
-        czrOptions: [],
-        czr:'',
-        ruleForm: {
-          flow: {
-            ywh: "",
-          },
-          qlxx: {
-            mj: "",
-          },
-          sldy: {
-            gyfs: "",
-          },
-          slsq: {},
-          fdcq1: {
-            zyjzmj: "",
-            ftjzmj: "",
-          },
-          zdjbxx: {
-            ghytmc: "",
-          },
-        },
-        //传递参数
-        propsParam: this.$attrs,
-        //表单是否可操作
-        viewEdit: false,
-        rules: {},
-      };
+    /**
+     * @description: 更新权利人信息
+     * @param {*} val
+     * @author: renchao
+     */
+    upDateQlrxxList(val) {
+      this.ruleForm.qlrList = _.cloneDeep(val);
+      this.czrOptions = this.ruleForm.qlrList;
+      this.key++;
     },
-    methods: {
-      updateFdcwxmList (val) {
-        this.ruleForm.fdcqxm && (this.ruleForm.fdcqxm = _.cloneDeep(val));
-        this.key++;
-      },
-      /**
-       * @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: showCZInfo
-       * @author: renchao
-       */
-      showCZInfo () {
-        console.log(this.ruleForm.slsq.gyfs);
-      },
-      // 更新权利人信息
-      /**
-       * @description: 更新权利人信息
-       * @param {*} val
-       * @author: renchao
-       */
-      upDateYwrxxList (val) {
-        this.ruleForm.ywrList = _.cloneDeep(val);
-      },
-      /**
-       * @description: onSubmit
-       * @author: renchao
-       */
-      onSubmit () {
-        let that = this
-        let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt);
-        if (arr.length > 0) {
+    // /**
+    //  * @description: showCZInfo
+    //  * @author: renchao
+    //  */
+    // showCZInfo() {
+    //   console.log(this.ruleForm.slsq.gyfs);
+    // },
+    // 是否持证人变化
+    /**
+     * @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;
+      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) {
           this.$message({
             showClose: true,
-            message: "土地用途不能为空",
+            message: "共有方式：单独所有，权利人只能是一个人",
             type: "error",
           });
           return false;
         }
-        if (this.ruleForm.qlrList.length == 0) {
+        this.ruleForm.qlrList[0].sfczr = "1";
+      } else {
+        if (this.ruleForm.qlrList.length <= 1) {
           this.$message({
             showClose: true,
-            message: "请确认权利人信息",
+            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";
+        //是否分别持证
+        if (this.ruleForm.sldy.sqfbcz == "1") {
+          //是
+          this.ruleForm.qlrList.forEach((item, index) => {
+            item.sfczr = "1";
+          });
         } else {
-          if (this.ruleForm.qlrList.length <= 1) {
-            this.$message({
+          if (!that.czr) {
+            that.$message({
               showClose: true,
-              message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
+              message: "请选择持证人",
               type: "error",
             });
             return false;
           }
-          //是否分别持证
-          if (this.ruleForm.sldy.sqfbcz == "1") {
-            //是
-            this.ruleForm.qlrList.forEach((item, index) => {
+          this.ruleForm.qlrList.forEach((item, index) => {
+            if (item.zjh == this.czr) {
               item.sfczr = "1";
-            });
-          } else {
-            if (!that.czr) {
-              that.$message({
-                showClose: true,
-                message: "请选择持证人",
-                type: "error",
-              });
-              return false;
+            } else {
+              item.sfczr = "0";
             }
-            this.ruleForm.qlrList.forEach((item, index) => {
-              if (item.zjh == this.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",
-            });
-          }
-        });
-      },
+      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",
+          });
+        }
+      });
     },
-  };
+  },
+};
 </script>
-<style scoped lang='scss'>
-  @import "~@/styles/public.scss";
+<style scoped lang="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>

@@ -5,8 +5,14 @@
 -->
 <template>
   <div class="slxx">
-    <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag"
-      label-width="120px">
+    <el-form
+      :model="ruleForm"
+      :rules="rules"
+      ref="ruleForm"
+      :label-position="flag ? 'top' : ''"
+      :inline="flag"
+      label-width="120px"
+    >
       <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
         <div class="slxx_title title-block">
           受理信息
@@ -75,12 +81,14 @@
                 <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">
+                    :value="item.dcode"
+                  >
                   </el-option>
                 </el-select>
               </div>
@@ -101,7 +109,8 @@
                 :normalizer="normalizer"
                 :default-expand-level="1"
                 :show-count="true"
-                :options="dictData['A9']" />
+                :options="dictData['A9']"
+              />
             </el-form-item>
           </el-col>
         </el-row>
@@ -109,17 +118,18 @@
           <el-col :span="8">
             <el-form-item label="独用土地面积：">
               <div class="flex">
-                <el-input v-model="ruleForm.fdcq2.dytdmj" :disabled="!viewEdit"
-                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
-                <el-select
-                  disabled
-                  v-model="mjdw"
-                  style="width: 68px">
+                <el-input
+                  v-model="ruleForm.fdcq2.dytdmj"
+                  :disabled="!viewEdit"
+                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
+                ></el-input>
+                <el-select disabled v-model="mjdw" style="width: 68px">
                   <el-option
                     v-for="item in dictData['A7']"
                     :key="item.dcode"
                     :label="item.dname"
-                    :value="item.dcode">
+                    :value="item.dcode"
+                  >
                   </el-option>
                 </el-select>
               </div>
@@ -128,17 +138,18 @@
           <el-col :span="8">
             <el-form-item label="分摊土地面积：">
               <div class="flex">
-                <el-input v-model="ruleForm.fdcq2.fttdmj" :disabled="!viewEdit"
-                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
-                <el-select
-                  disabled
-                  v-model="mjdw"
-                  style="width: 68px">
+                <el-input
+                  v-model="ruleForm.fdcq2.fttdmj"
+                  :disabled="!viewEdit"
+                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
+                ></el-input>
+                <el-select disabled v-model="mjdw" style="width: 68px">
                   <el-option
                     v-for="item in dictData['A7']"
                     :key="item.dcode"
                     :label="item.dname"
-                    :value="item.dcode">
+                    :value="item.dcode"
+                  >
                   </el-option>
                 </el-select>
               </div>
@@ -151,7 +162,8 @@
                   v-for="item in dictData['A19']"
                   :key="item.dcode"
                   :label="item.dname"
-                  :value="item.dcode">
+                  :value="item.dcode"
+                >
                 </el-option>
               </el-select>
             </el-form-item>
@@ -167,8 +179,8 @@
                 placeholder=""
                 :normalizer="normalizer"
                 :show-count="true"
-                :options="dictData['A17']" />
-
+                :options="dictData['A17']"
+              />
             </el-form-item>
           </el-col>
           <el-col :span="8">
@@ -178,7 +190,8 @@
                   v-for="item in dictData['A46']"
                   :key="item.dcode"
                   :label="item.dname"
-                  :value="item.dcode">
+                  :value="item.dcode"
+                >
                 </el-option>
               </el-select>
             </el-form-item>
@@ -191,19 +204,27 @@
                 type="date"
                 placeholder="选择日期"
                 value-format="yyyy-MM-dd"
-                :disabled="!viewEdit"></el-date-picker>
+                :disabled="!viewEdit"
+              ></el-date-picker>
             </el-form-item>
           </el-col>
         </el-row>
         <el-row :gutter="10" v-if="ruleForm.qlxx">
           <el-col :span="8">
             <el-form-item label="所在层：">
-              <el-input v-model="ruleForm.fdcq2.szc" :disabled="!viewEdit"></el-input>
+              <el-input
+                v-model="ruleForm.fdcq2.szc"
+                :disabled="!viewEdit"
+              ></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
             <el-form-item label="总层数：">
-              <el-input :disabled="!viewEdit" v-model.number="ruleForm.fdcq2.zcs" oninput="value=value.replace(/[^0-9]/g,'')"></el-input>
+              <el-input
+                :disabled="!viewEdit"
+                v-model.number="ruleForm.fdcq2.zcs"
+                oninput="value=value.replace(/[^0-9]/g,'')"
+              ></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
@@ -213,13 +234,15 @@
                   v-model="ruleForm.fdcq2.fdcjyjg"
                   style="width: 500%"
                   :disabled="!viewEdit"
-                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
+                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
+                ></el-input>
                 <el-select v-model="ruleForm.fdcq2.jedw" :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>
               </div>
@@ -230,17 +253,18 @@
           <el-col :span="8">
             <el-form-item label="建筑面积：">
               <div class="flex">
-                <el-input v-model="ruleForm.fdcq2.jzmj" :disabled="!viewEdit"
-                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
-                <el-select
-                  disabled
-                  v-model="mjdw"
-                  style="width: 68px">
+                <el-input
+                  v-model="ruleForm.fdcq2.jzmj"
+                  :disabled="!viewEdit"
+                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
+                ></el-input>
+                <el-select disabled v-model="mjdw" style="width: 68px">
                   <el-option
                     v-for="item in dictData['A7']"
                     :key="item.dcode"
                     :label="item.dname"
-                    :value="item.dcode">
+                    :value="item.dcode"
+                  >
                   </el-option>
                 </el-select>
               </div>
@@ -249,17 +273,18 @@
           <el-col :span="8">
             <el-form-item label="专有建筑面积：">
               <div class="flex">
-                <el-input v-model="ruleForm.fdcq2.zyjzmj" :disabled="!viewEdit"
-                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
-                <el-select
-                  disabled
-                  v-model="mjdw"
-                  style="width: 68px">
+                <el-input
+                  v-model="ruleForm.fdcq2.zyjzmj"
+                  :disabled="!viewEdit"
+                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
+                ></el-input>
+                <el-select disabled v-model="mjdw" style="width: 68px">
                   <el-option
                     v-for="item in dictData['A7']"
                     :key="item.dcode"
                     :label="item.dname"
-                    :value="item.dcode">
+                    :value="item.dcode"
+                  >
                   </el-option>
                 </el-select>
               </div>
@@ -268,17 +293,18 @@
           <el-col :span="8">
             <el-form-item label="分摊建筑面积：">
               <div class="flex">
-                <el-input v-model="ruleForm.fdcq2.ftjzmj" :disabled="!viewEdit"
-                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
-                <el-select
-                  disabled
-                  v-model="mjdw"
-                  style="width: 68px">
+                <el-input
+                  v-model="ruleForm.fdcq2.ftjzmj"
+                  :disabled="!viewEdit"
+                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
+                ></el-input>
+                <el-select disabled v-model="mjdw" style="width: 68px">
                   <el-option
                     v-for="item in dictData['A7']"
                     :key="item.dcode"
                     :label="item.dname"
-                    :value="item.dcode">
+                    :value="item.dcode"
+                  >
                   </el-option>
                 </el-select>
               </div>
@@ -288,7 +314,13 @@
         <el-row :gutter="10">
           <el-col :span="24">
             <el-form-item label="附记：">
-              <el-input v-model="ruleForm.fdcq2.fj" type="textarea" maxlength="500" show-word-limit :disabled="!viewEdit"></el-input>
+              <el-input
+                v-model="ruleForm.fdcq2.fj"
+                type="textarea"
+                maxlength="500"
+                show-word-limit
+                :disabled="!viewEdit"
+              ></el-input>
             </el-form-item>
           </el-col>
         </el-row>
@@ -299,7 +331,8 @@
         <tdytTable
           :ableOperation="viewEdit"
           :tableData="ruleForm.tdytqxList"
-          @upDateTdytxxList="upDateTdytxxList" />
+          @upDateTdytxxList="upDateTdytxxList"
+        />
         <div class="slxx_title title-block">
           权利人信息
           <div class="triangle"></div>
@@ -307,8 +340,10 @@
         <el-row :gutter="10">
           <el-col :span="12" v-if="ruleForm.qlxx">
             <el-form-item label="共有方式：">
-              <el-radio-group :disabled="!viewEdit"
-                v-model="ruleForm.sldy.gyfs">
+              <el-radio-group
+                :disabled="!viewEdit"
+                v-model="ruleForm.sldy.gyfs"
+              >
                 <el-radio label="0">单独所有</el-radio>
                 <el-radio label="1">共同共有</el-radio>
                 <el-radio label="2">按份所有</el-radio>
@@ -320,7 +355,9 @@
             <el-form-item label="是否分别持证：">
               <el-radio-group
                 v-model="ruleForm.sldy.sqfbcz"
-                :disabled="!viewEdit">
+                :disabled="!viewEdit"
+                @input="updaterow()"
+              >
                 <el-radio :label="1">是</el-radio>
                 <el-radio :label="0">否</el-radio>
               </el-radio-group>
@@ -328,32 +365,43 @@
           </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>
           </el-col>
         </el-row>
-        <qlrCommonTable @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" :disabled="viewEdit"
-          :gyfs="ruleForm.sldy.gyfs" />
+        <qlrCommonTable
+          @upDateQlrxxList="upDateQlrxxList"
+          :tableData="ruleForm.qlrList"
+          :disabled="viewEdit"
+          :gyfs="ruleForm.sldy.gyfs"
+        />
 
         <div v-if="ruleForm.ywrList && ruleForm.qlxx.djlx == '200'">
           <div class="slxx_title title-block">
             义务人信息
             <div class="triangle"></div>
           </div>
-          <qlrCommonTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateYwrxxList" :tableData="ruleForm.ywrList"
-            :gyfs="ruleForm.sldy.gyfs" />
+          <qlrCommonTable
+            v-if="ruleForm.qlxx"
+            @upDateQlrxxList="upDateYwrxxList"
+            :tableData="ruleForm.ywrList"
+            :gyfs="ruleForm.sldy.gyfs"
+          />
         </div>
         <div class="slxx_title title-block">
           登记原因
@@ -362,8 +410,14 @@
         <el-row :gutter="10">
           <el-col>
             <el-form-item v-if="ruleForm.sldy" label="登记原因：" prop="djyy">
-              <el-input class="textArea" type="textarea" maxlength="500" show-word-limit :disabled="!viewEdit"
-                v-model="ruleForm.fdcq2.djyy">
+              <el-input
+                class="textArea"
+                type="textarea"
+                maxlength="500"
+                show-word-limit
+                :disabled="!viewEdit"
+                v-model="ruleForm.fdcq2.djyy"
+              >
               </el-input>
             </el-form-item>
           </el-col>
@@ -378,272 +432,282 @@
   </div>
 </template>
 <script>
-  import ywmix from "@/views/ywbl/mixin/index"
-  import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
-  import tdytTable from "@/views/workflow/components/tdytTable";
-  import { Init, saveData } from "@/api/workflow/fwsyqFlow.js";
-  import { mapGetters } from "vuex";
-  export default {
-    mixins: [ywmix],
-    mounted () {
-      this.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("isEdit", this.viewEdit);
-      Init(formdata).then((res) => {
-        if (res.code === 200 && res.result) {
-          this.ruleForm = {
-            ...res.result,
-            ...res.result.qlxxdatas,
+import ywmix from "@/views/ywbl/mixin/index";
+import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
+import tdytTable from "@/views/workflow/components/tdytTable";
+import { Init, saveData } from "@/api/workflow/fwsyqFlow.js";
+import { mapGetters } from "vuex";
+export default {
+  mixins: [ywmix],
+  mounted() {
+    this.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("isEdit", this.viewEdit);
+    Init(formdata).then((res) => {
+      if (res.code === 200 && res.result) {
+        this.ruleForm = {
+          ...res.result,
+          ...res.result.qlxxdatas,
+        };
+        this.ruleForm.qlrList.forEach((item) => {
+          if (item.sfczr == 1) {
+            this.czr = item.sqrmc;
           }
-              this.ruleForm.qlrList.forEach((item) => {
-            if(item.sfczr==1){
-              this.czr=item.sqrmc
-            }
-          })
-          //初始化发证方式，1：小证，2：大正
-          this.ruleForm.slsq.fzfs == null ? this.ruleForm.slsq.fzfs = '1' : this.ruleForm.slsq.fzfs;
-          this.czrOptions = this.ruleForm.qlrList;
+        });
+        //初始化发证方式，1：小证，2：大正
+        this.ruleForm.slsq.fzfs == null
+          ? (this.ruleForm.slsq.fzfs = "1")
+          : this.ruleForm.slsq.fzfs;
+        this.czrOptions = this.ruleForm.qlrList;
+      }
+    });
+  },
+  components: { qlrCommonTable, tdytTable },
+  computed: {
+    ...mapGetters(["dictData", "flag"]),
+  },
+  data() {
+    return {
+      mjdw: "1",
+      // 键名转换，方法默认是label和children进行树状渲染
+      normalizer(node) {
+        //方法
+        if (node.children == null || node.children == "null") {
+          delete node.children;
         }
-      })
-    },
-    components: { qlrCommonTable, tdytTable },
-    computed: {
-      ...mapGetters(["dictData", "flag"])
-    },
-    data () {
-      return {
-        mjdw: "1",
-        // 键名转换，方法默认是label和children进行树状渲染
-        normalizer (node) {
-          //方法
-          if (node.children == null || node.children == "null") {
-            delete node.children;
-          }
-          return {
-            id: node.dcode,
-            label: node.dname,
-          };
+        return {
+          id: node.dcode,
+          label: node.dname,
+        };
+      },
+      disabled: true,
+      tdytOption: [],
+      czrOptions: [],
+      czr: "",
+      ruleForm: {
+        flow: {
+          ywh: "",
         },
-        disabled: true,
-        tdytOption: [],
-        czrOptions: [],
-        czr:"",
-        ruleForm: {
-          flow: {
-            ywh: ''
-          },
-          qlxx: {
-            mj: ''
-          },
-          sldy: {
-            gyfs: ''
-          },
-          slsq: {
-
-          },
-          fdcq2: {
-            zyjzmj: '',
-            ftjzmj: ''
-          },
-          zdjbxx: {
-            ghytmc: ''
-          }
+        qlxx: {
+          mj: "",
+        },
+        sldy: {
+          gyfs: "",
+        },
+        slsq: {},
+        fdcq2: {
+          zyjzmj: "",
+          ftjzmj: "",
+        },
+        zdjbxx: {
+          ghytmc: "",
         },
-        //传递参数
-        propsParam: this.$attrs,
-        //表单是否可操作
-        viewEdit: true,
-        rules: {}
-      }
-    },
-    methods: {
-      /**
-       * @description: 更新土地用途信息
-       * @param {*} val
-       * @author: renchao
-       */
-      upDateTdytxxList (val) {
-        this.ruleForm.tdytqxList = _.cloneDeep(val)
-      },
-      /**
-       * @description: 更新权利人信息
-       * @param {*} val
-       * @author: renchao
-       */
-      upDateQlrxxList (val) {
-        this.ruleForm.qlrList = _.cloneDeep(val);
-        this.czrOptions = this.ruleForm.qlrList;
-      },
-      /**
-       * @description: 更新权利人信息
-       * @param {*} val
-       * @author: renchao
-       */
-      upDateYwrxxList (val) {
-        this.ruleForm.ywrList = _.cloneDeep(val);
       },
-      /**
-       * @description: onSubmit
-       * @author: renchao
-       */
-      onSubmit () {
-        let that = this
-        let arr = this.ruleForm.tdytqxList.filter(item => !item.yt)
-        if (arr.length > 0) {
+      //传递参数
+      propsParam: this.$attrs,
+      //表单是否可操作
+      viewEdit: true,
+      rules: {},
+    };
+  },
+  methods: {
+    /**
+     * @description: 更新土地用途信息
+     * @param {*} val
+     * @author: renchao
+     */
+    upDateTdytxxList(val) {
+      this.ruleForm.tdytqxList = _.cloneDeep(val);
+    },
+    /**
+     * @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;
+      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) {
           this.$message({
             showClose: true,
-            message: "土地用途不能为空",
+            message: "共有方式：单独所有，权利人只能是一个人",
             type: "error",
           });
           return false;
         }
-        if (this.ruleForm.qlrList.length == 0) {
+        this.ruleForm.qlrList[0].sfczr = "1";
+      } else {
+        if (this.ruleForm.qlrList.length <= 1) {
           this.$message({
             showClose: true,
-            message: "请确认权利人信息",
+            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";
+        //是否分别持证
+        if (this.ruleForm.sldy.sqfbcz == "1") {
+          //是
+          this.ruleForm.qlrList.forEach((item, index) => {
+            item.sfczr = "1";
+          });
         } else {
-          if (this.ruleForm.qlrList.length <= 1) {
-            this.$message({
+          if (!that.czr) {
+            that.$message({
               showClose: true,
-              message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
+              message: "请选择持证人",
               type: "error",
             });
             return false;
           }
-          //是否分别持证
-          if (this.ruleForm.sldy.sqfbcz == "1") {
-            //是
-            this.ruleForm.qlrList.forEach((item, index) => {
+          this.ruleForm.qlrList.forEach((item, index) => {
+            if (item.zjh == this.czr) {
               item.sfczr = "1";
-            });
-          } else {
-            if (!that.czr) {
-              that.$message({
-                showClose: true,
-                message: "请选择持证人",
-                type: "error",
-              });
-              return false;
+            } else {
+              item.sfczr = "0";
             }
-            this.ruleForm.qlrList.forEach((item, index) => {
-              if (item.zjh == this.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"
-            })
-          }
-        })
       }
-    }
-  }
+      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",
+          });
+        }
+      });
+    },
+  },
+};
 </script>
-<style scoped lang='scss'>
-  @import "~@/styles/public.scss";
+<style scoped lang="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>

@@ -5,8 +5,14 @@
 -->
 <template>
   <div class="slxx">
-    <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag"
-      label-width="120px">
+    <el-form
+      :model="ruleForm"
+      :rules="rules"
+      ref="ruleForm"
+      :label-position="flag ? 'top' : ''"
+      :inline="flag"
+      label-width="120px"
+    >
       <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
         <div class="slxx_title title-block">
           受理信息
@@ -48,7 +54,8 @@
         </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>
@@ -106,7 +113,11 @@
           </el-col>
           <el-col :span="8">
             <el-form-item label="总层数：">
-              <el-input disabled v-model.number="ruleForm.fdcq2.zcs" oninput="value=value.replace(/[^0-9]/g,'')"></el-input>
+              <el-input
+                disabled
+                v-model.number="ruleForm.fdcq2.zcs"
+                oninput="value=value.replace(/[^0-9]/g,'')"
+              ></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
@@ -119,17 +130,18 @@
           <el-col :span="8">
             <el-form-item label="建筑面积：">
               <div class="flex">
-                <el-input disabled v-model="ruleForm.qlxx.mj"
-                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
-                <el-select
+                <el-input
                   disabled
-                  v-model="mjdw"
-                  style="width: 68px">
+                  v-model="ruleForm.qlxx.mj"
+                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
+                ></el-input>
+                <el-select disabled v-model="mjdw" style="width: 68px">
                   <el-option
                     v-for="item in dictData['A7']"
                     :key="item.dcode"
                     :label="item.dname"
-                    :value="item.dcode">
+                    :value="item.dcode"
+                  >
                   </el-option>
                 </el-select>
               </div>
@@ -138,17 +150,18 @@
           <el-col :span="8">
             <el-form-item label="专有建筑面积：">
               <div class="flex">
-                <el-input disabled v-model="ruleForm.fdcq2.zyjzmj"
-                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
-                <el-select
+                <el-input
                   disabled
-                  v-model="mjdw"
-                  style="width: 68px">
+                  v-model="ruleForm.fdcq2.zyjzmj"
+                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
+                ></el-input>
+                <el-select disabled v-model="mjdw" style="width: 68px">
                   <el-option
                     v-for="item in dictData['A7']"
                     :key="item.dcode"
                     :label="item.dname"
-                    :value="item.dcode">
+                    :value="item.dcode"
+                  >
                   </el-option>
                 </el-select>
               </div>
@@ -157,17 +170,18 @@
           <el-col :span="8">
             <el-form-item label="分摊建筑面积：">
               <div class="flex">
-                <el-input disabled v-model="ruleForm.fdcq2.ftjzmj"
-                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
-                <el-select
+                <el-input
                   disabled
-                  v-model="mjdw"
-                  style="width: 68px">
+                  v-model="ruleForm.fdcq2.ftjzmj"
+                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
+                ></el-input>
+                <el-select disabled v-model="mjdw" style="width: 68px">
                   <el-option
                     v-for="item in dictData['A7']"
                     :key="item.dcode"
                     :label="item.dname"
-                    :value="item.dcode">
+                    :value="item.dcode"
+                  >
                   </el-option>
                 </el-select>
               </div>
@@ -181,7 +195,8 @@
         <tdytTable
           :ableOperation="viewEdit"
           :tableData="ruleForm.tdytqxList"
-          @upDateTdytxxList="upDateTdytxxList" />
+          @upDateTdytxxList="upDateTdytxxList"
+        />
         <div class="slxx_title title-block">
           权利人信息
           <div class="triangle"></div>
@@ -189,7 +204,10 @@
         <el-row :gutter="10">
           <el-col :span="12">
             <el-form-item label="共有方式：">
-              <el-radio-group :disabled="!viewEdit" v-model="ruleForm.sldy.gyfs">
+              <el-radio-group
+                :disabled="!viewEdit"
+                v-model="ruleForm.sldy.gyfs"
+              >
                 <el-radio label="0">单独所有</el-radio>
                 <el-radio label="1">共同共有</el-radio>
                 <el-radio label="2">按份所有</el-radio>
@@ -201,7 +219,9 @@
             <el-form-item label="是否分别持证：">
               <el-radio-group
                 v-model="ruleForm.sldy.sqfbcz"
-                :disabled="!viewEdit">
+                :disabled="!viewEdit"
+                @input="updaterow()"
+              >
                 <el-radio :label="1">是</el-radio>
                 <el-radio :label="0">否</el-radio>
               </el-radio-group>
@@ -209,24 +229,31 @@
           </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>
           </el-col>
         </el-row>
-        <qlrCommonTable @upDateQlrxxList="upDateQlrxxList" :disabled="!viewEdit" :tableData="ruleForm.qlrList"
-          :gyfs="ruleForm.sldy.gyfs" />
+        <qlrCommonTable
+          @upDateQlrxxList="upDateQlrxxList"
+          :disabled="!viewEdit"
+          :tableData="ruleForm.qlrList"
+          :gyfs="ruleForm.sldy.gyfs"
+        />
         <div class="slxx_title title-block">
           登记原因
           <div class="triangle"></div>
@@ -234,8 +261,14 @@
         <el-row :gutter="10">
           <el-col>
             <el-form-item v-if="ruleForm.fdcq2" label="登记原因：" prop="djyy">
-              <el-input class="textArea" type="textarea" maxlength="500" show-word-limit :disabled="!viewEdit"
-                v-model="ruleForm.fdcq2.djyy">
+              <el-input
+                class="textArea"
+                type="textarea"
+                maxlength="500"
+                show-word-limit
+                :disabled="!viewEdit"
+                v-model="ruleForm.fdcq2.djyy"
+              >
               </el-input>
             </el-form-item>
           </el-col>
@@ -250,320 +283,335 @@
   </div>
 </template>
 <script>
-  import ywmix from "@/views/ywbl/mixin/index"
-  import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
-  import tdytTable from "@/views/workflow/components/tdytTable";
-  import { Init, saveData } from "@/api/workflow/fwsyqFlow.js";
-  import { mapGetters } from "vuex";
-  export default {
-    mixins: [ywmix],
-    mounted () {
-      this.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("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,
-          };
-               this.ruleForm.qlrList.forEach((item) => {
-            if(item.sfczr==1){
-              this.czr=item.sqrmc
-            }
-          })
-          //初始化发证方式，1：小证，2：大正
-          this.ruleForm.slsq.fzfs == null ? this.ruleForm.slsq.fzfs = '1' : this.ruleForm.slsq.fzfs;
-          this.czrOptions = this.ruleForm.qlrList;
+import ywmix from "@/views/ywbl/mixin/index";
+import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
+import tdytTable from "@/views/workflow/components/tdytTable";
+import { Init, saveData } from "@/api/workflow/fwsyqFlow.js";
+import { mapGetters } from "vuex";
+export default {
+  mixins: [ywmix],
+  mounted() {
+    this.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("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,
+        };
+        this.ruleForm.qlrList.forEach((item) => {
+          if (item.sfczr == 1) {
+            this.czr = item.sqrmc;
+          }
+        });
+        //初始化发证方式，1：小证，2：大正
+        this.ruleForm.slsq.fzfs == null
+          ? (this.ruleForm.slsq.fzfs = "1")
+          : this.ruleForm.slsq.fzfs;
+        this.czrOptions = this.ruleForm.qlrList;
+      }
+    });
+  },
+  components: { qlrCommonTable, tdytTable },
+  computed: {
+    ...mapGetters(["dictData", "flag"]),
+  },
+  data() {
+    return {
+      mjdw: "1",
+      //表单是否可操作
+      viewEdit: false,
+      disabled: true,
+      tdytOption: [],
+      czrOptions: [],
+      czr: "",
+      ruleForm: {
+        flow: {
+          ywh: "",
+        },
+        slry: "",
+        slsj: "",
+        qllx: "",
+        djlx: "",
+        djqx: "",
+        sldy: {
+          gyfs: "",
+        },
+        // 宗地代码
+        zddm: "",
+        bdcdyh: "",
+        qlxzmc: "",
+        qlrxx: [],
+        // 自然幢号
+        zrzh: "",
+        // 户不动产单元号
+        hbdcdyh: "",
+        djzt: "",
+        // 图幅丘幢号
+        tfqzh: "",
+        zl: "",
+        // 房屋用途
+        fwyt: "",
+        fwxz: "",
+        fwjg: "",
+        // 权利人信息
+        // 是否分别持证
+        sffbcz: "",
+        // 持证人
+        czr: "",
+        djyy: "",
+        // 规划用途名称
+        zdjbxx: {
+          ghytmc: "",
+        },
+        fdcq2: {
+          fwxzmc: "",
+        },
+        slsq: {
+          gyfs: "",
+        },
+      },
+      //传递参数
+      propsParam: {},
+      rules: {},
+    };
+  },
+  methods: {
+    /**
+     * @description: dataSelectClick
+     * @author: renchao
+     */
+    dataSelectClick() {
+      this.$popup(
+        "房屋所有权",
+        this.BASE_API.SERVERAPI + "/rest/ywbl/fdcq2/slxxCompareDetai",
+        {
+          formData: {
+            bsmSldy: this.propsParam.bsmSldy,
+            qllx: this.propsParam.qllx,
+          },
         }
-      });
+      );
     },
-    components: { qlrCommonTable, tdytTable },
-    computed: {
-      ...mapGetters(["dictData", "flag"]),
+    /**
+     * @description: 更新土地用途信息
+     * @param {*} val
+     * @author: renchao
+     */
+    upDateTdytxxList(val) {
+      this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
+      this.key++;
     },
-    data () {
-      return {
-        mjdw: "1",
-        //表单是否可操作
-        viewEdit: false,
-        disabled: true,
-        tdytOption: [],
-        czrOptions: [],
-        czr:"",
-        ruleForm: {
-          flow: {
-            ywh: ''
-          },
-          slry: "",
-          slsj: "",
-          qllx: "",
-          djlx: "",
-          djqx: "",
-          sldy: {
-            gyfs: ''
-          },
-          // 宗地代码
-          zddm: "",
-          bdcdyh: "",
-          qlxzmc: "",
-          qlrxx: [],
-          // 自然幢号
-          zrzh: "",
-          // 户不动产单元号
-          hbdcdyh: '',
-          djzt: '',
-          // 图幅丘幢号
-          tfqzh: '',
-          zl: '',
-          // 房屋用途
-          fwyt: '',
-          fwxz: '',
-          fwjg: '',
-          // 权利人信息
-          // 是否分别持证
-          sffbcz: "",
-          // 持证人
-          czr: "",
-          djyy: '',
-          // 规划用途名称
-          zdjbxx: {
-            ghytmc: ''
-          },
-          fdcq2: {
-            fwxzmc: ''
-          },
-          slsq: {
-            gyfs: ''
-          }
-        },
-        //传递参数
-        propsParam: {},
-        rules: {},
-      };
+    // 是否持证人变化
+    /**
+     * @description: 是否持证人变化
+     * @param {*} val
+     * @author: renchao
+     */
+    updaterow() {
+      this.czr = "";
     },
-    methods: {
-      /**
-       * @description: dataSelectClick
-       * @author: renchao
-       */
-      dataSelectClick () {
-        this.$popup("房屋所有权", this.BASE_API.SERVERAPI + "/rest/ywbl/fdcq2/slxxCompareDetai",
-          {
-            formData: {
-              bsmSldy: this.propsParam.bsmSldy,
-              qllx: this.propsParam.qllx
-            }
-          });
-      },
-      /**
-       * @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
-       */
-      upDateYwrxxList (val) {
-        this.ruleForm.ywrList = _.cloneDeep(val);
-      },
-      /**
-       * @description: onSubmit
-       * @author: renchao
-       */
-      onSubmit () {
-        let that = this
-        let arr = this.ruleForm.tdytqxList.filter(item => !item.yt)
-        if (arr.length > 0) {
+    /**
+     * @description: 更新权利人信息
+     * @param {*} val
+     * @author: renchao
+     */
+    upDateQlrxxList(val) {
+      this.ruleForm.qlrList = _.cloneDeep(val);
+      this.czrOptions = this.ruleForm.qlrList;
+      this.key++;
+    },
+    // 更新权利人信息
+    /**
+     * @description: 更新权利人信息
+     * @param {*} val
+     * @author: renchao
+     */
+    upDateYwrxxList(val) {
+      this.ruleForm.ywrList = _.cloneDeep(val);
+    },
+    /**
+     * @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) {
           this.$message({
             showClose: true,
-            message: "土地用途不能为空",
+            message: "共有方式：单独所有，权利人只能是一个人",
             type: "error",
           });
           return false;
         }
-        if (this.ruleForm.qlrList.length == 0) {
+        this.ruleForm.qlrList[0].sfczr = "1";
+      } else {
+        if (this.ruleForm.qlrList.length <= 1) {
           this.$message({
             showClose: true,
-            message: "请确认权利人信息",
+            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";
+        //是否分别持证
+        if (this.ruleForm.sldy.sqfbcz == "1") {
+          //是
+          this.ruleForm.qlrList.forEach((item, index) => {
+            item.sfczr = "1";
+          });
         } else {
-          if (this.ruleForm.qlrList.length <= 1) {
-            this.$message({
+          if (!that.czr) {
+            that.$message({
               showClose: true,
-              message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
+              message: "请选择持证人",
               type: "error",
             });
             return false;
           }
-          //是否分别持证
-          if (this.ruleForm.sldy.sqfbcz == "1") {
-            //是
-            this.ruleForm.qlrList.forEach((item, index) => {
+          this.ruleForm.qlrList.forEach((item, index) => {
+            if (item.zjh == this.czr) {
               item.sfczr = "1";
-            });
-          } else {
-            if (!that.czr) {
-              that.$message({
-                showClose: true,
-                message: "请选择持证人",
-                type: "error",
-              });
-              return false;
+            } else {
+              item.sfczr = "0";
             }
-            this.ruleForm.qlrList.forEach((item, index) => {
-              if (item.zjh == this.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: compare
-  * @author: renchao
-  */
-      compare () {
-        this.$popupDialog(
-          this.ruleForm.qlxx.qllxmc,
-          "registerBook/comparison",
-          {
-            bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
-            dqqllx: 'FDCQ2',
-          },
-          "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() {
+      this.$popupDialog(
+        this.ruleForm.qlxx.qllxmc,
+        "registerBook/comparison",
+        {
+          bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
+          dqqllx: "FDCQ2",
+        },
+        "80%",
+        true
+      );
+    },
+  },
+};
 </script>
-<style scoped lang='scss'>
-  @import "~@/styles/public.scss";
-  @import "~@/styles/slxx/slxx.scss";
-  /deep/.el-form {
-    display: flex;
-    flex-direction: column;
-    height: calc(100vh - 130px);
-  }
+<style scoped lang="scss">
+@import "~@/styles/public.scss";
+@import "~@/styles/slxx/slxx.scss";
+/deep/.el-form {
+  display: flex;
+  flex-direction: column;
+  height: calc(100vh - 130px);
+}
 
-  /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>

@@ -11,7 +11,8 @@
       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">
           受理信息
@@ -37,12 +38,18 @@
         <el-row :gutter="10" v-if="ruleForm.slsq">
           <el-col :span="8" v-if="ruleForm.sldyList.length > 0">
             <el-form-item label="权利类型：">
-              <el-input disabled v-model="ruleForm.sldyList[0].qllxmc"></el-input>
+              <el-input
+                disabled
+                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>
+              <el-input
+                disabled
+                v-model="ruleForm.sldyList[0].djlxmc"
+              ></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
@@ -60,12 +67,17 @@
             <el-form-item label="宗地面积：">
               <div class="flex">
                 <el-input disabled v-model="ruleForm.zdjbxx.zdmj"></el-input>
-                <el-select disabled v-model="ruleForm.zdjbxx.mjdw" style="width: 68px">
+                <el-select
+                  disabled
+                  v-model="ruleForm.zdjbxx.mjdw"
+                  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>
@@ -135,12 +147,13 @@
           <div class="triangle"></div>
         </div>
         <el-row :gutter="10">
-          <el-col :span="12" v-if="ruleForm.sldyList.length>0">
+          <el-col :span="12" v-if="ruleForm.sldyList.length > 0">
             <el-form-item label="共有方式：">
               <el-radio-group
                 :disabled="!viewEdit"
                 @change="showCZInfo"
-                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>
@@ -149,27 +162,37 @@
             </el-form-item>
           </el-col>
 
-          <el-col :span="6" v-if="ruleForm.sldyList[0].gyfs!=0">
+          <el-col :span="6" v-if="ruleForm.sldyList[0].gyfs != 0">
             <el-form-item label="是否分别持证：">
               <el-radio-group
                 v-model="ruleForm.sldyList[0].sqfbcz"
-                :disabled="!viewEdit">
+                :disabled="!viewEdit"
+                @input="updaterow()"
+              >
                 <el-radio :label="1">是</el-radio>
                 <el-radio :label="0">否</el-radio>
               </el-radio-group>
             </el-form-item>
           </el-col>
-          <el-col :span="6" v-if="ruleForm.sldyList[0].gyfs!=0&&ruleForm.sldyList[0].sqfbcz=='0'">
+          <el-col
+            :span="6"
+            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>
@@ -178,7 +201,8 @@
           :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>
@@ -192,7 +216,8 @@
                 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>
@@ -207,292 +232,301 @@
   </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 },
+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;
+    },
+    /**
+     * @description: showCZInfo
+     * @author: renchao
+     */
+    showCZInfo() {
+      // console.log(this.ruleForm.slsq.gyfs);
+    },
+    // 是否持证人变化
+    /**
+     * @description: 是否持证人变化
+     * @param {*} val
+     * @author: renchao
+     */
+    updaterow() {
+      this.czr = "";
+    },
     // 更新义务人信息
     /**
      * @description: 更新义务人信息
      * @param {*} val
      * @author: renchao
      */
-    upDateYwrxxList (val) {
+    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);
+    /**
+     * @description: onSubmit
+     * @author: renchao
+     */
+    onSubmit() {
+      let that = this;
+      if (this.ruleForm.qlrList.length == 0) {
+        this.$message({
+          showClose: true,
+          message: "请确认权利人信息",
+          type: "error",
         });
-        //将数据转为字符串
-        //房屋性质
-        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: showCZInfo
-       * @author: renchao
-       */
-      showCZInfo () {
-        // console.log(this.ruleForm.slsq.gyfs);
-      },
-      // 更新义务人信息
-      /**
-       * @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) {
+        return false;
+      }
+      if (this.ruleForm.sldyList[0].gyfs == "0") {
+        if (this.ruleForm.qlrList.length > 1) {
           this.$message({
             showClose: true,
-            message: "请确认权利人信息",
+            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;
-          }
-          this.ruleForm.qlrList[0].sfczr = "1";
+        this.ruleForm.qlrList[0].sfczr = "1";
+      } else {
+        if (this.ruleForm.qlrList.length <= 1) {
+          this.$message({
+            showClose: true,
+            message:
+              "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
+            type: "error",
+          });
+          return false;
+        }
+        //是否分别持证
+        if (this.ruleForm.sldyList[0].sqfbcz == "1") {
+          //是
+          this.ruleForm.qlrList.forEach((item, index) => {
+            item.sfczr = "1";
+          });
         } else {
-          if (this.ruleForm.qlrList.length <= 1) {
-            this.$message({
+          if (!that.czr) {
+            that.$message({
               showClose: true,
-              message:
-                "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
+              message: "请选择持证人",
               type: "error",
             });
             return false;
           }
-          //是否分别持证
-          if (this.ruleForm.sldyList[0].sqfbcz == "1") {
-            //是
-            this.ruleForm.qlrList.forEach((item, index) => {
+          this.ruleForm.qlrList.forEach((item, index) => {
+            if (item.zjh == this.czr) {
               item.sfczr = "1";
-            });
-          } else {
-            if (!that.czr) {
-              that.$message({
-                showClose: true,
-                message: "请选择持证人",
-                type: "error",
-              });
-              return false;
+            } else {
+              item.sfczr = "0";
             }
-            this.ruleForm.qlrList.forEach((item, index) => {
-              if (item.zjh == this.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",
-            });
-          }
-        });
-      },
+      }
+      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>

@@ -6,8 +6,14 @@
 <template>
   <!-- 受理信息 -->
   <div class="slxx">
-    <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag"
-      label-width="120px">
+    <el-form
+      :model="ruleForm"
+      :rules="rules"
+      ref="ruleForm"
+      :label-position="flag ? 'top' : ''"
+      :inline="flag"
+      label-width="120px"
+    >
       <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
         <div class="slxx_title title-block">
           受理信息
@@ -33,16 +39,38 @@
         <el-row :gutter="10">
           <el-col :span="8">
             <el-form-item label="权利类型：" prop="qllx">
-              <el-select disabled v-model="ruleForm.qllx" filterable clearable placeholder="请选择权利类型">
-                <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode">
+              <el-select
+                disabled
+                v-model="ruleForm.qllx"
+                filterable
+                clearable
+                placeholder="请选择权利类型"
+              >
+                <el-option
+                  v-for="item in dictData['A8']"
+                  :key="item.dcode"
+                  :label="item.dname"
+                  :value="item.dcode"
+                >
                 </el-option>
               </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="8">
             <el-form-item label="登记类型：" prop="djlx">
-              <el-select disabled v-model="ruleForm.djlx" filterable clearable placeholder="请选择登记类型">
-                <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
+              <el-select
+                disabled
+                v-model="ruleForm.djlx"
+                filterable
+                clearable
+                placeholder="请选择登记类型"
+              >
+                <el-option
+                  v-for="item in dictData['A21']"
+                  :key="item.dcode"
+                  :label="item.dname"
+                  :value="item.dcode"
+                >
                 </el-option>
               </el-select>
             </el-form-item>
@@ -88,7 +116,12 @@
           <el-col :span="8">
             <el-form-item label="登记状态：" prop="djzt">
               <el-select disabled v-model="ruleForm.djzt" filterable clearable>
-                <el-option v-for="item in djztList" :key="item.value" :label="item.label" :value="item.value">
+                <el-option
+                  v-for="item in djztList"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                >
                 </el-option>
               </el-select>
             </el-form-item>
@@ -131,7 +164,8 @@
         <tdytTable
           :ableOperation="viewEdit"
           :tableData="ruleForm.tdytqxList"
-          @upDateTdytxxList="upDateTdytxxList" />
+          @upDateTdytxxList="upDateTdytxxList"
+        />
         <div class="slxx_title title-block">
           权利人信息
           <div class="triangle"></div>
@@ -149,22 +183,42 @@
 
           <el-col :span="5" v-show="ruleForm.gyfs != '1'">
             <el-form-item label="是否分别持证：">
-              <el-radio-group v-model="ruleForm.sffbcz" :disabled="!viewEdit">
+              <el-radio-group
+                v-model="ruleForm.sffbcz"
+                :disabled="!viewEdit"
+                @input="updaterow()"
+              >
                 <el-radio label="1">是</el-radio>
                 <el-radio label="0">否</el-radio>
               </el-radio-group>
             </el-form-item>
           </el-col>
-          <el-col :span="5" v-show="ruleForm.gyfs != '1' && ruleForm.sffbcz=='0'">
+          <el-col
+            :span="5"
+            v-show="ruleForm.gyfs != '1' && ruleForm.sffbcz == '0'"
+          >
             <el-form-item label="持证人：">
-              <el-select v-model="czr" placeholder="持证人" :disabled="!viewEdit">
-                <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value">
+              <el-select
+                v-model="czr"
+                placeholder="持证人"
+                :disabled="!viewEdit"
+              >
+                <el-option
+                  v-for="item in czrOptions"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                >
                 </el-option>
               </el-select>
             </el-form-item>
           </el-col>
         </el-row>
-        <qlrCommonTable :tableData="ruleForm.qlrList" :gyfs="ruleForm.gyfs" :disabled="viewEdit" />
+        <qlrCommonTable
+          :tableData="ruleForm.qlrList"
+          :gyfs="ruleForm.gyfs"
+          :disabled="viewEdit"
+        />
         <div class="slxx_title title-block">
           登记原因
           <div class="triangle"></div>
@@ -172,7 +226,14 @@
         <el-row :gutter="10">
           <el-col>
             <el-form-item label="登记原因：" prop="djyy">
-              <el-input class="textArea" type="textarea" maxlength="500" show-word-limit :disabled="!viewEdit" v-model="ruleForm.djyy">
+              <el-input
+                class="textArea"
+                type="textarea"
+                maxlength="500"
+                show-word-limit
+                :disabled="!viewEdit"
+                v-model="ruleForm.djyy"
+              >
               </el-input>
             </el-form-item>
           </el-col>
@@ -187,18 +248,114 @@
   </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;
+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) {
       var formdata = new FormData();
-      formdata.append("bsmSldy", this.propsParam.bsmSldy);
+      formdata.append("bsmSldy", bsmSldy);
+      formdata.append("isEdit", this.viewEdit);
       Init(formdata).then((res) => {
         if (res.code === 200 && res.result) {
           this.ruleForm = {
@@ -207,245 +364,159 @@
             ...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: 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,
-            };
-          }
+    /**
+     * @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",
         });
-      },
-      /**
-       * @description: onSubmit
-       * @author: renchao
-       */
-      onSubmit () {
-        let that = this
-        let arr = this.ruleForm.tdytqxList.filter(item => !item.yt)
-        if (arr.length > 0) {
+        return false;
+      }
+      if (this.ruleForm.qlrList.length == 0) {
+        this.$message({
+          showClose: true,
+          message: "请确认权利人信息",
+          type: "error",
+        });
+        return false;
+      }
+
+      if (this.ruleForm.gyfs == "0") {
+        if (this.ruleForm.qlrList.length > 1) {
           this.$message({
             showClose: true,
-            message: "土地用途不能为空",
+            message: "共有方式：单独所有，权利人只能是一个人",
             type: "error",
           });
           return false;
         }
-        if (this.ruleForm.qlrList.length == 0) {
+        this.ruleForm.qlrList[0].sfczr = "1";
+      } else {
+        if (this.ruleForm.qlrList.length <= 1) {
           this.$message({
             showClose: true,
-            message: "请确认权利人信息",
+            message:
+              "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
             type: "error",
           });
           return false;
         }
-
-        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";
+        //是否分别持证
+        if (this.ruleForm.sqfbcz == "1") {
+          //是
+          this.ruleForm.qlrList.forEach((item, index) => {
+            item.sfczr = "1";
+          });
         } else {
-          if (this.ruleForm.qlrList.length <= 1) {
-            this.$message({
+          if (!that.czr) {
+            that.$message({
               showClose: true,
-              message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
+              message: "请选择持证人",
               type: "error",
             });
             return false;
           }
-          //是否分别持证
-          if (this.ruleForm.sqfbcz == "1") {
-            //是
-            this.ruleForm.qlrList.forEach((item, index) => {
+          this.ruleForm.qlrList.forEach((item, index) => {
+            if (item.zjh == this.czr) {
               item.sfczr = "1";
-            });
-          } else {
-            if (!that.czr) {
-              that.$message({
-                showClose: true,
-                message: "请选择持证人",
-                type: "error",
-              });
-              return false;
+            } else {
+              item.sfczr = "0";
             }
-            this.ruleForm.qlrList.forEach((item, index) => {
-              if (item.zjh == this.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 }
-          }
-        })
       }
-    }
-  };
+      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";
+<style scoped lang="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>

@@ -6,9 +6,16 @@
 <template>
   <!-- 受理信息 -->
   <div class="slxx">
-    <el-form :model="ruleForm" :rules="rules" :class="{readonly: editDisabled }"
-      class="loadingtext" ref="ruleForm" :label-position="flag ? 'top' : ''"
-      :inline="flag" label-width="120px">
+    <el-form
+      :model="ruleForm"
+      :rules="rules"
+      :class="{ readonly: editDisabled }"
+      class="loadingtext"
+      ref="ruleForm"
+      :label-position="flag ? 'top' : ''"
+      :inline="flag"
+      label-width="120px"
+    >
       <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
         <div class="slxx_title title-block">
           受理信息
@@ -73,17 +80,17 @@
           <el-col :span="8">
             <el-form-item label="使用权面积：">
               <div class="flex">
-                <el-input v-model="ruleForm.jsydsyq.syqmj"
-                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
-                <el-select
-                  disabled
-                  v-model="mjdw"
-                  style="width: 68px">
+                <el-input
+                  v-model="ruleForm.jsydsyq.syqmj"
+                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
+                ></el-input>
+                <el-select disabled v-model="mjdw" style="width: 68px">
                   <el-option
                     v-for="item in dictData['A7']"
                     :key="item.dcode"
                     :label="item.dname"
-                    :value="item.dcode">
+                    :value="item.dcode"
+                  >
                   </el-option>
                 </el-select>
               </div>
@@ -101,10 +108,19 @@
           </el-col>
           <el-col :span="8">
             <el-form-item label="取得价格：">
-              <div style="display:flex">
-                <el-input v-model="ruleForm.jsydsyq.qdjg" style="width:500%" oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
+              <div style="display: flex">
+                <el-input
+                  v-model="ruleForm.jsydsyq.qdjg"
+                  style="width: 500%"
+                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
+                ></el-input>
                 <el-select v-model="ruleForm.jsydsyq.jedw">
-                  <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode">
+                  <el-option
+                    v-for="item in dictData['A57']"
+                    :key="item.dcode"
+                    :label="item.dname"
+                    :value="item.dcode"
+                  >
                   </el-option>
                 </el-select>
               </div>
@@ -133,7 +149,12 @@
         <el-row :gutter="10">
           <el-col>
             <el-form-item label="附记：" prop="fj">
-              <el-input type="textarea" maxlength="500" show-word-limit v-model="ruleForm.jsydsyq.fj"></el-input>
+              <el-input
+                type="textarea"
+                maxlength="500"
+                show-word-limit
+                v-model="ruleForm.jsydsyq.fj"
+              ></el-input>
             </el-form-item>
           </el-col>
         </el-row>
@@ -144,7 +165,8 @@
         <tdytTable
           :ableOperation="viewEdit"
           :tableData="ruleForm.tdytqxList"
-          @upDateTdytxxList="upDateTdytxxList" />
+          @upDateTdytxxList="upDateTdytxxList"
+        />
         <div class="slxx_title title-block">
           权利人信息
           <div class="triangle"></div>
@@ -152,7 +174,10 @@
         <el-row :gutter="10">
           <el-col :span="12">
             <el-form-item label="共有方式：">
-              <el-radio-group :disabled="!viewEdit" v-model="ruleForm.sldy.gyfs">
+              <el-radio-group
+                :disabled="!viewEdit"
+                v-model="ruleForm.sldy.gyfs"
+              >
                 <el-radio label="0">单独所有</el-radio>
                 <el-radio label="1">共同共有</el-radio>
                 <el-radio label="2">按份所有</el-radio>
@@ -164,7 +189,9 @@
             <el-form-item label="是否分别持证：">
               <el-radio-group
                 v-model="ruleForm.sldy.sqfbcz"
-                :disabled="!viewEdit">
+                :disabled="!viewEdit"
+                @input="updaterow()"
+              >
                 <el-radio :label="1">是</el-radio>
                 <el-radio :label="0">否</el-radio>
               </el-radio-group>
@@ -172,32 +199,45 @@
           </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,index) in czrOptions"
+                  v-for="(item, index) in czrOptions"
                   :key="index"
                   :label="item.sqrmc"
-                  :value="item.zjh">
+                  :value="item.zjh"
+                >
                 </el-option>
               </el-select>
             </el-form-item>
           </el-col>
         </el-row>
-        <qlrCommonTable :tableData="ruleForm.qlrList"
+        <qlrCommonTable
+          :tableData="ruleForm.qlrList"
           :disabled="viewEdit"
-          @upDateQlrxxList="upDateQlrxxList" :key="key" :gyfs="ruleForm.sldy.gyfs" />
+          @upDateQlrxxList="upDateQlrxxList"
+          :key="key"
+          :gyfs="ruleForm.sldy.gyfs"
+        />
 
         <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0">
           <div class="slxx_title title-block">
             义务人信息
             <div class="triangle"></div>
           </div>
-          <qlrCommonTable v-if="ruleForm.ywrList" :disabled="viewEdit" :tableData="ruleForm.ywrList" :key="key" @upDateQlrxxList="upDateYwrxxList" />
+          <qlrCommonTable
+            v-if="ruleForm.ywrList"
+            :disabled="viewEdit"
+            :tableData="ruleForm.ywrList"
+            :key="key"
+            @upDateQlrxxList="upDateYwrxxList"
+          />
         </div>
 
         <div class="slxx_title title-block">
@@ -207,8 +247,14 @@
         <el-row :gutter="10">
           <el-col>
             <el-form-item label="登记原因：" prop="djyy">
-              <el-input class="textArea" type="textarea" maxlength="500" show-word-limit :disabled="!viewEdit"
-                v-model="ruleForm.jsydsyq.djyy">
+              <el-input
+                class="textArea"
+                type="textarea"
+                maxlength="500"
+                show-word-limit
+                :disabled="!viewEdit"
+                v-model="ruleForm.jsydsyq.djyy"
+              >
               </el-input>
             </el-form-item>
           </el-col>
@@ -223,186 +269,197 @@
   </div>
 </template>
 <script>
-  import { mapGetters } from "vuex"
-  import ywmix from "@/views/ywbl/mixin/index"
-  import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"
-  import tdytTable from "@/views/workflow/components/tdytTable";
-  import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"
-  export default {
-    mixins: [ywmix],
-    mounted () {
-      this.viewEdit = this.$parent.currentSelectTab.ableOperation
-      this.propsParam = this.$attrs;
-      var formdata = new FormData();
-      let that = this
-      this.$startLoading();
-      formdata.append("bsmSldy", this.propsParam.bsmSldy);
-      formdata.append("djlx", this.propsParam.djlx);
-      formdata.append("isEdit", this.viewEdit);
-      Init(formdata).then((res) => {
-        this.$nextTick(() => {
-          that.ruleForm = res.result;
-          that.$endLoading();
-          that.isShow = true;
-          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/jsydsyqFlow.js";
+import tdytTable from "@/views/workflow/components/tdytTable";
+import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
+export default {
+  mixins: [ywmix],
+  mounted() {
+    this.viewEdit = this.$parent.currentSelectTab.ableOperation;
+    this.propsParam = this.$attrs;
+    var formdata = new FormData();
+    let that = this;
+    this.$startLoading();
+    formdata.append("bsmSldy", this.propsParam.bsmSldy);
+    formdata.append("djlx", this.propsParam.djlx);
+    formdata.append("isEdit", this.viewEdit);
+    Init(formdata).then((res) => {
+      this.$nextTick(() => {
+        that.ruleForm = res.result;
+        that.$endLoading();
+        that.isShow = true;
+        this.czrOptions = this.ruleForm.qlrList;
+        this.ruleForm.qlrList.forEach((item) => {
+          if (item.sfczr == 1) {
+            this.czr = item.sqrmc;
+             console.log("this.ruleForm.qlrList1", this.ruleForm.qlrList,this.czr);
+          }
+        });
+      });
+    });
+  },
+  components: { qlrCommonTable, tdytTable },
+  computed: {
+    ...mapGetters(["dictData", "flag"]),
+    // 根据流程判断表单是否为只读
+    editDisabled() {
+      if (!this.viewEdit) {
+        //只读状态
+        return true;
+      }
+      return false;
     },
-    components: { qlrCommonTable, tdytTable },
-    computed: {
-      ...mapGetters(["dictData", "flag"]),
-      // 根据流程判断表单是否为只读
-      editDisabled () {
-        if (!this.viewEdit) {
-          //只读状态
-          return true;
-        }
-        return false;
-      },
+  },
+  data() {
+    return {
+      mjdw: "1",
+      //表单是否可操作
+      viewEdit: true,
+      czr: "",
+      key: 0,
+      isShow: false,
+      disabled: true,
+      czrOptions: [],
+      ruleForm: {},
+      //传递参数
+      propsParam: {},
+      rules: {},
+    };
+  },
+  methods: {
+    /**
+     * @description: 更新土地用途信息
+     * @param {*} val
+     * @author: renchao
+     */
+    upDateTdytxxList(val) {
+      this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
+      this.key++;
     },
-    data () {
-      return {
-        mjdw: "1",
-        //表单是否可操作
-        viewEdit: true,
-        czr:"",
-        key: 0,
-        isShow: false,
-        disabled: true,
-        czrOptions: [],
-        ruleForm: {},
-        //传递参数
-        propsParam: {},
-        rules: {}
-      }
+    // 更新权利人信息
+    /**
+     * @description: 更新权利人信息
+     * @param {*} val
+     * @author: renchao
+     */
+    upDateQlrxxList(val) {
+      this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val));
+      this.czrOptions = this.ruleForm.qlrList;
+      this.key++;
     },
-    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 && (this.ruleForm.qlrList = _.cloneDeep(val))
-        this.czrOptions = this.ruleForm.qlrList;
-        this.key++
-      },
-      // 更新义务人信息
-      /**
-       * @description: 更新义务人信息
-       * @param {*} val
-       * @author: renchao
-       */
-      upDateYwrxxList (val) {
-        this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val))
-        this.key++
-      },
-      /**
-       * @description: onSubmit
-       * @author: renchao
-       */
-      onSubmit () {
-        let that = this
-        let arr = this.ruleForm.tdytqxList.filter(item => !item.yt)
-        if (arr.length > 0) {
+    // 是否持证人变化
+    /**
+     * @description: 是否持证人变化
+     * @param {*} val
+     * @author: renchao
+     */
+    updaterow() {
+        this.czr = "";
+    },
+    // 更新义务人信息
+    /**
+     * @description: 更新义务人信息
+     * @param {*} val
+     * @author: renchao
+     */
+    upDateYwrxxList(val) {
+      this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val));
+      this.key++;
+    },
+    /**
+     * @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) {
           this.$message({
             showClose: true,
-            message: "土地用途不能为空",
+            message: "共有方式：单独所有，权利人只能是一个人",
             type: "error",
           });
           return false;
         }
-        if (this.ruleForm.qlrList.length == 0) {
+        this.ruleForm.qlrList[0].sfczr = "1";
+      } else {
+        if (this.ruleForm.qlrList.length <= 1) {
           this.$message({
             showClose: true,
-            message: "请确认权利人信息",
+            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";
+        //是否分别持证
+        if (this.ruleForm.sldy.sqfbcz == "1") {
+          //是
+          this.ruleForm.qlrList.forEach((item, index) => {
+            item.sfczr = "1";
+          });
         } else {
-          if (this.ruleForm.qlrList.length <= 1) {
-            this.$message({
+          if (!that.czr) {
+            that.$message({
               showClose: true,
-              message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
+              message: "请选择持证人",
               type: "error",
             });
             return false;
           }
-          //是否分别持证
-          if (this.ruleForm.sldy.sqfbcz == "1") {
-            //是
-            this.ruleForm.qlrList.forEach((item, index) => {
+          this.ruleForm.qlrList.forEach((item, index) => {
+            if (item.zjh == this.czr) {
               item.sfczr = "1";
-            });
-          } else {
-            if (!that.czr) {
-              that.$message({
-                showClose: true,
-                message: "请选择持证人",
-                type: "error",
-              });
-              return false;
+            } else {
+              item.sfczr = "0";
             }
-            this.ruleForm.qlrList.forEach((item, index) => {
-              if (item.zjh == this.czr) {
-                item.sfczr = "1";
-              } else {
-                item.sfczr = "0";
-              }
-            });
-          }
+          });
         }
-        /**
-         * @description: saveData
-         * @author: renchao
-         */
-        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: saveData
+       * @author: renchao
+       */
+      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",
+          });
+        }
+      });
+    },
+  },
+};
 </script>
-<style scoped lang='scss'>
-  @import "~@/styles/public.scss";
-  @import "~@/styles/slxx/slxx.scss";
+<style scoped lang="scss">
+@import "~@/styles/public.scss";
+@import "~@/styles/slxx/slxx.scss";
 </style>

@@ -13,7 +13,8 @@
       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">
           受理信息
@@ -55,7 +56,8 @@
         </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>
@@ -101,13 +103,15 @@
                   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>
@@ -124,9 +128,12 @@
           <el-col>
             <el-form-item label="附记：" prop="fj">
               <el-input
-                type="textarea" maxlength="500" show-word-limit
+                type="textarea"
+                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>
@@ -137,7 +144,8 @@
         <tdytTable
           :tableData="ruleForm.tdytqxList"
           :ableOperation="viewEdit"
-          @upDateTdytxxList="upDateTdytxxList" />
+          @upDateTdytxxList="upDateTdytxxList"
+        />
         <div class="slxx_title title-block">
           权利人信息
           <div class="triangle"></div>
@@ -147,7 +155,8 @@
             <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>
@@ -159,7 +168,9 @@
             <el-form-item label="是否分别持证：">
               <el-radio-group
                 v-model="ruleForm.sldy.sqfbcz"
-                :disabled="!viewEdit">
+                :disabled="!viewEdit"
+                @input="updaterow()"
+              >
                 <el-radio :label="1">是</el-radio>
                 <el-radio :label="0">否</el-radio>
               </el-radio-group>
@@ -167,17 +178,20 @@
           </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>
@@ -187,7 +201,8 @@
           :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>
@@ -198,9 +213,11 @@
               <el-input
                 class="textArea"
                 type="textarea"
-                maxlength="500" show-word-limit
+                maxlength="500"
+                show-word-limit
                 :disabled="!viewEdit"
-                v-model="ruleForm.jsydsyq.djyy">
+                v-model="ruleForm.jsydsyq.djyy"
+              >
               </el-input>
             </el-form-item>
           </el-col>
@@ -215,181 +232,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;
+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;
         }
-        this.ruleForm.qlrList.forEach((item) => {
-            if(item.sfczr==1){
-              this.czr=item.sqrmc
-            }
-          })
-        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++;
     },
-    components: { qlrCommonTable, tdytTable },
-    computed: {
-      ...mapGetters(["dictData", "flag"]),
+    /**
+     * @description: 更新权利人信息
+     * @param {*} val
+     * @author: renchao
+     */
+    upDateQlrxxList(val) {
+      this.ruleForm.qlrList = _.cloneDeep(val);
+      this.czrOptions = this.ruleForm.qlrList;
+      this.key++;
     },
-    data () {
-      return {
-        //表单是否可操作
-        viewEdit: false,
-        disabled: true,
-        czrOptions: [],
-        czr:"",
-        ruleForm: {
-          slywxx: {},
-          qlxx: {},
-          zdjbxx: {},
-          jsydsyq: {},
-        },
-        //传递参数
-        propsParam: {},
-        rules: {},
-      };
+    // 是否持证人变化
+    /**
+     * @description: 是否持证人变化
+     * @param {*} val
+     * @author: renchao
+     */
+    updaterow() {
+      this.czr = "";
     },
-    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: onSubmit
-       * @author: renchao
-       */
-      onSubmit () {
-        let that = this
-        let arr = this.ruleForm.tdytqxList.filter(item => !item.yt)
-        if (arr.length > 0) {
+    /**
+     * @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) {
           this.$message({
             showClose: true,
-            message: "土地用途不能为空",
+            message: "共有方式：单独所有，权利人只能是一个人",
             type: "error",
           });
           return false;
         }
-        if (this.ruleForm.qlrList.length == 0) {
+        this.ruleForm.qlrList[0].sfczr = "1";
+      } else {
+        if (this.ruleForm.qlrList.length <= 1) {
           this.$message({
             showClose: true,
-            message: "请确认权利人信息",
+            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";
+        //是否分别持证
+        if (this.ruleForm.sldy.sqfbcz == "1") {
+          //是
+          this.ruleForm.qlrList.forEach((item, index) => {
+            item.sfczr = "1";
+          });
         } else {
-          if (this.ruleForm.qlrList.length <= 1) {
-            this.$message({
+          if (!that.czr) {
+            that.$message({
               showClose: true,
-              message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
+              message: "请选择持证人",
               type: "error",
             });
             return false;
           }
-          //是否分别持证
-          if (this.ruleForm.sldy.sqfbcz == "1") {
-            //是
-            this.ruleForm.qlrList.forEach((item, index) => {
+          this.ruleForm.qlrList.forEach((item, index) => {
+            if (item.zjh == this.czr) {
               item.sfczr = "1";
-            });
-          } else {
-            if (!that.czr) {
-              that.$message({
-                showClose: true,
-                message: "请选择持证人",
-                type: "error",
-              });
-              return false;
+            } else {
+              item.sfczr = "0";
             }
-            this.ruleForm.qlrList.forEach((item, index) => {
-              if (item.zjh == this.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: 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>

@@ -11,7 +11,8 @@
       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">
           受理信息
@@ -92,7 +93,8 @@
                   v-for="item in dictData['A45']"
                   :key="item.dcode"
                   :label="item.dname"
-                  :value="item.dcode">
+                  :value="item.dcode"
+                >
                 </el-option>
               </el-select>
             </el-form-item>
@@ -121,7 +123,8 @@
                   v-for="item in dictData['A26']"
                   :key="item.dcode"
                   :label="item.dname"
-                  :value="item.dcode">
+                  :value="item.dcode"
+                >
                 </el-option>
               </el-select>
             </el-form-item>
@@ -133,7 +136,8 @@
                   v-for="item in dictData['A52']"
                   :key="item.dcode"
                   :label="item.dname"
-                  :value="item.dcode">
+                  :value="item.dcode"
+                >
                 </el-option>
               </el-select>
             </el-form-item>
@@ -164,7 +168,12 @@
           </el-col>
           <el-col :span="8">
             <el-form-item label="附记：">
-              <el-input v-model="ruleForm.lq.fj" type="textarea" maxlength="500" show-word-limit></el-input>
+              <el-input
+                v-model="ruleForm.lq.fj"
+                type="textarea"
+                maxlength="500"
+                show-word-limit
+              ></el-input>
             </el-form-item>
           </el-col>
         </el-row>
@@ -175,7 +184,8 @@
         <tdytTable
           :ableOperation="viewEdit"
           :tableData="ruleForm.tdytqxList"
-          @upDateTdytxxList="upDateTdytxxList" />
+          @upDateTdytxxList="upDateTdytxxList"
+        />
         <div class="slxx_title title-block">
           权利人信息
           <div class="triangle"></div>
@@ -185,7 +195,8 @@
             <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>
@@ -197,7 +208,9 @@
             <el-form-item label="是否分别持证：">
               <el-radio-group
                 v-model="ruleForm.sldy.sqfbcz"
-                :disabled="!viewEdit">
+                :disabled="!viewEdit"
+                @input="updaterow()"
+              >
                 <el-radio :label="1">是</el-radio>
                 <el-radio :label="0">否</el-radio>
               </el-radio-group>
@@ -205,17 +218,20 @@
           </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,index) in czrOptions"
+                  v-for="(item, index) in czrOptions"
                   :key="index"
                   :label="item.sqrmc"
-                  :value="item.zjh">
+                  :value="item.zjh"
+                >
                 </el-option>
               </el-select>
             </el-form-item>
@@ -225,7 +241,8 @@
           @upDateQlrxxList="upDateQlrxxList"
           :tableData="ruleForm.qlrList"
           :disabled="viewEdit"
-          :gyfs="ruleForm.sldy.gyfs" />
+          :gyfs="ruleForm.sldy.gyfs"
+        />
 
         <div v-if="ruleForm.ywrList && ruleForm.slsq.djlx == '200'">
           <div class="slxx_title title-block">
@@ -236,7 +253,8 @@
             v-if="ruleForm.qlxx"
             @upDateQlrxxList="upDateYwrxxList"
             :tableData="ruleForm.ywrList"
-            :gyfs="ruleForm.sldy.gyfs" />
+            :gyfs="ruleForm.sldy.gyfs"
+          />
         </div>
         <div class="slxx_title title-block">
           登记原因
@@ -248,9 +266,11 @@
               <el-input
                 class="textArea"
                 type="textarea"
-                maxlength="500" show-word-limit
+                maxlength="500"
+                show-word-limit
                 :disabled="!viewEdit"
-                v-model="ruleForm.lq.djyy">
+                v-model="ruleForm.lq.djyy"
+              >
               </el-input>
             </el-form-item>
           </el-col>
@@ -265,252 +285,262 @@
   </div>
 </template>
 <script>
-  import ywmix from "@/views/ywbl/mixin/index";
-  import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
-  import tdytTable from "@/views/workflow/components/tdytTable";
-  import { Init, saveData } from "@/api/workflow/lqFlow.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);
-      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,
-            ...res.result.qlxxdatas,
-          };
-          this.ruleForm.qlrList.forEach((item) => {
-            if(item.sfczr==1){
-              this.czr=item.sqrmc
-            }
-          })
-          //初始化发证方式，1：小证，2：大正
-          this.ruleForm.slsq.fzfs == null
-            ? (this.ruleForm.slsq.fzfs = "1")
-            : this.ruleForm.slsq.fzfs;
-          this.czrOptions = this.ruleForm.qlrList;
-        }
-      });
+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/lqFlow.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);
+    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,
+          ...res.result.qlxxdatas,
+        };
+        this.ruleForm.qlrList.forEach((item) => {
+          if (item.sfczr == 1) {
+            this.czr = item.sqrmc;
+          }
+        });
+        //初始化发证方式，1：小证，2：大正
+        this.ruleForm.slsq.fzfs == null
+          ? (this.ruleForm.slsq.fzfs = "1")
+          : this.ruleForm.slsq.fzfs;
+        this.czrOptions = this.ruleForm.qlrList;
+      }
+    });
+  },
+  components: { qlrCommonTable, tdytTable },
+  computed: {
+    ...mapGetters(["dictData", "flag"]),
+  },
+  data() {
+    return {
+      disabled: true,
+      tdytOption: [],
+      czrOptions: [],
+      czr: "",
+      ruleForm: {
+        flow: {
+          ywh: "",
+        },
+        qlxx: {
+          mj: "",
+        },
+        sldy: {
+          gyfs: "",
+        },
+        slsq: {},
+        fdcq2: {
+          zyjzmj: "",
+          ftjzmj: "",
+        },
+        zdjbxx: {
+          ghytmc: "",
+        },
+      },
+      //传递参数
+      propsParam: this.$attrs,
+      //表单是否可操作
+      viewEdit: true,
+      rules: {},
+    };
+  },
+  methods: {
+    /**
+     * @description: 更新土地用途信息
+     * @param {*} val
+     * @author: renchao
+     */
+    upDateTdytxxList(val) {
+      this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
     },
-    components: { qlrCommonTable, tdytTable },
-    computed: {
-      ...mapGetters(["dictData", "flag"]),
+    // 是否持证人变化
+    /**
+     * @description: 是否持证人变化
+     * @param {*} val
+     * @author: renchao
+     */
+    updaterow() {
+      this.czr = "";
     },
-    data () {
-      return {
-        disabled: true,
-        tdytOption: [],
-        czrOptions: [],
-        czr:"",
-        ruleForm: {
-          flow: {
-            ywh: "",
-          },
-          qlxx: {
-            mj: "",
-          },
-          sldy: {
-            gyfs: "",
-          },
-          slsq: {},
-          fdcq2: {
-            zyjzmj: "",
-            ftjzmj: "",
-          },
-          zdjbxx: {
-            ghytmc: "",
-          },
-        },
-        //传递参数
-        propsParam: this.$attrs,
-        //表单是否可操作
-        viewEdit: true,
-        rules: {},
-      };
+    /**
+     * @description: 更新权利人信息
+     * @param {*} val
+     * @author: renchao
+     */
+    upDateQlrxxList(val) {
+      this.ruleForm.qlrList = _.cloneDeep(val);
+      this.czrOptions = this.ruleForm.qlrList;
+      this.key++;
     },
-    methods: {
-      /**
-       * @description: 更新土地用途信息
-       * @param {*} val
-       * @author: renchao
-       */
-      upDateTdytxxList (val) {
-        this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
-      },
-      /**
-       * @description: 更新权利人信息
-       * @param {*} val
-       * @author: renchao
-       */
-      upDateQlrxxList (val) {
-        this.ruleForm.qlrList = _.cloneDeep(val);
-        this.czrOptions = this.ruleForm.qlrList;
-        this.key++;
-      },
-      /**
-       * @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) {
+    /**
+     * @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: "请确认权利人信息",
+          type: "error",
+        });
+        return false;
+      }
+
+      if (this.ruleForm.sldy.gyfs == "0") {
+        if (this.ruleForm.qlrList.length > 1) {
           this.$message({
             showClose: true,
-            message: "请确认权利人信息",
+            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";
+        this.ruleForm.qlrList[0].sfczr = "1";
+      } else {
+        if (this.ruleForm.qlrList.length <= 1) {
+          this.$message({
+            showClose: true,
+            message:
+              "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
+            type: "error",
+          });
+          return false;
+        }
+        //是否分别持证
+        if (this.ruleForm.sldy.sqfbcz == "1") {
+          //是
+          this.ruleForm.qlrList.forEach((item, index) => {
+            item.sfczr = "1";
+          });
         } else {
-          if (this.ruleForm.qlrList.length <= 1) {
-            this.$message({
+          if (!that.czr) {
+            that.$message({
               showClose: true,
-              message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
+              message: "请选择持证人",
               type: "error",
             });
             return false;
           }
-          //是否分别持证
-          if (this.ruleForm.sldy.sqfbcz == "1") {
-            //是
-            this.ruleForm.qlrList.forEach((item, index) => {
+          this.ruleForm.qlrList.forEach((item, index) => {
+            if (item.zjh == this.czr) {
               item.sfczr = "1";
-            });
-          } else {
-            if (!that.czr) {
-              that.$message({
-                showClose: true,
-                message: "请选择持证人",
-                type: "error",
-              });
-              return false;
+            } else {
+              item.sfczr = "0";
             }
-            this.ruleForm.qlrList.forEach((item, index) => {
-              if (item.zjh == this.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",
-            });
-          }
-        });
-      },
+      }
+      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",
+          });
+        }
+      });
     },
-  };
+  },
+};
 </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>

 <template>
   <!-- 受理信息 -->
   <div class="slxx">
-    <el-form :model="ruleForm" :rules="rules" class="loadingtext" ref="ruleForm" :label-position="flag ? 'top' : ''"
-      :inline="flag" label-width="120px">
+    <el-form
+      :model="ruleForm"
+      :rules="rules"
+      class="loadingtext"
+      ref="ruleForm"
+      :label-position="flag ? 'top' : ''"
+      :inline="flag"
+      label-width="120px"
+    >
       <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
         <div class="slxx_title title-block">
           受理信息
@@ -100,8 +107,19 @@
           </el-col>
           <el-col :span="8">
             <el-form-item label="土地所有权性质：">
-              <el-select v-model="ruleForm.nydsyq.tdsyqxzmc" :disabled="!viewEdit" class="width100" filterable clearable>
-                <el-option v-for="item in dictData['A45']" :key="item.dname" :label="item.dname" :value="item.dname">
+              <el-select
+                v-model="ruleForm.nydsyq.tdsyqxzmc"
+                :disabled="!viewEdit"
+                class="width100"
+                filterable
+                clearable
+              >
+                <el-option
+                  v-for="item in dictData['A45']"
+                  :key="item.dname"
+                  :label="item.dname"
+                  :value="item.dname"
+                >
                 </el-option>
               </el-select>
             </el-form-item>
@@ -122,50 +140,102 @@
         <el-row :gutter="10">
           <el-col :span="8">
             <el-form-item label="水域滩涂类型：">
-              <el-select v-model="ruleForm.nydsyq.syttlx" :disabled="!viewEdit" class="width100" filterable clearable @change="changeSyttlx">
-                <el-option v-for="item in dictData['A23']" :key="item.dcode" :label="item.dname" :value="item.dcode">
+              <el-select
+                v-model="ruleForm.nydsyq.syttlx"
+                :disabled="!viewEdit"
+                class="width100"
+                filterable
+                clearable
+                @change="changeSyttlx"
+              >
+                <el-option
+                  v-for="item in dictData['A23']"
+                  :key="item.dcode"
+                  :label="item.dname"
+                  :value="item.dcode"
+                >
                 </el-option>
               </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="8">
             <el-form-item label="养殖业方式：">
-              <el-select v-model="ruleForm.nydsyq.yzyfs" :disabled="!viewEdit" class="width100" filterable clearable @change="changeYzyfs">
-                <el-option v-for="item in dictData['A24']" :key="item.dcode" :label="item.dname" :value="item.dcode">
+              <el-select
+                v-model="ruleForm.nydsyq.yzyfs"
+                :disabled="!viewEdit"
+                class="width100"
+                filterable
+                clearable
+                @change="changeYzyfs"
+              >
+                <el-option
+                  v-for="item in dictData['A24']"
+                  :key="item.dcode"
+                  :label="item.dname"
+                  :value="item.dcode"
+                >
                 </el-option>
               </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="8">
             <el-form-item label="草原质量：">
-              <el-input v-model="ruleForm.nydsyq.cyzl" :disabled="!viewEdit"></el-input>
+              <el-input
+                v-model="ruleForm.nydsyq.cyzl"
+                :disabled="!viewEdit"
+              ></el-input>
             </el-form-item>
           </el-col>
         </el-row>
         <el-row :gutter="10">
           <el-col :span="8">
             <el-form-item label="适宜载畜量：">
-              <el-input v-model="ruleForm.nydsyq.syzcl" :disabled="!viewEdit" oninput="value=value.replace(/[^\d.]/g,'')"></el-input>
+              <el-input
+                v-model="ruleForm.nydsyq.syzcl"
+                :disabled="!viewEdit"
+                oninput="value=value.replace(/[^\d.]/g,'')"
+              ></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
             <el-form-item label="用地用海分类：">
-              <el-select v-model="ruleForm.nydsyq.ydyhfl" class="width100" :disabled="!viewEdit" filterable clearable @change="changeYdyhfl">
-                <el-option v-for="item in dictData['A51']" :key="item.dcode" :label="item.dname" :value="item.dcode">
+              <el-select
+                v-model="ruleForm.nydsyq.ydyhfl"
+                class="width100"
+                :disabled="!viewEdit"
+                filterable
+                clearable
+                @change="changeYdyhfl"
+              >
+                <el-option
+                  v-for="item in dictData['A51']"
+                  :key="item.dcode"
+                  :label="item.dname"
+                  :value="item.dcode"
+                >
                 </el-option>
               </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="8">
             <el-form-item label="土地承包合同：">
-              <el-input v-model="ruleForm.nydsyq.tdcbht" :disabled="!viewEdit"></el-input>
+              <el-input
+                v-model="ruleForm.nydsyq.tdcbht"
+                :disabled="!viewEdit"
+              ></el-input>
             </el-form-item>
           </el-col>
         </el-row>
         <el-row :gutter="10">
           <el-col>
             <el-form-item label="附记：" prop="fj">
-              <el-input type="textarea" maxlength="500" show-word-limit v-model="ruleForm.nydsyq.fj" :disabled="!viewEdit"></el-input>
+              <el-input
+                type="textarea"
+                maxlength="500"
+                show-word-limit
+                v-model="ruleForm.nydsyq.fj"
+                :disabled="!viewEdit"
+              ></el-input>
             </el-form-item>
           </el-col>
         </el-row>
@@ -176,7 +246,10 @@
         <el-row :gutter="10">
           <el-col :span="12">
             <el-form-item label="共有方式：">
-              <el-radio-group v-model="ruleForm.sldy.gyfs" :disabled="!viewEdit">
+              <el-radio-group
+                v-model="ruleForm.sldy.gyfs"
+                :disabled="!viewEdit"
+              >
                 <el-radio label="0">单独所有</el-radio>
                 <el-radio label="1">共同共有</el-radio>
                 <el-radio label="2">按份所有</el-radio>
@@ -188,7 +261,9 @@
             <el-form-item label="是否分别持证：">
               <el-radio-group
                 v-model="ruleForm.sldy.sqfbcz"
-                :disabled="!viewEdit">
+                :disabled="!viewEdit"
+                @input="updaterow()"
+              >
                 <el-radio :label="1">是</el-radio>
                 <el-radio :label="0">否</el-radio>
               </el-radio-group>
@@ -196,29 +271,41 @@
           </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>
           </el-col>
         </el-row>
-        <qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList" :disabled="viewEdit"
-          :gyfs="ruleForm.sldy.gyfs" />
+        <qlrCommonTable
+          :tableData="ruleForm.qlrList"
+          @upDateQlrxxList="upDateQlrxxList"
+          :disabled="viewEdit"
+          :gyfs="ruleForm.sldy.gyfs"
+        />
         <div class="slxx_title title-block">
           家庭成员
           <div class="triangle"></div>
         </div>
-        <JtcyTable :tableData="ruleForm.jtcyList" @upDateJtcyList="upDateJtcyList" :disabled="viewEdit" :gyfs="ruleForm.sldy.gyfs" />
+        <JtcyTable
+          :tableData="ruleForm.jtcyList"
+          @upDateJtcyList="upDateJtcyList"
+          :disabled="viewEdit"
+          :gyfs="ruleForm.sldy.gyfs"
+        />
         <div class="slxx_title title-block">
           登记原因
           <div class="triangle"></div>
@@ -226,8 +313,14 @@
         <el-row :gutter="10">
           <el-col>
             <el-form-item label="登记原因：" prop="djyy">
-              <el-input class="textArea" type="textarea" maxlength="500" show-word-limit :disabled="!viewEdit"
-                v-model="ruleForm.nydsyq.djyy">
+              <el-input
+                class="textArea"
+                type="textarea"
+                maxlength="500"
+                show-word-limit
+                :disabled="!viewEdit"
+                v-model="ruleForm.nydsyq.djyy"
+              >
               </el-input>
             </el-form-item>
           </el-col>
@@ -242,188 +335,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
-            }
-          })
-        this.$endLoading();
-      })
-    },
-    components: { qlrCommonTable, JtcyTable },
-    computed: {
-      ...mapGetters(["dictData", "flag"])
-    },
-    data () {
-      return {
-        disabled: true,
-        //持证人选项
-        czrOptions: [],
-        czr:"",
-        ruleForm: {
-          zdjbxx: {
-            ghytmc: ''
-          }
+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;
+        }
+      });
+      this.$endLoading();
+    });
+  },
+  components: { qlrCommonTable, JtcyTable },
+  computed: {
+    ...mapGetters(["dictData", "flag"]),
+  },
+  data() {
+    return {
+      disabled: true,
+      //持证人选项
+      czrOptions: [],
+      czr: "",
+      ruleForm: {
+        zdjbxx: {
+          ghytmc: "",
         },
-        //传递参数
-        propsParam: {},
-        //表单是否可操作
-        viewEdit: true,
-        rules: {}
+      },
+      //传递参数
+      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;
       }
-    },
-    methods: {
-      /**
-       * @description: onSubmit
-       * @author: renchao
-       */
-      onSubmit () {
-        let that = this
-        if (this.ruleForm.qlrList.length == 0) {
+
+      if (this.ruleForm.sldy.gyfs == "0") {
+        if (this.ruleForm.qlrList.length > 1) {
           this.$message({
             showClose: true,
-            message: "请确认权利人信息",
+            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";
+        this.ruleForm.qlrList[0].sfczr = "1";
+      } else {
+        if (this.ruleForm.qlrList.length <= 1) {
+          this.$message({
+            showClose: true,
+            message:
+              "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
+            type: "error",
+          });
+          return false;
+        }
+        //是否分别持证
+        if (this.ruleForm.sldy.sqfbcz == "1") {
+          //是
+          this.ruleForm.qlrList.forEach((item, index) => {
+            item.sfczr = "1";
+          });
         } else {
-          if (this.ruleForm.qlrList.length <= 1) {
-            this.$message({
+          if (!that.czr) {
+            that.$message({
               showClose: true,
-              message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
+              message: "请选择持证人",
               type: "error",
             });
             return false;
           }
-          //是否分别持证
-          if (this.ruleForm.sldy.sqfbcz == "1") {
-            //是
-            this.ruleForm.qlrList.forEach((item, index) => {
+          this.ruleForm.qlrList.forEach((item, index) => {
+            if (item.zjh == this.czr) {
               item.sfczr = "1";
-            });
-          } else {
-            if (!that.czr) {
-              that.$message({
-                showClose: true,
-                message: "请选择持证人",
-                type: "error",
-              });
-              return false;
+            } else {
+              item.sfczr = "0";
             }
-            this.ruleForm.qlrList.forEach((item, index) => {
-              if (item.zjh == this.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: upDateJtcyList
-       * @param {*} val
-       * @author: renchao
-       */
-      upDateJtcyList (val) {
-        this.ruleForm.jtcyList = _.cloneDeep(val)
-      },
-      /**
-       * @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;
       }
-    }
-  }
+
+      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;
+    },
+  },
+};
 </script>
-<style scoped lang='scss'>
-  @import "~@/styles/public.scss";
-  @import "~@/styles/slxx/slxx.scss";
+<style scoped lang="scss">
+@import "~@/styles/public.scss";
+@import "~@/styles/slxx/slxx.scss";
 </style>

 <template>
   <!-- 受理信息 -->
   <div class="slxx">
-    <el-form :model="ruleForm" :rules="rules" class="loadingtext" ref="ruleForm" :label-position="flag ? 'top' : ''"
-      :inline="flag" label-width="120px">
+    <el-form
+      :model="ruleForm"
+      :rules="rules"
+      class="loadingtext"
+      ref="ruleForm"
+      :label-position="flag ? 'top' : ''"
+      :inline="flag"
+      label-width="120px"
+    >
       <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
         <div class="slxx_title title-block">
           受理信息
@@ -90,18 +97,35 @@
         <el-row :gutter="10">
           <el-col :span="8">
             <el-form-item label="发包方名称：">
-              <el-input v-model="ruleForm.nydsyq.fbfmc" :disabled="!viewEdit"></el-input>
+              <el-input
+                v-model="ruleForm.nydsyq.fbfmc"
+                :disabled="!viewEdit"
+              ></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
             <el-form-item label="发包方代码：">
-              <el-input v-model="ruleForm.nydsyq.fbfdm" :disabled="!viewEdit"></el-input>
+              <el-input
+                v-model="ruleForm.nydsyq.fbfdm"
+                :disabled="!viewEdit"
+              ></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
             <el-form-item label="土地所有权性质：">
-              <el-select v-model="ruleForm.nydsyq.tdsyqxzmc" class="width100" :disabled="!viewEdit" filterable clearable>
-                <el-option v-for="item in dictData['A45']" :key="item.dname" :label="item.dname" :value="item.dname">
+              <el-select
+                v-model="ruleForm.nydsyq.tdsyqxzmc"
+                class="width100"
+                :disabled="!viewEdit"
+                filterable
+                clearable
+              >
+                <el-option
+                  v-for="item in dictData['A45']"
+                  :key="item.dname"
+                  :label="item.dname"
+                  :value="item.dname"
+                >
                 </el-option>
               </el-select>
             </el-form-item>
@@ -122,50 +146,102 @@
         <el-row :gutter="10">
           <el-col :span="8">
             <el-form-item label="水域滩涂类型：">
-              <el-select v-model="ruleForm.nydsyq.syttlx" :disabled="!viewEdit" class="width100" filterable clearable @change="changeSyttlx">
-                <el-option v-for="item in dictData['A23']" :key="item.dcode" :label="item.dname" :value="item.dcode">
+              <el-select
+                v-model="ruleForm.nydsyq.syttlx"
+                :disabled="!viewEdit"
+                class="width100"
+                filterable
+                clearable
+                @change="changeSyttlx"
+              >
+                <el-option
+                  v-for="item in dictData['A23']"
+                  :key="item.dcode"
+                  :label="item.dname"
+                  :value="item.dcode"
+                >
                 </el-option>
               </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="8">
             <el-form-item label="养殖业方式：">
-              <el-select v-model="ruleForm.nydsyq.yzyfs" :disabled="!viewEdit" class="width100" filterable clearable @change="changeYzyfs">
-                <el-option v-for="item in dictData['A24']" :key="item.dcode" :label="item.dname" :value="item.dcode">
+              <el-select
+                v-model="ruleForm.nydsyq.yzyfs"
+                :disabled="!viewEdit"
+                class="width100"
+                filterable
+                clearable
+                @change="changeYzyfs"
+              >
+                <el-option
+                  v-for="item in dictData['A24']"
+                  :key="item.dcode"
+                  :label="item.dname"
+                  :value="item.dcode"
+                >
                 </el-option>
               </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="8">
             <el-form-item label="草原质量：">
-              <el-input v-model="ruleForm.nydsyq.cyzl" :disabled="!viewEdit"></el-input>
+              <el-input
+                v-model="ruleForm.nydsyq.cyzl"
+                :disabled="!viewEdit"
+              ></el-input>
             </el-form-item>
           </el-col>
         </el-row>
         <el-row :gutter="10">
           <el-col :span="8">
             <el-form-item label="适宜载畜量：">
-              <el-input v-model="ruleForm.nydsyq.syzcl" :disabled="!viewEdit" oninput="value=value.replace(/[^\d.]/g,'')"></el-input>
+              <el-input
+                v-model="ruleForm.nydsyq.syzcl"
+                :disabled="!viewEdit"
+                oninput="value=value.replace(/[^\d.]/g,'')"
+              ></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
             <el-form-item label="用地用海分类：">
-              <el-select v-model="ruleForm.nydsyq.ydyhfl" :disabled="!viewEdit" class="width100" filterable clearable @change="changeYdyhfl">
-                <el-option v-for="item in dictData['A51']" :key="item.dcode" :label="item.dname" :value="item.dcode">
+              <el-select
+                v-model="ruleForm.nydsyq.ydyhfl"
+                :disabled="!viewEdit"
+                class="width100"
+                filterable
+                clearable
+                @change="changeYdyhfl"
+              >
+                <el-option
+                  v-for="item in dictData['A51']"
+                  :key="item.dcode"
+                  :label="item.dname"
+                  :value="item.dcode"
+                >
                 </el-option>
               </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="8">
             <el-form-item label="土地承包合同：">
-              <el-input v-model="ruleForm.nydsyq.tdcbht" :disabled="!viewEdit"></el-input>
+              <el-input
+                v-model="ruleForm.nydsyq.tdcbht"
+                :disabled="!viewEdit"
+              ></el-input>
             </el-form-item>
           </el-col>
         </el-row>
         <el-row :gutter="10">
           <el-col>
             <el-form-item label="附记：" prop="fj">
-              <el-input type="textarea" maxlength="500" show-word-limit v-model="ruleForm.nydsyq.fj" :disabled="!viewEdit"></el-input>
+              <el-input
+                type="textarea"
+                maxlength="500"
+                show-word-limit
+                v-model="ruleForm.nydsyq.fj"
+                :disabled="!viewEdit"
+              ></el-input>
             </el-form-item>
           </el-col>
         </el-row>
@@ -176,7 +252,10 @@
         <el-row :gutter="10">
           <el-col :span="12">
             <el-form-item label="共有方式：">
-              <el-radio-group :disabled="!viewEdit" v-model="ruleForm.sldy.gyfs">
+              <el-radio-group
+                :disabled="!viewEdit"
+                v-model="ruleForm.sldy.gyfs"
+              >
                 <el-radio label="0">单独所有</el-radio>
                 <el-radio label="1">共同共有</el-radio>
                 <el-radio label="2">按份所有</el-radio>
@@ -188,7 +267,9 @@
             <el-form-item label="是否分别持证：">
               <el-radio-group
                 v-model="ruleForm.sldy.sqfbcz"
-                :disabled="!viewEdit">
+                :disabled="!viewEdit"
+                @input="updaterow()"
+              >
                 <el-radio :label="1">是</el-radio>
                 <el-radio :label="0">否</el-radio>
               </el-radio-group>
@@ -196,34 +277,50 @@
           </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>
           </el-col>
         </el-row>
-        <qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList" :disabled="viewEdit"
-          :gyfs="ruleForm.sldy.gyfs" />
+        <qlrCommonTable
+          :tableData="ruleForm.qlrList"
+          @upDateQlrxxList="upDateQlrxxList"
+          :disabled="viewEdit"
+          :gyfs="ruleForm.sldy.gyfs"
+        />
         <div class="slxx_title title-block">
           义务人信息
           <div class="triangle"></div>
         </div>
-        <qlrCommonTable :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList" :disabled="viewEdit" />
+        <qlrCommonTable
+          :tableData="ruleForm.ywrList"
+          @upDateQlrxxList="upDateYwrxxList"
+          :disabled="viewEdit"
+        />
         <div class="slxx_title title-block">
           家庭成员
           <div class="triangle"></div>
         </div>
-        <JtcyTable :tableData="ruleForm.jtcyList" :disabled="!viewEdit" @upDateJtcyList="upDateJtcyList" :gyfs="ruleForm.slywxx.gyfs" />
+        <JtcyTable
+          :tableData="ruleForm.jtcyList"
+          :disabled="!viewEdit"
+          @upDateJtcyList="upDateJtcyList"
+          :gyfs="ruleForm.slywxx.gyfs"
+        />
         <div class="slxx_title title-block">
           登记原因
           <div class="triangle"></div>
@@ -231,8 +328,14 @@
         <el-row :gutter="10">
           <el-col>
             <el-form-item label="登记原因：" prop="djyy">
-              <el-input class="textArea" type="textarea" maxlength="500" show-word-limit :disabled="!viewEdit"
-                v-model="ruleForm.nydsyq.djyy">
+              <el-input
+                class="textArea"
+                type="textarea"
+                maxlength="500"
+                show-word-limit
+                :disabled="!viewEdit"
+                v-model="ruleForm.nydsyq.djyy"
+              >
               </el-input>
             </el-form-item>
           </el-col>
@@ -247,196 +350,205 @@
   </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;
-      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) => {
-        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, JtcyTable },
-    computed: {
-      ...mapGetters(["dictData", "flag"])
-    },
-    data () {
-      return {
-        //表单是否可操作
-        viewEdit: true,
-        disabled: true,
-        czrOptions: [],
-        czr:"",
-        ruleForm: {},
-        //传递参数
-        propsParam: {},
-        rules: {}
+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;
+    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) => {
+      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, JtcyTable },
+  computed: {
+    ...mapGetters(["dictData", "flag"]),
+  },
+  data() {
+    return {
+      //表单是否可操作
+      viewEdit: true,
+      disabled: true,
+      czrOptions: [],
+      czr: "",
+      ruleForm: {},
+      //传递参数
+      propsParam: {},
+      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;
       }
-    },
-    methods: {
-      /**
-       * @description: onSubmit
-       * @author: renchao
-       */
-      onSubmit () {
-        let that = this
-        if (this.ruleForm.qlrList.length == 0) {
+
+      if (this.ruleForm.sldy.gyfs == "0") {
+        if (this.ruleForm.qlrList.length > 1) {
           this.$message({
             showClose: true,
-            message: "请确认权利人信息",
+            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";
+        this.ruleForm.qlrList[0].sfczr = "1";
+      } else {
+        if (this.ruleForm.qlrList.length <= 1) {
+          this.$message({
+            showClose: true,
+            message:
+              "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
+            type: "error",
+          });
+          return false;
+        }
+        //是否分别持证
+        if (this.ruleForm.sldy.sqfbcz == "1") {
+          //是
+          this.ruleForm.qlrList.forEach((item, index) => {
+            item.sfczr = "1";
+          });
         } else {
-          if (this.ruleForm.qlrList.length <= 1) {
-            this.$message({
+          if (!that.czr) {
+            that.$message({
               showClose: true,
-              message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
+              message: "请选择持证人",
               type: "error",
             });
             return false;
           }
-          //是否分别持证
-          if (this.ruleForm.sldy.sqfbcz == "1") {
-            //是
-            this.ruleForm.qlrList.forEach((item, index) => {
+          this.ruleForm.qlrList.forEach((item, index) => {
+            if (item.zjh == this.czr) {
               item.sfczr = "1";
-            });
-          } else {
-            if (!that.czr) {
-              that.$message({
-                showClose: true,
-                message: "请选择持证人",
-                type: "error",
-              });
-              return false;
+            } else {
+              item.sfczr = "0";
             }
-            this.ruleForm.qlrList.forEach((item, index) => {
-              if (item.zjh == this.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: 权利人更新
-       * @param {*} val
-       * @author: renchao
-       */
-      upDateQlrxxList (val) {
-        this.ruleForm.qlrList = _.cloneDeep(val)
-        this.czrOptions = this.ruleForm.qlrList;
-      },
-      /**
-       * @description: 更新义务人信息
-       * @param {*} val
-       * @author: renchao
-       */
-      upDateYwrxxList (val) {
-        this.ruleForm.ywrList = _.cloneDeep(val);
-      },
-      //家庭成员更新
-      /**
-       * @description: 家庭成员更新
-       * @param {*} val
-       * @author: renchao
-       */
-      upDateJtcyList (val) {
-        this.ruleForm.jtcyList = _.cloneDeep(val)
-      },
-      //水域滩涂类型变化事件
-      /**
-       * @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;
-      },
+      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: 权利人更新
+     * @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: 家庭成员更新
+     * @param {*} val
+     * @author: renchao
+     */
+    upDateJtcyList(val) {
+      this.ruleForm.jtcyList = _.cloneDeep(val);
+    },
+    //水域滩涂类型变化事件
+    /**
+     * @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";
+<style scoped lang="scss">
+@import "~@/styles/public.scss";
+@import "~@/styles/slxx/slxx.scss";
 </style>

@@ -11,7 +11,8 @@
       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">
           受理信息
@@ -92,7 +93,8 @@
                   v-for="item in dictData['A45']"
                   :key="item.dcode"
                   :label="item.dname"
-                  :value="item.dcode">
+                  :value="item.dcode"
+                >
                 </el-option>
               </el-select>
             </el-form-item>
@@ -121,7 +123,8 @@
                   v-for="item in dictData['A26']"
                   :key="item.dcode"
                   :label="item.dname"
-                  :value="item.dcode">
+                  :value="item.dcode"
+                >
                 </el-option>
               </el-select>
             </el-form-item>
@@ -133,7 +136,8 @@
                   v-for="item in dictData['A52']"
                   :key="item.dcode"
                   :label="item.dname"
-                  :value="item.dcode">
+                  :value="item.dcode"
+                >
                 </el-option>
               </el-select>
             </el-form-item>
@@ -164,7 +168,12 @@
           </el-col>
           <el-col :span="8">
             <el-form-item label="附记：">
-              <el-input v-model="ruleForm.lq.fj" type="textarea" maxlength="500" show-word-limit></el-input>
+              <el-input
+                v-model="ruleForm.lq.fj"
+                type="textarea"
+                maxlength="500"
+                show-word-limit
+              ></el-input>
             </el-form-item>
           </el-col>
         </el-row>
@@ -175,7 +184,8 @@
         <tdytTable
           :ableOperation="viewEdit"
           :tableData="ruleForm.tdytqxList"
-          @upDateTdytxxList="upDateTdytxxList" />
+          @upDateTdytxxList="upDateTdytxxList"
+        />
         <div class="slxx_title title-block">
           权利人信息
           <div class="triangle"></div>
@@ -185,7 +195,8 @@
             <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>
@@ -197,7 +208,9 @@
             <el-form-item label="是否分别持证：">
               <el-radio-group
                 v-model="ruleForm.sldy.sqfbcz"
-                :disabled="!viewEdit">
+                :disabled="!viewEdit"
+                @input="updaterow()"
+              >
                 <el-radio :label="1">是</el-radio>
                 <el-radio :label="0">否</el-radio>
               </el-radio-group>
@@ -205,17 +218,20 @@
           </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,index) in czrOptions"
+                  v-for="(item, index) in czrOptions"
                   :key="index"
                   :label="item.sqrmc"
-                  :value="item.zjh">
+                  :value="item.zjh"
+                >
                 </el-option>
               </el-select>
             </el-form-item>
@@ -225,7 +241,8 @@
           @upDateQlrxxList="upDateQlrxxList"
           :tableData="ruleForm.qlrList"
           :disabled="viewEdit"
-          :gyfs="ruleForm.sldy.gyfs" />
+          :gyfs="ruleForm.sldy.gyfs"
+        />
 
         <div v-if="ruleForm.ywrList && ruleForm.slsq.djlx == '200'">
           <div class="slxx_title title-block">
@@ -236,7 +253,8 @@
             v-if="ruleForm.qlxx"
             @upDateQlrxxList="upDateYwrxxList"
             :tableData="ruleForm.ywrList"
-            :gyfs="ruleForm.sldy.gyfs" />
+            :gyfs="ruleForm.sldy.gyfs"
+          />
         </div>
         <div class="slxx_title title-block">
           登记原因
@@ -248,9 +266,11 @@
               <el-input
                 class="textArea"
                 type="textarea"
-                maxlength="500" show-word-limit
+                maxlength="500"
+                show-word-limit
                 :disabled="!viewEdit"
-                v-model="ruleForm.lq.djyy">
+                v-model="ruleForm.lq.djyy"
+              >
               </el-input>
             </el-form-item>
           </el-col>
@@ -265,252 +285,262 @@
   </div>
 </template>
 <script>
-  import ywmix from "@/views/ywbl/mixin/index";
-  import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
-  import tdytTable from "@/views/workflow/components/tdytTable";
-  import { Init, saveData } from "@/api/workflow/sllmFlow.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);
-      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,
-            ...res.result.qlxxdatas,
-          };
-          this.ruleForm.qlrList.forEach((item) => {
-            if(item.sfczr==1){
-              this.czr=item.sqrmc
-            }
-          })
-          //初始化发证方式，1：小证，2：大正
-          this.ruleForm.slsq.fzfs == null
-            ? (this.ruleForm.slsq.fzfs = "1")
-            : this.ruleForm.slsq.fzfs;
-          this.czrOptions = this.ruleForm.qlrList;
-        }
-      });
+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/sllmFlow.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);
+    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,
+          ...res.result.qlxxdatas,
+        };
+        this.ruleForm.qlrList.forEach((item) => {
+          if (item.sfczr == 1) {
+            this.czr = item.sqrmc;
+          }
+        });
+        //初始化发证方式，1：小证，2：大正
+        this.ruleForm.slsq.fzfs == null
+          ? (this.ruleForm.slsq.fzfs = "1")
+          : this.ruleForm.slsq.fzfs;
+        this.czrOptions = this.ruleForm.qlrList;
+      }
+    });
+  },
+  components: { qlrCommonTable, tdytTable },
+  computed: {
+    ...mapGetters(["dictData", "flag"]),
+  },
+  data() {
+    return {
+      disabled: true,
+      tdytOption: [],
+      czrOptions: [],
+      czr: "",
+      ruleForm: {
+        flow: {
+          ywh: "",
+        },
+        qlxx: {
+          mj: "",
+        },
+        sldy: {
+          gyfs: "",
+        },
+        slsq: {},
+        fdcq2: {
+          zyjzmj: "",
+          ftjzmj: "",
+        },
+        zdjbxx: {
+          ghytmc: "",
+        },
+      },
+      //传递参数
+      propsParam: this.$attrs,
+      //表单是否可操作
+      viewEdit: true,
+      rules: {},
+    };
+  },
+  methods: {
+    /**
+     * @description: 更新土地用途信息
+     * @param {*} val
+     * @author: renchao
+     */
+    upDateTdytxxList(val) {
+      this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
     },
-    components: { qlrCommonTable, tdytTable },
-    computed: {
-      ...mapGetters(["dictData", "flag"]),
+    /**
+     * @description: 更新权利人信息
+     * @param {*} val
+     * @author: renchao
+     */
+    upDateQlrxxList(val) {
+      this.ruleForm.qlrList = _.cloneDeep(val);
+      this.czrOptions = this.ruleForm.qlrList;
+      this.key++;
     },
-    data () {
-      return {
-        disabled: true,
-        tdytOption: [],
-        czrOptions: [],
-        czr:"",
-        ruleForm: {
-          flow: {
-            ywh: "",
-          },
-          qlxx: {
-            mj: "",
-          },
-          sldy: {
-            gyfs: "",
-          },
-          slsq: {},
-          fdcq2: {
-            zyjzmj: "",
-            ftjzmj: "",
-          },
-          zdjbxx: {
-            ghytmc: "",
-          },
-        },
-        //传递参数
-        propsParam: this.$attrs,
-        //表单是否可操作
-        viewEdit: true,
-        rules: {},
-      };
+     // 是否持证人变化
+    /**
+     * @description: 是否持证人变化
+     * @param {*} val
+     * @author: renchao
+     */
+    updaterow() {
+      this.czr = "";
     },
-    methods: {
-      /**
-       * @description: 更新土地用途信息
-       * @param {*} val
-       * @author: renchao
-       */
-      upDateTdytxxList (val) {
-        this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
-      },
-      /**
-       * @description: 更新权利人信息
-       * @param {*} val
-       * @author: renchao
-       */
-      upDateQlrxxList (val) {
-        this.ruleForm.qlrList = _.cloneDeep(val);
-        this.czrOptions = this.ruleForm.qlrList;
-        this.key++;
-      },
-      /**
-       * @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) {
+    /**
+     * @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: "请确认权利人信息",
+          type: "error",
+        });
+        return false;
+      }
+
+      if (this.ruleForm.sldy.gyfs == "0") {
+        if (this.ruleForm.qlrList.length > 1) {
           this.$message({
             showClose: true,
-            message: "请确认权利人信息",
+            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";
+        this.ruleForm.qlrList[0].sfczr = "1";
+      } else {
+        if (this.ruleForm.qlrList.length <= 1) {
+          this.$message({
+            showClose: true,
+            message:
+              "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
+            type: "error",
+          });
+          return false;
+        }
+        //是否分别持证
+        if (this.ruleForm.sldy.sqfbcz == "1") {
+          //是
+          this.ruleForm.qlrList.forEach((item, index) => {
+            item.sfczr = "1";
+          });
         } else {
-          if (this.ruleForm.qlrList.length <= 1) {
-            this.$message({
+          if (!that.czr) {
+            that.$message({
               showClose: true,
-              message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
+              message: "请选择持证人",
               type: "error",
             });
             return false;
           }
-          //是否分别持证
-          if (this.ruleForm.sldy.sqfbcz == "1") {
-            //是
-            this.ruleForm.qlrList.forEach((item, index) => {
+          this.ruleForm.qlrList.forEach((item, index) => {
+            if (item.zjh == this.czr) {
               item.sfczr = "1";
-            });
-          } else {
-            if (!that.czr) {
-              that.$message({
-                showClose: true,
-                message: "请选择持证人",
-                type: "error",
-              });
-              return false;
+            } else {
+              item.sfczr = "0";
             }
-            this.ruleForm.qlrList.forEach((item, index) => {
-              if (item.zjh == this.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",
-            });
-          }
-        });
-      },
+      }
+      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",
+          });
+        }
+      });
     },
-  };
+  },
+};
 </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>

@@ -13,7 +13,8 @@
       ref="ruleForm"
       :label-position="flag ? 'top' : ''"
       :inline="flag"
-      label-width="120px">
+      label-width="120px"
+    >
       <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
         <div class="slxx_title title-block">
           受理信息
@@ -93,16 +94,19 @@
                 <el-input
                   v-model="ruleForm.tdsyq.nydmj"
                   :disabled="!viewEdit"
-                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
+                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
+                ></el-input>
                 <el-select
                   v-model="mjdw"
                   :disabled="!viewEdit"
-                  style="width: 68px">
+                  style="width: 68px"
+                >
                   <el-option
                     v-for="item in dictData['A7']"
                     :key="item.dcode"
                     :label="item.dname"
-                    :value="item.dcode">
+                    :value="item.dcode"
+                  >
                   </el-option>
                 </el-select>
               </div>
@@ -114,16 +118,19 @@
                 <el-input
                   v-model="ruleForm.tdsyq.gdmj"
                   :disabled="!viewEdit"
-                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
+                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
+                ></el-input>
                 <el-select
                   v-model="mjdw"
                   :disabled="!viewEdit"
-                  style="width: 68px">
+                  style="width: 68px"
+                >
                   <el-option
                     v-for="item in dictData['A7']"
                     :key="item.dcode"
                     :label="item.dname"
-                    :value="item.dcode">
+                    :value="item.dcode"
+                  >
                   </el-option>
                 </el-select>
               </div>
@@ -135,16 +142,19 @@
                 <el-input
                   v-model="ruleForm.tdsyq.ldmj"
                   :disabled="!viewEdit"
-                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
+                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
+                ></el-input>
                 <el-select
                   v-model="mjdw"
                   :disabled="!viewEdit"
-                  style="width: 68px">
+                  style="width: 68px"
+                >
                   <el-option
                     v-for="item in dictData['A7']"
                     :key="item.dcode"
                     :label="item.dname"
-                    :value="item.dcode">
+                    :value="item.dcode"
+                  >
                   </el-option>
                 </el-select>
               </div>
@@ -158,16 +168,19 @@
                 <el-input
                   v-model="ruleForm.tdsyq.cdmj"
                   :disabled="!viewEdit"
-                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
+                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
+                ></el-input>
                 <el-select
                   v-model="mjdw"
                   :disabled="!viewEdit"
-                  style="width: 68px">
+                  style="width: 68px"
+                >
                   <el-option
                     v-for="item in dictData['A7']"
                     :key="item.dcode"
                     :label="item.dname"
-                    :value="item.dcode">
+                    :value="item.dcode"
+                  >
                   </el-option>
                 </el-select>
               </div>
@@ -179,16 +192,19 @@
                 <el-input
                   v-model="ruleForm.tdsyq.qtnydmj"
                   :disabled="!viewEdit"
-                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
+                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
+                ></el-input>
                 <el-select
                   v-model="mjdw"
                   :disabled="!viewEdit"
-                  style="width: 68px">
+                  style="width: 68px"
+                >
                   <el-option
                     v-for="item in dictData['A7']"
                     :key="item.dcode"
                     :label="item.dname"
-                    :value="item.dcode">
+                    :value="item.dcode"
+                  >
                   </el-option>
                 </el-select>
               </div>
@@ -200,16 +216,19 @@
                 <el-input
                   v-model="ruleForm.tdsyq.jsydmj"
                   :disabled="!viewEdit"
-                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
+                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
+                ></el-input>
                 <el-select
                   v-model="mjdw"
                   :disabled="!viewEdit"
-                  style="width: 68px">
+                  style="width: 68px"
+                >
                   <el-option
                     v-for="item in dictData['A7']"
                     :key="item.dcode"
                     :label="item.dname"
-                    :value="item.dcode">
+                    :value="item.dcode"
+                  >
                   </el-option>
                 </el-select>
               </div>
@@ -223,16 +242,19 @@
                 <el-input
                   v-model="ruleForm.tdsyq.wlydmj"
                   :disabled="!viewEdit"
-                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
+                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
+                ></el-input>
                 <el-select
                   v-model="mjdw"
                   :disabled="!viewEdit"
-                  style="width: 68px">
+                  style="width: 68px"
+                >
                   <el-option
                     v-for="item in dictData['A7']"
                     :key="item.dcode"
                     :label="item.dname"
-                    :value="item.dcode">
+                    :value="item.dcode"
+                  >
                   </el-option>
                 </el-select>
               </div>
@@ -246,7 +268,8 @@
         <tdytTable
           :tableData="ruleForm.tdytqxList"
           :ableOperation="viewEdit"
-          @upDateTdytxxList="upDateTdytxxList" />
+          @upDateTdytxxList="upDateTdytxxList"
+        />
         <div class="slxx_title title-block">
           权利人信息
           <div class="triangle"></div>
@@ -256,7 +279,8 @@
             <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>
@@ -268,7 +292,9 @@
             <el-form-item label="是否分别持证：">
               <el-radio-group
                 v-model="ruleForm.sldy.sqfbcz"
-                :disabled="!viewEdit">
+                :disabled="!viewEdit"
+                @input="updaterow()"
+              >
                 <el-radio :label="1">是</el-radio>
                 <el-radio :label="0">否</el-radio>
               </el-radio-group>
@@ -276,17 +302,20 @@
           </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>
@@ -297,7 +326,8 @@
           :disabled="viewEdit"
           @upDateQlrxxList="upDateQlrxxList"
           :key="key"
-          :gyfs="ruleForm.sldy.gyfs" />
+          :gyfs="ruleForm.sldy.gyfs"
+        />
 
         <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0">
           <div class="slxx_title title-block">
@@ -309,7 +339,8 @@
             :disabled="viewEdit"
             :tableData="ruleForm.ywrList"
             :key="key"
-            @upDateQlrxxList="upDateYwrxxList" />
+            @upDateQlrxxList="upDateYwrxxList"
+          />
         </div>
 
         <div class="slxx_title title-block">
@@ -321,10 +352,12 @@
             <el-form-item label="登记原因：" prop="djyy">
               <el-input
                 class="textArea"
-                maxlength="500" show-word-limit
+                maxlength="500"
+                show-word-limit
                 type="textarea"
                 :disabled="!viewEdit"
-                v-model="ruleForm.tdsyq.djyy">
+                v-model="ruleForm.tdsyq.djyy"
+              >
               </el-input>
             </el-form-item>
           </el-col>
@@ -339,190 +372,200 @@
   </div>
 </template>
 <script>
-  import { mapGetters } from "vuex";
-  import ywmix from "@/views/ywbl/mixin/index"
-  import { Init, saveData } from "@/api/workflow/tdsyqFlow.js";
-  import tdytTable from "@/views/workflow/components/tdytTable";
-  import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
-  export default {
-    mixins: [ywmix],
-    components: { qlrCommonTable, tdytTable },
-    mounted () {
-      this.viewEdit = this.$parent.currentSelectTab.ableOperation;
-      this.propsParam = this.$attrs;
-      var formdata = new FormData();
-      let that = this;
-      this.$startLoading();
-      formdata.append("bsmSldy", this.propsParam.bsmSldy);
-      formdata.append("djlx", this.propsParam.djlx);
-      formdata.append("isEdit", this.viewEdit);
-      Init(formdata).then((res) => {
-        this.$nextTick(() => {
-          that.ruleForm = res.result;
-          this.czrOptions = this.ruleForm.qlrList;
-          that.$endLoading();
-          that.isShow = true;
-          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/tdsyqFlow.js";
+import tdytTable from "@/views/workflow/components/tdytTable";
+import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
+export default {
+  mixins: [ywmix],
+  components: { qlrCommonTable, tdytTable },
+  mounted() {
+    this.viewEdit = this.$parent.currentSelectTab.ableOperation;
+    this.propsParam = this.$attrs;
+    var formdata = new FormData();
+    let that = this;
+    this.$startLoading();
+    formdata.append("bsmSldy", this.propsParam.bsmSldy);
+    formdata.append("djlx", this.propsParam.djlx);
+    formdata.append("isEdit", this.viewEdit);
+    Init(formdata).then((res) => {
+      this.$nextTick(() => {
+        that.ruleForm = res.result;
+        this.czrOptions = this.ruleForm.qlrList;
+        that.$endLoading();
+        that.isShow = true;
+        this.czrOptions = this.ruleForm.qlrList;
+        this.ruleForm.qlrList.forEach((item) => {
+          if (item.sfczr == 1) {
+            this.czr = item.sqrmc;
+          }
         });
       });
-    },
+    });
+  },
 
-    computed: {
-      ...mapGetters(["dictData", "flag"]),
-    },
-    data () {
-      return {
-        mjdw: "1",
-        value2: {
-          id: "520000198407304275",
-          user: "史平",
-        },
-        props: {
-          label: "user",
-          value: "id",
-          keyword: "keyword",
-        },
-
-        //表单是否可操作
-        viewEdit: true,
-        key: 0,
-        isShow: false,
-        disabled: true,
-        czrOptions: [],
-        czr:"",
-        ruleForm: {},
-        //传递参数
-        propsParam: {},
-        rules: {},
-      };
-    },
-    methods: {
-      /**
-       * @description: 更新土地用途信息
-       * @param {*} val
-       * @author: renchao
-       */
-      upDateTdytxxList (val) {
-        this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
-        this.key++;
+  computed: {
+    ...mapGetters(["dictData", "flag"]),
+  },
+  data() {
+    return {
+      mjdw: "1",
+      value2: {
+        id: "520000198407304275",
+        user: "史平",
       },
-      /**
-       * @description: 更新权利人信息
-       * @param {*} val
-       * @author: renchao
-       */
-      upDateQlrxxList (val) {
-        this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val));
-        this.czrOptions = this.ruleForm.qlrList;
-        this.key++;
-      },
-      // 更新义务人信息
-      /**
-       * @description: 更新义务人信息
-       * @param {*} val
-       * @author: renchao
-       */
-      upDateYwrxxList (val) {
-        this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val));
-        this.key++;
+      props: {
+        label: "user",
+        value: "id",
+        keyword: "keyword",
       },
-      /**
-       * @description: onSubmit
-       * @author: renchao
-       */
-      onSubmit () {
-        let that = this
-        let arr = this.ruleForm.tdytqxList.filter(item => !item.yt)
-        if (arr.length > 0) {
+
+      //表单是否可操作
+      viewEdit: true,
+      key: 0,
+      isShow: false,
+      disabled: true,
+      czrOptions: [],
+      czr: "",
+      ruleForm: {},
+      //传递参数
+      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 && (this.ruleForm.qlrList = _.cloneDeep(val));
+      this.czrOptions = this.ruleForm.qlrList;
+      this.key++;
+    },
+    // 更新义务人信息
+    /**
+     * @description: 更新义务人信息
+     * @param {*} val
+     * @author: renchao
+     */
+    upDateYwrxxList(val) {
+      this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val));
+      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: "土地用途不能为空",
+          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) {
           this.$message({
             showClose: true,
-            message: "土地用途不能为空",
+            message: "共有方式：单独所有，权利人只能是一个人",
             type: "error",
           });
           return false;
         }
-        if (this.ruleForm.qlrList.length == 0) {
+        this.ruleForm.qlrList[0].sfczr = "1";
+      } else {
+        if (this.ruleForm.qlrList.length <= 1) {
           this.$message({
             showClose: true,
-            message: "请确认权利人信息",
+            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";
+        //是否分别持证
+        if (this.ruleForm.sldy.sqfbcz == "1") {
+          //是
+          this.ruleForm.qlrList.forEach((item, index) => {
+            item.sfczr = "1";
+          });
         } else {
-          if (this.ruleForm.qlrList.length <= 1) {
-            this.$message({
+          if (!that.czr) {
+            that.$message({
               showClose: true,
-              message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
+              message: "请选择持证人",
               type: "error",
             });
             return false;
           }
-          //是否分别持证
-          if (this.ruleForm.sldy.sqfbcz == "1") {
-            //是
-            this.ruleForm.qlrList.forEach((item, index) => {
+          this.ruleForm.qlrList.forEach((item, index) => {
+            if (item.zjh == this.czr) {
               item.sfczr = "1";
-            });
-          } else {
-            if (!that.czr) {
-              that.$message({
-                showClose: true,
-                message: "请选择持证人",
-                type: "error",
-              });
-              return false;
+            } else {
+              item.sfczr = "0";
             }
-            this.ruleForm.qlrList.forEach((item, index) => {
-              if (item.zjh == this.czr) {
-                item.sfczr = "1";
-              } else {
-                item.sfczr = "0";
-              }
-            });
-          }
+          });
         }
-        /**
-         * @description: saveData
-         * @author: renchao
-         */
-        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: saveData
+       * @author: renchao
+       */
+      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",
+          });
+        }
+      });
     },
-  };
+  },
+};
 </script>
 <style scoped lang="scss">
-  @import "~@/styles/public.scss";
-  @import "~@/styles/slxx/slxx.scss";
+@import "~@/styles/public.scss";
+@import "~@/styles/slxx/slxx.scss";
 </style>

 <template>
   <!-- 受理信息 -->
   <div class="slxx">
-    <el-form :model="ruleForm" :rules="rules" class="loadingtext" ref="ruleForm" :label-position="flag ? 'top' : ''"
-      :inline="flag" label-width="120px">
+    <el-form
+      :model="ruleForm"
+      :rules="rules"
+      class="loadingtext"
+      ref="ruleForm"
+      :label-position="flag ? 'top' : ''"
+      :inline="flag"
+      label-width="120px"
+    >
       <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
         <div class="slxx_title title-block">
           受理信息
@@ -81,7 +88,8 @@
                   v-for="item in dictData['A19']"
                   :key="item.dcode"
                   :label="item.dname"
-                  :value="item.dcode">
+                  :value="item.dcode"
+                >
                 </el-option>
               </el-select>
             </el-form-item>
@@ -95,7 +103,8 @@
                   v-for="item in dictData['A17']"
                   :key="item.dcode"
                   :label="item.dname"
-                  :value="item.dcode">
+                  :value="item.dcode"
+                >
                 </el-option>
               </el-select>
             </el-form-item>
@@ -107,7 +116,10 @@
           </el-col>
           <el-col :span="8">
             <el-form-item label="总层数：">
-              <el-input v-model.number="ruleForm.ygdj.zcs" oninput="value=value.replace(/[^0-9]/g,'')"></el-input>
+              <el-input
+                v-model.number="ruleForm.ygdj.zcs"
+                oninput="value=value.replace(/[^0-9]/g,'')"
+              ></el-input>
             </el-form-item>
           </el-col>
         </el-row>
@@ -119,7 +131,8 @@
                   v-for="item in dictData['A46']"
                   :key="item.dcode"
                   :label="item.dname"
-                  :value="item.dcode">
+                  :value="item.dcode"
+                >
                 </el-option>
               </el-select>
             </el-form-item>
@@ -128,17 +141,18 @@
           <el-col :span="8">
             <el-form-item label="建筑面积：">
               <div class="flex">
-                <el-input v-model="ruleForm.ygdj.jzmj" :disabled="!viewEdit"
-                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
-                <el-select
-                  disabled
-                  v-model="mjdw"
-                  style="width: 68px">
+                <el-input
+                  v-model="ruleForm.ygdj.jzmj"
+                  :disabled="!viewEdit"
+                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
+                ></el-input>
+                <el-select disabled v-model="mjdw" style="width: 68px">
                   <el-option
                     v-for="item in dictData['A7']"
                     :key="item.dcode"
                     :label="item.dname"
-                    :value="item.dcode">
+                    :value="item.dcode"
+                  >
                   </el-option>
                 </el-select>
               </div>
@@ -151,12 +165,14 @@
                 <el-select
                   v-model="ruleForm.ygdj.jedw"
                   :disabled="!viewEdit"
-                  style="width: 68px">
+                  style="width: 68px"
+                >
                   <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>
@@ -166,7 +182,12 @@
         <el-row :gutter="10">
           <el-col :span="24">
             <el-form-item label="附记：">
-              <el-input v-model="ruleForm.ygdj.fj" type="textarea" maxlength="500" show-word-limit></el-input>
+              <el-input
+                v-model="ruleForm.ygdj.fj"
+                type="textarea"
+                maxlength="500"
+                show-word-limit
+              ></el-input>
             </el-form-item>
           </el-col>
         </el-row>
@@ -177,7 +198,10 @@
         <el-row :gutter="10">
           <el-col :span="12" v-if="ruleForm.qlxx">
             <el-form-item label="共有方式：">
-              <el-radio-group :disabled="!viewEdit" v-model="ruleForm.sldy.gyfs">
+              <el-radio-group
+                :disabled="!viewEdit"
+                v-model="ruleForm.sldy.gyfs"
+              >
                 <el-radio label="0">单独所有</el-radio>
                 <el-radio label="1">共同共有</el-radio>
                 <el-radio label="2">按份所有</el-radio>
@@ -189,7 +213,9 @@
             <el-form-item label="是否分别持证：">
               <el-radio-group
                 v-model="ruleForm.sldy.sqfbcz"
-                :disabled="!viewEdit">
+                :disabled="!viewEdit"
+                @input="updaterow()"
+              >
                 <el-radio :label="1">是</el-radio>
                 <el-radio :label="0">否</el-radio>
               </el-radio-group>
@@ -197,30 +223,41 @@
           </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>
           </el-col>
         </el-row>
-        <qlrCommonTable @upDateQlrxxList="upDateQlrxxList" :disabled="viewEdit" :tableData="ruleForm.qlrList"
-          :gyfs="ruleForm.sldy.gyfs" />
+        <qlrCommonTable
+          @upDateQlrxxList="upDateQlrxxList"
+          :disabled="viewEdit"
+          :tableData="ruleForm.qlrList"
+          :gyfs="ruleForm.sldy.gyfs"
+        />
         <div class="slxx_title title-block">
           义务人信息
           <div class="triangle"></div>
         </div>
-        <qlrCommonTable @upDateQlrxxList="upDateYwrxxList" :disabled="viewEdit" :tableData="ruleForm.ywrList"
-          :gyfs="ruleForm.sldy.gyfs" />
+        <qlrCommonTable
+          @upDateQlrxxList="upDateYwrxxList"
+          :disabled="viewEdit"
+          :tableData="ruleForm.ywrList"
+          :gyfs="ruleForm.sldy.gyfs"
+        />
         <div class="slxx_title title-block">
           登记原因
           <div class="triangle"></div>
@@ -228,8 +265,14 @@
         <el-row :gutter="10">
           <el-col>
             <el-form-item label="登记原因：" prop="djyy">
-              <el-input class="textArea" type="textarea" maxlength="500" show-word-limit :disabled="!viewEdit"
-                v-model="ruleForm.ygdj.djyy">
+              <el-input
+                class="textArea"
+                type="textarea"
+                maxlength="500"
+                show-word-limit
+                :disabled="!viewEdit"
+                v-model="ruleForm.ygdj.djyy"
+              >
               </el-input>
             </el-form-item>
           </el-col>
@@ -244,226 +287,236 @@
   </div>
 </template>
 <script>
-  import ywmix from "@/views/ywbl/mixin/index"
-  import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
-  import { Init, saveData } from "@/api/workflow/ygdjFlow.js";
-  import { mapGetters } from "vuex";
-  export default {
-    mixins: [ywmix],
-    created () {
-      this.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 => {
-        if (res.code === 200 && res.result) {
-          this.ruleForm = res.result;
-          this.czrOptions = this.ruleForm.qlrList;
-          this.$endLoading();
-          this.ruleForm.qlrList.forEach((item) => {
-            if(item.sfczr==1){
-              this.czr=item.sqrmc
-            }
-          })
-        }
-      })
+import ywmix from "@/views/ywbl/mixin/index";
+import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
+import { Init, saveData } from "@/api/workflow/ygdjFlow.js";
+import { mapGetters } from "vuex";
+export default {
+  mixins: [ywmix],
+  created() {
+    this.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) => {
+      if (res.code === 200 && res.result) {
+        this.ruleForm = res.result;
+        this.czrOptions = this.ruleForm.qlrList;
+        this.$endLoading();
+        this.ruleForm.qlrList.forEach((item) => {
+          if (item.sfczr == 1) {
+            this.czr = item.sqrmc;
+          }
+        });
+      }
+    });
+  },
+  components: { qlrCommonTable },
+  computed: {
+    ...mapGetters(["dictData", "flag"]),
+  },
+  data() {
+    return {
+      mjdw: "1",
+      //表单是否可操作
+      viewEdit: true,
+      disabled: true,
+      tdytOption: [],
+      czrOptions: [],
+      czr: "",
+      ruleForm: {
+        qlxx: {},
+        sldy: {},
+        slsq: {},
+        ygdj: {},
+        zdjbxx: {},
+      },
+      //传递参数
+      propsParam: this.$attrs,
+      rules: {},
+    };
+  },
+  methods: {
+    /**
+     * @description: 更新权利人信息
+     * @param {*} val
+     * @author: renchao
+     */
+    upDateQlrxxList(val) {
+      this.ruleForm.qlrList = _.cloneDeep(val);
+      this.czrOptions = this.ruleForm.qlrList;
     },
-    components: { qlrCommonTable },
-    computed: {
-      ...mapGetters(["dictData", "flag"]),
+    /**
+     * @description: 更新业务人信息
+     * @param {*} val
+     * @author: renchao
+     */
+    upDateYwrxxList(val) {
+      this.ruleForm.ywrList = _.cloneDeep(val);
     },
-    data () {
-      return {
-        mjdw: "1",
-        //表单是否可操作
-        viewEdit: true,
-        disabled: true,
-        tdytOption: [],
-        czrOptions: [],
-        czr:"",
-        ruleForm: {
-          qlxx: {}
-          , sldy: {}
-          , slsq: {}
-          , ygdj: {}
-          , zdjbxx: {}
-        },
-        //传递参数
-        propsParam: this.$attrs,
-        rules: {},
-      };
+    // 是否持证人变化
+    /**
+     * @description: 是否持证人变化
+     * @param {*} val
+     * @author: renchao
+     */
+    updaterow() {
+      this.czr = "";
     },
-    methods: {
-      /**
-       * @description: 更新权利人信息
-       * @param {*} val
-       * @author: renchao
-       */
-      upDateQlrxxList (val) {
-        this.ruleForm.qlrList = _.cloneDeep(val);
-        this.czrOptions = this.ruleForm.qlrList
-      },
-      /**
-       * @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) {
+    /**
+     * @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: "请确认权利人信息",
+            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";
+        this.ruleForm.qlrList[0].sfczr = "1";
+      } else {
+        if (this.ruleForm.qlrList.length <= 1) {
+          this.$message({
+            showClose: true,
+            message:
+              "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
+            type: "error",
+          });
+          return false;
+        }
+        //是否分别持证
+        if (this.ruleForm.sldy.sqfbcz == "1") {
+          //是
+          this.ruleForm.qlrList.forEach((item, index) => {
+            item.sfczr = "1";
+          });
         } else {
-          if (this.ruleForm.qlrList.length <= 1) {
-            this.$message({
+          if (!that.czr) {
+            that.$message({
               showClose: true,
-              message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
+              message: "请选择持证人",
               type: "error",
             });
             return false;
           }
-          //是否分别持证
-          if (this.ruleForm.sldy.sqfbcz == "1") {
-            //是
-            this.ruleForm.qlrList.forEach((item, index) => {
+          this.ruleForm.qlrList.forEach((item, index) => {
+            if (item.zjh == this.czr) {
               item.sfczr = "1";
-            });
-          } else {
-            if (!that.czr) {
-              that.$message({
-                showClose: true,
-                message: "请选择持证人",
-                type: "error",
-              });
-              return false;
+            } else {
+              item.sfczr = "0";
             }
-            this.ruleForm.qlrList.forEach((item, index) => {
-              if (item.zjh == this.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",
-            });
-          }
-        });
-      },
+      }
+      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",
+          });
+        }
+      });
     },
-  };
+  },
+};
 </script>
-<style scoped lang='scss'>
-  @import "~@/styles/public.scss";
+<style scoped lang="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>

 <template>
   <!-- 受理信息 -->
   <div class="slxx">
-    <el-form :model="ruleForm" :rules="rules" class="loadingtext" ref="ruleForm" :label-position="flag ? 'top' : ''"
-      :inline="flag" label-width="120px">
+    <el-form
+      :model="ruleForm"
+      :rules="rules"
+      class="loadingtext"
+      ref="ruleForm"
+      :label-position="flag ? 'top' : ''"
+      :inline="flag"
+      label-width="120px"
+    >
       <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
         <div class="slxx_title title-block">
           受理信息
@@ -44,7 +51,8 @@
         </el-row>
         <div
           class="slxx_title title-block flex"
-          style="justify-content: space-between">
+          style="justify-content: space-between"
+        >
           不动产单元情况
           <el-button @click="compare">变化情况对比+</el-button>
         </div>
@@ -102,7 +110,11 @@
           </el-col>
           <el-col :span="8">
             <el-form-item label="总层数：">
-              <el-input disabled v-model.number="ruleForm.ygdj.zcs" oninput="value=value.replace(/[^0-9]/g,'')"></el-input>
+              <el-input
+                disabled
+                v-model.number="ruleForm.ygdj.zcs"
+                oninput="value=value.replace(/[^0-9]/g,'')"
+              ></el-input>
             </el-form-item>
           </el-col>
         </el-row>
@@ -113,7 +125,10 @@
         <el-row :gutter="10">
           <el-col :span="12" v-if="ruleForm.qlxx">
             <el-form-item label="共有方式：">
-              <el-radio-group :disabled="!viewEdit" v-model="ruleForm.sldy.gyfs">
+              <el-radio-group
+                :disabled="!viewEdit"
+                v-model="ruleForm.sldy.gyfs"
+              >
                 <el-radio label="0">单独所有</el-radio>
                 <el-radio label="1">共同共有</el-radio>
                 <el-radio label="2">按份所有</el-radio>
@@ -125,7 +140,9 @@
             <el-form-item label="是否分别持证：">
               <el-radio-group
                 v-model="ruleForm.sldy.sqfbcz"
-                :disabled="!viewEdit">
+                :disabled="!viewEdit"
+                @input="updaterow()"
+              >
                 <el-radio :label="1">是</el-radio>
                 <el-radio :label="0">否</el-radio>
               </el-radio-group>
@@ -133,30 +150,41 @@
           </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>
           </el-col>
         </el-row>
-        <qlrCommonTable @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" :disabled="viewEdit"
-          :gyfs="ruleForm.sldy.gyfs" />
+        <qlrCommonTable
+          @upDateQlrxxList="upDateQlrxxList"
+          :tableData="ruleForm.qlrList"
+          :disabled="viewEdit"
+          :gyfs="ruleForm.sldy.gyfs"
+        />
         <div class="slxx_title title-block">
           义务人信息
           <div class="triangle"></div>
         </div>
-        <qlrCommonTable @upDateQlrxxList="upDateYwrxxList" :tableData="ruleForm.ywrList" :disabled="viewEdit"
-          :gyfs="ruleForm.sldy.gyfs" />
+        <qlrCommonTable
+          @upDateQlrxxList="upDateYwrxxList"
+          :tableData="ruleForm.ywrList"
+          :disabled="viewEdit"
+          :gyfs="ruleForm.sldy.gyfs"
+        />
         <div class="slxx_title title-block">
           登记原因
           <div class="triangle"></div>
@@ -164,8 +192,14 @@
         <el-row :gutter="10">
           <el-col>
             <el-form-item label="登记原因：" prop="djyy">
-              <el-input class="textArea" type="textarea" maxlength="500" show-word-limit :disabled="!viewEdit"
-                v-model="ruleForm.ygdj.djyy">
+              <el-input
+                class="textArea"
+                type="textarea"
+                maxlength="500"
+                show-word-limit
+                :disabled="!viewEdit"
+                v-model="ruleForm.ygdj.djyy"
+              >
               </el-input>
             </el-form-item>
           </el-col>
@@ -180,249 +214,258 @@
   </div>
 </template>
 <script>
-  import ywmix from "@/views/ywbl/mixin/index"
-  import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
-  import { Init, saveData } from "@/api/workflow/ygdjFlow.js";
-  import { mapGetters } from "vuex";
-  export default {
-    mixins: [ywmix],
-    mounted () {
-      this.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.$endLoading();
-          this.ruleForm = res.result;
-          this.czrOptions = this.ruleForm.qlrList;
-          this.ruleForm.qlrList.forEach((item) => {
-            if(item.sfczr==1){
-              this.czr=item.sqrmc
-            }
-          })
-        }
+import ywmix from "@/views/ywbl/mixin/index";
+import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
+import { Init, saveData } from "@/api/workflow/ygdjFlow.js";
+import { mapGetters } from "vuex";
+export default {
+  mixins: [ywmix],
+  mounted() {
+    this.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.$endLoading();
+        this.ruleForm = res.result;
+        this.czrOptions = this.ruleForm.qlrList;
+        this.ruleForm.qlrList.forEach((item) => {
+          if (item.sfczr == 1) {
+            this.czr = item.sqrmc;
+          }
+        });
+      }
+    });
+  },
+  components: { qlrCommonTable },
+  computed: {
+    ...mapGetters(["dictData", "flag"]),
+  },
+  data() {
+    return {
+      //表单是否可操作
+      viewEdit: true,
+      disabled: true,
+      tdytOption: [],
+      czrOptions: [],
+      czr: "",
+      ruleForm: {},
+      //传递参数
+      propsParam: this.$attrs,
+      rules: {},
+    };
+  },
+  methods: {
+    /**
+     * @description: onClick
+     * @author: renchao
+     */
+    onClick() {
+      this.$popup("房屋信息比对", "ywbl/ygdj/slxxCompareDetai", {
+        formData: {
+          bsmSldy: this.propsParam.bsmSldy,
+          qllx: this.propsParam.qllx,
+        },
       });
     },
-    components: { qlrCommonTable },
-    computed: {
-      ...mapGetters(["dictData", "flag"]),
+    /**
+     * @description: 更新权利人信息
+     * @param {*} val
+     * @author: renchao
+     */
+    upDateQlrxxList(val) {
+      this.ruleForm.qlrList = _.cloneDeep(val);
+      this.czrOptions = this.ruleForm.qlrList;
     },
-    data () {
-      return {
-        //表单是否可操作
-        viewEdit: true,
-        disabled: true,
-        tdytOption: [],
-        czrOptions: [],
-        czr:"",
-        ruleForm: {},
-        //传递参数
-        propsParam: this.$attrs,
-        rules: {},
-      };
+    // 是否持证人变化
+    /**
+     * @description: 是否持证人变化
+     * @param {*} val
+     * @author: renchao
+     */
+    updaterow() {
+      this.czr = "";
     },
-    methods: {
-      /**
-       * @description: onClick
-       * @author: renchao
-       */
-      onClick () {
-        this.$popup("房屋信息比对", "ywbl/ygdj/slxxCompareDetai",
-          {
-            formData: {
-              bsmSldy: this.propsParam.bsmSldy,
-              qllx: this.propsParam.qllx
-            }
-          });
-      },
-      /**
-       * @description: 更新权利人信息
-       * @param {*} val
-       * @author: renchao
-       */
-      upDateQlrxxList (val) {
-        this.ruleForm.qlrList = _.cloneDeep(val);
-        this.czrOptions = this.ruleForm.qlrList;
-      },
-      /**
-       * @description: 更新业务人信息
-       * @param {*} val
-       * @author: renchao
-       */
-      upDateYwrxxList (val) {
-        this.ruleForm.ywrList = _.cloneDeep(val);
-      },
+    /**
+     * @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: "请确认权利人信息",
+          type: "error",
+        });
+        return false;
+      }
 
-      /**
-       * @description: onSubmit
-       * @author: renchao
-       */
-      onSubmit () {
-        let that = this
-        if (this.ruleForm.qlrList.length == 0) {
+      if (this.ruleForm.sldy.gyfs == "0") {
+        if (this.ruleForm.qlrList.length > 1) {
           this.$message({
             showClose: true,
-            message: "请确认权利人信息",
+            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";
+        this.ruleForm.qlrList[0].sfczr = "1";
+      } else {
+        if (this.ruleForm.qlrList.length <= 1) {
+          this.$message({
+            showClose: true,
+            message:
+              "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
+            type: "error",
+          });
+          return false;
+        }
+        //是否分别持证
+        if (this.ruleForm.sldy.sqfbcz == "1") {
+          //是
+          this.ruleForm.qlrList.forEach((item, index) => {
+            item.sfczr = "1";
+          });
         } else {
-          if (this.ruleForm.qlrList.length <= 1) {
-            this.$message({
+          if (!that.czr) {
+            that.$message({
               showClose: true,
-              message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
+              message: "请选择持证人",
               type: "error",
             });
             return false;
           }
-          //是否分别持证
-          if (this.ruleForm.sldy.sqfbcz == "1") {
-            //是
-            this.ruleForm.qlrList.forEach((item, index) => {
+          this.ruleForm.qlrList.forEach((item, index) => {
+            if (item.zjh == this.czr) {
               item.sfczr = "1";
-            });
-          } else {
-            if (!that.czr) {
-              that.$message({
-                showClose: true,
-                message: "请选择持证人",
-                type: "error",
-              });
-              return false;
+            } else {
+              item.sfczr = "0";
             }
-            this.ruleForm.qlrList.forEach((item, index) => {
-              if (item.zjh == this.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: compare
- * @author: renchao
- */
-      compare () {
-        this.$popupDialog(
-          this.ruleForm.qlxx.qllxmc,
-          "registerBook/comparison",
-          {
-            bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
-            dqqllx: 'YGDJ',
-          },
-          "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() {
+      this.$popupDialog(
+        this.ruleForm.qlxx.qllxmc,
+        "registerBook/comparison",
+        {
+          bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
+          dqqllx: "YGDJ",
+        },
+        "80%",
+        true
+      );
     },
-  };
+  },
+};
 </script>
-<style scoped lang='scss'>
-  @import "~@/styles/public.scss";
+<style scoped lang="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>

@@ -8,7 +8,8 @@
       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">
           受理信息
@@ -134,31 +135,48 @@
             <el-form-item label="是否存在禁止或限制：">
               <el-input
                 v-model="ruleForm.ygdj.sfczjzhxz"
-                :disabled="ruleForm.sldy.djlx == '300' && !viewEdit"></el-input>
+                :disabled="ruleForm.sldy.djlx == '300' && !viewEdit"
+              ></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
             <el-form-item label="被担保主债权数额：">
               <div class="flex">
-                <el-input v-model="ruleForm.ygdj.qdjg" :disabled="!viewEdit"></el-input>
-                <el-select v-model="ruleForm.ygdj.jedw" :disabled="!viewEdit" style="width: 68px">
+                <el-input
+                  v-model="ruleForm.ygdj.qdjg"
+                  :disabled="!viewEdit"
+                ></el-input>
+                <el-select
+                  v-model="ruleForm.ygdj.jedw"
+                  :disabled="!viewEdit"
+                  style="width: 68px"
+                >
                   <el-option
                     v-for="item in dictData['A57']"
                     :key="item.dcode"
                     :label="item.dname"
-                    :value="item.dcode"></el-option>
+                    :value="item.dcode"
+                  ></el-option>
                 </el-select>
               </div>
             </el-form-item>
           </el-col>
           <el-col :span="8">
             <el-form-item label="债务履行起始时间：">
-              <el-date-picker v-model="ruleForm.ygdj.zwlxqssj" :disabled="!viewEdit" type="date"></el-date-picker>
+              <el-date-picker
+                v-model="ruleForm.ygdj.zwlxqssj"
+                :disabled="!viewEdit"
+                type="date"
+              ></el-date-picker>
             </el-form-item>
           </el-col>
           <el-col :span="8">
             <el-form-item label="债务履行结束时间：">
-              <el-date-picker v-model="ruleForm.ygdj.zwlxjssj" :disabled="!viewEdit" type="date"></el-date-picker>
+              <el-date-picker
+                v-model="ruleForm.ygdj.zwlxjssj"
+                :disabled="!viewEdit"
+                type="date"
+              ></el-date-picker>
             </el-form-item>
           </el-col>
         </el-row>
@@ -167,14 +185,21 @@
             <el-form-item label="担保范围：">
               <el-input
                 v-model="ruleForm.ygdj.dbfw"
-                :disabled="ruleForm.sldy.djlx == '300' && !viewEdit"></el-input>
+                :disabled="ruleForm.sldy.djlx == '300' && !viewEdit"
+              ></el-input>
             </el-form-item>
           </el-col>
         </el-row>
         <el-row>
           <el-col :span="24">
             <el-form-item label="附记：" prop="fj">
-              <el-input type="textarea" maxlength="500" show-word-limit v-model="ruleForm.ygdj.fj" :disabled="!viewEdit"></el-input>
+              <el-input
+                type="textarea"
+                maxlength="500"
+                show-word-limit
+                v-model="ruleForm.ygdj.fj"
+                :disabled="!viewEdit"
+              ></el-input>
             </el-form-item>
           </el-col>
         </el-row>
@@ -185,7 +210,10 @@
         <el-row :gutter="10">
           <el-col :span="12">
             <el-form-item label="共有方式：">
-              <el-radio-group :disabled="!viewEdit" v-model="ruleForm.sldy.gyfs">
+              <el-radio-group
+                :disabled="!viewEdit"
+                v-model="ruleForm.sldy.gyfs"
+              >
                 <el-radio label="0">单独所有</el-radio>
                 <el-radio label="1">共同共有</el-radio>
                 <el-radio label="2">按份所有</el-radio>
@@ -195,20 +223,32 @@
           </el-col>
           <el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'">
             <el-form-item label="是否分别持证：">
-              <el-radio-group v-model="ruleForm.sldy.sqfbcz" :disabled="!viewEdit">
+              <el-radio-group
+                v-model="ruleForm.sldy.sqfbcz"
+                :disabled="!viewEdit"
+                @input="updaterow()"
+              >
                 <el-radio :label="1">是</el-radio>
                 <el-radio :label="0">否</el-radio>
               </el-radio-group>
             </el-form-item>
           </el-col>
-          <el-col :span="6" v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'">
+          <el-col
+            :span="6"
+            v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
+          >
             <el-form-item label="持证人：">
-              <el-select v-model="czr" placeholder="持证人" :disabled="!viewEdit">
+              <el-select
+                v-model="czr"
+                placeholder="持证人"
+                :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>
@@ -217,7 +257,8 @@
           @upDateQlrxxList="upDateQlrxxList"
           :tableData="ruleForm.qlrList"
           :disabled="viewEdit"
-          :gyfs="ruleForm.sldy.gyfs" />
+          :gyfs="ruleForm.sldy.gyfs"
+        />
         <div class="slxx_title title-block">
           义务人信息
           <div class="triangle"></div>
@@ -226,7 +267,8 @@
           @upDateQlrxxList="upDateYwrxxList"
           :tableData="ruleForm.ywrList"
           :disabled="viewEdit"
-          :gyfs="ruleForm.sldy.gyfs" />
+          :gyfs="ruleForm.sldy.gyfs"
+        />
         <div class="slxx_title title-block">
           登记原因
           <div class="triangle"></div>
@@ -240,7 +282,8 @@
                 maxlength="500"
                 show-word-limit
                 :disabled="!viewEdit"
-                v-model="ruleForm.ygdj.djyy"></el-input>
+                v-model="ruleForm.ygdj.djyy"
+              ></el-input>
             </el-form-item>
           </el-col>
         </el-row>
@@ -254,153 +297,163 @@
   </div>
 </template>
 <script>
-  import ywmix from "@/views/ywbl/mixin/index";
-  import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
-  import { Init, saveData } from "@/api/workflow/ygdyFlow.js";
-  import { mapGetters } from "vuex";
-  export default {
-    mixins: [ywmix],
-    created () {
-      this.viewEdit = this.$parent.currentSelectTab.ableOperation;
-      this.propsParam = this.$attrs;
-      var formdata = new FormData();
-      let that = this;
-      this.loading = true;
-      formdata.append("bsmSldy", this.propsParam.bsmSldy);
-      formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
-      formdata.append("djlx", this.propsParam.djlx);
-      formdata.append("isEdit", this.viewEdit);
-      Init(formdata).then((res) => {
-        if (res.code === 200 && res.result) {
-          that.ruleForm = res.result;
-          this.czrOptions = this.ruleForm.qlrList;
-          this.ruleForm.qlrList.forEach((item) => {
-            if(item.sfczr==1){
-              this.czr=item.sqrmc
-            }
-          })
-          setTimeout(() => {
-            that.loading = false;
-          }, 300);
-        }
-      });
+import ywmix from "@/views/ywbl/mixin/index";
+import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
+import { Init, saveData } from "@/api/workflow/ygdyFlow.js";
+import { mapGetters } from "vuex";
+export default {
+  mixins: [ywmix],
+  created() {
+    this.viewEdit = this.$parent.currentSelectTab.ableOperation;
+    this.propsParam = this.$attrs;
+    var formdata = new FormData();
+    let that = this;
+    this.loading = true;
+    formdata.append("bsmSldy", this.propsParam.bsmSldy);
+    formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
+    formdata.append("djlx", this.propsParam.djlx);
+    formdata.append("isEdit", this.viewEdit);
+    Init(formdata).then((res) => {
+      if (res.code === 200 && res.result) {
+        that.ruleForm = res.result;
+        this.czrOptions = this.ruleForm.qlrList;
+        this.ruleForm.qlrList.forEach((item) => {
+          if (item.sfczr == 1) {
+            this.czr = item.sqrmc;
+          }
+        });
+        setTimeout(() => {
+          that.loading = false;
+        }, 300);
+      }
+    });
+  },
+  components: { qlrCommonTable },
+  computed: {
+    ...mapGetters(["dictData", "flag"]),
+  },
+  data() {
+    return {
+      //表单是否可操作
+      viewEdit: true,
+      loading: false,
+      disabled: true,
+      tdytOption: [],
+      czrOptions: [],
+      czr: "",
+      ruleForm: {},
+      //传递参数
+      propsParam: this.$attrs,
+      rules: {},
+    };
+  },
+  methods: {
+    /**
+     * @description: 更新权利人信息
+     * @param {*} val
+     * @author: renchao
+     */
+    upDateQlrxxList(val) {
+      this.ruleForm.qlrList = _.cloneDeep(val);
+      this.czrOptions = this.ruleForm.qlrList;
     },
-    components: { qlrCommonTable },
-    computed: {
-      ...mapGetters(["dictData", "flag"]),
+    /**
+     * @description: 义务人信息
+     * @param {*} val
+     * @author: renchao
+     */
+    upDateYwrxxList(val) {
+      this.ruleForm.ywrList = _.cloneDeep(val);
     },
-    data () {
-      return {
-        //表单是否可操作
-        viewEdit: true,
-        loading: false,
-        disabled: true,
-        tdytOption: [],
-        czrOptions: [],
-        czr:"",
-        ruleForm: {},
-        //传递参数
-        propsParam: this.$attrs,
-        rules: {},
-      };
+    // 是否持证人变化
+    /**
+     * @description: 是否持证人变化
+     * @param {*} val
+     * @author: renchao
+     */
+    updaterow() {
+      this.czr = "";
     },
-    methods: {
-      /**
-       * @description: 更新权利人信息
-       * @param {*} val
-       * @author: renchao
-       */
-      upDateQlrxxList (val) {
-        this.ruleForm.qlrList = _.cloneDeep(val);
-        this.czrOptions = this.ruleForm.qlrList;
-      },
-      /**
-       * @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) {
+    /**
+     * @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: "请确认权利人信息",
+            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";
+        this.ruleForm.qlrList[0].sfczr = "1";
+      } else {
+        if (this.ruleForm.qlrList.length <= 1) {
+          this.$message({
+            showClose: true,
+            message:
+              "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
+            type: "error",
+          });
+          return false;
+        }
+        //是否分别持证
+        if (this.ruleForm.sldy.sqfbcz == "1") {
+          //是
+          this.ruleForm.qlrList.forEach((item, index) => {
+            item.sfczr = "1";
+          });
         } else {
-          if (this.ruleForm.qlrList.length <= 1) {
-            this.$message({
+          if (!that.czr) {
+            that.$message({
               showClose: true,
-              message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
+              message: "请选择持证人",
               type: "error",
             });
             return false;
           }
-          //是否分别持证
-          if (this.ruleForm.sldy.sqfbcz == "1") {
-            //是
-            this.ruleForm.qlrList.forEach((item, index) => {
+          this.ruleForm.qlrList.forEach((item, index) => {
+            if (item.zjh == this.czr) {
               item.sfczr = "1";
-            });
-          } else {
-            if (!that.czr) {
-              that.$message({
-                showClose: true,
-                message: "请选择持证人",
-                type: "error",
-              });
-              return false;
+            } else {
+              item.sfczr = "0";
             }
-            this.ruleForm.qlrList.forEach((item, index) => {
-              if (item.zjh == this.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",
-            });
-          }
-        });
-      },
+      }
+      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",
+          });
+        }
+      });
     },
-  };
+  },
+};
 </script>
-<style scoped lang='scss'>
-  @import "~@/styles/public.scss";
-  @import "~@/styles/slxx/slxx.scss";
+<style scoped lang="scss">
+@import "~@/styles/public.scss";
+@import "~@/styles/slxx/slxx.scss";
 </style>

 <template>
   <!-- 受理信息 -->
   <div class="slxx">
-    <el-form class="loadingtext" :label-position="flag ? 'top' : ''"
-      :inline="flag" label-width="140px">
+    <el-form
+      class="loadingtext"
+      :label-position="flag ? 'top' : ''"
+      :inline="flag"
+      label-width="140px"
+    >
       <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
         <div class="slxx_title title-block">
           受理信息
@@ -28,12 +32,18 @@
         <el-row :gutter="10" v-if="ruleForm.sldyList">
           <el-col :span="8">
             <el-form-item label="权利类型：">
-              <el-input disabled v-model="ruleForm.sldyList[0].qllxmc"></el-input>
+              <el-input
+                disabled
+                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>
+              <el-input
+                disabled
+                v-model="ruleForm.sldyList[0].djlxmc"
+              ></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
@@ -42,8 +52,11 @@
             </el-form-item>
           </el-col>
         </el-row>
-        <div class="slxx_title title-block" v-if="ruleForm.hlist && ruleForm.hlist.length>0">
-          抵押户信息列表信息（{{ruleForm.hlist.length}} 户）
+        <div
+          class="slxx_title title-block"
+          v-if="ruleForm.hlist && ruleForm.hlist.length > 0"
+        >
+          抵押户信息列表信息（{{ ruleForm.hlist.length }} 户）
           <div class="triangle"></div>
         </div>
         <qjhTable :tableData="ruleForm.hlist" />
@@ -51,7 +64,10 @@
           抵押信息
           <div class="triangle"></div>
         </div>
-        <el-row :gutter="10" v-if="ruleForm.diyaqList && ruleForm.diyaqList.length>0">
+        <el-row
+          :gutter="10"
+          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">
@@ -62,15 +78,24 @@
           </el-col>
           <el-col :span="8">
             <el-form-item label="抵押金额类型：">
-              <el-radio-group v-model="ruleForm.diyaqList[0].dyjelx" :disabled="!viewEdit">
+              <el-radio-group
+                v-model="ruleForm.diyaqList[0].dyjelx"
+                :disabled="!viewEdit"
+              >
                 <el-radio label="0">独立抵押</el-radio>
                 <el-radio label="1">整体抵押</el-radio>
               </el-radio-group>
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item label="是否存在禁止或者限制转让抵押不动产的约定：" label-width="350px">
-              <el-radio-group v-model="ruleForm.diyaqList[0].sfczjzhxz" :disabled="!viewEdit">
+            <el-form-item
+              label="是否存在禁止或者限制转让抵押不动产的约定："
+              label-width="350px"
+            >
+              <el-radio-group
+                v-model="ruleForm.diyaqList[0].sfczjzhxz"
+                :disabled="!viewEdit"
+              >
                 <el-radio label="1">启用</el-radio>
                 <el-radio label="0">禁用</el-radio>
               </el-radio-group>
@@ -78,12 +103,26 @@
           </el-col>
         </el-row>
 
-        <el-row :gutter="10" v-if="ruleForm.diyaqList && ruleForm.diyaqList.length>0">
+        <el-row
+          :gutter="10"
+          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>
-              <el-select v-model="ruleForm.diyaqList[0].jedw" :disabled="!viewEdit">
-                <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode">
+              <el-input
+                v-model="ruleForm.diyaqList[0].bdbzzqse"
+                :disabled="!viewEdit"
+              ></el-input>
+              <el-select
+                v-model="ruleForm.diyaqList[0].jedw"
+                :disabled="!viewEdit"
+              >
+                <el-option
+                  v-for="item in dictData['A57']"
+                  :key="item.dcode"
+                  :label="item.dname"
+                  :value="item.dcode"
+                >
                 </el-option>
               </el-select>
             </el-form-item>
@@ -91,9 +130,20 @@
 
           <el-col :span="8" v-show="ruleForm.diyaqList[0].dyfs == 2">
             <el-form-item label="最高债权额：">
-              <el-input v-model="ruleForm.diyaqList[0].zgzqse" :disabled="!viewEdit"></el-input>
-              <el-select v-model="ruleForm.diyaqList[0].jedw" :disabled="!viewEdit">
-                <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode">
+              <el-input
+                v-model="ruleForm.diyaqList[0].zgzqse"
+                :disabled="!viewEdit"
+              ></el-input>
+              <el-select
+                v-model="ruleForm.diyaqList[0].jedw"
+                :disabled="!viewEdit"
+              >
+                <el-option
+                  v-for="item in dictData['A57']"
+                  :key="item.dcode"
+                  :label="item.dname"
+                  :value="item.dcode"
+                >
                 </el-option>
               </el-select>
             </el-form-item>
@@ -101,37 +151,56 @@
 
           <el-col :span="8">
             <el-form-item label="债务履行起始时间：">
-              <el-date-picker v-model="ruleForm.diyaqList[0].zwlxqssj" :disabled="!viewEdit" type="date">
+              <el-date-picker
+                v-model="ruleForm.diyaqList[0].zwlxqssj"
+                :disabled="!viewEdit"
+                type="date"
+              >
               </el-date-picker>
             </el-form-item>
           </el-col>
           <el-col :span="8">
             <el-form-item label="债务履行结束时间：">
-              <el-date-picker v-model="ruleForm.diyaqList[0].zwlxjssj" :disabled="!viewEdit" type="date">
+              <el-date-picker
+                v-model="ruleForm.diyaqList[0].zwlxjssj"
+                :disabled="!viewEdit"
+                type="date"
+              >
               </el-date-picker>
             </el-form-item>
           </el-col>
         </el-row>
 
-        <el-row v-if="ruleForm.diyaqList && ruleForm.diyaqList.length>0">
+        <el-row v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0">
           <el-col :span="24">
             <el-form-item label="担保范围：">
-              <el-input v-model="ruleForm.diyaqList[0].dbfw"
-                :disabled="ruleForm.sldyList[0].djlx == '300' && !viewEdit"></el-input>
+              <el-input
+                v-model="ruleForm.diyaqList[0].dbfw"
+                :disabled="ruleForm.sldyList[0].djlx == '300' && !viewEdit"
+              ></el-input>
             </el-form-item>
           </el-col>
         </el-row>
-        <el-row v-if="ruleForm.diyaqList && ruleForm.diyaqList.length>0">
+        <el-row v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0">
           <el-col :span="24">
             <el-form-item label="最高债权确定事实和数额：">
-              <el-input v-model="ruleForm.diyaqList[0].zgzqqdss" :disabled="!viewEdit"></el-input>
+              <el-input
+                v-model="ruleForm.diyaqList[0].zgzqqdss"
+                :disabled="!viewEdit"
+              ></el-input>
             </el-form-item>
           </el-col>
         </el-row>
-        <el-row v-if="ruleForm.diyaqList && ruleForm.diyaqList.length>0">
+        <el-row v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0">
           <el-col>
             <el-form-item label="附记：" prop="fj">
-              <el-input type="textarea" maxlength="500" show-word-limit v-model="ruleForm.diyaqList[0].fj" :disabled="!viewEdit"></el-input>
+              <el-input
+                type="textarea"
+                maxlength="500"
+                show-word-limit
+                v-model="ruleForm.diyaqList[0].fj"
+                :disabled="!viewEdit"
+              ></el-input>
             </el-form-item>
           </el-col>
         </el-row>
@@ -140,10 +209,16 @@
           抵押权人信息
           <div class="triangle"></div>
         </div>
-        <el-row :gutter="10" v-if="ruleForm.sldyList && ruleForm.sldyList.length>0">
+        <el-row
+          :gutter="10"
+          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">
+              <el-radio-group
+                :disabled="!viewEdit"
+                v-model="ruleForm.sldyList[0].gyfs"
+              >
                 <el-radio label="0">单独所有</el-radio>
                 <el-radio label="1">共同共有</el-radio>
                 <el-radio label="2">按份所有</el-radio>
@@ -154,43 +229,88 @@
 
           <el-col :span="5" v-show="ruleForm.sldyList[0].gyfs != '0'">
             <el-form-item label="是否分别持证：">
-              <el-radio-group v-model="ruleForm.sldyList[0].sqfbcz" :disabled="!viewEdit">
+              <el-radio-group
+                v-model="ruleForm.sldyList[0].sqfbcz"
+                :disabled="!viewEdit"
+                @input="updaterow()"
+              >
                 <el-radio label="1">是</el-radio>
                 <el-radio label="0">否</el-radio>
               </el-radio-group>
             </el-form-item>
           </el-col>
-          <el-col :span="5" v-show="ruleForm.sldyList[0].gyfs != '0'&&ruleForm.sldyList[0].sqfbcz == '0' ">
+          <el-col
+            :span="5"
+            v-show="
+              ruleForm.sldyList[0].gyfs != '0' &&
+              ruleForm.sldyList[0].sqfbcz == '0'
+            "
+          >
             <el-form-item label="持证人：">
-              <el-select v-model="czr" placeholder="持证人" :disabled="!viewEdit">
-                <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value">
+              <el-select
+                v-model="czr"
+                placeholder="持证人"
+                :disabled="!viewEdit"
+              >
+                <el-option
+                  v-for="item in czrOptions"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                >
                 </el-option>
               </el-select>
             </el-form-item>
           </el-col>
         </el-row>
-        <qlrCommonTable v-if="ruleForm.sldyList && ruleForm.sldyList.length>0" :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList"
-          :disabled="viewEdit" :gyfs="ruleForm.sldyList[0].gyfs" />
+        <qlrCommonTable
+          v-if="ruleForm.sldyList && ruleForm.sldyList.length > 0"
+          :tableData="ruleForm.qlrList"
+          @upDateQlrxxList="upDateQlrxxList"
+          :disabled="viewEdit"
+          :gyfs="ruleForm.sldyList[0].gyfs"
+        />
         <div class="slxx_title title-block">
           抵押人信息
           <div class="triangle"></div>
         </div>
-        <qlrCommonTable :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList" :disabled="viewEdit" />
+        <qlrCommonTable
+          :tableData="ruleForm.ywrList"
+          @upDateQlrxxList="upDateYwrxxList"
+          :disabled="viewEdit"
+        />
 
         <div class="slxx_title title-block">
           登记原因
           <div class="triangle"></div>
         </div>
-        <el-row :gutter="10" v-if="ruleForm.diyaqList && ruleForm.diyaqList.length>0">
+        <el-row
+          :gutter="10"
+          v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0"
+        >
           <el-col>
-            <el-form-item v-if="ruleForm.sldyList[0].djlx == '400'" label="注销抵押原因：" prop="djyy">
-              <el-input class="textArea" type="textarea" :disabled="!viewEdit"
-                v-model="ruleForm.diyaqList[0].zxdyyy">
+            <el-form-item
+              v-if="ruleForm.sldyList[0].djlx == '400'"
+              label="注销抵押原因："
+              prop="djyy"
+            >
+              <el-input
+                class="textArea"
+                type="textarea"
+                :disabled="!viewEdit"
+                v-model="ruleForm.diyaqList[0].zxdyyy"
+              >
               </el-input>
             </el-form-item>
             <el-form-item v-else label="登记原因：" prop="djyy">
-              <el-input class="textArea" type="textarea" maxlength="500" show-word-limit :disabled="!viewEdit"
-                v-model="ruleForm.diyaqList[0].djyy">
+              <el-input
+                class="textArea"
+                type="textarea"
+                maxlength="500"
+                show-word-limit
+                :disabled="!viewEdit"
+                v-model="ruleForm.diyaqList[0].djyy"
+              >
               </el-input>
             </el-form-item>
           </el-col>
@@ -205,156 +325,166 @@
   </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);
+    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",
+          });
+          return false;
         }
-      })
-    },
-    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.ruleForm.qlrList[0].sfczr = "1";
+      } else {
+        if (this.ruleForm.qlrList.length <= 1) {
           this.$message({
             showClose: true,
-            message: "请确认抵押权人信息",
+            message:
+              "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
             type: "error",
           });
           return false;
         }
-        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";
+        //是否分别持证
+        if (this.ruleForm.sldyList[0].sqfbcz == "1") {
+          //是
+          this.ruleForm.qlrList.forEach((item, index) => {
+            item.sfczr = "1";
+          });
         } else {
-          if (this.ruleForm.qlrList.length <= 1) {
-            this.$message({
+          if (!that.czr) {
+            that.$message({
               showClose: true,
-              message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
+              message: "请选择持证人",
               type: "error",
             });
             return false;
           }
-          //是否分别持证
-          if (this.ruleForm.sldyList[0].sqfbcz == "1") {
-            //是
-            this.ruleForm.qlrList.forEach((item, index) => {
+          this.ruleForm.qlrList.forEach((item, index) => {
+            if (item.zjh == this.czr) {
               item.sfczr = "1";
-            });
-          } else {
-            if (!that.czr) {
-              that.$message({
-                showClose: true,
-                message: "请选择持证人",
-                type: "error",
-              });
-              return false;
+            } else {
+              item.sfczr = "0";
             }
-            this.ruleForm.qlrList.forEach((item, index) => {
-              if (item.zjh == this.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",
-            });
-          }
-        });
-      },
-
-      // 更新权利人信息
-      /**
-       * @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);
+      }
+      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
+     */
+    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";
+<style scoped lang="scss">
+@import "~@/styles/public.scss";
+@import "~@/styles/slxx/slxx.scss";
 </style>

 <template>
   <!-- 受理信息 -->
   <div class="slxx">
-    <el-form :model="ruleForm" :rules="rules" class="loadingtext" ref="ruleForm" :label-position="flag ? 'top' : ''"
-      :inline="flag" label-width="140px">
+    <el-form
+      :model="ruleForm"
+      :rules="rules"
+      class="loadingtext"
+      ref="ruleForm"
+      :label-position="flag ? 'top' : ''"
+      :inline="flag"
+      label-width="140px"
+    >
       <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
         <div class="slxx_title title-block">
           受理信息
@@ -56,7 +63,8 @@
                 placeholder=""
                 :normalizer="normalizer"
                 :show-count="true"
-                :options="dictData['A17']" />
+                :options="dictData['A17']"
+              />
             </el-form-item>
           </el-col>
           <el-col :span="8">
@@ -121,8 +129,14 @@
             </el-form-item>
           </el-col>
           <el-col :span="16">
-            <el-form-item label="是否存在禁止或者限制转让抵押不动产的约定：" label-width="350px">
-              <el-radio-group v-model="ruleForm.diyaq.sfczjzhxz" :disabled="!viewEdit">
+            <el-form-item
+              label="是否存在禁止或者限制转让抵押不动产的约定："
+              label-width="350px"
+            >
+              <el-radio-group
+                v-model="ruleForm.diyaq.sfczjzhxz"
+                :disabled="!viewEdit"
+              >
                 <el-radio label="1">启用</el-radio>
                 <el-radio label="0">禁用</el-radio>
               </el-radio-group>
@@ -133,9 +147,17 @@
         <el-row :gutter="10">
           <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 1">
             <el-form-item label="被担保主债权数额：">
-              <el-input v-model="ruleForm.diyaq.bdbzzqse" :disabled="!viewEdit"></el-input>
+              <el-input
+                v-model="ruleForm.diyaq.bdbzzqse"
+                :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">
+                <el-option
+                  v-for="item in dictData['A57']"
+                  :key="item.dcode"
+                  :label="item.dname"
+                  :value="item.dcode"
+                >
                 </el-option>
               </el-select>
             </el-form-item>
@@ -143,9 +165,17 @@
 
           <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 2">
             <el-form-item label="最高债权额：">
-              <el-input v-model="ruleForm.diyaq.zgzqse" :disabled="!viewEdit"></el-input>
+              <el-input
+                v-model="ruleForm.diyaq.zgzqse"
+                :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">
+                <el-option
+                  v-for="item in dictData['A57']"
+                  :key="item.dcode"
+                  :label="item.dname"
+                  :value="item.dcode"
+                >
                 </el-option>
               </el-select>
             </el-form-item>
@@ -153,13 +183,21 @@
 
           <el-col :span="8">
             <el-form-item label="债务履行起始时间：">
-              <el-date-picker v-model="ruleForm.diyaq.zwlxqssj" :disabled="!viewEdit" type="date">
+              <el-date-picker
+                v-model="ruleForm.diyaq.zwlxqssj"
+                :disabled="!viewEdit"
+                type="date"
+              >
               </el-date-picker>
             </el-form-item>
           </el-col>
           <el-col :span="8">
             <el-form-item label="债务履行结束时间：">
-              <el-date-picker v-model="ruleForm.diyaq.zwlxjssj" :disabled="!viewEdit" type="date">
+              <el-date-picker
+                v-model="ruleForm.diyaq.zwlxjssj"
+                :disabled="!viewEdit"
+                type="date"
+              >
               </el-date-picker>
             </el-form-item>
           </el-col>
@@ -168,22 +206,33 @@
         <el-row>
           <el-col :span="24">
             <el-form-item label="担保范围：">
-              <el-input v-model="ruleForm.diyaq.dbfw"
-                :disabled="ruleForm.sldy.djlx == '300' && !viewEdit"></el-input>
+              <el-input
+                v-model="ruleForm.diyaq.dbfw"
+                :disabled="ruleForm.sldy.djlx == '300' && !viewEdit"
+              ></el-input>
             </el-form-item>
           </el-col>
         </el-row>
         <el-row>
           <el-col :span="24">
             <el-form-item label="最高债权确定事实和数额：">
-              <el-input v-model="ruleForm.diyaq.zgzqqdss" :disabled="!viewEdit"></el-input>
+              <el-input
+                v-model="ruleForm.diyaq.zgzqqdss"
+                :disabled="!viewEdit"
+              ></el-input>
             </el-form-item>
           </el-col>
         </el-row>
         <el-row>
           <el-col>
             <el-form-item label="附记：" prop="fj">
-              <el-input type="textarea" maxlength="500" show-word-limit v-model="ruleForm.diyaq.fj" :disabled="!viewEdit"></el-input>
+              <el-input
+                type="textarea"
+                maxlength="500"
+                show-word-limit
+                v-model="ruleForm.diyaq.fj"
+                :disabled="!viewEdit"
+              ></el-input>
             </el-form-item>
           </el-col>
         </el-row>
@@ -195,7 +244,10 @@
         <el-row :gutter="10">
           <el-col :span="14">
             <el-form-item label="共有方式：">
-              <el-radio-group :disabled="!viewEdit" v-model="ruleForm.sldy.gyfs">
+              <el-radio-group
+                :disabled="!viewEdit"
+                v-model="ruleForm.sldy.gyfs"
+              >
                 <el-radio label="0">单独所有</el-radio>
                 <el-radio label="1">共同共有</el-radio>
                 <el-radio label="2">按份所有</el-radio>
@@ -207,7 +259,9 @@
             <el-form-item label="是否分别持证：">
               <el-radio-group
                 v-model="ruleForm.sldy.sqfbcz"
-                :disabled="!viewEdit">
+                :disabled="!viewEdit"
+                @input="updaterow()"
+              >
                 <el-radio :label="1">是</el-radio>
                 <el-radio :label="0">否</el-radio>
               </el-radio-group>
@@ -215,28 +269,40 @@
           </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>
           </el-col>
         </el-row>
-        <qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList" :disabled="viewEdit" :gyfs="ruleForm.sldy.gyfs" />
+        <qlrCommonTable
+          :tableData="ruleForm.qlrList"
+          @upDateQlrxxList="upDateQlrxxList"
+          :disabled="viewEdit"
+          :gyfs="ruleForm.sldy.gyfs"
+        />
         <div class="slxx_title title-block">
           抵押人信息
           <div class="triangle"></div>
         </div>
-        <qlrCommonTable :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList" :disabled="viewEdit" />
+        <qlrCommonTable
+          :tableData="ruleForm.ywrList"
+          @upDateQlrxxList="upDateYwrxxList"
+          :disabled="viewEdit"
+        />
 
         <div class="slxx_title title-block">
           登记原因
@@ -244,14 +310,28 @@
         </div>
         <el-row :gutter="10">
           <el-col>
-            <el-form-item v-if="ruleForm.sldy.djlx == '400'" label="注销抵押原因：" prop="djyy">
-              <el-input class="textArea" type="textarea" :disabled="!viewEdit"
-                v-model="ruleForm.diyaq.zxdyyy">
+            <el-form-item
+              v-if="ruleForm.sldy.djlx == '400'"
+              label="注销抵押原因："
+              prop="djyy"
+            >
+              <el-input
+                class="textArea"
+                type="textarea"
+                :disabled="!viewEdit"
+                v-model="ruleForm.diyaq.zxdyyy"
+              >
               </el-input>
             </el-form-item>
             <el-form-item v-else label="登记原因：" prop="djyy">
-              <el-input class="textArea" type="textarea" maxlength="500" show-word-limit :disabled="!viewEdit "
-                v-model="ruleForm.diyaq.djyy">
+              <el-input
+                class="textArea"
+                type="textarea"
+                maxlength="500"
+                show-word-limit
+                :disabled="!viewEdit"
+                v-model="ruleForm.diyaq.djyy"
+              >
               </el-input>
             </el-form-item>
           </el-col>
@@ -266,162 +346,172 @@
   </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;
+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;
           }
-          return {
-            id: node.dcode,
-            label: node.dname,
-          };
-        },
-      };
-    },
-    methods: {
-      /**
-       * @description: onSubmitClick
-       * @author: renchao
-       */
-      onSubmitClick () {
-        let that = this
-        if (this.ruleForm.qlrList.length == 0) {
+        });
+        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: "请确认权利人信息",
+            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";
+        this.ruleForm.qlrList[0].sfczr = "1";
+      } else {
+        if (this.ruleForm.qlrList.length <= 1) {
+          this.$message({
+            showClose: true,
+            message:
+              "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
+            type: "error",
+          });
+          return false;
+        }
+        //是否分别持证
+        if (this.ruleForm.sldy.sqfbcz == "1") {
+          //是
+          this.ruleForm.qlrList.forEach((item, index) => {
+            item.sfczr = "1";
+          });
         } else {
-          if (this.ruleForm.qlrList.length <= 1) {
-            this.$message({
+          if (!that.czr) {
+            that.$message({
               showClose: true,
-              message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
+              message: "请选择持证人",
               type: "error",
             });
             return false;
           }
-          //是否分别持证
-          if (this.ruleForm.sldy.sqfbcz == "1") {
-            //是
-            this.ruleForm.qlrList.forEach((item, index) => {
+          this.ruleForm.qlrList.forEach((item, index) => {
+            if (item.zjh == this.czr) {
               item.sfczr = "1";
-            });
-          } else {
-            if (!that.czr) {
-              that.$message({
-                showClose: true,
-                message: "请选择持证人",
-                type: "error",
-              });
-              return false;
+            } else {
+              item.sfczr = "0";
             }
-            this.ruleForm.qlrList.forEach((item, index) => {
-              if (item.zjh == this.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
-       */
-      upDateYwrxxList (val) {
-        if (!_.isEqual(val, this.ruleForm.ywrList)) {
-          this.ruleForm.ywrList = _.cloneDeep(val);
+      }
+      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);
+      }
+    },
+  },
+};
 </script>
-<style scoped lang='scss'>
-  @import "~@/styles/public.scss";
-  @import "~@/styles/slxx/slxx.scss";
+<style scoped lang="scss">
+@import "~@/styles/public.scss";
+@import "~@/styles/slxx/slxx.scss";
 </style>