报名列表

src/api/register.js

@@ -17,3 +17,15 @@ export const getRegisterList = (params) => request({
 export const getRegisterDetail = (id) => request({
   url: `/admin/register/${id}`
 })
+
+/**
+* 导出表格
+* @param {*} data
+* @returns
+*/
+export const excelRegister = (params) => request({
+  url: '/taRegister',
+  method: 'post',
+  params,
+  responseType: 'blob'
+})

src/views/register/list.vue

@@ -25,6 +25,7 @@
       <div style="float:right">
         <el-button type="primary" @click="onSearch">查询</el-button>
         <el-button @click="onReset">重置</el-button>
+        <el-button @click="excelOut">导出</el-button>
       </div>
     </el-card>
     <el-table stripe :data="tableData" border style="width: 100%">
@@ -50,7 +51,7 @@
   </div>
 </template>
 <script>
-import { getRegisterList } from '@/api/register'
+import { getRegisterList, excelRegister } from '@/api/register'
 import { getCityList } from '@/api/city'
 
 import dayjs from 'dayjs'
@@ -59,7 +60,6 @@ export default {
     return {
       area2: undefined,
       options: [],
-
       name: undefined,
       phone: undefined,
       area: undefined,
@@ -133,7 +133,6 @@ export default {
         }
       }
     },
-
     formate(val) {
       return dayjs(val).format('YYYY-MM-DD HH:mm:ss')
     },
@@ -188,6 +187,9 @@ export default {
       this.startDate = undefined
       this.endDate = undefined
       this.onSearch()
+    },
+    excelOut() {
+      excelRegister({ startDate: this.startDate, endDate: this.endDate })
     }
   }
 }