导出

src/api/register.js

@@ -24,8 +24,7 @@ export const getRegisterDetail = (id) => request({
 * @returns
 */
 export const excelRegister = (params) => request({
-  url: '/taRegister',
-  method: 'post',
+  url: '/admin/register/export',
   params,
   responseType: 'blob'
 })

src/utils/download.js

@@ -0,0 +1,8 @@
+export function downloadBlob(blob, fileName) {
+  const url = window.URL.createObjectURL(blob)
+  const link = document.createElement('a')
+  link.href = url
+  link.setAttribute('download', fileName)
+  link.click()
+  window.URL.revokeObjectURL(url)
+}

src/utils/request.js

@@ -2,6 +2,7 @@ import axios from 'axios'
 import { Message } from 'element-ui'
 import store from '@/store'
 import { getToken, getUserId } from '@/utils/auth'
+import { downloadBlob } from './download'
 
 // create an axios instance
 const service = axios.create({
@@ -46,7 +47,13 @@ service.interceptors.response.use(
   response => {
     const res = response.data
     // if the custom code is not 20000, it is judged as an error.
-    if (res.code !== 1000) {
+    const contextType = response.headers['content-type']
+    if (contextType.indexOf('application/vnd.ms-excel') > -1) {
+      const data = new Blob([res])
+      const content = response.headers['content-disposition']
+      const fileName = content.replace('attachment;filename=', '')
+      downloadBlob(data, decodeURIComponent(fileName))
+    } else if (res.code !== 1000) {
       Message({
         message: res.message || 'Error',
         type: 'error',

src/views/register/list.vue

@@ -211,7 +211,13 @@ export default {
       this.onSearch()
     },
     excelOut() {
-      excelRegister({ startDate: this.startDate, endDate: this.endDate })
+      excelRegister({
+        personType: this.personType,
+        name: this.name,
+        phone: this.phone,
+        area: this.area,
+        startDate: this.startDate,
+        endDate: this.endDate })
     }
   }
 }