|
@@ -1,143 +1,160 @@
|
|
<template>
|
|
<template>
|
|
<div class="app-container">
|
|
<div class="app-container">
|
|
- <el-card v-if="cmReturnedPurchaseList.length === 0" class="box-card" style="text-align:center;color: #999;line-height: 120px;">暂无退款退货记录~</el-card>
|
|
|
|
- <div v-else id="printBox">
|
|
|
|
- <el-card ref="print" class="box-card" style="margin: 5px auto;">
|
|
|
|
|
|
+ <div v-for="(cmReturn,index) in cmReturnedPurchaseList" id="printBox" :key="index">
|
|
|
|
+ <el-card class="box-card" style="margin: 5px auto;">
|
|
<div class="refund-item">
|
|
<div class="refund-item">
|
|
<h1 class="refund-item-title">审核信息</h1>
|
|
<h1 class="refund-item-title">审核信息</h1>
|
|
<el-row :gutter="24" class="box-row">
|
|
<el-row :gutter="24" class="box-row">
|
|
- <el-col :span="5"><b>审核人:</b> 卢海珠</el-col>
|
|
|
|
- <el-col :span="4"><b>审核时间:</b> 2023-03-06 15:28:50</el-col>
|
|
|
|
- <el-col :span="15"><b>审核备注:</b> 没有货了</el-col>
|
|
|
|
|
|
+ <el-col :span="5"><b>审核人:</b> {{ cmReturn.reviewUserName }}</el-col>
|
|
|
|
+ <el-col :span="4"><b>审核时间:</b> {{ cmReturn.confirmReturnTime ? cmReturn.confirmReturnTime :'--' }}</el-col>
|
|
|
|
+ <el-col :span="15"><b>审核备注:</b> {{ cmReturn.reviewRemarks ? cmReturn.reviewRemarks :'--' }}</el-col>
|
|
</el-row>
|
|
</el-row>
|
|
</div>
|
|
</div>
|
|
</el-card>
|
|
</el-card>
|
|
- <el-card ref="print" class="box-card" style="margin: 5px auto;">
|
|
|
|
|
|
+ <el-card class="box-card" style="margin: 5px auto;">
|
|
<div class="refund-item">
|
|
<div class="refund-item">
|
|
<h1 class="refund-item-title">申请信息</h1>
|
|
<h1 class="refund-item-title">申请信息</h1>
|
|
<el-row :gutter="24" class="box-row">
|
|
<el-row :gutter="24" class="box-row">
|
|
- <el-col :span="5"><b>申请人:</b> 卢海珠</el-col>
|
|
|
|
- <el-col :span="4"><b>申请时间:</b> 2023-03-06 15:28:50</el-col>
|
|
|
|
- <el-col :span="15"><b>退款备注:</b> 有部分没有货,客户需要重新下单</el-col>
|
|
|
|
|
|
+ <el-col :span="5"><b>申请人:</b> {{ cmReturn.applicationUserNam ? cmReturn.applicationUserNam :'--' }}</el-col>
|
|
|
|
+ <el-col :span="4"><b>申请时间:</b> {{ cmReturn.returnTime ? cmReturn.returnTime :'--' }}</el-col>
|
|
|
|
+ <el-col :span="15"><b>退款备注:</b> {{ cmReturn.remarks ? cmReturn.remarks :'--' }}</el-col>
|
|
</el-row>
|
|
</el-row>
|
|
</div>
|
|
</div>
|
|
</el-card>
|
|
</el-card>
|
|
- <el-card ref="print" class="box-card" style="margin: 5px auto;">
|
|
|
|
|
|
+ <el-card class="box-card" style="margin: 5px auto;">
|
|
<div class="refund-item">
|
|
<div class="refund-item">
|
|
|
|
+ <h1 class="refund-item-title">退款信息</h1>
|
|
<el-row :gutter="24" class="box-row">
|
|
<el-row :gutter="24" class="box-row">
|
|
- <el-col :span="5"><b>退款编号:</b> T1678087730239854</el-col>
|
|
|
|
- <el-col :span="4"><b>申请时间:</b> 2023-03-06 15:28:50</el-col>
|
|
|
|
- <el-col :span="4"><b>申请金额:</b> 30000.00元</el-col>
|
|
|
|
- <el-col :span="11"><b>退款方式:</b> 线上退回:597.00元</el-col>
|
|
|
|
|
|
+ <el-col :span="5"><b>退款编号:</b> {{ cmReturn.returnedNo }}</el-col>
|
|
|
|
+ <el-col :span="4"><b>申请时间:</b> {{ cmReturn.returnTime }}</el-col>
|
|
|
|
+ <el-col :span="15"><b>申请金额</b> ¥{{ cmReturn.refundFee | amountfilters }} </el-col>
|
|
|
|
+ </el-row>
|
|
|
|
+ <h1 class="refund-item-title">退款方式</h1>
|
|
|
|
+ <el-row :gutter="24" class="box-row">
|
|
|
|
+ <el-col v-if="cmReturn.returnedWay*1===4" :span="4"><b>未支付无退款</b> </el-col>
|
|
|
|
+ <template v-else-if="cmReturn.returnedWay*1===1">
|
|
|
|
+ <template v-if="cmReturn.refundOnlineFee*1 !== 0">
|
|
|
|
+ <el-col :span="5">
|
|
|
|
+ <b>线上退回:</b>
|
|
|
|
+ <span>¥{{ cmReturn.refundOnlineFee | amountfilters }}</span>
|
|
|
|
+ </el-col>
|
|
|
|
+ </template>
|
|
|
|
+ <template v-if="cmReturn.refundOfflineFee*1 !== 0">
|
|
|
|
+ <el-col :span="5">
|
|
|
|
+ <b>线下转账:</b>
|
|
|
|
+ <span>¥{{ cmReturn.refundOfflineFee | amountfilters }}</span>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :span="4"><b>开户名:</b><span>{{ cmReturn.bankAccountName }}</span> </el-col>
|
|
|
|
+ <el-col :span="4"><b>账号:</b> <span>{{ cmReturn.bankAccountNo }}</span> </el-col>
|
|
|
|
+ <el-col :span="4"><b>开户行:</b> <span>{{ cmReturn.openBank }}</span> </el-col>
|
|
|
|
+ <el-col :span="4"><b>账户类型:</b> <span>{{ cmReturn.bankAccountType*1 === 1 ? '公账' : '私账' }}</span> </el-col>
|
|
|
|
+ </template>
|
|
|
|
+ </template>
|
|
|
|
+ <span v-else>----</span>
|
|
</el-row>
|
|
</el-row>
|
|
</div>
|
|
</div>
|
|
</el-card>
|
|
</el-card>
|
|
- <el-card ref="print" class="box-card" style="margin: 5px auto;">
|
|
|
|
|
|
+ <el-card class="box-card" style="margin: 5px auto;">
|
|
<div class="refund-item">
|
|
<div class="refund-item">
|
|
<el-row :gutter="24" class="box-row">
|
|
<el-row :gutter="24" class="box-row">
|
|
- <el-col :span="5"><b>订单编号(ID):</b> {{ repacts.orderNo }}({{ repacts.orderId }})</el-col>
|
|
|
|
- <el-col :span="4"><b>下单时间:</b> {{ repacts.applyTime }}</el-col>
|
|
|
|
- <el-col :span="4"><b>机构名称:</b> {{ repacts.clubName }}</el-col>
|
|
|
|
- <el-col :span="4"><b>订单状态:</b> 交易中</el-col>
|
|
|
|
|
|
+ <el-col :span="5"><b>订单编号(ID):</b> {{ order.orderNo }}({{ order.orderId }})</el-col>
|
|
|
|
+ <el-col :span="4"><b>下单时间:</b> {{ order.orderTime }}</el-col>
|
|
|
|
+ <el-col :span="6"><b>机构名称:</b> {{ order.clubName }}</el-col>
|
|
|
|
+ <el-col :span="9">
|
|
|
|
+ <b>订单状态:</b>
|
|
|
|
+ <template v-if="['11','12','13','21','22','23','31','32','33'].indexOf(order.status)>=0">
|
|
|
|
+ <el-tag type="success" size="small">交易中</el-tag>
|
|
|
|
+ </template>
|
|
|
|
+ <template v-else>
|
|
|
|
+ <el-tag :type="order.status*1===6?'info':''" size="small">{{ order.status | orderStatusFilter }}</el-tag>
|
|
|
|
+ </template>
|
|
|
|
+ </el-col>
|
|
</el-row>
|
|
</el-row>
|
|
<el-row :gutter="24" class="box-row">
|
|
<el-row :gutter="24" class="box-row">
|
|
- <el-col :span="5"><b>订单金额:</b> {{ repacts.payableAmount }}</el-col>
|
|
|
|
- <el-col :span="4"><b>应收金额:</b> {{ repacts.payableAmount }}</el-col>
|
|
|
|
- <el-col :span="4"><b>机构运费:</b> <span>{{ repacts.postageInfo }}</span></el-col>
|
|
|
|
|
|
+ <el-col :span="5"><b>订单金额:</b> {{ order.payTotalFee }}</el-col>
|
|
|
|
+ <el-col :span="4"><b>应收金额:</b> {{ order.payableAmount }}</el-col>
|
|
|
|
+ <el-col :span="15"><b>机构运费:</b> <span>{{ order.postageInfo }}</span></el-col>
|
|
</el-row>
|
|
</el-row>
|
|
<el-row :gutter="24" class="box-row">
|
|
<el-row :gutter="24" class="box-row">
|
|
- <el-col :span="5"><b>收款状态:</b> {{ repacts.status | statusFilter }}</el-col>
|
|
|
|
- <el-col :span="4"><b>发货状态:</b> {{ repacts.status | statusFilter }}</el-col>
|
|
|
|
- <el-col :span="4"><b>付款状态:</b> {{ repacts.status | statusFilter }}</el-col>
|
|
|
|
- <el-col :span="4"><b>退款状态:</b> {{ repacts.status | statusFilter }}</el-col>
|
|
|
|
|
|
+ <el-col :span="5"><b>收款状态:</b>
|
|
|
|
+ <el-tag v-if="order.receiptStatus*1===1" type="danger" size="small">待收款</el-tag>
|
|
|
|
+ <el-tag v-if="order.receiptStatus*1===2" type="warning" size="small">部分收款</el-tag>
|
|
|
|
+ <el-tag v-if="order.receiptStatus*1===3" type="success" size="small">已收款</el-tag>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :span="4"><b>退款状态:</b>
|
|
|
|
+ <el-tag v-if="order.refundType*1===1" type="warning" size="small">部分退款</el-tag>
|
|
|
|
+ <el-tag v-else-if="order.refundType*1===2" type="danger" size="small">已退款</el-tag>
|
|
|
|
+ <el-tag v-else type="info" size="small">无退款</el-tag>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :span="6"><b>发货状态:</b>
|
|
|
|
+ <el-tag v-if="order.sendOutStatus*1===1" type="danger" size="small">待发货</el-tag>
|
|
|
|
+ <el-tag v-if="order.sendOutStatus*1===2" type="warning" size="small">部分发货</el-tag>
|
|
|
|
+ <el-tag v-if="order.sendOutStatus*1===3" type="success" size="small">已发货</el-tag>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :span="9"><b>退款状态:</b>
|
|
|
|
+ <el-tag v-if="order.refundType*1===1" type="warning" size="small">部分退款</el-tag>
|
|
|
|
+ <el-tag v-else-if="order.refundType*1===2" type="danger" size="small">已退款</el-tag>
|
|
|
|
+ <el-tag v-else type="info" size="small">无退款</el-tag>
|
|
|
|
+ </el-col>
|
|
</el-row>
|
|
</el-row>
|
|
<el-row :gutter="24" class="box-row">
|
|
<el-row :gutter="24" class="box-row">
|
|
- <el-col :span="5"><b>收货人:</b> 黄志国</el-col>
|
|
|
|
- <el-col :span="4"><b>手机:</b> 15817887257</el-col>
|
|
|
|
- <el-col :span="15"><b>地址:</b> 广东省深圳市龙华区大浪街道上早新村</el-col>
|
|
|
|
|
|
+ <el-col :span="5"><b>机构:</b> {{ order.bpOrderUserinfo.name }}</el-col>
|
|
|
|
+ <el-col :span="4"><b>收货人:</b> {{ order.bpOrderUserinfo.shouHuoRen }}</el-col>
|
|
|
|
+ <el-col :span="6"><b>手机:</b> {{ order.bpOrderUserinfo.mobile }}</el-col>
|
|
|
|
+ <el-col :span="9"><b>地址:</b> {{ order.bpOrderUserinfo.province +' '+ order.bpOrderUserinfo.city +' '+ order.bpOrderUserinfo.town +' '+ order.bpOrderUserinfo.address }}</el-col>
|
|
</el-row>
|
|
</el-row>
|
|
- <el-table :data="repacts.shopOrderIdList" border fit highlight-current-row default-expand-all :header-cell-style="{background:'#e9f3f7',color:'#606266'}">
|
|
|
|
|
|
+ <el-table :data="cmReturn.shopOrderReturnedList" border fit highlight-current-row default-expand-all :header-cell-style="{background:'#e9f3f7',color:'#606266'}">
|
|
<el-table-column label="商品信息" type="expand" width="80px">
|
|
<el-table-column label="商品信息" type="expand" width="80px">
|
|
- <template slot-scope="scope">
|
|
|
|
- <el-table :data="scope.row.products" border fit highlight-current-row :header-cell-style="{background:'#f9f9f9',color:'#606266'}">
|
|
|
|
|
|
+ <template slot-scope="{row}">
|
|
|
|
+ <el-table :data="row.cmReturnedPurchaseProductList" border fit highlight-current-row :header-cell-style="{background:'#f9f9f9',color:'#606266'}">
|
|
<el-table-column label="商品图片" align="center" prop="image" width="100">
|
|
<el-table-column label="商品图片" align="center" prop="image" width="100">
|
|
- <template slot-scope="{row}">
|
|
|
|
|
|
+ <template slot-scope="scope">
|
|
<el-popover
|
|
<el-popover
|
|
placement="top-start"
|
|
placement="top-start"
|
|
title=""
|
|
title=""
|
|
width="120"
|
|
width="120"
|
|
trigger="hover"
|
|
trigger="hover"
|
|
>
|
|
>
|
|
- <img :src="row.image" alt="" style="width:100px;height:100px;">
|
|
|
|
- <img slot="reference" :src="row.image" alt="" style="width:50px;height:50px;">
|
|
|
|
|
|
+ <img :src="scope.row.mainImage" alt="" style="width:100px;height:100px;">
|
|
|
|
+ <img slot="reference" :src="scope.row.mainImage" alt="" style="width:50px;height:50px;">
|
|
</el-popover>
|
|
</el-popover>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
- <el-table-column label="商品名" align="center" prop="productName" />
|
|
|
|
|
|
+ <el-table-column label="商品名" align="center" prop="name" />
|
|
<el-table-column label="规格" align="center" prop="unit" />
|
|
<el-table-column label="规格" align="center" prop="unit" />
|
|
- <el-table-column label="购买数量" align="center" prop="num" />
|
|
|
|
- <el-table-column label="退货" align="center" prop="returnNum" />
|
|
|
|
|
|
+ <el-table-column label="购买数量" align="center" prop="num" width="100" />
|
|
<el-table-column label="单价" align="center" prop="price" />
|
|
<el-table-column label="单价" align="center" prop="price" />
|
|
- <el-table-column label="总额" align="center" prop="totalPrice" />
|
|
|
|
- <el-table-column label="已发货" align="center" prop="num" />
|
|
|
|
- <el-table-column label="已退货" align="center" prop="num" />
|
|
|
|
- <el-table-column label="本次退货" align="center" prop="num" />
|
|
|
|
- <el-table-column label="待发货" align="center" prop="num" />
|
|
|
|
- <el-table-column label="已取消" align="center" prop="num" />
|
|
|
|
- <el-table-column label="本次取消" align="center" prop="num" />
|
|
|
|
|
|
+ <el-table-column label="总额" align="center" prop="totalAmount" />
|
|
|
|
+ <el-table-column label="已发货" align="center" prop="sendOutNum" width="100" />
|
|
|
|
+ <el-table-column label="已退货" align="center" prop="returnedPurchaseProductNum" width="100" />
|
|
|
|
+ <el-table-column label="本次退货" align="center" prop="actualReturnedNum" width="100" />
|
|
|
|
+ <el-table-column label="待发货" align="center" prop="notOutStore" width="100" />
|
|
|
|
+ <el-table-column label="已取消" align="center" prop="cancelProductNum" width="100" />
|
|
|
|
+ <el-table-column label="本次取消" align="center" prop="actualCancelNum" width="100" />
|
|
</el-table>
|
|
</el-table>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column label="子订单编号(ID)" align="center" prop="shopOrderNos" width="240">
|
|
<el-table-column label="子订单编号(ID)" align="center" prop="shopOrderNos" width="240">
|
|
- <template slot-scope="scope">
|
|
|
|
- <span>{{ scope.row.shopOrderNos }}({{ scope.row.shopOrderIds }})</span>
|
|
|
|
- </template>
|
|
|
|
- </el-table-column>
|
|
|
|
- <el-table-column label="子订单金额" align="center" prop="payShopTotals" />
|
|
|
|
- <el-table-column label="收款状态" prop="status" align="center" width="100">
|
|
|
|
- <template slot-scope="{ row }">
|
|
|
|
- <span
|
|
|
|
- :class="{
|
|
|
|
- 'el-span-warning': row.status == 0,
|
|
|
|
- 'el-span-success': row.status == 1,
|
|
|
|
- 'el-span-danger': row.status == 2
|
|
|
|
- }"
|
|
|
|
- >
|
|
|
|
- {{ row.status | statusFilter }}
|
|
|
|
- </span>
|
|
|
|
|
|
+ <template slot-scope="{row}">
|
|
|
|
+ <span>{{ row.shopOrderNo }}({{ row.shopOrderId }})</span>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
- <el-table-column label="发货状态" prop="status" align="center" width="100">
|
|
|
|
- <template slot-scope="{ row }">
|
|
|
|
- <span
|
|
|
|
- :class="{
|
|
|
|
- 'el-span-warning': row.status == 0,
|
|
|
|
- 'el-span-success': row.status == 1,
|
|
|
|
- 'el-span-danger': row.status == 2
|
|
|
|
- }"
|
|
|
|
- >
|
|
|
|
- 待发货
|
|
|
|
- </span>
|
|
|
|
|
|
+ <el-table-column label="子订单金额" align="center" prop="productAmount" />
|
|
|
|
+ <el-table-column label="发货状态" align="center" prop="sendOutStatus">
|
|
|
|
+ <template slot-scope="{row}">
|
|
|
|
+ <el-tag v-if="row.sendOutStatus*1===1" type="danger" size="small">待发货</el-tag>
|
|
|
|
+ <el-tag v-if="row.sendOutStatus*1===2" type="warning" size="small">部分发货</el-tag>
|
|
|
|
+ <el-tag v-if="row.sendOutStatus*1===3" type="success" size="small">已发货</el-tag>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
- <el-table-column label="付款状态" prop="status" align="center" width="100">
|
|
|
|
- <template slot-scope="{ row }">
|
|
|
|
- <span
|
|
|
|
- :class="{
|
|
|
|
- 'el-span-warning': row.status == 0,
|
|
|
|
- 'el-span-success': row.status == 1,
|
|
|
|
- 'el-span-danger': row.status == 2
|
|
|
|
- }"
|
|
|
|
- >
|
|
|
|
- 待付款
|
|
|
|
- </span>
|
|
|
|
|
|
+ <el-table-column label="付款状态" align="center" prop="receiptStatus">
|
|
|
|
+ <template slot-scope="{row}">
|
|
|
|
+ <el-tag v-if="row.payStatus*1===1" type="danger" size="small">待付款</el-tag>
|
|
|
|
+ <el-tag v-if="row.payStatus*1===2" type="warning" size="small">部分付款</el-tag>
|
|
|
|
+ <el-tag v-if="row.payStatus*1===3" type="success" size="small">已付款</el-tag>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column label="供应商" align="center" prop="shopName" />
|
|
<el-table-column label="供应商" align="center" prop="shopName" />
|
|
- <el-table-column label="商品总额" align="center" prop="payShopTotals" />
|
|
|
|
- <el-table-column label="应付金额" align="center" prop="payShopTotals" />
|
|
|
|
- <el-table-column label="已付金额" align="center" prop="payShopTotals" />
|
|
|
|
- <el-table-column label="待付金额" align="center" prop="payShopTotals" />
|
|
|
|
</el-table>
|
|
</el-table>
|
|
</div>
|
|
</div>
|
|
</el-card>
|
|
</el-card>
|
|
@@ -146,7 +163,7 @@
|
|
</template>
|
|
</template>
|
|
|
|
|
|
<script>
|
|
<script>
|
|
-import { getRefundRecord } from '@/api/order'
|
|
|
|
|
|
+import { organizeToRecturnRecordByOrderId } from '@/api/finance'
|
|
export default {
|
|
export default {
|
|
name: 'RefundRecord',
|
|
name: 'RefundRecord',
|
|
filters: {
|
|
filters: {
|
|
@@ -161,9 +178,10 @@ export default {
|
|
},
|
|
},
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
- payRepacts: {},
|
|
|
|
|
|
+ order: {},
|
|
repacts: {},
|
|
repacts: {},
|
|
products: [],
|
|
products: [],
|
|
|
|
+ cmReturnedPurchase: {},
|
|
cmReturnedPurchaseList: []
|
|
cmReturnedPurchaseList: []
|
|
}
|
|
}
|
|
},
|
|
},
|
|
@@ -173,12 +191,14 @@ export default {
|
|
}
|
|
}
|
|
},
|
|
},
|
|
created() {
|
|
created() {
|
|
- this.getRefundRecord()
|
|
|
|
|
|
+ this.organizeToRecturnRecordByOrderId()
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
- async getRefundRecord() {
|
|
|
|
|
|
+ async organizeToRecturnRecordByOrderId() {
|
|
try {
|
|
try {
|
|
- const res = await getRefundRecord({ orderId: this.orderId })
|
|
|
|
|
|
+ const res = await organizeToRecturnRecordByOrderId(this.orderId)
|
|
|
|
+ this.order = res.data.order
|
|
|
|
+ this.cmReturnedPurchase = res.data.cmReturnedPurchase
|
|
this.cmReturnedPurchaseList = res.data.cmReturnedPurchaseList
|
|
this.cmReturnedPurchaseList = res.data.cmReturnedPurchaseList
|
|
console.log('res', res)
|
|
console.log('res', res)
|
|
} catch (error) {
|
|
} catch (error) {
|