style:受理申请

 <!--
 <!--
  * @Description:
  * @Description:
  * @Autor: renchao
  * @Autor: renchao
- * @LastEditTime: 2023-08-17 13:38:12
+ * @LastEditTime: 2023-09-13 14:05:26
 -->
 -->
 <template>
 <template>
   <!-- 受理信息 -->
   <!-- 受理信息 -->
@@ -10,6 +10,7 @@
       :model="ruleForm"
       :model="ruleForm"
       :rules="rules"
       :rules="rules"
       ref="ruleForm"
       ref="ruleForm"
+      v-Loading="loading"
       :label-position="flag ? 'top' : ''"
       :label-position="flag ? 'top' : ''"
       :inline="flag"
       :inline="flag"
       label-width="120px">
       label-width="120px">
@@ -243,11 +244,13 @@
   export default {
   export default {
     mixins: [ywmix],
     mixins: [ywmix],
     mounted () {
     mounted () {
+      this.loading = true
       this.viewEdit = this.$parent.currentSelectTab.ableOperation;
       this.viewEdit = this.$parent.currentSelectTab.ableOperation;
       this.propsParam = this.$attrs;
       this.propsParam = this.$attrs;
       var formdata = new FormData();
       var formdata = new FormData();
       formdata.append("bsmSldy", this.propsParam.bsmSldy);
       formdata.append("bsmSldy", this.propsParam.bsmSldy);
       Init(formdata).then((res) => {
       Init(formdata).then((res) => {
+        this.loading = false
         if (res.code === 200 && res.result) {
         if (res.code === 200 && res.result) {
           this.ruleForm = {
           this.ruleForm = {
             ...res.result,
             ...res.result,
@@ -262,7 +265,9 @@
           });
           });
           this.czrOptions = this.ruleForm.qlrList;
           this.czrOptions = this.ruleForm.qlrList;
         }
         }
-      });
+      }).catch(() => {
+        this.loading = false
+      })
     },
     },
     components: { qlrCommonTable, tdytTable },
     components: { qlrCommonTable, tdytTable },
     computed: {
     computed: {
@@ -270,6 +275,7 @@
     },
     },
     data () {
     data () {
       return {
       return {
+        loading: false,
         //表单是否可操作
         //表单是否可操作
         viewEdit: false,
         viewEdit: false,
         disabled: true,
         disabled: true,

 <!--
 <!--
  * @Description:
  * @Description:
  * @Autor: renchao
  * @Autor: renchao
- * @LastEditTime: 2023-09-11 16:28:26
+ * @LastEditTime: 2023-09-13 14:06:17
 -->
 -->
 <template>
 <template>
   <!-- 受理信息 -->
   <!-- 受理信息 -->
@@ -10,7 +10,7 @@
       :model="ruleForm"
       :model="ruleForm"
       :rules="rules"
       :rules="rules"
       :class="{ readonly: editDisabled }"
       :class="{ readonly: editDisabled }"
-      class="loadingtext"
+      v-Loading="loading"
       ref="ruleForm"
       ref="ruleForm"
       :label-position="flag ? 'top' : ''"
       :label-position="flag ? 'top' : ''"
       :inline="flag"
       :inline="flag"
@@ -252,14 +252,14 @@
       this.propsParam = this.$attrs;
       this.propsParam = this.$attrs;
       var formdata = new FormData();
       var formdata = new FormData();
       let that = this;
       let that = this;
-      this.$startLoading();
+      this.loading = true
       formdata.append("bsmSldy", this.propsParam.bsmSldy);
       formdata.append("bsmSldy", this.propsParam.bsmSldy);
       formdata.append("djlx", this.propsParam.djlx);
       formdata.append("djlx", this.propsParam.djlx);
       formdata.append("isEdit", this.viewEdit);
       formdata.append("isEdit", this.viewEdit);
       Init(formdata).then((res) => {
       Init(formdata).then((res) => {
+        this.loading = false
         this.$nextTick(() => {
         this.$nextTick(() => {
           that.ruleForm = res.result;
           that.ruleForm = res.result;
-          that.$endLoading();
           that.isShow = true;
           that.isShow = true;
           this.czrOptions = this.ruleForm.qlrList;
           this.czrOptions = this.ruleForm.qlrList;
           this.ruleForm.qlrList.forEach((item) => {
           this.ruleForm.qlrList.forEach((item) => {
@@ -267,9 +267,11 @@
               this.czr = item.zjh
               this.czr = item.zjh
               console.log("this.ruleForm.qlrList1", this.ruleForm.qlrList, this.czr);
               console.log("this.ruleForm.qlrList1", this.ruleForm.qlrList, this.czr);
             }
             }
-          });
-        });
-      });
+          })
+        })
+      }).catch(() => {
+        this.loading = false
+      })
     },
     },
     components: { qlrCommonTable, tdytTable, ywrCommonTable },
     components: { qlrCommonTable, tdytTable, ywrCommonTable },
     computed: {
     computed: {
@@ -285,6 +287,7 @@
     },
     },
     data () {
     data () {
       return {
       return {
+        loading: false,
         mjdw: "1",
         mjdw: "1",
         //表单是否可操作
         //表单是否可操作
         viewEdit: true,
         viewEdit: true,

@@ -4,7 +4,7 @@
     <el-form
     <el-form
       :model="ruleForm"
       :model="ruleForm"
       :rules="rules"
       :rules="rules"
-      class="loadingtext"
+      v-Loading="loading"
       ref="ruleForm"
       ref="ruleForm"
       :label-position="flag ? 'top' : ''"
       :label-position="flag ? 'top' : ''"
       :inline="flag"
       :inline="flag"
@@ -331,11 +331,12 @@
       this.viewEdit = this.$parent.currentSelectTab.ableOperation;
       this.viewEdit = this.$parent.currentSelectTab.ableOperation;
       this.propsParam = this.$attrs;
       this.propsParam = this.$attrs;
       var formdata = new FormData();
       var formdata = new FormData();
-      this.$startLoading();
+      this.loading = true
       formdata.append("bsmSldy", this.propsParam.bsmSldy);
       formdata.append("bsmSldy", this.propsParam.bsmSldy);
       formdata.append("djlx", this.propsParam.djlx);
       formdata.append("djlx", this.propsParam.djlx);
       formdata.append("isEdit", this.viewEdit);
       formdata.append("isEdit", this.viewEdit);
       Init(formdata).then((res) => {
       Init(formdata).then((res) => {
+        this.loading = false
         if (res.code === 200 && res.result) {
         if (res.code === 200 && res.result) {
           this.ruleForm = res.result;
           this.ruleForm = res.result;
           this.czrOptions = this.ruleForm.qlrList;
           this.czrOptions = this.ruleForm.qlrList;
@@ -343,10 +344,11 @@
             if (item.sfczr == 1) {
             if (item.sfczr == 1) {
               this.czr = item.zjh
               this.czr = item.zjh
             }
             }
-          });
-          this.$endLoading();
+          })
         }
         }
-      });
+      }).catch(() => {
+        this.loading = false
+      })
     },
     },
     components: { qlrCommonTable },
     components: { qlrCommonTable },
     computed: {
     computed: {
@@ -354,6 +356,7 @@
     },
     },
     data () {
     data () {
       return {
       return {
+        loading: false,
         //表单是否可操作
         //表单是否可操作
         viewEdit: true,
         viewEdit: true,
         disabled: true,
         disabled: true,