|
@@ -23,7 +23,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <img class="img1" referrerpolicy="no-referrer" src="@/assets/line.png" />
|
|
|
+ <!-- <img class="img1" referrerpolicy="no-referrer" src="@/assets/line.png" /> -->
|
|
|
<dateSelectList @update="update($event)"></dateSelectList>
|
|
|
<typeSelectList @upselectdata="upselectdata($event)"></typeSelectList>
|
|
|
<div v-if="!noData(salesVolume, salesNumber, orderNumber)" class="o-plr-8 o-pt-15">
|
|
@@ -55,9 +55,8 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<kNoData v-else></kNoData>
|
|
|
- <div class="o-mt-5" style="height: 10px; background: #f5f5f5"></div>
|
|
|
<!-- 时间 -->
|
|
|
- <div class="c-text-c c-text-18">
|
|
|
+ <div class="c-text-c c-text-18 o-ptb-5" v-if="searchParams.startDate != '' || searchParams.endDate != ''">
|
|
|
{{ Format_time(searchParams.startDate, 'YYYY-MM-DD') }}--{{ Format_time(searchParams.endDate, 'YYYY-MM-DD') }}
|
|
|
</div>
|
|
|
<div class="group7 flex-col justify-center">
|
|
@@ -67,7 +66,11 @@
|
|
|
<div class="mod5 flex-row justify-between">
|
|
|
<div class="block3 flex-col"></div>
|
|
|
<div class="TextGroup7 flex-col">
|
|
|
- <span class="info3">{{ $t('orderCenter.orderDetails') }}</span>
|
|
|
+ <span class="info3">
|
|
|
+ {{ $t('orderCenter.total') }}
|
|
|
+ <span style="color: #df5e4c; font-size: 18px;">{{ total }}</span>
|
|
|
+ {{ $t('orderCenter.records')}}
|
|
|
+ </span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -138,7 +141,7 @@
|
|
|
<!-- 搜索弹出框 -->
|
|
|
<orderSearch ref="searchRef" @search="search($event)"></orderSearch>
|
|
|
<!-- 退款弹窗 -->
|
|
|
- <van-popup v-model:show="refundType" position="bottom" round>
|
|
|
+ <van-popup v-model:show="refundType" position="bottom" round closeable>
|
|
|
<div class="refundBox flex-col">
|
|
|
<div class="section1 flex-col">
|
|
|
<div class="group3 flex-col">
|
|
@@ -167,33 +170,33 @@
|
|
|
<span class="word2">{{ $t('orderCenter.commodity') }}</span>
|
|
|
<span class="info3">{{ refundObject.productName }}</span>
|
|
|
</div>
|
|
|
- <div class="layer4 flex-row justify-between">
|
|
|
- <span class="word3">{{ $t('orderCenter.distribution') }}</span>
|
|
|
- <span class="word4">{{ showSubcom(refundObject) }}</span>
|
|
|
+ <div class="layer3 flex-row justify-between">
|
|
|
+ <span class="word2">{{ $t('orderCenter.distribution') }}</span>
|
|
|
+ <span class="info3">{{ showSubcom(refundObject) }}</span>
|
|
|
</div>
|
|
|
- <div class="layer4 flex-row justify-between">
|
|
|
- <span class="word3">{{ $t('orderCenter.equipmentNo') }}</span>
|
|
|
- <span class="word4">{{ refundObject.clientId }}</span>
|
|
|
+ <div class="layer3 flex-row justify-between">
|
|
|
+ <span class="word2">{{ $t('orderCenter.equipmentNo') }}</span>
|
|
|
+ <span class="info3">{{ refundObject.clientId }}</span>
|
|
|
</div>
|
|
|
- <div class="layer5 flex-row justify-between">
|
|
|
- <span class="txt7">{{ $t('orderCenter.state') }}</span>
|
|
|
- <span class="word5">{{ showStatus(refundObject) }}</span>
|
|
|
+ <div class="layer3 flex-row justify-between">
|
|
|
+ <span class="word2">{{ $t('orderCenter.state') }}</span>
|
|
|
+ <span class="info3">{{ showStatus(refundObject) }}</span>
|
|
|
</div>
|
|
|
- <div class="layer6 flex-row justify-between">
|
|
|
- <span class="word6">{{ $t('orderCenter.paymentMethod') }}</span>
|
|
|
- <span class="word7">{{ showPayType(refundObject) }}</span>
|
|
|
+ <div class="layer3 flex-row justify-between">
|
|
|
+ <span class="word2">{{ $t('orderCenter.paymentMethod') }}</span>
|
|
|
+ <span class="info3">{{ showPayType(refundObject) }}</span>
|
|
|
</div>
|
|
|
- <div class="layer6 flex-row justify-between">
|
|
|
- <span class="word6">{{ refundObject.status === 1? $t('orderCenter.paymentTime') : refundObject.status === 3? $t('orderCenter.refundTime') : $t('orderCenter.creationTime') }}</span>
|
|
|
- <span class="word7">{{ showOrderTime(refundObject, 1) }}</span>
|
|
|
+ <div class="layer3 flex-row justify-between">
|
|
|
+ <span class="word2">{{ refundObject.status === 1? $t('orderCenter.paymentTime') : refundObject.status === 3? $t('orderCenter.refundTime') : $t('orderCenter.creationTime') }}</span>
|
|
|
+ <span class="info3">{{ showOrderTime(refundObject, 1) }}</span>
|
|
|
</div>
|
|
|
- <div v-if="refundObject.status === 3" class="layer7 flex-row justify-between">
|
|
|
- <span class="word8">{{ $t('orderCenter.refunded') }}</span>
|
|
|
- <span class="info4">{{ refundObject.refundAmount }}</span>
|
|
|
+ <div v-if="refundObject.status === 3" class="layer3 flex-row justify-between">
|
|
|
+ <span class="word2">{{ $t('orderCenter.refunded') }}</span>
|
|
|
+ <span class="info3">{{ refundObject.refundAmount }}</span>
|
|
|
</div>
|
|
|
- <div v-if="refundObject.status === 3 && orderType == '3'" class="layer7 flex-row justify-between">
|
|
|
- <span class="word8">退款原因</span>
|
|
|
- <span class="info4">{{ refundObject.refundReason }}</span>
|
|
|
+ <div v-if="refundObject.status === 3 && orderType == '3'" class="layer3 flex-row justify-between">
|
|
|
+ <span class="word2">退款原因</span>
|
|
|
+ <span class="info3">{{ refundObject.refundReason }}</span>
|
|
|
</div>
|
|
|
<div class="layer6 flex-row justify-between l-flex-center"
|
|
|
v-if="(refundObject.status != 0 && refundObject.status != 2) && orderType == '3'">
|
|
@@ -247,18 +250,18 @@
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
|
-import { Api_getOnlineExport } from "../../service/order";
|
|
|
+// import { Api_getOnlineExport } from "../../service/order";
|
|
|
// 导入接口
|
|
|
import { getAdminMch } from "../../service/merchantManage";
|
|
|
// 导入弹窗
|
|
|
import kDialog from "../../components/commom/kDialog/index.vue";
|
|
|
// 导入无数据组件
|
|
|
-import { showDialog, showConfirmDialog } from 'vant';
|
|
|
+import { showDialog, showConfirmDialog, showSuccessToast } from 'vant';
|
|
|
import kNoData from "../../components/commom/kNoData/index.vue";
|
|
|
import { onMounted, reactive, ref } from "vue";
|
|
|
import sHeader from "../../components/SimpleHeader";
|
|
|
import orderSearch from "./orderSearch.vue";
|
|
|
-import { getOrderList, refundOrder, refundWechatOrder, updateIsInvoice } from "../../service/order/index";
|
|
|
+import { getOrderList, refundOrder, refundWechatOrder, updateIsInvoice, exportOrder } from "../../service/order/index";
|
|
|
import { showFailToast, showToast, showLoadingToast } from "vant";
|
|
|
import { getLoginUser, $M_IsDate, Format_time, $M_ExportFile, styleUrl } from "../../common/js/utils";
|
|
|
import { getHuifuId } from "../../service/huifuMch/index";
|
|
@@ -275,6 +278,8 @@ export default {
|
|
|
const kDialogRef = ref(null);
|
|
|
// 订单明细
|
|
|
const orderDetails = ref([]);
|
|
|
+ // 订单总数
|
|
|
+ const total = ref(0);
|
|
|
// 退款商品选择状态
|
|
|
const isChecked = ref([]);
|
|
|
// 全选状态
|
|
@@ -571,6 +576,7 @@ export default {
|
|
|
finished.value = true;
|
|
|
} else {
|
|
|
// orderTotal.value = data.data.total;
|
|
|
+ total.value = data.data.total;
|
|
|
if (params.current === 1) {
|
|
|
orderList.value = [];
|
|
|
orderTotal.value = 0;
|
|
@@ -599,7 +605,9 @@ export default {
|
|
|
loading.value = false;
|
|
|
} else {
|
|
|
// error.value = true;
|
|
|
- showFailToast("数据加载失败");
|
|
|
+ showToast(t('orderCenter.noOrderData'));
|
|
|
+ finished.value = true;
|
|
|
+ loading.value = false;
|
|
|
}
|
|
|
};
|
|
|
// 搜索表单点击
|
|
@@ -676,6 +684,10 @@ export default {
|
|
|
|
|
|
// 跳转订单导出
|
|
|
const gotoOrderExcel = async () => {
|
|
|
+ if (total.value > 30000) {
|
|
|
+ showToast(t('orderCenter.exportTips'));
|
|
|
+ return;
|
|
|
+ }
|
|
|
if (searchParams.type == null || searchParams.type == '') {
|
|
|
searchParams.type = user.ifForeign;
|
|
|
}
|
|
@@ -685,10 +697,21 @@ export default {
|
|
|
duration: 0,
|
|
|
});
|
|
|
try {
|
|
|
- const { headers, data } = await Api_getOnlineExport(searchParams);
|
|
|
+ // const { headers, data } = await Api_getOnlineExport(searchParams);
|
|
|
+ const { headers, data, status } = await exportOrder(searchParams);
|
|
|
// 请求完成后隐藏加载框
|
|
|
- downloadOrder.close();
|
|
|
+ // downloadOrder.close();
|
|
|
$M_ExportFile(data, headers);
|
|
|
+ if (status == 200) {
|
|
|
+ downloadOrder.close();
|
|
|
+ showSuccessToast({
|
|
|
+ message: t('orderCenter.exportSuccess'),
|
|
|
+ forbidClick: true,
|
|
|
+ duration: 2000,
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ downloadOrder.close();
|
|
|
+ }
|
|
|
// 处理返回的数据
|
|
|
} catch (error) {
|
|
|
// 请求发生错误时隐藏加载框
|
|
@@ -892,6 +915,7 @@ export default {
|
|
|
orderType,
|
|
|
isInvoice,
|
|
|
updateInvoice,
|
|
|
+ total,
|
|
|
};
|
|
|
},
|
|
|
};
|