导出用户提现以及商家申请数据

src/api/application.js

@@ -98,4 +98,26 @@ export function getTonglian(data){
     method:"post",
     data
   })
+}
+
+
+// 导出用户入账列表
+export function exportUserWater(data){
+  return request({
+    url: '/buyer_withdrawal/exportAllIncomeList',
+    method: 'post',
+    data,
+    responseType: 'blob'
+  })
+}
+
+
+//  导出用户出账列表
+export function exportUserOutWater(data){
+  return request({
+    url: '/buyer_withdrawal/exportAllOutgoingList',
+    method: 'post',
+    data,
+    responseType: 'blob'
+  })
 }

src/api/withdrawal.js

@@ -82,3 +82,14 @@ export function getWithdrawalCommissionList(data) {
     data
   })
 }
+
+
+//  导出商家入账列表
+export function exportWithdrawal(data) {
+  return request({
+    url: '/withdrawal/exportShopWithdrawRelOrders',
+    method: 'post',
+    data,
+    responseType: 'blob'
+  })
+}

src/views/finance/application/components/DetailModal.vue

@@ -47,6 +47,9 @@
 
     <el-tabs value="entryRecord">
       <el-tab-pane label="入账记录列表" name="entryRecord">
+        <div style="display: flex; justify-content: flex-end;">
+          <el-button type="success" @click="exportEntryRecord">导出入账列表</el-button>
+        </div>
         <div v-if="entryRecordList && entryRecordList.length" style="margin-top: 32px;">
           <el-table
             v-loading="!entryRecordList.length" height="60vh" element-loading-text="暂无入账记录数据" :data="entryRecordList"
@@ -105,6 +108,9 @@
         <div v-else style="font-size: 16px;font-weight: bold;">无入账记录数据</div>
       </el-tab-pane>
       <el-tab-pane label="出账记录列表" name="outgoingRecord">
+        <div style="display: flex; justify-content: flex-end;">
+          <el-button type="success" @click="exportOutgoingRecord">导出出账列表</el-button>
+        </div>
         <div v-if="outgoingRecordList && outgoingRecordList.length" style="margin-top: 32px;">
           <el-table
             v-loading="!outgoingRecordList.length" height="60vh" element-loading-text="暂无出账记录数据" :data="outgoingRecordList"
@@ -136,7 +142,7 @@
 </template>
 
 <script>
-import { applicationGetById, getUserWater, getCommissionAll,getWithdrawalAccount } from '@/api/application'
+import { applicationGetById, getUserWater, getCommissionAll,getWithdrawalAccount,exportUserWater,exportUserOutWater } from '@/api/application'
 
 export default {
   name: 'DetailModal',
@@ -183,6 +189,51 @@ export default {
     }
   },
   methods: {
+    //  导出入账列表
+    async exportEntryRecord() {
+      this.$message({
+        message: '数据导出中，请勿重复操作！',
+        type: 'success'
+      })
+      const res = await exportUserWater({page:1,pageSize:1,withdrawalId: this.withdrawalInfo.withdrawalId})
+      if (!res) {
+        return
+      }
+     this.xlsDownload(res,`${this.withdrawalInfo.name}入账表.xls`)
+    },
+
+    //  导出出账列表
+    async exportOutgoingRecord() {
+      this.$message({
+        message: '数据导出中，请勿重复操作！',
+        type: 'success'
+      })
+      const res = await exportUserOutWater({page:1,pageSize:1,withdrawalId: this.withdrawalInfo.withdrawalId})
+      if (!res) {
+        return
+      }
+     this.xlsDownload(res,`${this.withdrawalInfo.name}出账表.xls`)
+    },
+
+    //  封装下载函数
+    xlsDownload(res,name){
+      const blob = new Blob([ res ], { type: 'application/vnd.ms-excel' })
+      const fileName = name
+      if ('download' in document.createElement('a')) {
+        // 非IE下载
+        const elink = document.createElement('a')
+        elink.download = fileName
+        elink.style.display = 'none'
+        elink.href = URL.createObjectURL(blob)
+        document.body.appendChild(elink)
+        elink.click()
+        URL.revokeObjectURL(elink.href) // 释放URL 对象
+        document.body.removeChild(elink)
+      } else {
+        // IE10+下载
+        navigator.msSaveBlob(blob, fileName)
+      }
+    },
             // 单独用来请求提现的身份证以及手机号姓名等
     //         async getWithdrawalInfo(id) {
     //   let { data } = await getWithdrawalAccount({ shopIds: id })

src/views/finance/withdrawal/components/DetailModal.vue

@@ -120,7 +120,7 @@
             </el-table-column>
           </el-table>
           <!-- 关联订单 -->
-          <RelatedOrders ref="RelatedOrders" />
+          <RelatedOrders ref="RelatedOrders" :orderInfo="{shopName:formData.shopName,withdrawalId:formData.withdrawalId}" />
           <!-- 订单的分账状态信息 -->
           <LedgerInformation ref="LedgerInformation" @success="getInfo(formData.withdrawalId)" />
         </div>

src/views/finance/withdrawal/components/RelatedOrders.vue

@@ -1,6 +1,9 @@
 <template>
   <el-dialog :visible.sync="visible" v-bind="modalOptions" append-to-body>
     <div>
+      <div style="display: flex; justify-content: flex-end;margin-bottom: 15px;">
+          <el-button type="success" @click="exportRelatedOrders">导出关联订单数据</el-button>
+        </div>
       <el-table
         v-loading="!formData.relatedOrders[orderSn]" height="60vh" element-loading-text="暂无关联订单数据"
         :data="formData.relatedOrders[orderSn]"
@@ -88,26 +91,26 @@
         <el-table-column align="center" min-width="150" prop="receivePhone" label="收货人手机号" show-overflow-tooltip />
         <el-table-column align="center" min-width="150" prop="address" label="详细地址" show-overflow-tooltip />
         <el-table-column align="center" min-width="120" prop="shopId" label="关联店铺ID" show-overflow-tooltip />
-        <el-table-column label="操作" width="260" fixed="right" class-name="small-padding fixed-width">
+        <el-table-column align="center" label="操作" width="100" fixed="right" class-name="small-padding fixed-width">
           <template slot-scope="{ row }">
-            <el-button
+            <!-- <el-button
               v-if="formData.relatedPresenterVoucherLogs[row.orderFormid]" type="success" size="mini"
               @click="$refs.OrderCommission && $refs.OrderCommission.handleOpen(row)"
             >
               查看分佣
-            </el-button>
+            </el-button> -->
             <el-button
               v-if="formData.relatedPresenterVoucherLogs[row.orderFormid]" type="success" size="mini"
               @click="$refs.RelatedVoucherLogs && $refs.RelatedVoucherLogs.handleOpen(formData.relatedPresenterVoucherLogs[row.orderFormid], { userList: formData.relatedBuyerUsers })"
             >
               代金券记录
             </el-button>
-            <el-button
+            <!-- <el-button
               v-if="formData.relatedCommissionLogs[row.orderFormid]" type="success" size="mini"
               @click="$refs.RelatedCommissionLogs && $refs.RelatedCommissionLogs.handleOpen(formData.relatedCommissionLogs[row.orderFormid], { userList: formData.relatedBuyerUsers })"
             >
               佣金记录
-            </el-button>
+            </el-button> -->
           </template>
         </el-table-column>
       </el-table>
@@ -130,6 +133,7 @@
 </template>
 
 <script>
+import { exportWithdrawal } from '@/api/withdrawal'
 import OrderCommission from './OrderCommission'
 import RelatedVoucherLogs from './RelatedVoucherLogs'
 import RelatedCommissionLogs from './RelatedCommissionLogs'
@@ -137,6 +141,12 @@ import UserDetails from './UserDetails'
 
 export default {
   name: 'RelatedOrders',
+  props: {
+    orderInfo: {
+      type: Object,
+      default: () => ({})
+    }
+  },
   components: {
     OrderCommission,
     RelatedVoucherLogs,
@@ -162,6 +172,39 @@ export default {
     }
   },
   methods: {
+
+    //  下载关联订单列表
+    async exportRelatedOrders() {
+      console.log(this.orderInfo)
+      this.$message({
+        message: '数据导出中，请勿重复操作！',
+        type: 'success'
+      })
+      const res = await exportWithdrawal({page:1,pageSize:1,withdrawalId: this.orderInfo.withdrawalId})
+      if (!res) {
+        return
+      }
+     this.xlsDownload(res,`${this.orderInfo.shopName}关联订单.xls`)
+    },
+        //  封装下载函数
+        xlsDownload(res,name){
+      const blob = new Blob([ res ], { type: 'application/vnd.ms-excel' })
+      const fileName = name
+      if ('download' in document.createElement('a')) {
+        // 非IE下载
+        const elink = document.createElement('a')
+        elink.download = fileName
+        elink.style.display = 'none'
+        elink.href = URL.createObjectURL(blob)
+        document.body.appendChild(elink)
+        elink.click()
+        URL.revokeObjectURL(elink.href) // 释放URL 对象
+        document.body.removeChild(elink)
+      } else {
+        // IE10+下载
+        navigator.msSaveBlob(blob, fileName)
+      }
+    },
     handleClose() {
       this.visible = false
     },

vue.config.js

@@ -42,7 +42,7 @@ module.exports = {
     // before: require('./mock/mock-server.js'),
     proxy: {
       '/api': {
-        // target: 'https://nsadminapi.tuanfengkeji.cn', // 正式
+      //  target: 'https://nsadminapi.tuanfengkeji.cn', // 正式
         target: 'https://nsadminapitest.tuanfengkeji.cn', // 测试
         // target: 'http://192.168.0.91:9103', // 平台端
         // target: 'http://192.168.0.110:9103', // 平台端（勇哥）