style:受理信息

@@ -97,7 +97,7 @@ loadingDirective.install = Vue => {
       const mask = new Mask({
       const mask = new Mask({
         el: document.createElement('div'),
         el: document.createElement('div'),
         data: {
         data: {
-          text: vm && vm[textExr] || textExr,
+          text: vm && vm[textExr] || textExr || '正在加载中...',
           spinner: vm && vm[spinnerExr] || spinnerExr,
           spinner: vm && vm[spinnerExr] || spinnerExr,
           background: vm && vm[backgroundExr] || backgroundExr,
           background: vm && vm[backgroundExr] || backgroundExr,
           customClass: vm && vm[customClassExr] || customClassExr,
           customClass: vm && vm[customClassExr] || customClassExr,

 <template>
 <template>
   <!-- 受理信息 -->
   <!-- 受理信息 -->
   <div class="slxx">
   <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" v-Loading="loading" ref="ruleForm" :label-position="flag ? 'top' : ''"
+      :inline="flag" label-width="120px">
       <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
       <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
         <div class="slxx_title title-block">
         <div class="slxx_title title-block">
           受理信息
           受理信息
@@ -184,17 +184,20 @@ import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
 import { Init, saveData } from "@/api/workflow/ygdyFlow.js";
 import { Init, saveData } from "@/api/workflow/ygdyFlow.js";
 import { mapGetters } from "vuex";
 import { mapGetters } from "vuex";
 export default {
 export default {
-  mounted () {
+  created () {
     this.propsParam = this.$attrs;
     this.propsParam = this.$attrs;
     var formdata = new FormData();
     var formdata = new FormData();
-    this.$startLoading();
+    let that = this
+    this.loading = true
     formdata.append("bsmSldy", this.propsParam.bsmSldy);
     formdata.append("bsmSldy", this.propsParam.bsmSldy);
     formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
     formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
     formdata.append("djlx", this.propsParam.djlx);
     formdata.append("djlx", this.propsParam.djlx);
     Init(formdata).then((res) => {
     Init(formdata).then((res) => {
       if (res.code === 200 && res.result) {
       if (res.code === 200 && res.result) {
-        this.$endLoading();
-        this.ruleForm = res.result;
+        that.ruleForm = res.result;
+        setTimeout(() => {
+          that.loading = false
+        }, 300)
       }
       }
     });
     });
   },
   },
@@ -204,6 +207,7 @@ export default {
   },
   },
   data () {
   data () {
     return {
     return {
+      loading: false,
       disabled: true,
       disabled: true,
       tdytOption: [],
       tdytOption: [],
       czrOptions: [],
       czrOptions: [],
@@ -222,7 +226,6 @@ export default {
     upDateYwrxxList (val) {
     upDateYwrxxList (val) {
       this.ruleForm.ywrList = _.cloneDeep(val);
       this.ruleForm.ywrList = _.cloneDeep(val);
     },
     },
-
     onSubmit () {
     onSubmit () {
       saveData(this.ruleForm).then((res) => {
       saveData(this.ruleForm).then((res) => {
         if (res.code === 200) {
         if (res.code === 200) {
@@ -245,76 +248,5 @@ export default {
 </script>
 </script>
 <style scoped lang='scss'>
 <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-item__label {
-  padding: 0;
-}
-
-/deep/.el-radio {
-  margin-right: 10px;
-}
-
-/deep/.el-select {
-  width: 100%;
-}
-
-/deep/.el-form-item {
-  margin-bottom: 8px;
-}
-
-.marginBot0 {
-  margin-bottom: 0 !important;
-}
-
-.slxx {
-  box-sizing: border-box;
-}
-
-.slxx_con {
-  flex: 1;
-  height: 100%;
-  background-color: #ffffff;
-  overflow-y: auto;
-  padding-right: 3px;
-  overflow-x: hidden;
-}
-
-.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;
-}
-
-.btn {
-  text-align: center;
-  padding-top: 10px;
-  height: 36px;
-  background-color: #ffffff;
-  padding: 5px 0;
-}
-
-.textArea {
-  /deep/.el-textarea__inner {
-    min-height: 90px !important;
-  }
-}
-
-/deep/.el-form-item__label {
-  padding-bottom: 0px;
-}
+@import "~@/styles/slxx/slxx.scss";
 </style>
 </style>