|
@@ -7,21 +7,21 @@
|
|
|
:finished="finished" :finished-text="$t('public.noMore')" offset="300" :immediate-check="false" @load="onLoad">
|
|
|
<div class="main3 flex-col justify-center">
|
|
|
<!-- <div class="outer1 flex-col justify-between"> -->
|
|
|
- <div class="group4 flex-row justify-between">
|
|
|
- <div class="ImageText1 flex-col">
|
|
|
- <div class="outer2 flex-row justify-between">
|
|
|
- <div class="block1 flex-col"></div>
|
|
|
- <div class="TextGroup1 flex-col">
|
|
|
- <span class="txt1">{{ $t('orderCenter.dataOverview') }}</span>
|
|
|
- </div>
|
|
|
+ <div class="group4 flex-row justify-between">
|
|
|
+ <div class="ImageText1 flex-col">
|
|
|
+ <div class="outer2 flex-row justify-between">
|
|
|
+ <div class="block1 flex-col"></div>
|
|
|
+ <div class="TextGroup1 flex-col">
|
|
|
+ <span class="txt1">{{ $t('orderCenter.dataOverview') }}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <!-- 订单中心搜索 -->
|
|
|
- <div class="flex-col" >
|
|
|
- <div class="main5 flex-row justify-between" @click="searchClick()">
|
|
|
- <img class="label2" src="@/assets/device/searchIcon.png" />
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
+ <!-- 订单中心搜索 -->
|
|
|
+ <div class="flex-col">
|
|
|
+ <div class="main5 flex-row justify-between" @click="searchClick()">
|
|
|
+ <img class="label2" src="@/assets/device/searchIcon.png" />
|
|
|
</div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<img class="img1" referrerpolicy="no-referrer" src="@/assets/line.png" />
|
|
@@ -107,27 +107,28 @@
|
|
|
<span class="info5">{{ currencySymbol }}</span>
|
|
|
<span class="word12" v-if="item.status === 3">{{ item.price.toFixed(2) }}</span>
|
|
|
<span class="word12" v-else>{{ item.refundAmount == null ? item.price.toFixed(2) : (item.price -
|
|
|
- item.refundAmount).toFixed(2) }}</span>
|
|
|
+ item.refundAmount).toFixed(2) }}</span>
|
|
|
</div>
|
|
|
</template>
|
|
|
<template #price-top>
|
|
|
- <span class="time_01" :style="user.ifForeign == '0' ? 'margin-top: 20px;' : 'margin-top: 40px;'">{{
|
|
|
- $t('orderCenter.paymentTime') }}:{{ showOrderTime(item, 1) }}</span>
|
|
|
+ <span class="time_01"
|
|
|
+ :style="user.ifForeign == '0' ? 'margin-top: 20px;' : 'margin-top: 40px;'">{{
|
|
|
+ $t('orderCenter.paymentTime') }}:{{ showOrderTime(item, 1) }}</span>
|
|
|
</template>
|
|
|
<template #footer>
|
|
|
<span v-if="item.status === 3">x{{ item.refundQuantity }}</span>
|
|
|
<span v-else>x{{ item.refundQuantity == null ? item.productNumber : (item.productNumber -
|
|
|
- item.refundQuantity) }}</span>
|
|
|
+ item.refundQuantity) }}</span>
|
|
|
</template>
|
|
|
</van-card>
|
|
|
<div v-if="typeof item.status === 'undefined'" class="main11 flex-col orderSuccess"></div>
|
|
|
<div v-else class="main11 flex-col" :class="{
|
|
|
- orderSuccess: item.status === 1 && (user.ifForeign == '0' || user.ifForeign == null),
|
|
|
- coinOrderSuccess: item.status === 1 && user.ifForeign == '1',
|
|
|
- orderError: item.status === 0,
|
|
|
- refunding: item.status === 2,
|
|
|
- refunded: item.status === 3,
|
|
|
- }"></div>
|
|
|
+ orderSuccess: item.status === 1 && (user.ifForeign == '0' || user.ifForeign == null),
|
|
|
+ coinOrderSuccess: item.status === 1 && user.ifForeign == '1',
|
|
|
+ orderError: item.status === 0,
|
|
|
+ refunding: item.status === 2,
|
|
|
+ refunded: item.status === 3,
|
|
|
+ }"></div>
|
|
|
</div>
|
|
|
<!-- <div class="section6 flex-col"></div> -->
|
|
|
</div>
|
|
@@ -149,7 +150,7 @@
|
|
|
<!-- <span class="txt4">这里是设备名称</span> -->
|
|
|
<span class="info1">{{ $t('orderCenter.business') }}</span>
|
|
|
<span class="txt5">+ {{ refundObject.refundAmount == null ? refundObject.price.toFixed(2) :
|
|
|
- (refundObject.price - refundObject.refundAmount).toFixed(2) }}</span>
|
|
|
+ (refundObject.price - refundObject.refundAmount).toFixed(2) }}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="layer1 flex-col"></div>
|
|
@@ -202,23 +203,9 @@
|
|
|
</van-popup>
|
|
|
<!-- 退款弹窗 -->
|
|
|
<kDialog :isCloseForConfirm="false" :dialogTitle="$t('orderCenter.refundTip')"
|
|
|
- :confirmBtnTxt="$t('orderCenter.refundSubmit')" ref="kDialogRef" @confirmclk="confirmClk">
|
|
|
+ :confirmBtnTxt="$t('orderCenter.refundSubmit')" ref="kDialogRef" @confirmclk="confirmClk" >
|
|
|
<template #content>
|
|
|
- <!-- <van-field colon required type="number" clearable v-model="cofficentForm.price" class="inputAmount"
|
|
|
- :placeholder="$t('orderCenter.refundAmountPlace')" :label="$t('orderCenter.refundAmount')">
|
|
|
- <template #extra>
|
|
|
- {{ $t('orderCenter.most') }}¥{{ cofficentForm.maxPrice }}
|
|
|
- </template>
|
|
|
- </van-field>
|
|
|
- <div class="van-cell l-flex-RC">
|
|
|
- <div class="van-field__label van-field__label--required">
|
|
|
- <span>{{ $t('orderCenter.refundQuantity') }}: </span>
|
|
|
- </div>
|
|
|
- <van-stepper v-model="cofficentForm.productNumber" theme="round" button-size="22"
|
|
|
- :max="cofficentForm.maxNumber" disable-input />
|
|
|
- <span class="o-pl-10">{{ $t('orderCenter.most') + cofficentForm.maxNumber + $t('orderCenter.at') }}</span>
|
|
|
- </div> -->
|
|
|
- <div class="cust_vantBorder l-flex-RC">
|
|
|
+ <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">
|
|
|
<van-checkbox v-model="isChecked[index]" @change="checkGood(index)" icon-size="20px"></van-checkbox>
|
|
|
<van-card :price="item.price.toFixed(2)" :title="item.productName" :thumb="showSugarPic(item.productNo)">
|
|
@@ -235,7 +222,6 @@
|
|
|
<van-checkbox class="checkAllBtn o-mt-5" v-model="checkedAll" @click="checkAll">全选</van-checkbox>
|
|
|
<div class="o-mt-5">
|
|
|
<span class="">{{ $t('orderCenter.totalRefund') }}:</span>
|
|
|
- <!-- <span class="totalRefund o-pr-15">¥ {{ totalRefund.toFixed(2) }}</span> -->
|
|
|
<span class="totalRefund o-pr-15">{{ currencySymbol }} {{ totalRefund.toFixed(2) }}</span>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -344,13 +330,18 @@ export default {
|
|
|
// 点击全选按钮
|
|
|
const checkAll = () => {
|
|
|
isChecked.value.forEach((item, index) => {
|
|
|
- if (isChecked.value[index]) {
|
|
|
- isChecked.value[index] = !isChecked.value[index]
|
|
|
- checkedAll.value = false;
|
|
|
+ if (checkedAll.value) {
|
|
|
+ isChecked.value[index] = true;
|
|
|
} else {
|
|
|
- isChecked.value[index] = !isChecked.value[index]
|
|
|
- checkedAll.value = true;
|
|
|
+ isChecked.value[index] = false;
|
|
|
}
|
|
|
+ // if (isChecked.value[index]) {
|
|
|
+ // isChecked.value[index] = !isChecked.value[index]
|
|
|
+ // checkedAll.value = false;
|
|
|
+ // } else {
|
|
|
+ // isChecked.value[index] = !isChecked.value[index]
|
|
|
+ // checkedAll.value = true;
|
|
|
+ // }
|
|
|
})
|
|
|
}
|
|
|
// 点击确定按钮
|