添加上传文件loading&&修改超时时间

src/request/api.js

@@ -3,7 +3,7 @@ import qs from 'qs';
 import { php_url } from "../config/env"
 // axios.defaults.baseURL = 'http://192.168.2.122:8080/api';
 axios.defaults.baseURL = '/api';
-axios.defaults.timeout = 999999;
+axios.defaults.timeout = 9999999;
 // axios.defaults.headers.common['token'] = token
 //axios.defaults.headers.post['Content-Type'] = 'multipart/form-data';//配置请求头
 
@@ -39,7 +39,7 @@ axios.interceptors.response.use((config) => {
     return Promise.reject(err);
 })
 axios.uploadFile = function(url, data) {
-    console.log(data.getAll('file'));
+    // console.log(data.getAll('file'));
     let config = {
         //请求的接口，在请求的时候，如axios.get(url,config);这里的url会覆盖掉config中的url
         url: url,

src/views/data/UploadInfor.vue

@@ -158,6 +158,7 @@
       :tipText="tipModalText"
       @close_tip_modal="closeTipModal"
     />
+    <Loading v-if="uploading"></Loading>
   </div>
 </template>
 
@@ -167,6 +168,7 @@ import Count from "../../components/Count";
 import Tablepage from "../../components/TablePage";
 import TipModal from "../../components/TipModal";
 import Datepicker from 'vuejs-datepicker';
+import Loading from "./components/UploadLoading"
 import {zh} from 'vuejs-datepicker/dist/locale'
 export default {
   props: {
@@ -180,7 +182,8 @@ export default {
     Count,
     Tablepage,
     TipModal,
-    Datepicker
+    Datepicker,
+    Loading
   },
   watch: {},
   data() {
@@ -215,6 +218,7 @@ export default {
       tipModalFlag: false,
       tipModalText: "",
       isFeedBack: "0",
+      uploading: false
     };
   },
   computed: {
@@ -442,9 +446,11 @@ export default {
       if (this.scope === "0") {
         paramData.append("dealerList", this.idList);
       }
+      this.uploading = true;
       this.$http
         .uploadFile("/firmsUpload", paramData)
         .then((res) => {
+          this.uploading = false;
           if (res.data && res.data.code === 200) {
             this.tipModalFlag = true;
             this.tipModalText = "上传成功!";

src/views/data/components/UploadLoading.vue

@@ -0,0 +1,46 @@
+<template>
+  <div class="upload_loading">
+    <div class="content">
+      <img src="../../../img/loading.gif" />
+      <p>正在上传文件</p>      
+    </div>
+
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+  },
+  methods: {
+  }
+};
+</script>
+
+<style scoped lang="less">
+.upload_loading {
+  position: fixed;
+  left: 0;
+  top: 0;
+  z-index: 999;
+  height: 100vh;
+  width: 100vw;
+  // background-color: rgba(127, 127, 127, 0.7);
+  display: flex;
+  flex-direction: column;
+  // justify-content: center;
+  align-items: center;
+  .content{
+    position: relative;
+    margin-top: 100px;
+    p{
+      font-size: 24px;
+      color: #666;
+      position: absolute;
+      bottom: 50px;
+      left: 50%;
+      transform: translateX(-50%);
+    }    
+  }
+}
+</style>