完善逾期车辆列表 -- 增加导出功能

anrui-riskcenter-ui/src/api/overduevehicle/overduevehicle.js

@@ -10,6 +10,15 @@ export default {
       headers: { 'Content-Type': 'application/json' }
     })
   },
+  exportExcel(data) {
+    return request({
+      url: '/riskcenter/v1/Loanbeoverdueveh/excelList',
+      method: 'post',
+      responseType: 'blob', // 表明返回服务器返回的数据类型
+      data: data,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  },
   // 风控专员--查看的逾期车辆列表
   riskListPage: function(data) {
     return request({

anrui-riskcenter-ui/src/views/overduevehicle/overduevehicle.vue

@@ -158,6 +158,13 @@ export default {
           btnKey: 'toAllot',
           btnLabel: '分配风控人员'
         },
+        {
+          type: 'primary',
+          size: 'small',
+          icon: 'export',
+          btnKey: 'doExport',
+          btnLabel: '导出'
+        },
         {
           type: 'info',
           size: 'small',
@@ -263,6 +270,9 @@ export default {
            break
         case 'toAllot':
           this.toAllot()
+          case 'doExport':
+            this.doExport()
+            break
           break
         case 'doClose':
           this.doClose()
@@ -381,6 +391,31 @@ export default {
         this.$message({ showClose: true, type: 'error', message: '请选择风控人员' })
       }
     },
+    doExport() {
+      const loading = this.$loading({
+        lock: true,
+        text: 'Loading',
+        spinner: 'el-icon-loading',
+        background: 'rgba(0, 0, 0, 0.7)'
+      })
+      req.exportExcel(this.listQuery.params).then((resp) => {
+        loading.close()
+        const blob = new Blob([resp], {
+          type: 'application/vnd.ms-excel'
+        })
+        const fileName = '逾期车辆列表' + '.xls'
+        const elink = document.createElement('a')
+        elink.download = fileName
+        elink.style.display = 'nonde'
+        elink.href = URL.createObjectURL(blob)
+        document.body.appendChild(elink)
+        elink.click()
+        URL.revokeObjectURL(elink.href)
+        document.body.removeChild(elink)
+      }).catch(() => {
+        loading.close()
+      })
+    },
     resetState() {
       this.viewState = 1
     },