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-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-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)
         }
       })
     },