style:申请人信息

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-08-22 16:27:35
+ * @LastEditTime: 2023-08-30 15:52:11
 -->
 <template>
   <!-- 受理信息 -->
@@ -10,7 +10,6 @@
       :model="ruleForm"
       :rules="rules"
       :class="{ readonly: editDisabled }"
-      class="loadingtext"
       ref="ruleForm"
       :label-position="flag ? 'top' : ''"
       :inline="flag"
@@ -313,20 +312,6 @@
               <el-input v-model="ruleForm.qlxx.zl"></el-input>
             </el-form-item>
           </el-col>
-          <!-- <el-col :span="8">
-          <el-form-item label="不动产登记证明号：" prop="bdcqzh">
-            <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
-          </el-form-item>
-        </el-col> -->
-          <!-- <el-col :span="8">
-          <el-form-item
-            label="区县代码："
-            prop="qlxx.qxdm"
-            :rules="rules.qxdmrules"
-          >
-            <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
-          </el-form-item>
-        </el-col> -->
           <el-col :span="8">
             <el-form-item label="在建建筑物抵押范围：">
               <el-input v-model="ruleForm.diyaq.zjjzwdyfw"></el-input>
@@ -401,24 +386,6 @@
               </el-date-picker>
             </el-form-item>
           </el-col>
-
-          <!-- <el-col :span="8">
-            <el-form-item label="是否预告登记：">
-              <el-select v-model="ruleForm.diyaq.sfygdj">
-                <el-option
-                  v-for="item in dictData['A6']"
-                  :key="item.dcode"
-                  :label="item.dname"
-                  :value="item.dcode"></el-option>
-              </el-select>
-            </el-form-item>
-          </el-col> -->
-          <!-- <el-col :span="8">
-            <el-form-item label="在建建筑物坐落：">
-              <el-input v-model="ruleForm.diyaq.zjzzwzl"></el-input>
-            </el-form-item>
-          </el-col> -->
-
           <el-col :span="24">
             <el-form-item label="登记原因：">
               <el-input v-model="ruleForm.diyaq.djyy"></el-input>

 /*
  * @Description:workFramezu.vue组件的方法  头部按钮弹框方法
  * @Autor: miaofang
- * @LastEditTime: 2023-08-10 13:41:26
+ * @LastEditTime: 2023-08-30 15:52:01
  */
 import { getPrintTemplateByCode } from "@/api/print";
 import { getQllxByBdcdyid } from "@/api/djbDetail.js";
@@ -44,7 +44,6 @@ export default {
     this.flowInitParam();
   },
   methods: {
-    //加载流程初始参数
     /**
      * @description: 加载流程初始参数
      * @author: renchao

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-08-16 16:45:42
+ * @LastEditTime: 2023-08-30 16:14:24
 -->
 <template>
   <dialogBox
@@ -12,14 +12,15 @@
     :isFullscreen="false"
     @submitForm="submitForm"
     @closeDialog="closeDialog"
-    :isButton="showButton"
-  >
+    :isButton="showButton">
     <el-form
       :model="ruleForm"
       :rules="rules"
       ref="ruleForm"
-      label-width="120px"
-    >
+      label-width="120px">
+      <el-form-item label="身份证读卡器">
+        <el-button type="text" icon="el-icon-tickets" :disabled="!showButton" @click="readClick">读取</el-button>
+      </el-form-item>
       <el-row>
         <el-col :span="8">
           <el-form-item label="权利人类型" prop="sqrlx">
@@ -28,14 +29,12 @@
               v-model="ruleForm.sqrlx"
               class="width100"
               :disabled="!showButton"
-              placeholder="请选择"
-            >
+              placeholder="请选择">
               <el-option
                 v-for="item in dictData['A36']"
                 :key="item.dcode"
                 :label="item.dname"
-                :value="item.dcode"
-              >
+                :value="item.dcode">
               </el-option>
             </el-select>
           </el-form-item>
@@ -45,8 +44,7 @@
             <el-input
               v-model="ruleForm.sqrmc"
               maxlegth="15"
-              :disabled="!showButton"
-            ></el-input>
+              :disabled="!showButton"></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="8">
@@ -56,14 +54,12 @@
               v-model="ruleForm.zjzl"
               :disabled="!showButton"
               class="width100"
-              placeholder="请选择"
-            >
+              placeholder="请选择">
               <el-option
                 v-for="item in dictData['A30']"
                 :key="item.dcode"
                 :label="item.dname"
-                :value="item.dcode"
-              >
+                :value="item.dcode">
               </el-option>
             </el-select>
           </el-form-item>
@@ -76,8 +72,7 @@
               v-model="ruleForm.zjh"
               :disabled="!showButton"
               maxlength="18"
-              oninput="this.value=this.value.replace(/[^\X0-9]/g,'')"
-            ></el-input>
+              oninput="this.value=this.value.replace(/[^\X0-9]/g,'')"></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="8">
@@ -86,37 +81,34 @@
               v-model="ruleForm.dh"
               :disabled="!showButton"
               maxlength="11"
-              oninput="value=value.replace(/[^\d]/g,'')"
-            ></el-input>
+              oninput="value=value.replace(/[^\d]/g,'')"></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="8">
-          <el-form-item label="权利比例" prop="qlbl">
-            <el-input
-              v-model="ruleForm.qlbl"
-              maxlength="32"
-              :disabled="!showButton || this.ruleForm.gyfs == 1"
-            ></el-input>
+          <el-form-item label="性别" prop="xb">
+            <el-select
+              clearable
+              v-model="ruleForm.xb"
+              :disabled="!showButton"
+              class="width100"
+              placeholder="请选择">
+              <el-option
+                v-for="item in dictData['A43']"
+                :key="item.dcode"
+                :label="item.dname"
+                :value="item.dcode">
+              </el-option>
+            </el-select>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row>
         <el-col :span="8">
-          <el-form-item label="法人名称" prop="frmc">
-            <el-input
-              v-model="ruleForm.frmc"
-              maxlength="32"
-              :disabled="!showButton"
-            ></el-input>
-          </el-form-item>
-        </el-col>
-        <el-col :span="8">
           <el-form-item label="国家/地区" prop="gj">
             <el-input
               v-model="ruleForm.gj"
               maxlength="3"
-              :disabled="!showButton"
-            ></el-input>
+              :disabled="!showButton"></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="8">
@@ -124,20 +116,34 @@
             <el-input
               v-model="ruleForm.hjszss"
               maxlength="3"
-              :disabled="!showButton"
-            ></el-input>
+              :disabled="!showButton"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="权利比例" prop="qlbl">
+            <el-input
+              v-model="ruleForm.qlbl"
+              maxlength="32"
+              :disabled="!showButton || this.ruleForm.gyfs == 1"></el-input>
           </el-form-item>
         </el-col>
       </el-row>
 
       <el-row>
-        <el-col :span="24">
+        <el-col :span="8">
+          <el-form-item label="法人名称" prop="frmc">
+            <el-input
+              v-model="ruleForm.frmc"
+              maxlength="32"
+              :disabled="!showButton"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="16">
           <el-form-item label="地址" prop="txdz">
             <el-input
               v-model="ruleForm.txdz"
               maxlength="100"
-              :disabled="!showButton"
-            ></el-input>
+              :disabled="!showButton"></el-input>
           </el-form-item>
         </el-col>
       </el-row>
@@ -148,8 +154,7 @@
             <el-input
               v-model="ruleForm.fzjg"
               maxlength="10"
-              :disabled="!showButton"
-            ></el-input>
+              :disabled="!showButton"></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="8">
@@ -157,8 +162,7 @@
             <el-input
               v-model="ruleForm.dzyj"
               :disabled="!showButton"
-              maxlength="25"
-            ></el-input>
+              maxlength="25"></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="8">
@@ -167,8 +171,7 @@
               v-model.number="ruleForm.yb"
               :disabled="!showButton"
               maxlength="6"
-              oninput="value=value.replace(/[^\d]/g,'')"
-            ></el-input>
+              oninput="value=value.replace(/[^\d]/g,'')"></el-input>
           </el-form-item>
         </el-col>
       </el-row>
@@ -179,8 +182,7 @@
             <el-input
               v-model="ruleForm.gzdw"
               maxlength="32"
-              :disabled="!showButton"
-            ></el-input>
+              :disabled="!showButton"></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="16">
@@ -188,8 +190,7 @@
             <el-input
               v-model="ruleForm.dlrjg"
               maxlength="32"
-              :disabled="!showButton"
-            ></el-input>
+              :disabled="!showButton"></el-input>
           </el-form-item>
         </el-col>
       </el-row>
@@ -201,8 +202,7 @@
               v-model="ruleForm.dlrdh"
               :disabled="!showButton"
               maxlength="11"
-              oninput="value=value.replace(/[^\d]/g,'')"
-            ></el-input>
+              oninput="value=value.replace(/[^\d]/g,'')"></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="8">
@@ -210,8 +210,7 @@
             <el-input
               v-model="ruleForm.dlrmc"
               maxlength="15"
-              :disabled="!showButton"
-            ></el-input>
+              :disabled="!showButton"></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="8">
@@ -221,47 +220,26 @@
               v-model="ruleForm.dlrzjlx"
               :disabled="!showButton"
               class="width100"
-              placeholder="请选择"
-            >
+              placeholder="请选择">
               <el-option
                 v-for="item in dictData['A30']"
                 :key="item.dcode"
                 :label="item.dname"
-                :value="item.dcode"
-              >
+                :value="item.dcode">
               </el-option>
             </el-select>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row>
-        <el-col :span="8">
-          <el-form-item label="性别" prop="xb">
-            <el-select
-              clearable
-              v-model="ruleForm.xb"
-              :disabled="!showButton"
-              class="width100"
-              placeholder="请选择"
-            >
-              <el-option
-                v-for="item in dictData['A43']"
-                :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="dlrzjh">
             <el-input
               v-model="ruleForm.dlrzjh"
               :disabled="!showButton"
               maxlength="18"
-              oninput="this.value=this.value.replace(/[^\X0-9]/g,'')"
-            ></el-input>
+              oninput="this.value=this.value.replace(/[^\X0-9]/g,'')"></el-input>
           </el-form-item>
         </el-col>
       </el-row>
@@ -269,94 +247,122 @@
   </dialogBox>
 </template>
 <script>
-import { mapGetters } from "vuex";
-export default {
-  props: {
-    value: { type: Boolean, default: false },
-    details: { type: Object, default: {} },
-    showButton: { type: Boolean, default: false },
-  },
-  computed: {
-    ...mapGetters(["dictData"]),
-  },
-  data() {
-    return {
-      myValue: this.value,
-      ruleForm: {
-        sqrlx: "",
-        sqrmc: "",
-        zjzl: "",
-        zjh: "",
-        dh: "",
-        xb: "",
-        fs: "",
-        frmc: "",
-        gj: "",
-        hjszss: "",
-        txdz: "",
-        yb: "",
-        fzjg: "",
-        dzyj: "",
-        qlbl: "",
-        gzdw: "",
-        dlrjg: "",
-        dlrmc: "",
-        dlrzjlx: "",
-        dlrzjh: "",
-        dlrdh: "",
-      },
-      rules: {
-        sqrlx: [{ required: true, message: "权利人类型", trigger: "change" }],
-        sqrmc: [{ required: true, message: "姓名/名称", trigger: "blur" }],
-        zjzl: [{ required: true, message: "证件种类", trigger: "change" }],
-        zjh: [{ required: true, message: "证件号", trigger: "blur" }],
-      },
-    };
-  },
-  watch: {
-    value(val) {
-      this.myValue = _.cloneDeep(val);
+  import { mapGetters } from "vuex";
+  import { getIdCardInfo } from '@/utils/operation.js'
+  export default {
+    props: {
+      value: { type: Boolean, default: false },
+      details: { type: Object, default: {} },
+      showButton: { type: Boolean, default: false },
     },
-    details: {
-      handler: function (val, oldVal) {
-        this.ruleForm = val;
-      },
-      deep: true,
+    computed: {
+      ...mapGetters(["dictData"]),
     },
-  },
-  methods: {
-    /**
-     * @description: closeDialog
-     * @author: renchao
-     */
-    closeDialog() {
-      this.$emit("input", false);
-      this.$refs["ruleForm"].resetFields();
+    data () {
+      return {
+        myValue: this.value,
+        ruleForm: {
+          sqrlx: "",
+          sqrmc: "",
+          zjzl: "",
+          zjh: "",
+          dh: "",
+          xb: "",
+          fs: "",
+          frmc: "",
+          gj: "",
+          hjszss: "",
+          txdz: "",
+          yb: "",
+          fzjg: "",
+          dzyj: "",
+          qlbl: "",
+          gzdw: "",
+          dlrjg: "",
+          dlrmc: "",
+          dlrzjlx: "",
+          dlrzjh: "",
+          dlrdh: "",
+        },
+        rules: {
+          sqrlx: [{ required: true, message: "权利人类型", trigger: "change" }],
+          sqrmc: [{ required: true, message: "姓名/名称", trigger: "blur" }],
+          zjzl: [{ required: true, message: "证件种类", trigger: "change" }],
+          zjh: [{ required: true, message: "证件号", trigger: "blur" }],
+        },
+      };
     },
-    /**
-     * @description: submitForm
-     * @author: renchao
-     */
-    submitForm() {
-      this.$refs.ruleForm.validate((valid) => {
-        if (valid) {
-          this.$emit("input", false);
-          this.$emit("updateDetail", _.cloneDeep(this.ruleForm));
-          this.$refs["ruleForm"].resetFields();
-        } else {
-          return false;
-        }
-      });
+    watch: {
+      value (val) {
+        this.myValue = _.cloneDeep(val)
+      },
+      details: {
+        handler: function (val, oldVal) {
+          this.ruleForm = val;
+        },
+        deep: true
+      }
     },
-  },
-};
+    methods: {
+      /**
+       * @description: 身份证打卡器
+       * @param {*} row
+       * @author: renchao
+       */
+      readClick () {
+        getIdCardInfo().then(res => {
+          if (res.data.code == 0) {
+            let data = res.data.IDCardInfo
+            this.ruleForm.sqrmc = data.name
+            this.ruleForm.zjzl = '1'
+            this.ruleForm.zjh = data.cardID
+            this.ruleForm.xb = data.sexCode
+            this.ruleForm.txdz = data.address
+            this.ruleForm.fzjg = data.issueOrgan
+            this.$message({
+              message: '读取成功！',
+              type: 'success'
+            })
+          } else {
+            this.$message({
+              message: res.data.message,
+              type: 'warning'
+            })
+          }
+        })
+      },
+      /**
+       * @description: closeDialog
+       * @author: renchao
+       */
+      closeDialog () {
+        this.$emit("input", false);
+        this.$refs["ruleForm"].resetFields();
+      },
+      /**
+       * @description: submitForm
+       * @author: renchao
+       */
+      submitForm () {
+        this.$refs.ruleForm.validate((valid) => {
+          if (valid) {
+            this.$emit("input", false);
+            this.$emit("updateDetail", _.cloneDeep(this.ruleForm));
+            this.$refs["ruleForm"].resetFields();
+          } else {
+            return false;
+          }
+        })
+      }
+    }
+  }
 </script>
 <style scoped lang="scss">
-@import "~@/styles/dialogBoxheader.scss";
-.submit-button {
-  text-align: center;
-  height: 52px;
-  padding-top: 10px;
-  background-color: #fff;
-}
+  @import "~@/styles/dialogBoxheader.scss";
+  .submit-button {
+    text-align: center;
+    height: 52px;
+    padding-top: 10px;
+    background-color: #fff;
+  }
 </style>

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-08-25 09:53:27
+ * @LastEditTime: 2023-08-30 16:03:09
 -->
 <template>
   <div>
@@ -66,13 +66,13 @@
               )
             }
           },
-          {
-            label: '身份证读卡器',
-            align: 'center',
-            render: (h, scope) => {
-              return <el-button type="text" icon="el-icon-tickets" disabled={!this.disabled} onClick={() => { this.readClick(scope.row) }}>读取</el-button>
-            }
-          },
+          // {
+          //   label: '身份证读卡器',
+          //   align: 'center',
+          //   render: (h, scope) => {
+          //     return <el-button type="text" icon="el-icon-tickets" disabled={!this.disabled} onClick={() => { this.readClick(scope.row) }}>读取</el-button>
+          //   }
+          // },
           {
             prop: "sqrmc",
             label: "姓名/名称"
@@ -124,12 +124,12 @@
           let that = this
           this.$nextTick(() => {
             if (val.length == 0 || !val) {
-              that.tableDataList = _.cloneDeep([{
-                sqrmc: '',
-                dlrzjlx: '',
-                dlrzjh: '',
-                fr: ''
-              }])
+              // that.tableDataList = _.cloneDeep([{
+              //   sqrmc: '',
+              //   dlrzjlx: '',
+              //   dlrzjh: '',
+              //   fr: ''
+              // }])
             } else {
               that.tableDataList = _.cloneDeep(val)
             }
@@ -164,7 +164,7 @@
        * @param {*} value
        * @author: renchao
        */
-          handleupdateDetail (value) {
+      handleupdateDetail (value) {
         let arr = this.tableData.map(item => item.zjh)
         if (this.isaddupdate) {
           if (!arr.includes(value.zjh)) {
@@ -174,7 +174,7 @@
             this.$message.error('证件号不能重复');
           }
         } else {
-          if (!arr.includes(value.zjh)||this.tableData[this.dataIndex].zjh==value.zjh) {
+          if (!arr.includes(value.zjh) || this.tableData[this.dataIndex].zjh == value.zjh) {
             this.tableDataList[this.dataIndex] = _.cloneDeep(value);
             this.$emit('upDateQlrxxList', this.tableDataList)
           } else {
@@ -205,9 +205,8 @@
        * @author: renchao
        */
       deleClick (index, row) {
-          this.tableData.splice(index, 1)
+        this.tableData.splice(index, 1)
       },
-
       /**
        * @description: 身份证读取
        * @param {*} row
@@ -244,7 +243,7 @@
        */
       editClick (index, row) {
         this.details = row
-        this.details.gyfs=this.gyfs
+        this.details.gyfs = this.gyfs
         this.dataIndex = index
         this.dialog = true
 

 <!--
  * @Description: 房屋多幢受理信息
  * @Autor: ssq
- * @LastEditTime: 2023-08-22 16:27:16
+ * @LastEditTime: 2023-08-30 15:47:48
 -->
 <template>
   <div class="slxx">
@@ -11,8 +11,8 @@
       ref="ruleForm"
       :label-position="flag ? 'top' : ''"
       :inline="flag"
-      label-width="120px"
-    >
+      v-Loading="loading"
+      label-width="120px">
       <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
         <div class="slxx_title title-block">
           申请业务信息
@@ -81,14 +81,12 @@
                 <el-select
                   disabled
                   v-model="ruleForm.zdjbxx.mjdw"
-                  style="width: 20%"
-                >
+                  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>
@@ -120,19 +118,17 @@
             <el-form-item label="房地产交易价格：">
               <div class="flex">
                 <el-input
-                maxlength="11"
-                 :disabled="!viewEdit"
+                  maxlength="11"
+                  :disabled="!viewEdit"
                   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 :disabled="!viewEdit" 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>
@@ -142,12 +138,11 @@
           <el-col :span="24">
             <el-form-item label="附记：">
               <el-input
-               :disabled="!viewEdit"
+                :disabled="!viewEdit"
                 v-model="ruleForm.fdcq1.fj"
                 type="textarea"
                 maxlength="500"
-                show-word-limit
-              ></el-input>
+                show-word-limit></el-input>
             </el-form-item>
           </el-col>
         </el-row>
@@ -157,8 +152,7 @@
           <fdcqxmTable
             :ableOperation="viewEdit"
             :tableData="ruleForm.fdcqxm"
-            @updateFdcwxmList="updateFdcwxmList"
-          />
+            @updateFdcwxmList="updateFdcwxmList" />
           <div class="slxx_title title-block">
             土地用途
             <div class="triangle"></div>
@@ -166,8 +160,7 @@
           <tdytTable
             :ableOperation="viewEdit"
             :tableData="ruleForm.tdytqxList"
-            @upDateTdytxxList="upDateTdytxxList"
-          />
+            @upDateTdytxxList="upDateTdytxxList" />
           <div class="slxx_title title-block">
             权利人信息
             <div class="triangle"></div>
@@ -177,8 +170,7 @@
               <el-form-item label="共有方式：">
                 <el-radio-group
                   :disabled="!viewEdit"
-                  v-model="ruleForm.sldy.gyfs"
-                >
+                  v-model="ruleForm.sldy.gyfs">
                   <el-radio label="0">单独所有</el-radio>
                   <el-radio label="1">共同共有</el-radio>
                   <el-radio label="2">按份所有</el-radio>
@@ -191,8 +183,7 @@
                 <el-radio-group
                   v-model="ruleForm.sldy.sqfbcz"
                   :disabled="!viewEdit"
-                  @input="updaterow()"
-                >
+                  @input="updaterow()">
                   <el-radio :label="1">是</el-radio>
                   <el-radio :label="0">否</el-radio>
                 </el-radio-group>
@@ -200,20 +191,17 @@
             </el-col>
             <el-col
               :span="5"
-              v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
-            >
+              v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'">
               <el-form-item label="持证人1：">
                 <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>
@@ -222,8 +210,7 @@
             @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">
@@ -235,8 +222,7 @@
               :disabled="viewEdit"
               @upDateQlrxxList="upDateYwrxxList"
               :tableData="ruleForm.ywrList"
-              :gyfs="ruleForm.qlxx.gyfs"
-            />
+              :gyfs="ruleForm.qlxx.gyfs" />
           </div>
           <div class="slxx_title title-block">
             登记原因
@@ -251,8 +237,7 @@
                   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>
@@ -267,279 +252,284 @@
   </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;
-      }
-    });
-  },
-  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++;
+  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.loading = true
+      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;
+            }
+          });
+          setTimeout(() => {
+            this.loading = false
+          }, 200)
+          //初始化发证方式，1：小证，2：大正
+          this.ruleForm.slsq.fzfs == null
+            ? (this.ruleForm.slsq.fzfs = "1")
+            : this.ruleForm.slsq.fzfs;
+          this.czrOptions = this.ruleForm.qlrList;
+        }
+      });
     },
-    /**
-     * @description: 更新土地用途信息
-     * @param {*} val
-     * @author: renchao
-     */
-    upDateTdytxxList(val) {
-      this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
-      this.key++;
+    components: { qlrCommonTable, tdytTable, fdcqxmTable },
+    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 {
+        loading: false,
+        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++;
+      },
+      /**
+       * @description: 更新土地用途信息
+       * @param {*} val
+       * @author: renchao
+       */
+      upDateTdytxxList (val) {
+        this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
+        this.key++;
+      },
+      /**
+       * @description: 更新权利人信息
+       * @param {*} val
+       * @author: renchao
+       */
+      upDateQlrxxList (val) {
+        this.ruleForm.qlrList = _.cloneDeep(val);
+        this.czrOptions = this.ruleForm.qlrList;
+        this.key++;
+      },
 
-    // 是否持证人变化
-    /**
-     * @description: 是否持证人变化
-     * @param {*} val
-     * @author: renchao
-     */
-    updaterow() {
-      this.czr = "";
-    },
-    // 更新权利人信息
-    /**
-     * @description: 更新权利人信息
-     * @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) {
+      // 是否持证人变化
+      /**
+       * @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: "共有方式：单独所有，权利人只能是一个人",
+            message: "土地用途不能为空",
             type: "error",
           });
           return false;
         }
-        this.ruleForm.qlrList[0].sfczr = "1";
-      } else {
-        if (this.ruleForm.qlrList.length <= 1) {
+        if (this.ruleForm.qlrList.length == 0) {
           this.$message({
             showClose: true,
-            message:
-              "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
+            message: "请确认权利人信息",
             type: "error",
           });
           return false;
         }
-        //是否分别持证
-        if (this.ruleForm.sldy.sqfbcz == "1") {
-          //是
-          this.ruleForm.qlrList.forEach((item, index) => {
-            item.sfczr = "1";
-          });
+        if (this.ruleForm.sldy.gyfs == "0") {
+          if (this.ruleForm.qlrList.length > 1) {
+            this.$message({
+              showClose: true,
+              message: "共有方式：单独所有，权利人只能是一个人",
+              type: "error",
+            });
+            return false;
+          }
+          this.ruleForm.qlrList[0].sfczr = "1";
         } else {
-          if (!that.czr) {
-            that.$message({
+          if (this.ruleForm.qlrList.length <= 1) {
+            this.$message({
               showClose: true,
-              message: "请选择持证人",
+              message:
+                "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
               type: "error",
             });
             return false;
           }
-          this.ruleForm.qlrList.forEach((item, index) => {
-            if (item.zjh == this.czr) {
+          //是否分别持证
+          if (this.ruleForm.sldy.sqfbcz == "1") {
+            //是
+            this.ruleForm.qlrList.forEach((item, index) => {
               item.sfczr = "1";
-            } else {
-              item.sfczr = "0";
+            });
+          } else {
+            if (!that.czr) {
+              that.$message({
+                showClose: true,
+                message: "请选择持证人",
+                type: "error",
+              });
+              return false;
             }
-          });
+            this.ruleForm.qlrList.forEach((item, index) => {
+              if (item.zjh == 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>

 <!--
  * @Description: 房屋多幢受理信息
  * @Autor: ssq
- * @LastEditTime: 2023-08-30 14:57:39
+ * @LastEditTime: 2023-08-30 15:53:18
 -->
 <template>
   <div class="slxx">
     <el-form
       :model="ruleForm"
       :rules="rules"
+      v-Loading="loading"
       ref="ruleForm"
       :label-position="flag ? 'top' : ''"
       :inline="flag"
@@ -285,6 +286,7 @@
   export default {
     mixins: [ywmix],
     mounted () {
+      this.loading = true
       this.viewEdit = this.$parent.currentSelectTab.ableOperation;
       this.propsParam = this.$attrs;
       var formdata = new FormData();
@@ -307,15 +309,19 @@
             ? (this.ruleForm.slsq.fzfs = "1")
             : this.ruleForm.slsq.fzfs;
           this.czrOptions = this.ruleForm.qlrList;
+          setTimeout(() => {
+            this.loading = false
+          }, 200)
         }
-      });
+      })
     },
     components: { qlrCommonTable, tdytTable },
     computed: {
-      ...mapGetters(["dictData", "flag"]),
+      ...mapGetters(["dictData", "flag"])
     },
     data () {
       return {
+        loading: false,
         disabled: true,
         tdytOption: [],
         czrOptions: [],

@@ -4,7 +4,7 @@
     <el-form
       :model="ruleForm"
       :rules="rules"
-      class="loadingtext"
+      v-Loading="loading"
       ref="ruleForm"
       :label-position="flag ? 'top' : ''"
       :inline="flag"
@@ -284,7 +284,7 @@
     mounted () {
       this.viewEdit = this.$parent.currentSelectTab.ableOperation;
       this.propsParam = this.$attrs;
-      this.$startLoading();
+      this.loading = true
       var formdata = new FormData();
       formdata.append("bsmSldy", this.propsParam.bsmSldy);
       formdata.append("djlx", this.propsParam.djlx);
@@ -293,12 +293,14 @@
         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
             }
           })
+          setTimeout(() => {
+            this.loading = false
+          }, 200)
         }
       })
     },
@@ -308,6 +310,7 @@
     },
     data () {
       return {
+        loading: false,
         mjdw: "1",
         //表单是否可操作
         viewEdit: true,

@@ -286,7 +286,7 @@
   import { mapGetters } from "vuex";
   export default {
     mixins: [ywmix],
-    created () {
+    mounted () {
       this.viewEdit = this.$parent.currentSelectTab.ableOperation;
       this.propsParam = this.$attrs;
       var formdata = new FormData();
@@ -298,7 +298,6 @@
       formdata.append("isEdit", this.viewEdit);
       Init(formdata).then((res) => {
         if (res.code === 200 && res.result) {
-          console.log(res.result, 'res.result');
           that.ruleForm = res.result;
           this.czrOptions = this.ruleForm.qlrList;
           this.ruleForm.qlrList.forEach((item) => {
@@ -306,7 +305,9 @@
               this.czr = item.sqrmc;
             }
           });
-          that.loading = false
+          setTimeout(() => {
+            this.loading = false
+          }, 200)
         }
       })
     },