通过微信开发者工具 商城模板 创建新小程序
This commit is contained in:
288
mini-program/pages/order/order-detail/index.js
Normal file
288
mini-program/pages/order/order-detail/index.js
Normal file
@@ -0,0 +1,288 @@
|
||||
import { formatTime } from '../../../utils/util';
|
||||
import { OrderStatus, LogisticsIconMap } from '../config';
|
||||
import {
|
||||
fetchBusinessTime,
|
||||
fetchOrderDetail,
|
||||
} from '../../../services/order/orderDetail';
|
||||
import Toast from 'tdesign-miniprogram/toast/index';
|
||||
import { getAddressPromise } from '../../usercenter/address/list/util';
|
||||
|
||||
Page({
|
||||
data: {
|
||||
pageLoading: true,
|
||||
order: {}, // 后台返回的原始数据
|
||||
_order: {}, // 内部使用和提供给 order-card 的数据
|
||||
storeDetail: {},
|
||||
countDownTime: null,
|
||||
addressEditable: false,
|
||||
backRefresh: false, // 用于接收其他页面back时的状态
|
||||
formatCreateTime: '', //格式化订单创建时间
|
||||
logisticsNodes: [],
|
||||
/** 订单评论状态 */
|
||||
orderHasCommented: true,
|
||||
},
|
||||
|
||||
onLoad(query) {
|
||||
this.orderNo = query.orderNo;
|
||||
this.init();
|
||||
this.navbar = this.selectComponent('#navbar');
|
||||
this.pullDownRefresh = this.selectComponent('#wr-pull-down-refresh');
|
||||
},
|
||||
|
||||
onShow() {
|
||||
// 当从其他页面返回，并且 backRefresh 被置为 true 时，刷新数据
|
||||
if (!this.data.backRefresh) return;
|
||||
this.onRefresh();
|
||||
this.setData({ backRefresh: false });
|
||||
},
|
||||
|
||||
onPageScroll(e) {
|
||||
this.pullDownRefresh && this.pullDownRefresh.onPageScroll(e);
|
||||
},
|
||||
|
||||
onImgError(e) {
|
||||
if (e.detail) {
|
||||
console.error('img 加载失败');
|
||||
}
|
||||
},
|
||||
|
||||
// 页面初始化，会展示pageLoading
|
||||
init() {
|
||||
this.setData({ pageLoading: true });
|
||||
this.getStoreDetail();
|
||||
this.getDetail()
|
||||
.then(() => {
|
||||
this.setData({ pageLoading: false });
|
||||
})
|
||||
.catch((e) => {
|
||||
console.error(e);
|
||||
});
|
||||
},
|
||||
|
||||
// 页面刷新，展示下拉刷新
|
||||
onRefresh() {
|
||||
this.init();
|
||||
// 如果上一页为订单列表，通知其刷新数据
|
||||
const pages = getCurrentPages();
|
||||
const lastPage = pages[pages.length - 2];
|
||||
if (lastPage) {
|
||||
lastPage.data.backRefresh = true;
|
||||
}
|
||||
},
|
||||
|
||||
// 页面刷新，展示下拉刷新
|
||||
onPullDownRefresh_(e) {
|
||||
const { callback } = e.detail;
|
||||
return this.getDetail().then(() => callback && callback());
|
||||
},
|
||||
|
||||
getDetail() {
|
||||
const params = {
|
||||
parameter: this.orderNo,
|
||||
};
|
||||
return fetchOrderDetail(params).then((res) => {
|
||||
const order = res.data;
|
||||
const _order = {
|
||||
id: order.orderId,
|
||||
orderNo: order.orderNo,
|
||||
parentOrderNo: order.parentOrderNo,
|
||||
storeId: order.storeId,
|
||||
storeName: order.storeName,
|
||||
status: order.orderStatus,
|
||||
statusDesc: order.orderStatusName,
|
||||
amount: order.paymentAmount,
|
||||
totalAmount: order.goodsAmountApp,
|
||||
logisticsNo: order.logisticsVO.logisticsNo,
|
||||
goodsList: (order.orderItemVOs || []).map((goods) =>
|
||||
Object.assign({}, goods, {
|
||||
id: goods.id,
|
||||
thumb: goods.goodsPictureUrl,
|
||||
title: goods.goodsName,
|
||||
skuId: goods.skuId,
|
||||
spuId: goods.spuId,
|
||||
specs: (goods.specifications || []).map((s) => s.specValue),
|
||||
price: goods.tagPrice ? goods.tagPrice : goods.actualPrice, // 商品销售单价, 优先取限时活动价
|
||||
num: goods.buyQuantity,
|
||||
titlePrefixTags: goods.tagText ? [{ text: goods.tagText }] : [],
|
||||
buttons: goods.buttonVOs || [],
|
||||
}),
|
||||
),
|
||||
buttons: order.buttonVOs || [],
|
||||
createTime: order.createTime,
|
||||
receiverAddress: this.composeAddress(order),
|
||||
groupInfoVo: order.groupInfoVo,
|
||||
};
|
||||
this.setData({
|
||||
order,
|
||||
_order,
|
||||
formatCreateTime: formatTime(
|
||||
parseFloat(`${order.createTime}`),
|
||||
'YYYY-MM-DD HH:mm',
|
||||
), // 格式化订单创建时间
|
||||
countDownTime: this.computeCountDownTime(order),
|
||||
addressEditable:
|
||||
[OrderStatus.PENDING_PAYMENT, OrderStatus.PENDING_DELIVERY].includes(
|
||||
order.orderStatus,
|
||||
) && order.orderSubStatus !== -1, // 订单正在取消审核时不允许修改地址（但是返回的状态码与待发货一致）
|
||||
isPaid: !!order.paymentVO.paySuccessTime,
|
||||
invoiceStatus: this.datermineInvoiceStatus(order),
|
||||
invoiceDesc: order.invoiceDesc,
|
||||
invoiceType:
|
||||
order.invoiceVO?.invoiceType === 5 ? '电子普通发票' : '不开发票', //是否开票 0-不开 5-电子发票
|
||||
logisticsNodes: this.flattenNodes(order.trajectoryVos || []),
|
||||
});
|
||||
});
|
||||
},
|
||||
|
||||
// 展开物流节点
|
||||
flattenNodes(nodes) {
|
||||
return (nodes || []).reduce((res, node) => {
|
||||
return (node.nodes || []).reduce((res1, subNode, index) => {
|
||||
res1.push({
|
||||
title: index === 0 ? node.title : '', // 子节点中仅第一个显示title
|
||||
desc: subNode.status,
|
||||
date: formatTime(+subNode.timestamp, 'YYYY-MM-DD HH:mm:ss'),
|
||||
icon: index === 0 ? LogisticsIconMap[node.code] || '' : '', // 子节点中仅第一个显示icon
|
||||
});
|
||||
return res1;
|
||||
}, res);
|
||||
}, []);
|
||||
},
|
||||
|
||||
datermineInvoiceStatus(order) {
|
||||
// 1-已开票
|
||||
// 2-未开票（可补开）
|
||||
// 3-未开票
|
||||
// 4-门店不支持开票
|
||||
return order.invoiceStatus;
|
||||
},
|
||||
|
||||
// 拼接省市区
|
||||
composeAddress(order) {
|
||||
return [
|
||||
//order.logisticsVO.receiverProvince,
|
||||
order.logisticsVO.receiverCity,
|
||||
order.logisticsVO.receiverCountry,
|
||||
order.logisticsVO.receiverArea,
|
||||
order.logisticsVO.receiverAddress,
|
||||
]
|
||||
.filter((s) => !!s)
|
||||
.join(' ');
|
||||
},
|
||||
|
||||
getStoreDetail() {
|
||||
fetchBusinessTime().then((res) => {
|
||||
const storeDetail = {
|
||||
storeTel: res.data.telphone,
|
||||
storeBusiness: res.data.businessTime.join('\n'),
|
||||
};
|
||||
this.setData({ storeDetail });
|
||||
});
|
||||
},
|
||||
|
||||
// 仅对待支付状态计算付款倒计时
|
||||
// 返回时间若是大于2020.01.01，说明返回的是关闭时间，否则说明返回的直接就是剩余时间
|
||||
computeCountDownTime(order) {
|
||||
if (order.orderStatus !== OrderStatus.PENDING_PAYMENT) return null;
|
||||
return order.autoCancelTime > 1577808000000
|
||||
? order.autoCancelTime - Date.now()
|
||||
: order.autoCancelTime;
|
||||
},
|
||||
|
||||
onCountDownFinish() {
|
||||
//this.setData({ countDownTime: -1 });
|
||||
const { countDownTime, order } = this.data;
|
||||
if (
|
||||
countDownTime > 0 ||
|
||||
(order && order.groupInfoVo && order.groupInfoVo.residueTime > 0)
|
||||
) {
|
||||
this.onRefresh();
|
||||
}
|
||||
},
|
||||
|
||||
onGoodsCardTap(e) {
|
||||
const { index } = e.currentTarget.dataset;
|
||||
const goods = this.data.order.orderItemVOs[index];
|
||||
wx.navigateTo({ url: `/pages/goods/details/index?spuId=${goods.spuId}` });
|
||||
},
|
||||
|
||||
onEditAddressTap() {
|
||||
getAddressPromise()
|
||||
.then((address) => {
|
||||
this.setData({
|
||||
'order.logisticsVO.receiverName': address.name,
|
||||
'order.logisticsVO.receiverPhone': address.phone,
|
||||
'_order.receiverAddress': address.address,
|
||||
});
|
||||
})
|
||||
.catch(() => {});
|
||||
|
||||
wx.navigateTo({
|
||||
url: `/pages/usercenter/address/list/index?selectMode=1`,
|
||||
});
|
||||
},
|
||||
|
||||
onOrderNumCopy() {
|
||||
wx.setClipboardData({
|
||||
data: this.data.order.orderNo,
|
||||
});
|
||||
},
|
||||
|
||||
onDeliveryNumCopy() {
|
||||
wx.setClipboardData({
|
||||
data: this.data.order.logisticsVO.logisticsNo,
|
||||
});
|
||||
},
|
||||
|
||||
onToInvoice() {
|
||||
wx.navigateTo({
|
||||
url: `/pages/order/invoice/index?orderNo=${this.data._order.orderNo}`,
|
||||
});
|
||||
},
|
||||
|
||||
onSuppleMentInvoice() {
|
||||
wx.navigateTo({
|
||||
url: `/pages/order/receipt/index?orderNo=${this.data._order.orderNo}`,
|
||||
});
|
||||
},
|
||||
|
||||
onDeliveryClick() {
|
||||
const logisticsData = {
|
||||
nodes: this.data.logisticsNodes,
|
||||
company: this.data.order.logisticsVO.logisticsCompanyName,
|
||||
logisticsNo: this.data.order.logisticsVO.logisticsNo,
|
||||
phoneNumber: this.data.order.logisticsVO.logisticsCompanyTel,
|
||||
};
|
||||
wx.navigateTo({
|
||||
url: `/pages/order/delivery-detail/index?data=${encodeURIComponent(
|
||||
JSON.stringify(logisticsData),
|
||||
)}`,
|
||||
});
|
||||
},
|
||||
|
||||
/** 跳转订单评价 */
|
||||
navToCommentCreate() {
|
||||
wx.navigateTo({
|
||||
url: `/pages/order/createComment/index?orderNo=${this.orderNo}`,
|
||||
});
|
||||
},
|
||||
|
||||
/** 跳转拼团详情/分享页*/
|
||||
toGrouponDetail() {
|
||||
wx.showToast({ title: '点击了拼团' });
|
||||
},
|
||||
|
||||
clickService() {
|
||||
Toast({
|
||||
context: this,
|
||||
selector: '#t-toast',
|
||||
message: '您点击了联系客服',
|
||||
});
|
||||
},
|
||||
|
||||
onOrderInvoiceView() {
|
||||
wx.navigateTo({
|
||||
url: `/pages/order/invoice/index?orderNo=${this.orderNo}`,
|
||||
});
|
||||
},
|
||||
});
|
||||
Reference in New Issue
Block a user