退款列表导出

src/components/refund/index.vue

@@ -30,8 +30,9 @@
           </el-form-item>
         </el-col>
         <el-col :span="4">
-          <el-form-item>
+          <el-form-item label-width="10px">
             <el-button type="primary" @click="getRefundList">搜索</el-button>
+            <el-button type="primary" plain @click="exportTable">导出</el-button>
           </el-form-item>
         </el-col>
       </el-row>
@@ -106,7 +107,7 @@
 </template>
 
 <script>
-  import {getRefundListApi,editOrderDescApi} from "../../service/api";
+  import {getRefundListApi,editOrderDescApi,exportExcelApi} from "../../service/api";
   import page from '../framework/page'
   export default {
     name: "index",
@@ -204,7 +205,23 @@
           this.total = res.total;
           this.list = res.list
         })
-      }
+      },
+      exportTable(){
+        let json = {};
+        if(this.searchFrom.nickname){
+          json.nickname = this.searchFrom.nickname
+        }
+        if(this.searchFrom.user_id){
+          json.user_id = this.searchFrom.user_id
+        }
+        if(this.searchFrom.status){
+          json.status = this.searchFrom.status
+        }
+        if(this.searchFrom.out_trade_no){
+          json.out_trade_no = this.searchFrom.out_trade_no
+        }
+        exportExcelApi('/api/public/refund/export',json)
+      },
     }
   }