|
|
|
@ -103,17 +103,6 @@ const market = ref("") |
|
|
|
const sortField = ref('') |
|
|
|
const sortOrder = ref('') |
|
|
|
|
|
|
|
// |
|
|
|
const consumeStatus = [ |
|
|
|
{ |
|
|
|
value: '1', |
|
|
|
label: '正常' |
|
|
|
}, |
|
|
|
{ |
|
|
|
value: '2', |
|
|
|
label: '已退款' |
|
|
|
}, |
|
|
|
] |
|
|
|
// 消费平台选项 |
|
|
|
const consumePlatform = [ |
|
|
|
{ |
|
|
|
@ -627,11 +616,12 @@ const getMarket = async function () { |
|
|
|
<div class="select"> |
|
|
|
<div class="selectRow"> |
|
|
|
<el-text size="large" class="text">订单状态：</el-text> |
|
|
|
<el-select class="selectContent" v-model="consumeUser.status" placeholder="请选择订单状态" clearable> |
|
|
|
<el-option v-for="item in consumeStatus" :key="item.id" :label="item.label" :value="item.value" /> |
|
|
|
<el-select class="selectContent" v-model="consumeUser.isRefund" placeholder="请选择订单状态" clearable> |
|
|
|
<el-option label="正常" value="0" /> |
|
|
|
<el-option label="已退款" value="1" /> |
|
|
|
</el-select> |
|
|
|
</div> |
|
|
|
<div class="selectRow" style="width: 36vw;"> |
|
|
|
<div class="selectRow" style="width: 32.5vw;"> |
|
|
|
<el-text class="text" size="large">{{ $t('common.consumeTime') }}：</el-text> |
|
|
|
<el-date-picker class="selectContent" v-model="getTime" type="datetimerange" :range-separator="$t('common.to')" |
|
|
|
:start-placeholder="$t('common.startTime')" :end-placeholder="$t('common.endTime')" style="margin-right:1vw;width:25vw" |
|
|
|
@ -681,7 +671,6 @@ const getMarket = async function () { |
|
|
|
<el-table-column prop="jwcode" :label="$t('common_list.jwcode')" width="110px" fixed="left" /> |
|
|
|
<el-table-column prop="market" :label="$t('common_list.market')" width="110px" /> |
|
|
|
<el-table-column prop="orderCode" :label="$t('common_list.orderNo')" width="260px" show-overflow-tooltip /> |
|
|
|
_list |
|
|
|
<el-table-column prop="goodsName" :label="$t('common_list.goodsName')" width="160px" show-overflow-tooltip /> |
|
|
|
<el-table-column prop="payPlatform" :label="$t('common_list.consumePlatform')" width="130px"> |
|
|
|
<template #default="scope"> |
|
|
|
@ -715,11 +704,47 @@ _list |
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
<el-table-column prop="remark" :label="$t('common_list.remark')" width="200px" show-overflow-tooltip /> |
|
|
|
<el-table-column prop="isRefund" :label="$t('common_list.orderStatus')" width="200px" show-overflow-tooltip> |
|
|
|
<el-table-column prop="isRefund" :label="$t('common_list.orderStatus')" width="120px" show-overflow-tooltip fixed="right" align="center"> |
|
|
|
<template #default="scope"> |
|
|
|
<span v-if="scope.row.isRefund == 0">{{ $t('consume.normal') }}</span> |
|
|
|
<span v-else-if="scope.row.isRefund == 1">{{ $t('consume.refunded') }}</span> |
|
|
|
<span v-else>{{ $t('consume.unknown') }}</span> |
|
|
|
<div v-if="scope.row.isRefund == 0">{{ $t('consume.normal') }}</div> |
|
|
|
<div v-else-if="scope.row.isRefund == 1" style="display: flex; justify-content: center; align-items: center;">{{ $t('consume.refunded') }} |
|
|
|
<el-popover |
|
|
|
v-model:visible="scope.row.popoverVisible" |
|
|
|
trigger="click" |
|
|
|
placement="top" |
|
|
|
popper-class="refund-popover" |
|
|
|
teleported="false" |
|
|
|
> |
|
|
|
<div class="popover-content"> |
|
|
|
<div class="popover-title">{{ scope.row.refundModel == 0 ? '全部退款' : '部分退款' }}</div> |
|
|
|
<div class="popover-item"> |
|
|
|
<span class="label">总金币数：</span> |
|
|
|
<span class="value">{{ scope.row.refundSumGold }}</span> |
|
|
|
</div> |
|
|
|
<div class="popover-item"> |
|
|
|
<span class="label">永久金币：</span> |
|
|
|
<span class="value">{{ scope.row.refundPermanentGold }}</span> |
|
|
|
</div> |
|
|
|
<div class="popover-item"> |
|
|
|
<span class="label">免费金币：</span> |
|
|
|
<span class="value">{{ scope.row.refundFreeGold }}</span> |
|
|
|
</div> |
|
|
|
<div class="popover-item"> |
|
|
|
<span class="label">任务金币：</span> |
|
|
|
<span class="value">{{ scope.row.refundTaskGold }}</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<template #reference> |
|
|
|
<img |
|
|
|
@click.stop |
|
|
|
src="@/assets/SvgIcons/consume.svg" |
|
|
|
style="width: 15px; height: 15px; margin-left: 5px; cursor: pointer; display: inline-block;" |
|
|
|
alt="退款详情" |
|
|
|
> |
|
|
|
</template> |
|
|
|
</el-popover> |
|
|
|
</div> |
|
|
|
<div v-else>{{ $t('consume.unknown') }}</div> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="adminName" :label="$t('common_list.submitter')" width="110px" /> |
|
|
|
@ -768,7 +793,46 @@ _list |
|
|
|
</el-dialog> |
|
|
|
</template> |
|
|
|
|
|
|
|
<style lang="scss"> |
|
|
|
.refund-popover { |
|
|
|
background-color: #EEF5FE !important; |
|
|
|
border: none !important; |
|
|
|
padding: 12px !important; |
|
|
|
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); |
|
|
|
min-width: unset !important; |
|
|
|
.el-popper__arrow::before { |
|
|
|
background-color: #EEF5FE !important; |
|
|
|
border-color: #EEF5FE !important; |
|
|
|
} |
|
|
|
} |
|
|
|
</style> |
|
|
|
|
|
|
|
<style scoped lang="scss"> |
|
|
|
.popover-content { |
|
|
|
.popover-title { |
|
|
|
color: #409EFF; |
|
|
|
font-weight: bold; |
|
|
|
font-size: 14px; |
|
|
|
margin-bottom: 8px; |
|
|
|
} |
|
|
|
.popover-item { |
|
|
|
display: flex; |
|
|
|
font-size: 13px; |
|
|
|
color: #606266; |
|
|
|
margin-bottom: 4px; |
|
|
|
&:last-child { |
|
|
|
margin-bottom: 0; |
|
|
|
} |
|
|
|
.label { |
|
|
|
color: #606266; |
|
|
|
} |
|
|
|
.value { |
|
|
|
color: #606266; |
|
|
|
margin-left: 4px; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.status { |
|
|
|
display: flex; |
|
|
|
} |
|
|
|
|
ZhangYong
10 hours ago
