style:所有业务受理信息增加加载动画

任超
Showing 9 changed files with 44 additions and 30 deletions
src/views/ywbl/ywSlxx/diyaq/slxx.vue
src/views/ywbl/ywSlxx/diyaq/slxx200.vue
src/views/ywbl/ywSlxx/jsydsyq/slxx300.vue
src/views/ywbl/ywSlxx/nydsyq/slxx.vue
src/views/ywbl/ywSlxx/nydsyq/slxx200.vue
src/views/ywbl/ywSlxx/ygdj/slxx.vue
src/views/ywbl/ywSlxx/ygdj/slxx300.vue
src/views/ywbl/ywSlxx/ygdy/slxx.vue
src/views/ywbl/ywSlxx/zjgcdy/slxx.vue
--- a/src/views/ywbl/ywSlxx/diyaq/slxx.vue
View file @7df1c68
+++ b/src/views/ywbl/ywSlxx/diyaq/slxx.vue
View file @7df1c68
 <template>
  <!-- 受理信息 -->
  <div class="slxx">
-    <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag"
+    <el-form :model="ruleForm" :rules="rules" class="loadingtext" ref="ruleForm" :label-position="flag ? 'top' : ''"
-      label-width="140px">
+      :inline="flag" label-width="140px">
      <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
        <div class="slxx_title title-block">
          受理信息
@@ -107,7 +107,6 @@
        <el-row :gutter="10">
          <el-col :span="8">
            <el-form-item label="抵押方式：">
-              <!-- <el-input disabled v-model="ruleForm.slywxx.djqxmc"></el-input> -->
              <el-radio-group disabled v-model="ruleForm.diyaq.dyfs">
                <el-radio label="1">一般抵押</el-radio>
                <el-radio label="2">最高额抵押</el-radio>
@@ -150,8 +149,6 @@
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="24">
            <el-form-item label="担保范围：">
@@ -249,15 +246,17 @@ import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
 import { Init, saveData } from "@/api/workflow/diyaqFlow.js";
 import { mapGetters } from "vuex";
 export default {
-  async created () {
+  mounted () {
    this.propsParam = this.$attrs;
    var formdata = new FormData();
+    this.$startLoading();
    formdata.append("bsmSldy", this.propsParam.bsmSldy);
    formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
    formdata.append("djlx", this.propsParam.djlx);
    Init(formdata).then((res) => {
      if (res.code === 200 && res.result) {
        this.ruleForm = res.result;
+        this.$endLoading();
        this.ruleForm.diyaq.sfczjzhxz = "0";
      }
    })
--- a/src/views/ywbl/ywSlxx/diyaq/slxx200.vue
View file @7df1c68
+++ b/src/views/ywbl/ywSlxx/diyaq/slxx200.vue
View file @7df1c68
 <template>
  <!-- 受理信息 -->
  <div class="slxx">
-    <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag"
+    <el-form :model="ruleForm" :rules="rules" class="loadingtext" ref="ruleForm" :label-position="flag ? 'top' : ''"
-      label-width="140px">
+      :inline="flag" label-width="140px">
      <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
        <div class="slxx_title title-block">
          受理信息
@@ -243,15 +243,17 @@ import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
 import { Init, saveData } from "@/api/workflow/diyaqFlow.js";
 import { mapGetters } from "vuex";
 export default {
-  async created () {
+  mounted () {
    this.propsParam = this.$attrs;
    var formdata = new FormData();
+    this.$startLoading();
    formdata.append("bsmSldy", this.propsParam.bsmSldy);
    formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
    formdata.append("djlx", this.propsParam.djlx);
    Init(formdata).then((res) => {
      if (res.code === 200 && res.result) {
        this.ruleForm = res.result;
+        this.$endLoading();
        this.ruleForm.diyaq.sfczjzhxz = "0";
      }
    });
--- a/src/views/ywbl/ywSlxx/jsydsyq/slxx300.vue
View file @7df1c68
+++ b/src/views/ywbl/ywSlxx/jsydsyq/slxx300.vue
View file @7df1c68
 <template>
  <!-- 受理信息 -->
  <div class="slxx">
-    <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag"
+    <el-form :model="ruleForm" :rules="rules" class="loadingtext" ref="ruleForm" :label-position="flag ? 'top' : ''"
-      label-width="120px">
+      :inline="flag" label-width="120px">
      <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
        <div class="slxx_title title-block">
          受理信息
@@ -186,14 +186,16 @@ import { mapGetters } from "vuex";
 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
 import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js";
 export default {
-  async created () {
+  mounted () {
    this.propsParam = this.$attrs;
    var formdata = new FormData();
+    this.$startLoading();
    formdata.append("bsmSldy", this.propsParam.bsmSldy);
    formdata.append("djlx", this.propsParam.djlx);
    Init(formdata).then((res) => {
      if (res.code === 200 && res.result) {
        this.ruleForm = res.result;
+        this.$endLoading();
      }
    });
  },
--- a/src/views/ywbl/ywSlxx/nydsyq/slxx.vue
View file @7df1c68
+++ b/src/views/ywbl/ywSlxx/nydsyq/slxx.vue
View file @7df1c68
 <template>
  <!-- 受理信息 -->
  <div class="slxx">
-    <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag"
+    <el-form :model="ruleForm" :rules="rules" class="loadingtext" ref="ruleForm" :label-position="flag ? 'top' : ''"
-      label-width="120px">
+      :inline="flag" label-width="120px">
      <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
        <div class="slxx_title title-block">
          受理信息
@@ -237,14 +237,16 @@ import { Init, saveData } from "@/api/workflow/nydsyqFlow.js"
 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"
 import JtcyTable from "@/views/workflow/components/JtcyTable"
 export default {
-  created () {
+  mounted () {
    this.ableOperation = 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);
    Init(formdata).then((res) => {
      this.ruleForm = res.result;
+      this.$endLoading();
      if (res.code === 200) {
      }
      else {
--- a/src/views/ywbl/ywSlxx/nydsyq/slxx200.vue
View file @7df1c68
+++ b/src/views/ywbl/ywSlxx/nydsyq/slxx200.vue
View file @7df1c68
 <template>
  <!-- 受理信息 -->
  <div class="slxx">
-    <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag"
+    <el-form :model="ruleForm" :rules="rules" class="loadingtext" ref="ruleForm" :label-position="flag ? 'top' : ''"
-      label-width="120px">
+      :inline="flag" label-width="120px">
      <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
        <div class="slxx_title title-block">
          受理信息
@@ -243,13 +243,15 @@ import { Init, saveData } from "@/api/workflow/nydsyqFlow.js"
 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"
 import JtcyTable from "@/views/workflow/components/JtcyTable"
 export default {
-  created () {
+  mounted () {
    this.propsParam = this.$attrs;
    var formdata = new FormData();
+    this.$startLoading();
    formdata.append("bsmSldy", this.propsParam.bsmSldy);
    formdata.append("djlx", this.propsParam.djlx);
    Init(formdata).then((res) => {
      this.ruleForm = res.result;
+      this.$endLoading();
      if (res.code === 200) {
      }
      else {
--- a/src/views/ywbl/ywSlxx/ygdj/slxx.vue
View file @7df1c68
+++ b/src/views/ywbl/ywSlxx/ygdj/slxx.vue
View file @7df1c68
 <template>
  <!-- 受理信息 -->
  <div class="slxx">
-    <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag"
+    <el-form :model="ruleForm" :rules="rules" class="loadingtext" ref="ruleForm" :label-position="flag ? 'top' : ''"
-      label-width="120px">
+      :inline="flag" label-width="120px">
      <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
        <div class="slxx_title title-block">
          受理信息
@@ -177,14 +177,15 @@ import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
 import { Init, saveData } from "@/api/workflow/ygdjFlow.js";
 import { mapGetters } from "vuex";
 export default {
-  async created () {
+  mounted () {
-    //this.propsParam = this.$attrs;
+    this.$startLoading();
    var formdata = new FormData();
    formdata.append("bsmSldy", this.propsParam.bsmSldy);
    formdata.append("djlx", this.propsParam.djlx);
    Init(formdata).then(res => {
      if (res.code === 200 && res.result) {
+        this.$endLoading();
        this.ruleForm = res.result;
      }
    })
--- a/src/views/ywbl/ywSlxx/ygdj/slxx300.vue
View file @7df1c68
+++ b/src/views/ywbl/ywSlxx/ygdj/slxx300.vue
View file @7df1c68
 <template>
  <!-- 受理信息 -->
  <div class="slxx">
-    <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag"
+    <el-form :model="ruleForm" :rules="rules" class="loadingtext" ref="ruleForm" :label-position="flag ? 'top' : ''"
-      label-width="120px">
+      :inline="flag" label-width="120px">
      <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
        <div class="slxx_title title-block">
          受理信息
@@ -180,13 +180,15 @@ import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
 import { Init, saveData } from "@/api/workflow/ygdjFlow.js";
 import { mapGetters } from "vuex";
 export default {
-  async created () {
+  mounted () {
    this.propsParam = this.$attrs;
    var formdata = new FormData();
+    this.$startLoading();
    formdata.append("bsmSldy", this.propsParam.bsmSldy);
    formdata.append("djlx", this.propsParam.djlx);
    Init(formdata).then((res) => {
      if (res.code === 200 && res.result) {
+        this.$endLoading();
        this.ruleForm = res.result;
      }
    });
--- a/src/views/ywbl/ywSlxx/ygdy/slxx.vue
View file @7df1c68
+++ b/src/views/ywbl/ywSlxx/ygdy/slxx.vue
View file @7df1c68
 <template>
  <!-- 受理信息 -->
  <div class="slxx">
-    <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag"
+    <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">
@@ -184,14 +184,16 @@ import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
 import { Init, saveData } from "@/api/workflow/ygdyFlow.js";
 import { mapGetters } from "vuex";
 export default {
-  async created () {
+  mounted () {
    this.propsParam = this.$attrs;
    var formdata = new FormData();
+    this.$startLoading();
    formdata.append("bsmSldy", this.propsParam.bsmSldy);
    formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
    formdata.append("djlx", this.propsParam.djlx);
    Init(formdata).then((res) => {
      if (res.code === 200 && res.result) {
+        this.$endLoading();
        this.ruleForm = res.result;
      }
    });
--- a/src/views/ywbl/ywSlxx/zjgcdy/slxx.vue
View file @7df1c68
+++ b/src/views/ywbl/ywSlxx/zjgcdy/slxx.vue
View file @7df1c68
 <template>
  <!-- 受理信息 -->
  <div class="slxx">
-    <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag"
+    <el-form :model="ruleForm" :rules="rules" class="loadingtext" ref="ruleForm" :label-position="flag ? 'top' : ''"
-      label-width="140px">
+      :inline="flag" label-width="140px">
      <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
        <div class="slxx_title title-block">
          受理信息
@@ -249,15 +249,17 @@ import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
 import { Init, saveData } from "@/api/workflow/zjgcdyFlow.js";
 import { mapGetters } from "vuex";
 export default {
-  async created () {
+  mounted () {
    this.propsParam = this.$attrs;
    var formdata = new FormData();
+    this.$startLoading();
    formdata.append("bsmSldy", this.propsParam.bsmSldy);
    formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
    formdata.append("djlx", this.propsParam.djlx);
    Init(formdata).then((res) => {
      if (res.code === 200 && res.result) {
        this.ruleForm = res.result;
+        this.$endLoading();
        this.ruleForm.diyaq.sfczjzhxz = "0";
      }
    })