完善客户账单汇总

anrui-buscenter/anrui-finmanage-ui/src/api/anruifinmanagement/paymentConfirmation.js

@@ -130,6 +130,17 @@ export function customerBillThreeDetails(data) {
   })
 }
 
+// 客户账单汇总--导出
+export function exportCustomerBillExcel(data) {
+  return request({
+    url: '/fin/finuncollectedreceivablesdetailed/exportCustomerBillExcel',
+    method: 'post',
+    responseType: 'blob', // 表明返回服务器返回的数据类型
+    data: data,
+    headers: { 'Content-Type': 'application/json' }
+  })
+}
+
 // 客户账单明细
 export function customerBillDetailedListPage(data) {
   return request({

anrui-buscenter/anrui-finmanage-ui/src/views/anruifinmanagement/paymentConfirmation/customerBillingSummary.vue

@@ -126,7 +126,7 @@
 </template>
 
 <script>
-import { customerBillListPage, exportExcel, customerBillDetailsList, customerBillThreeDetails } from '@/api/anruifinmanagement/paymentConfirmation.js'
+import { customerBillListPage, exportCustomerBillExcel, customerBillDetailsList, customerBillThreeDetails } from '@/api/anruifinmanagement/paymentConfirmation.js'
 import Pagination from '@/components/pagination'
 import pageye from '@/components/pagination/pageye'
 import ButtonBar from '@/components/ButtonBar'
@@ -301,30 +301,29 @@ export default {
       this.innerVisible = false
     },
     doExport() {
-      this.$message({ showClose: true, type: 'warning', message: '导出功能完善中' })
+      const loading = this.$loading({
-      // const loading = this.$loading({
+        lock: true,
-      //   lock: true,
+        text: 'Loading',
-      //   text: 'Loading',
+        spinner: 'el-icon-loading',
-      //   spinner: 'el-icon-loading',
+        background: 'rgba(0, 0, 0, 0.7)'
-      //   background: 'rgba(0, 0, 0, 0.7)'
+      })
-      // })
+      exportCustomerBillExcel(this.listQuery.params).then((resp) => {
-      // exportExcel(this.listQuery.params).then((resp) => {
+        loading.close()
-      //   loading.close()
+        const blob = new Blob([resp], {
-      //   const blob = new Blob([resp], {
+          type: 'application/vnd.ms-excel'
-      //     type: 'application/vnd.ms-excel'
+        })
-      //   })
+        const fileName = '客户账单汇总' + '.xls'
-      //   const fileName = '客户账单汇总' + '.xls'
+        const elink = document.createElement('a')
-      //   const elink = document.createElement('a')
+        elink.download = fileName
-      //   elink.download = fileName
+        elink.style.display = 'nonde'
-      //   elink.style.display = 'nonde'
+        elink.href = URL.createObjectURL(blob)
-      //   elink.href = URL.createObjectURL(blob)
+        document.body.appendChild(elink)
-      //   document.body.appendChild(elink)
+        elink.click()
-      //   elink.click()
+        URL.revokeObjectURL(elink.href)
-      //   URL.revokeObjectURL(elink.href)
+        document.body.removeChild(elink)
-      //   document.body.removeChild(elink)
+      }).catch(() => {
-      // }).catch(() => {
+        loading.close()
-      //   loading.close()
+      })
-      // })
     },
     resetState() {
       this.viewState = 1