|
@@ -3,95 +3,90 @@
|
|
|
<div id="printBox">
|
|
|
<el-card ref="print" class="box-card" style="margin: 0 auto">
|
|
|
<div class="refund-item">
|
|
|
- <el-row v-if="dataOrder.order.newShopOrders && dataOrder.order.newShopOrders.length > 0" :gutter="24" class="box-row">
|
|
|
+ <el-row v-if="shopOrder" :gutter="24" class="box-row">
|
|
|
<el-col
|
|
|
- :span="5"
|
|
|
- ><b>订单编号(ID):</b> {{ dataOrder.order.newShopOrders[0].shopOrderNo }}({{
|
|
|
- dataOrder.order.newShopOrders[0].shopOrderId
|
|
|
+ :span="7"
|
|
|
+ ><b>订单编号(ID):</b> {{ shopOrder.shopOrderNo }}({{
|
|
|
+ shopOrder.shopOrderId
|
|
|
}})</el-col>
|
|
|
- <el-col :span="4"><b>下单时间:</b> {{ dataOrder.order.newShopOrders[0].orderTime }}</el-col>
|
|
|
- <el-col :span="4"><b>机构名称:</b> {{ dataOrder.order.newShopOrders[0].clubName }}</el-col>
|
|
|
+ <el-col :span="6"><b>下单时间:</b> {{ shopOrder.orderTime }}</el-col>
|
|
|
+ <el-col :span="6"><b>机构名称:</b> {{ shopOrder.clubName }}</el-col>
|
|
|
</el-row>
|
|
|
<el-row :gutter="24" class="box-row">
|
|
|
- <el-col :span="5">
|
|
|
+ <el-col :span="7">
|
|
|
<b>订单状态:</b>
|
|
|
- <template v-if="dataOrder.order.newShopOrders[0].shopStatus < 10">
|
|
|
- <el-tag type="success" size="small">
|
|
|
- {{ orderStatus(dataOrder.order.newShopOrders[0].shopStatus) }}
|
|
|
- </el-tag>
|
|
|
- </template>
|
|
|
- <template v-else>
|
|
|
- <el-tag type="success" size="small"> 交易中 </el-tag>
|
|
|
- </template>
|
|
|
+ <el-tag type="success" size="small">
|
|
|
+ {{ shopOrder.shopStatus | orderStatusFilter }}
|
|
|
+ </el-tag>
|
|
|
</el-col>
|
|
|
- <el-col v-if="dataOrder.order.newShopOrders && dataOrder.order.newShopOrders.length > 0" :span="4">
|
|
|
+ <el-col v-if="shopOrder" :span="6">
|
|
|
<b>收款状态:</b>
|
|
|
<el-tag
|
|
|
- v-if="dataOrder.order.newShopOrders[0].receiptStatus * 1 === 1"
|
|
|
+ v-if="shopOrder.receiptStatus * 1 === 1"
|
|
|
type="danger"
|
|
|
size="small"
|
|
|
>待收款</el-tag>
|
|
|
<el-tag
|
|
|
- v-if="dataOrder.order.newShopOrders[0].receiptStatus * 1 === 2"
|
|
|
+ v-if="shopOrder.receiptStatus * 1 === 2"
|
|
|
type="warning"
|
|
|
size="small"
|
|
|
>部分收款</el-tag>
|
|
|
<el-tag
|
|
|
- v-if="dataOrder.order.newShopOrders[0].receiptStatus * 1 === 3"
|
|
|
+ v-if="shopOrder.receiptStatus * 1 === 3"
|
|
|
type="success"
|
|
|
size="small"
|
|
|
>已收款</el-tag>
|
|
|
</el-col>
|
|
|
- <el-col v-if="dataOrder.order.newShopOrders && dataOrder.order.newShopOrders.length > 0" :span="4">
|
|
|
+ <el-col v-if="shopOrder" :span="6">
|
|
|
<b>付款状态:</b>
|
|
|
<el-tag
|
|
|
- v-if="dataOrder.order.newShopOrders[0].payStatus * 1 === 1"
|
|
|
+ v-if="shopOrder.payStatus * 1 === 1"
|
|
|
type="danger"
|
|
|
size="small"
|
|
|
>待付款</el-tag>
|
|
|
<el-tag
|
|
|
- v-if="dataOrder.order.newShopOrders[0].payStatus * 1 === 2"
|
|
|
+ v-if="shopOrder.payStatus * 1 === 2"
|
|
|
type="warning"
|
|
|
size="small"
|
|
|
>部分付款</el-tag>
|
|
|
<el-tag
|
|
|
- v-if="dataOrder.order.newShopOrders[0].payStatus * 1 === 3"
|
|
|
+ v-if="shopOrder.payStatus * 1 === 3"
|
|
|
type="success"
|
|
|
size="small"
|
|
|
>已付款</el-tag>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
<el-row :gutter="24" class="box-row">
|
|
|
- <el-col :span="5">
|
|
|
+ <el-col :span="7">
|
|
|
<b>收货人:</b>
|
|
|
- {{ dataOrder.order.receiver }}
|
|
|
+ {{ shopOrder.receiver }}
|
|
|
</el-col>
|
|
|
- <el-col :span="4">
|
|
|
+ <el-col :span="6">
|
|
|
<b>手机:</b>
|
|
|
- {{ dataOrder.order.mobile }}</el-col>
|
|
|
- <el-col :span="15">
|
|
|
+ {{ shopOrder.mobile }}</el-col>
|
|
|
+ <el-col :span="11">
|
|
|
<b>地址:</b>
|
|
|
- {{ dataOrder.order.address }}</el-col>
|
|
|
+ {{ shopOrder.address }}</el-col>
|
|
|
</el-row>
|
|
|
- <el-row v-if="dataOrder.order.newShopOrders && dataOrder.order.newShopOrders.length > 0" :gutter="24" class="box-row">
|
|
|
+ <el-row v-if="shopOrder" :gutter="24" class="box-row">
|
|
|
<el-col
|
|
|
- :span="5"
|
|
|
+ :span="7"
|
|
|
><b>订单金额:</b> ¥{{
|
|
|
- dataOrder.order.newShopOrders[0].totalAmount | amountfilters
|
|
|
+ shopOrder.totalAmount | amountfilters
|
|
|
}}</el-col>
|
|
|
<el-col
|
|
|
- :span="4"
|
|
|
+ :span="6"
|
|
|
><b>应收金额:</b> ¥{{
|
|
|
- dataOrder.order.newShopOrders[0].needPayAmount | amountfilters
|
|
|
+ shopOrder.needPayAmount | amountfilters
|
|
|
}}</el-col>
|
|
|
<!-- <el-col :span="5">
|
|
|
<b>运费:</b>
|
|
|
- <span>{{ dataOrder.order.postageInfo }}</span>
|
|
|
+ <span>{{ shopOrder.postageInfo }}</span>
|
|
|
</el-col> -->
|
|
|
<el-col
|
|
|
- :span="4"
|
|
|
+ :span="6"
|
|
|
><b>退款金额:</b> ¥{{
|
|
|
- dataOrder.order.newShopOrders[0].refundsAmount | amountfilters
|
|
|
+ shopOrder.refundsAmount | amountfilters
|
|
|
}}</el-col>
|
|
|
</el-row>
|
|
|
<h1 class="refund-item-title">收款记录</h1>
|
|
@@ -160,7 +155,8 @@ export default {
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
- dataOrder: {}
|
|
|
+ dataOrder: {},
|
|
|
+ shopOrder: {}
|
|
|
}
|
|
|
},
|
|
|
computed: {
|
|
@@ -175,26 +171,12 @@ export default {
|
|
|
this.organizeReceiptRecord()
|
|
|
},
|
|
|
methods: {
|
|
|
- // 订单状态更新
|
|
|
- orderStatus(state) {
|
|
|
- const status = {
|
|
|
- 0: '待确认',
|
|
|
- 1: '已确认',
|
|
|
- 2: '交易完成',
|
|
|
- 3: '订单完成',
|
|
|
- 4: '已关闭',
|
|
|
- 5: '交易全退'
|
|
|
- }
|
|
|
- return status[state]
|
|
|
- },
|
|
|
async organizeReceiptRecord() {
|
|
|
try {
|
|
|
- const res = await organizeReceiptRecord({
|
|
|
- orderId: this.orderId,
|
|
|
- shopOrderId: this.shopOrderId
|
|
|
- })
|
|
|
+ const res = await organizeReceiptRecord(this.shopOrderId)
|
|
|
console.log('res', res)
|
|
|
this.dataOrder = res.data
|
|
|
+ this.shopOrder = res.data.shopOrder
|
|
|
this.listLoading = false
|
|
|
} catch (error) {
|
|
|
this.listLoading = false
|