|
@@ -72,7 +72,7 @@
|
|
<span class="info3">
|
|
<span class="info3">
|
|
{{ $t('orderCenter.total') }}
|
|
{{ $t('orderCenter.total') }}
|
|
<span style="color: #df5e4c; font-size: 18px;">{{ total }}</span>
|
|
<span style="color: #df5e4c; font-size: 18px;">{{ total }}</span>
|
|
- {{ $t('orderCenter.records')}}
|
|
|
|
|
|
+ {{ $t('orderCenter.records') }}
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@@ -115,7 +115,8 @@
|
|
</span>
|
|
</span>
|
|
</template>
|
|
</template>
|
|
<template #price-top>
|
|
<template #price-top>
|
|
- <span class="orderTime" :style="user.ifForeign == '0' && user.isDistribution === '1' ? '' : 'margin-top: 18px;'">
|
|
|
|
|
|
+ <span class="orderTime"
|
|
|
|
+ :style="user.ifForeign == '0' && user.isDistribution === '1' ? '' : 'margin-top: 18px;'">
|
|
{{ $t('orderCenter.paymentTime') }}:{{ showOrderTime(item, 1) }}</span>
|
|
{{ $t('orderCenter.paymentTime') }}:{{ showOrderTime(item, 1) }}</span>
|
|
</template>
|
|
</template>
|
|
<template #footer>
|
|
<template #footer>
|
|
@@ -165,26 +166,31 @@
|
|
<div class="orderDetailBox flex-row justify-between">
|
|
<div class="orderDetailBox flex-row justify-between">
|
|
<span class="title">{{ $t('orderCenter.orderNo') }}</span>
|
|
<span class="title">{{ $t('orderCenter.orderNo') }}</span>
|
|
<!-- <span class="content">{{ refundObject.sn }}</span> -->
|
|
<!-- <span class="content">{{ refundObject.sn }}</span> -->
|
|
- <van-text-ellipsis class="content" :content="refundObject.sn" :expand-text="$t('orderCenter.seeMore')" :collapse-text="$t('orderCenter.stow')" />
|
|
|
|
|
|
+ <van-text-ellipsis class="content" :content="refundObject.sn" :expand-text="$t('orderCenter.seeMore')"
|
|
|
|
+ :collapse-text="$t('orderCenter.stow')" />
|
|
</div>
|
|
</div>
|
|
<div v-if="refundObject.status != 0 && user.ifForeign === '0'" class="orderDetailBox flex-row justify-between">
|
|
<div v-if="refundObject.status != 0 && user.ifForeign === '0'" class="orderDetailBox flex-row justify-between">
|
|
<span class="title">{{ $t('orderCenter.orderSerialNumberLabel') }}</span>
|
|
<span class="title">{{ $t('orderCenter.orderSerialNumberLabel') }}</span>
|
|
<!-- <span class="content">{{ refundObject.trxNo }}</span> -->
|
|
<!-- <span class="content">{{ refundObject.trxNo }}</span> -->
|
|
- <van-text-ellipsis class="content" :content="refundObject.trxNo" :expand-text="$t('orderCenter.seeMore')" :collapse-text="$t('orderCenter.stow')" />
|
|
|
|
|
|
+ <van-text-ellipsis class="content" :content="refundObject.trxNo" :expand-text="$t('orderCenter.seeMore')"
|
|
|
|
+ :collapse-text="$t('orderCenter.stow')" />
|
|
</div>
|
|
</div>
|
|
<div class="orderDetailBox flex-row justify-between">
|
|
<div class="orderDetailBox flex-row justify-between">
|
|
<span class="title">{{ $t('orderCenter.commodity') }}</span>
|
|
<span class="title">{{ $t('orderCenter.commodity') }}</span>
|
|
<!-- <span class="content">{{ refundObject.productName }}</span> -->
|
|
<!-- <span class="content">{{ refundObject.productName }}</span> -->
|
|
- <van-text-ellipsis class="content" :content="refundObject.productName" :expand-text="$t('orderCenter.seeMore')" :collapse-text="$t('orderCenter.stow')" />
|
|
|
|
|
|
+ <van-text-ellipsis class="content" :content="refundObject.productName"
|
|
|
|
+ :expand-text="$t('orderCenter.seeMore')" :collapse-text="$t('orderCenter.stow')" />
|
|
</div>
|
|
</div>
|
|
- <div v-if="user.ifForeign === '0' && user.isDistribution === '1'" class="orderDetailBox flex-row justify-between">
|
|
|
|
|
|
+ <div v-if="user.ifForeign === '0' && user.isDistribution === '1'"
|
|
|
|
+ class="orderDetailBox flex-row justify-between">
|
|
<span class="title">{{ $t('orderCenter.distribution') }}</span>
|
|
<span class="title">{{ $t('orderCenter.distribution') }}</span>
|
|
<span class="content">{{ showSubcom(refundObject) }}</span>
|
|
<span class="content">{{ showSubcom(refundObject) }}</span>
|
|
</div>
|
|
</div>
|
|
<div class="orderDetailBox flex-row justify-between">
|
|
<div class="orderDetailBox flex-row justify-between">
|
|
<span class="title">{{ $t('orderCenter.equipmentNo') }}</span>
|
|
<span class="title">{{ $t('orderCenter.equipmentNo') }}</span>
|
|
<!-- <span class="content">{{ refundObject.clientId }}</span> -->
|
|
<!-- <span class="content">{{ refundObject.clientId }}</span> -->
|
|
- <van-text-ellipsis class="content" :content="refundObject.clientId" :expand-text="$t('orderCenter.seeMore')" :collapse-text="$t('orderCenter.stow')" />
|
|
|
|
|
|
+ <van-text-ellipsis class="content" :content="refundObject.clientId" :expand-text="$t('orderCenter.seeMore')"
|
|
|
|
+ :collapse-text="$t('orderCenter.stow')" />
|
|
</div>
|
|
</div>
|
|
<div class="orderDetailBox flex-row justify-between">
|
|
<div class="orderDetailBox flex-row justify-between">
|
|
<span class="title">{{ $t('orderCenter.state') }}</span>
|
|
<span class="title">{{ $t('orderCenter.state') }}</span>
|
|
@@ -193,7 +199,8 @@
|
|
<div class="orderDetailBox flex-row justify-between">
|
|
<div class="orderDetailBox flex-row justify-between">
|
|
<span class="title">{{ $t('orderCenter.paymentMethod') }}</span>
|
|
<span class="title">{{ $t('orderCenter.paymentMethod') }}</span>
|
|
<!-- <span class="content">{{ showPayType(refundObject) }}</span> -->
|
|
<!-- <span class="content">{{ showPayType(refundObject) }}</span> -->
|
|
- <van-text-ellipsis class="content" :content="showPayType(refundObject)" :expand-text="$t('orderCenter.seeMore')" :collapse-text="$t('orderCenter.stow')" />
|
|
|
|
|
|
+ <van-text-ellipsis class="content" :content="showPayType(refundObject)"
|
|
|
|
+ :expand-text="$t('orderCenter.seeMore')" :collapse-text="$t('orderCenter.stow')" />
|
|
</div>
|
|
</div>
|
|
<div class="orderDetailBox flex-row justify-between">
|
|
<div class="orderDetailBox flex-row justify-between">
|
|
<span class="title">
|
|
<span class="title">
|
|
@@ -201,7 +208,8 @@
|
|
$t('orderCenter.refundTime') : $t('orderCenter.creationTime') }}
|
|
$t('orderCenter.refundTime') : $t('orderCenter.creationTime') }}
|
|
</span>
|
|
</span>
|
|
<!-- <span class="content">{{ showOrderTime(refundObject, 1) }}</span> -->
|
|
<!-- <span class="content">{{ showOrderTime(refundObject, 1) }}</span> -->
|
|
- <van-text-ellipsis class="content" :content="showOrderTime(refundObject, 1)" :expand-text="$t('orderCenter.seeMore')" :collapse-text="$t('orderCenter.stow')" />
|
|
|
|
|
|
+ <van-text-ellipsis class="content" :content="showOrderTime(refundObject, 1)"
|
|
|
|
+ :expand-text="$t('orderCenter.seeMore')" :collapse-text="$t('orderCenter.stow')" />
|
|
</div>
|
|
</div>
|
|
<div v-if="refundObject.status === 3" class="orderDetailBox flex-row justify-between">
|
|
<div v-if="refundObject.status === 3" class="orderDetailBox flex-row justify-between">
|
|
<span class="title">{{ $t('orderCenter.refunded') }}</span>
|
|
<span class="title">{{ $t('orderCenter.refunded') }}</span>
|
|
@@ -235,8 +243,7 @@
|
|
</van-button>
|
|
</van-button>
|
|
<div v-if="refundObject.status === 1 && user.ifForeign === '0' && user.type < 2" style="width: 20px;">
|
|
<div v-if="refundObject.status === 1 && user.ifForeign === '0' && user.type < 2" style="width: 20px;">
|
|
</div>
|
|
</div>
|
|
- <van-button size="small"
|
|
|
|
- v-if="refundObject.status === 1 && user.ifForeign === '0' && isRefund"
|
|
|
|
|
|
+ <van-button size="small" v-if="refundObject.status === 1 && user.ifForeign === '0' && isRefund"
|
|
@click="noticeClk(refundObject)" round type="primary" style="padding: 15px 15px; margin-top: 20px;">
|
|
@click="noticeClk(refundObject)" round type="primary" style="padding: 15px 15px; margin-top: 20px;">
|
|
{{ $t('orderCenter.initiateRefund') }}
|
|
{{ $t('orderCenter.initiateRefund') }}
|
|
</van-button>
|
|
</van-button>
|
|
@@ -249,11 +256,12 @@
|
|
<template #content>
|
|
<template #content>
|
|
<div class="refundBox l-flex-RC" style="overflow-y: auto; overflow-x: hidden; max-height: 40vh;">
|
|
<div class="refundBox l-flex-RC" style="overflow-y: auto; overflow-x: hidden; max-height: 40vh;">
|
|
<div v-for="(item, index) in orderDetails" :key="index" class="card01">
|
|
<div v-for="(item, index) in orderDetails" :key="index" class="card01">
|
|
- <van-checkbox :disabled="item.price.toFixed(2) <= 0" v-model="isChecked[index]" @change="checkGood(index)" icon-size="20px" style="width: 25px"></van-checkbox>
|
|
|
|
|
|
+ <van-checkbox :disabled="item.price.toFixed(2) <= 0" v-model="isChecked[index]" @change="checkGood(index)"
|
|
|
|
+ icon-size="20px" style="width: 25px"></van-checkbox>
|
|
<van-card :price="item.price.toFixed(2)" :title="item.productName" :thumb="showSugarPic(item.productNo)">
|
|
<van-card :price="item.price.toFixed(2)" :title="item.productName" :thumb="showSugarPic(item.productNo)">
|
|
<template #footer>
|
|
<template #footer>
|
|
- <van-stepper v-if="item.price.toFixed(2) > 0" v-model="refundNum[index]" @plus="plusRefundGood(index)" @minus="minusRefundGood(index)"
|
|
|
|
- theme="round" button-size="0.55rem" disable-input
|
|
|
|
|
|
+ <van-stepper v-if="item.price.toFixed(2) > 0" v-model="refundNum[index]" @plus="plusRefundGood(index)"
|
|
|
|
+ @minus="minusRefundGood(index)" theme="round" button-size="0.55rem" disable-input
|
|
:max="item.refundQuantity == null ? item.productNumber : (item.productNumber - item.refundQuantity)" />
|
|
:max="item.refundQuantity == null ? item.productNumber : (item.productNumber - item.refundQuantity)" />
|
|
<span v-else>
|
|
<span v-else>
|
|
已优惠减免
|
|
已优惠减免
|
|
@@ -501,14 +509,6 @@ export default {
|
|
showFailToast(t('orderCenter.requestFailed'));
|
|
showFailToast(t('orderCenter.requestFailed'));
|
|
}
|
|
}
|
|
};
|
|
};
|
|
- // 修改的价格
|
|
|
|
- const cofficentForm = reactive({
|
|
|
|
- price: 0,
|
|
|
|
- id: "",
|
|
|
|
- productNumber: 0,
|
|
|
|
- note: 0,
|
|
|
|
- refundReason: "",
|
|
|
|
- });
|
|
|
|
// 引入语言
|
|
// 引入语言
|
|
const { t } = useI18n();
|
|
const { t } = useI18n();
|
|
// 订单商品图片路径处理
|
|
// 订单商品图片路径处理
|
|
@@ -553,6 +553,15 @@ export default {
|
|
const loading = ref(true);
|
|
const loading = ref(true);
|
|
const error = ref(false);
|
|
const error = ref(false);
|
|
const finished = ref(false);
|
|
const finished = ref(false);
|
|
|
|
+ // 修改的价格
|
|
|
|
+ const cofficentForm = reactive({
|
|
|
|
+ price: 0,
|
|
|
|
+ id: "",
|
|
|
|
+ productNumber: 0,
|
|
|
|
+ note: 0,
|
|
|
|
+ refundReason: "",
|
|
|
|
+ type: user.type,
|
|
|
|
+ });
|
|
// 滚动加载
|
|
// 滚动加载
|
|
const onLoad = () => {
|
|
const onLoad = () => {
|
|
if (!finished.value) {
|
|
if (!finished.value) {
|