|
|
@@ -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
|
|
|
},
|
wzy