修改

src/components/BusExport.vue

@@ -49,12 +49,23 @@
     .totalTabal td{
         height:33px;
     }
+    .excelBtn{
+        color: #fff;
+        padding: 0 15px;
+        height: 30px;
+        background: #E95252;
+        border: 1px solid #E95252;
+        cursor: pointer;
+        border-radius: 15px;
+        margin-left: 10px;
+    }
 </style>
 
 <template>
-    <div class="Bus_Content">
+    <div class="Bus_Content" v-loading="loading">
         <div class="BusExportTitle">
-              {{Year}}年{{Month}}月公社车账  
+            {{Year}}年{{Month}}月公社车账 
+            <input type="button" style="float:right;" @click="downLoadExcel" class="excelBtn" value="下载excel"/> 
         </div>
         <table class="Bus_detailTable">
             <thead>
@@ -154,6 +165,7 @@
           dataList:[],
           TotalJan:'',
           TotalCn:'',
+          loading:false,
       }
     },
     mounted() {
@@ -170,7 +182,9 @@
     },
     methods: {
         getList(){
+            this.loading=true;
             this.apipost('bus_get_CarfareApportionExport',this.msg, res => {
+                this.loading=false;
                 if(res.data.resultCode == 1) {
                     this.dataList = res.data.data.RObj;
                     this.msg.CurrName = res.data.data.CurrName;
@@ -180,6 +194,18 @@
                     this.Error(res.data.message);
                 }
             }, err => {})
+        },
+        //点击下载
+        downLoadExcel(){
+            this.loading=true;
+            this.apipost('bus_get_CarfareApportionExcelExport',this.msg, res => {
+                this.loading=false;
+                if(res.data.resultCode == 1) {
+                    this.Success(res.data.message);
+                }else{
+                    this.Error(res.data.message);
+                }
+            }, err => {})
         }
     },
   }