473 lines
14 KiB
JavaScript
473 lines
14 KiB
JavaScript
import Toast from 'tdesign-miniprogram/toast/index';
|
||
import Dialog from 'tdesign-miniprogram/dialog/index';
|
||
import { OrderButtonTypes } from '../../config';
|
||
import { config } from '../../../../config/index';
|
||
|
||
Component({
|
||
options: {
|
||
addGlobalClass: true,
|
||
},
|
||
properties: {
|
||
order: {
|
||
type: Object,
|
||
observer(order) {
|
||
// 判定有传goodsIndex ，则认为是商品button bar, 仅显示申请售后按钮
|
||
if (this.properties?.goodsIndex !== null) {
|
||
const goods = order.goodsList[Number(this.properties.goodsIndex)];
|
||
this.setData({
|
||
buttons: {
|
||
left: [],
|
||
right: (goods.buttons || []).filter((b) => b.type == OrderButtonTypes.APPLY_REFUND),
|
||
},
|
||
});
|
||
return;
|
||
}
|
||
// 订单的button bar 不显示申请售后按钮
|
||
const buttonsRight = (order.buttons || [])
|
||
// .filter((b) => b.type !== OrderButtonTypes.APPLY_REFUND)
|
||
.map((button) => {
|
||
//邀请好友拼团按钮
|
||
if (button.type === OrderButtonTypes.INVITE_GROUPON && order.groupInfoVo) {
|
||
const {
|
||
groupInfoVo: { groupId, promotionId, remainMember, groupPrice },
|
||
goodsList,
|
||
} = order;
|
||
const goodsImg = goodsList?.[0]?.imgUrl;
|
||
const goodsName = goodsList?.[0]?.name;
|
||
return {
|
||
...button,
|
||
openType: 'share',
|
||
dataShare: {
|
||
goodsImg,
|
||
goodsName,
|
||
groupId,
|
||
promotionId,
|
||
remainMember,
|
||
groupPrice,
|
||
storeId: order.storeId,
|
||
},
|
||
};
|
||
}
|
||
return button;
|
||
});
|
||
// 删除订单按钮单独挪到左侧
|
||
const deleteBtnIndex = buttonsRight.findIndex((b) => b.type === OrderButtonTypes.DELETE);
|
||
let buttonsLeft = [];
|
||
if (deleteBtnIndex > -1) {
|
||
buttonsLeft = buttonsRight.splice(deleteBtnIndex, 1);
|
||
}
|
||
this.setData({
|
||
buttons: {
|
||
left: buttonsLeft,
|
||
right: buttonsRight,
|
||
},
|
||
});
|
||
},
|
||
},
|
||
goodsIndex: {
|
||
type: Number,
|
||
value: null,
|
||
},
|
||
isBtnMax: {
|
||
type: Boolean,
|
||
value: false,
|
||
},
|
||
},
|
||
|
||
data: {
|
||
order: {},
|
||
buttons: {
|
||
left: [],
|
||
right: [],
|
||
},
|
||
},
|
||
|
||
methods: {
|
||
// 点击【订单操作】按钮，根据按钮类型分发
|
||
onOrderBtnTap(e) {
|
||
const { type } = e.currentTarget.dataset;
|
||
switch (type) {
|
||
case OrderButtonTypes.DELETE:
|
||
this.onDelete(this.data.order);
|
||
break;
|
||
case OrderButtonTypes.CANCEL:
|
||
this.onCancel(this.data.order);
|
||
break;
|
||
case OrderButtonTypes.CONFIRM:
|
||
this.onConfirm(this.data.order);
|
||
break;
|
||
case OrderButtonTypes.PAY:
|
||
this.onPay(this.data.order);
|
||
break;
|
||
case OrderButtonTypes.REMIND_SHIP:
|
||
this.onRemindShip(this.data.order);
|
||
break;
|
||
case OrderButtonTypes.APPLY_REFUND:
|
||
this.onApplyRefund(this.data.order);
|
||
break;
|
||
case OrderButtonTypes.VIEW_REFUND:
|
||
this.onViewRefund(this.data.order);
|
||
break;
|
||
case OrderButtonTypes.COMMENT:
|
||
this.onAddComment(this.data.order);
|
||
break;
|
||
case OrderButtonTypes.INVITE_GROUPON:
|
||
//分享邀请好友拼团
|
||
break;
|
||
case OrderButtonTypes.REBUY:
|
||
this.onBuyAgain(this.data.order);
|
||
}
|
||
},
|
||
|
||
onCancel(order) {
|
||
Dialog.confirm({
|
||
title: '确认取消订单',
|
||
content: '确定要取消这个订单吗？取消后无法恢复。',
|
||
confirmBtn: '确认取消',
|
||
cancelBtn: '我再想想',
|
||
})
|
||
.then(() => {
|
||
// 显示加载状态
|
||
wx.showLoading({
|
||
title: '取消中...',
|
||
mask: true
|
||
});
|
||
|
||
// 调用取消订单API
|
||
wx.request({
|
||
url: `${config.apiBase}/orders/${order.orderNo}/cancel`,
|
||
method: 'PUT',
|
||
header: {
|
||
'Content-Type': 'application/json',
|
||
'Authorization': `Bearer ${wx.getStorageSync('token')}`
|
||
},
|
||
data: {
|
||
order_no: order.orderNo
|
||
},
|
||
success: (res) => {
|
||
wx.hideLoading();
|
||
|
||
if (res.statusCode === 200 && res.data.code === 200) {
|
||
Toast({
|
||
context: this,
|
||
selector: '#t-toast',
|
||
message: '订单取消成功',
|
||
icon: 'check-circle',
|
||
});
|
||
|
||
// 触发刷新事件
|
||
this.triggerEvent('refresh');
|
||
} else {
|
||
Toast({
|
||
context: this,
|
||
selector: '#t-toast',
|
||
message: res.data.message || '取消订单失败',
|
||
icon: 'error',
|
||
});
|
||
}
|
||
},
|
||
fail: (err) => {
|
||
wx.hideLoading();
|
||
console.error('取消订单失败:', err);
|
||
Toast({
|
||
context: this,
|
||
selector: '#t-toast',
|
||
message: '网络错误，请重试',
|
||
icon: 'error',
|
||
});
|
||
}
|
||
});
|
||
})
|
||
.catch(() => {
|
||
// 用户取消操作，不做任何处理
|
||
});
|
||
},
|
||
|
||
onConfirm(order) {
|
||
Dialog.confirm({
|
||
title: '确认是否已经收到货？',
|
||
content: '确认收货后，订单将完成，无法撤销。',
|
||
confirmBtn: '确认收货',
|
||
cancelBtn: '取消',
|
||
})
|
||
.then(() => {
|
||
// 显示加载状态
|
||
wx.showLoading({
|
||
title: '确认中...',
|
||
mask: true
|
||
});
|
||
|
||
// 调用确认收货API
|
||
wx.request({
|
||
url: `${config.apiBase}/orders/${order.orderNo}/receive`,
|
||
method: 'PUT',
|
||
header: {
|
||
'Content-Type': 'application/json',
|
||
'Authorization': `Bearer ${wx.getStorageSync('token')}`
|
||
},
|
||
data: {
|
||
order_no: order.orderNo
|
||
},
|
||
success: (res) => {
|
||
wx.hideLoading();
|
||
|
||
if (res.statusCode === 200 && res.data.code === 200) {
|
||
Toast({
|
||
context: this,
|
||
selector: '#t-toast',
|
||
message: '确认收货成功',
|
||
icon: 'check-circle',
|
||
});
|
||
|
||
// 触发刷新事件
|
||
this.triggerEvent('refresh');
|
||
} else {
|
||
Toast({
|
||
context: this,
|
||
selector: '#t-toast',
|
||
message: res.data.message || '确认收货失败',
|
||
icon: 'error',
|
||
});
|
||
}
|
||
},
|
||
fail: (err) => {
|
||
wx.hideLoading();
|
||
console.error('确认收货失败:', err);
|
||
Toast({
|
||
context: this,
|
||
selector: '#t-toast',
|
||
message: '网络错误，请重试',
|
||
icon: 'error',
|
||
});
|
||
}
|
||
});
|
||
})
|
||
.catch(() => {
|
||
// 用户取消操作，不做任何处理
|
||
});
|
||
},
|
||
|
||
onPay(order) {
|
||
// 显示加载状态
|
||
wx.showLoading({
|
||
title: '创建支付订单...',
|
||
mask: true
|
||
});
|
||
|
||
// 调用支付API
|
||
wx.request({
|
||
url: `${config.apiBase}/payment/create`,
|
||
method: 'POST',
|
||
header: {
|
||
'Content-Type': 'application/json',
|
||
'Authorization': `Bearer ${wx.getStorageSync('token')}`
|
||
},
|
||
data: {
|
||
orderNo: order.orderNo,
|
||
paymentMethod: 'wechat'
|
||
},
|
||
success: (res) => {
|
||
if (res.statusCode === 200 && res.data.code === 200) {
|
||
const paymentData = res.data.data;
|
||
|
||
// 如果返回了微信支付参数，调用微信支付SDK
|
||
if (paymentData && paymentData.payInfo) {
|
||
wx.hideLoading();
|
||
wx.showLoading({ title: '调起微信支付...' });
|
||
|
||
try {
|
||
const payInfo = typeof paymentData.payInfo === 'string'
|
||
? JSON.parse(paymentData.payInfo)
|
||
: paymentData.payInfo;
|
||
|
||
console.log('微信支付参数:', payInfo);
|
||
|
||
wx.requestPayment({
|
||
timeStamp: payInfo.timeStamp,
|
||
nonceStr: payInfo.nonceStr,
|
||
package: payInfo.package,
|
||
signType: payInfo.signType || 'RSA',
|
||
paySign: payInfo.paySign,
|
||
success: (payRes) => {
|
||
wx.hideLoading();
|
||
Toast({
|
||
context: this,
|
||
selector: '#t-toast',
|
||
message: '支付成功',
|
||
icon: 'check-circle',
|
||
});
|
||
|
||
// 触发刷新事件
|
||
this.triggerEvent('refresh');
|
||
},
|
||
fail: (payErr) => {
|
||
wx.hideLoading();
|
||
Toast({
|
||
context: this,
|
||
selector: '#t-toast',
|
||
message: payErr.errMsg || '支付失败',
|
||
icon: 'error',
|
||
});
|
||
}
|
||
});
|
||
} catch (parseErr) {
|
||
wx.hideLoading();
|
||
Toast({
|
||
context: this,
|
||
selector: '#t-toast',
|
||
message: '支付参数解析失败',
|
||
icon: 'error',
|
||
});
|
||
}
|
||
} else {
|
||
// 如果没有返回微信支付参数，可能是模拟支付成功
|
||
wx.hideLoading();
|
||
Toast({
|
||
context: this,
|
||
selector: '#t-toast',
|
||
message: '支付成功',
|
||
icon: 'check-circle',
|
||
});
|
||
|
||
// 触发刷新事件
|
||
this.triggerEvent('refresh');
|
||
}
|
||
} else {
|
||
wx.hideLoading();
|
||
Toast({
|
||
context: this,
|
||
selector: '#t-toast',
|
||
message: res.data.message || '创建支付订单失败',
|
||
icon: 'error',
|
||
});
|
||
}
|
||
},
|
||
fail: (err) => {
|
||
wx.hideLoading();
|
||
console.error('支付失败:', err);
|
||
Toast({
|
||
context: this,
|
||
selector: '#t-toast',
|
||
message: '网络错误，请重试',
|
||
icon: 'error',
|
||
});
|
||
}
|
||
});
|
||
},
|
||
|
||
onRemindShip(order) {
|
||
// 显示加载状态
|
||
wx.showLoading({
|
||
title: '发送提醒...',
|
||
mask: true
|
||
});
|
||
|
||
// 调用提醒发货API
|
||
wx.request({
|
||
url: `${config.apiBase}/orders/${order.orderNo}/remind-ship`,
|
||
method: 'PUT',
|
||
header: {
|
||
'Content-Type': 'application/json',
|
||
'Authorization': `Bearer ${wx.getStorageSync('token')}`
|
||
},
|
||
success: (res) => {
|
||
wx.hideLoading();
|
||
|
||
if (res.statusCode === 200 && res.data.code === 200) {
|
||
Toast({
|
||
context: this,
|
||
selector: '#t-toast',
|
||
message: '提醒发货成功，商家将尽快处理',
|
||
icon: 'check-circle',
|
||
});
|
||
} else {
|
||
Toast({
|
||
context: this,
|
||
selector: '#t-toast',
|
||
message: res.data.message || '提醒发货失败',
|
||
icon: 'error',
|
||
});
|
||
}
|
||
},
|
||
fail: (err) => {
|
||
wx.hideLoading();
|
||
console.error('提醒发货失败:', err);
|
||
Toast({
|
||
context: this,
|
||
selector: '#t-toast',
|
||
message: '网络错误，请重试',
|
||
icon: 'error',
|
||
});
|
||
}
|
||
});
|
||
},
|
||
|
||
onBuyAgain() {
|
||
Toast({
|
||
context: this,
|
||
selector: '#t-toast',
|
||
message: '你点击了再次购买',
|
||
icon: 'check-circle',
|
||
});
|
||
},
|
||
|
||
onApplyRefund(order) {
|
||
console.log('[订单按钮] 点击申请退款按钮', { orderNo: order?.orderNo, goodsIndex: this.properties.goodsIndex });
|
||
|
||
// 如果是商品级别的退款申请（有goodsIndex）
|
||
if (this.properties.goodsIndex !== null) {
|
||
const goods = order.goodsList[this.properties.goodsIndex];
|
||
const params = {
|
||
orderNo: order.orderNo,
|
||
skuId: goods?.skuId ?? goods?.id ?? '19384938948343',
|
||
spuId: goods?.spuId ?? goods?.productId ?? '28373847384343',
|
||
orderStatus: order.status,
|
||
logisticsNo: order.logisticsNo,
|
||
price: goods?.price ?? goods?.actualPrice ?? 89,
|
||
num: goods?.num ?? goods?.buyQuantity ?? 1,
|
||
createTime: order.createTime,
|
||
orderAmt: order.totalAmount,
|
||
payAmt: order.amount,
|
||
canApplyReturn: true,
|
||
};
|
||
const paramsStr = Object.keys(params)
|
||
.map((k) => `${k}=${params[k]}`)
|
||
.join('&');
|
||
wx.navigateTo({ url: `/pages/order/apply-service/index?${paramsStr}` });
|
||
} else {
|
||
// 订单级别的退款申请，跳转到订单详情页
|
||
if (order?.orderNo) {
|
||
wx.navigateTo({
|
||
url: `/pages/order/order-detail/index?orderNo=${order.orderNo}`
|
||
});
|
||
}
|
||
}
|
||
},
|
||
|
||
onViewRefund(order) {
|
||
console.log('[订单按钮] 点击查看退款按钮', { orderNo: order?.orderNo });
|
||
|
||
// 跳转到售后列表页面
|
||
wx.navigateTo({
|
||
url: '/pages/order/after-service-list/index'
|
||
});
|
||
},
|
||
|
||
/** 添加订单评论 */
|
||
onAddComment(order) {
|
||
// 如果订单只有一个商品，直接跳转到评论页面
|
||
if (order?.goodsList?.length === 1) {
|
||
const orderItem = order.goodsList[0];
|
||
wx.navigateTo({
|
||
url: `/pages/order/comment/index?orderNo=${order.orderNo}&orderItemId=${orderItem.id}`,
|
||
});
|
||
} else {
|
||
// 如果有多个商品，跳转到评论列表页面让用户选择
|
||
wx.navigateTo({
|
||
url: `/pages/order/comment-list/index?orderNo=${order.orderNo}`,
|
||
});
|
||
}
|
||
},
|
||
},
|
||
});
|