552 lines
12 KiB
JavaScript
552 lines
12 KiB
JavaScript
import Util from '../../utils/util.js';
|
||
import Verify from '../../utils/verify.js';
|
||
import DeliveryTypeEnum from '../../utils/enum/DeliveryType.js';
|
||
import PayTypeEnum from '../../utils/enum/order/PayType';
|
||
import Dialog from '../../components/dialog/dialog';
|
||
import Toast from '../../components/toast/toast';
|
||
|
||
const App = getApp()
|
||
Page({
|
||
|
||
/**
|
||
* 页面的初始数据
|
||
*/
|
||
data: {
|
||
|
||
// 当前页面参数
|
||
options: {},
|
||
|
||
// // 系统设置：配送方式
|
||
// deliverySetting: [],
|
||
|
||
// 系统设置
|
||
setting: {
|
||
delivery: [], // 支持的配送方式
|
||
},
|
||
|
||
// 配送方式
|
||
isShowTab: false,
|
||
DeliveryTypeEnum,
|
||
curDelivery: null,
|
||
|
||
// 支付方式
|
||
PayTypeEnum,
|
||
curPayType: PayTypeEnum.WECHAT.value,
|
||
|
||
address: null, // 默认收货地址
|
||
exist_address: false, // 是否存在收货地址
|
||
|
||
selectedShopId: 0, // 选择的自提门店id
|
||
linkman: '', // 自提联系人
|
||
phone: '', // 自提联系电话
|
||
|
||
// 商品信息
|
||
goods: {},
|
||
|
||
// 选择的优惠券
|
||
selectCouponId: 0,
|
||
|
||
// 是否使用积分抵扣
|
||
isUsePoints: false,
|
||
|
||
// 买家留言
|
||
remark: '',
|
||
|
||
// 禁用submit按钮
|
||
disabled: false,
|
||
|
||
has_error: false,
|
||
error_msg: '',
|
||
|
||
notRefresh: false, // 不允许刷新
|
||
},
|
||
|
||
/**
|
||
* 生命周期函数--监听页面加载
|
||
*/
|
||
onLoad(options) {
|
||
let _this = this;
|
||
// 当前页面参数
|
||
_this.setData({
|
||
options
|
||
});
|
||
console.log(options);
|
||
},
|
||
|
||
/**
|
||
* 生命周期函数--监听页面显示
|
||
*/
|
||
onShow() {
|
||
let _this = this;
|
||
// 获取当前订单信息
|
||
!_this.data.notRefresh && _this.getOrderData();
|
||
},
|
||
|
||
/**
|
||
* 获取当前订单信息
|
||
*/
|
||
getOrderData() {
|
||
let _this = this,
|
||
options = _this.data.options;
|
||
// 获取订单信息回调方法
|
||
let callback = result => {
|
||
let resData = result.data;
|
||
// 请求错误
|
||
if (result.code !== 1) {
|
||
App.showError(result.msg);
|
||
return false;
|
||
}
|
||
// 显示错误信息
|
||
if (resData.has_error) {
|
||
App.showError(resData.error_msg);
|
||
}
|
||
|
||
let data = {};
|
||
// 当前选择的配送方式
|
||
data.curDelivery = resData.delivery;
|
||
// 如果只有一种配送方式则不显示选项卡
|
||
data.isShowTab = resData.setting.delivery.length > 1;
|
||
// 上门自提联系信息
|
||
if (_this.data.linkman === '') {
|
||
data.linkman = resData.last_extract.linkman;
|
||
}
|
||
if (_this.data.phone === '') {
|
||
data.phone = resData.last_extract.phone;
|
||
}
|
||
// 设置页面数据
|
||
_this.setData(Object.assign({}, resData, data));
|
||
wx.hideLoading();
|
||
};
|
||
|
||
wx.showLoading({
|
||
title: '加载中...',
|
||
});
|
||
|
||
// 请求的参数
|
||
let params = {
|
||
delivery: _this.data.curDelivery || 0,
|
||
shop_id: _this.data.selectedShopId || 0,
|
||
coupon_id: _this.data.selectCouponId || 0,
|
||
is_use_points: _this.data.isUsePoints ? 1 : 0,
|
||
};
|
||
|
||
// 立即购买
|
||
if (options.order_type === 'buyNow') {
|
||
App._get('order/buyNow', Object.assign({}, params, {
|
||
goods_id: options.goods_id,
|
||
goods_num: options.goods_num,
|
||
goods_sku_id: options.goods_sku_id,
|
||
}), result => {
|
||
callback(result);
|
||
});
|
||
}
|
||
|
||
// 砍价活动结算
|
||
else if (options.order_type === 'bargain') {
|
||
App._get('bargain.order/checkout', Object.assign({}, params, {
|
||
task_id: options.task_id,
|
||
goods_sku_id: options.goods_sku_id,
|
||
}), result => {
|
||
callback(result);
|
||
});
|
||
}
|
||
|
||
// 秒杀活动结算
|
||
else if (options.order_type === 'sharp') {
|
||
App._get('sharp.order/checkout', Object.assign({}, params, {
|
||
active_time_id: options.active_time_id,
|
||
sharp_goods_id: options.sharp_goods_id,
|
||
goods_sku_id: options.goods_sku_id,
|
||
goods_num: options.goods_num,
|
||
}), result => {
|
||
callback(result);
|
||
});
|
||
}
|
||
|
||
// 购物车结算
|
||
else if (options.order_type === 'cart') {
|
||
App._get('order/cart', Object.assign({}, params, {
|
||
cart_ids: options.cart_ids || 0,
|
||
}), result => {
|
||
callback(result);
|
||
});
|
||
}
|
||
},
|
||
|
||
/**
|
||
* 切换配送方式
|
||
*/
|
||
onSwichDelivery(e) {
|
||
// 设置当前配送方式
|
||
let _this = this;
|
||
_this.setData({
|
||
curDelivery: e.currentTarget.dataset.current
|
||
});
|
||
// 重新获取订单信息
|
||
_this.getOrderData();
|
||
},
|
||
|
||
/**
|
||
* 快递配送：选择收货地址
|
||
*/
|
||
onSelectAddress() {
|
||
let _this = this;
|
||
// 允许刷新
|
||
_this.setData({
|
||
notRefresh: false
|
||
});
|
||
// 跳转到选择自提点
|
||
wx.navigateTo({
|
||
url: '../address/' + (_this.data.exist_address ? 'index?from=flow' : 'create')
|
||
});
|
||
},
|
||
|
||
/**
|
||
* 上门自提：选择自提点
|
||
*/
|
||
onSelectExtractPoint() {
|
||
let _this = this,
|
||
selectedId = _this.data.selectedShopId;
|
||
// 允许刷新
|
||
_this.setData({
|
||
notRefresh: false
|
||
});
|
||
// 跳转到选择自提点
|
||
wx.navigateTo({
|
||
url: '../_select/extract_point/index?selected_id=' + selectedId
|
||
});
|
||
},
|
||
|
||
/**
|
||
* 跳转到商品详情页
|
||
*/
|
||
onTargetGoods(e) {
|
||
wx.navigateTo({
|
||
url: `../goods/index?goods_id=${e.currentTarget.dataset.id}`,
|
||
})
|
||
},
|
||
|
||
/**
|
||
* 订单提交
|
||
*/
|
||
onSubmitOrder() {
|
||
let _this = this,
|
||
options = _this.data.options;
|
||
|
||
if (_this.data.disabled) {
|
||
return false;
|
||
}
|
||
|
||
// 表单验证
|
||
if (!_this._onVerify()) {
|
||
return false;
|
||
}
|
||
|
||
// 按钮禁用, 防止二次提交
|
||
_this.data.disabled = true;
|
||
|
||
|
||
let url = '';
|
||
|
||
// 表单提交的数据
|
||
let postData = {
|
||
delivery: _this.data.curDelivery,
|
||
pay_type: _this.data.curPayType,
|
||
shop_id: _this.data.selectedShopId || 0,
|
||
linkman: _this.data.linkman,
|
||
phone: _this.data.phone,
|
||
coupon_id: _this.data.selectCouponId || 0,
|
||
is_use_points: _this.data.isUsePoints ? 1 : 0,
|
||
remark: _this.data.remark || '',
|
||
};
|
||
|
||
// 创建订单-立即购买
|
||
if (options.order_type === 'buyNow') {
|
||
url = 'order/buyNow';
|
||
postData = Object.assign(postData, {
|
||
goods_id: options.goods_id,
|
||
goods_num: options.goods_num,
|
||
goods_sku_id: options.goods_sku_id,
|
||
});
|
||
}
|
||
|
||
// 创建订单-购物车结算
|
||
if (options.order_type === 'cart') {
|
||
url = 'order/cart';
|
||
postData = Object.assign(postData, {
|
||
cart_ids: options.cart_ids || 0,
|
||
});
|
||
}
|
||
|
||
// 创建订单-砍价活动
|
||
if (options.order_type === 'bargain') {
|
||
url = 'bargain.order/checkout';
|
||
postData = Object.assign(postData, {
|
||
task_id: options.task_id,
|
||
goods_sku_id: options.goods_sku_id,
|
||
});
|
||
}
|
||
|
||
// 创建订单-秒杀商品
|
||
if (options.order_type === 'sharp') {
|
||
url = 'sharp.order/checkout';
|
||
postData = Object.assign(postData, {
|
||
active_time_id: options.active_time_id,
|
||
sharp_goods_id: options.sharp_goods_id,
|
||
goods_sku_id: options.goods_sku_id,
|
||
goods_num: options.goods_num,
|
||
});
|
||
}
|
||
|
||
// 提交到后端
|
||
const onCommitCallback = () => {
|
||
// 显示loading
|
||
wx.showLoading({
|
||
title: '正在处理...'
|
||
});
|
||
// 订单提交
|
||
App._post_form(url, postData, result => {
|
||
_this._onSubmitCallback(result);
|
||
}, result => {}, () => {
|
||
wx.hideLoading();
|
||
// 解除按钮禁用
|
||
_this.data.disabled = false;
|
||
});
|
||
// 不允许刷新
|
||
_this.setData({
|
||
notRefresh: true
|
||
});
|
||
};
|
||
|
||
// 请求用户订阅消息
|
||
_this._onRequestSubscribeMessage(onCommitCallback);
|
||
},
|
||
|
||
/**
|
||
* 请求用户订阅消息
|
||
*/
|
||
_onRequestSubscribeMessage(onCommitCallback) {
|
||
let _this = this,
|
||
tmplIds = _this.data.setting.order_submsg;
|
||
if (tmplIds.length == 0) {
|
||
onCommitCallback();
|
||
return;
|
||
}
|
||
wx.requestSubscribeMessage({
|
||
tmplIds,
|
||
success(res) {},
|
||
fail(res) {},
|
||
complete(res) {
|
||
onCommitCallback();
|
||
},
|
||
});
|
||
},
|
||
|
||
/**
|
||
* 订单提交成功后回调
|
||
*/
|
||
_onSubmitCallback(result) {
|
||
let _this = this;
|
||
// 订单创建成功后回调--微信支付
|
||
if (result.code === -10) {
|
||
App.showError(result.msg, () => {
|
||
_this.redirectToOrderIndex();
|
||
});
|
||
return false;
|
||
}
|
||
// 发起微信支付
|
||
if (result.data.pay_type == PayTypeEnum.WECHAT.value) {
|
||
App.wxPayment({
|
||
payment: result.data.payment,
|
||
success: res => {
|
||
_this.redirectToOrderIndex();
|
||
},
|
||
fail: res => {
|
||
App.showError(result.msg.error, () => {
|
||
_this.redirectToOrderIndex();
|
||
});
|
||
},
|
||
});
|
||
}
|
||
// 余额支付
|
||
if (result.data.pay_type == PayTypeEnum.BALANCE.value) {
|
||
App.showSuccess(result.msg.success, () => {
|
||
_this.redirectToOrderIndex();
|
||
});
|
||
}
|
||
},
|
||
|
||
|
||
/**
|
||
* 表单验证
|
||
*/
|
||
_onVerify() {
|
||
let _this = this;
|
||
if (_this.data.has_error) {
|
||
App.showError(_this.data.error_msg);
|
||
return false;
|
||
}
|
||
// 验证自提填写的联系方式
|
||
if (_this.data.curDelivery == DeliveryTypeEnum.EXTRACT.value) {
|
||
_this.setData({
|
||
linkman: _this.data.linkman.trim(),
|
||
phone: _this.data.phone.trim(),
|
||
});
|
||
if (_this.data.selectedShopId <= 0) {
|
||
App.showError('请选择自提的门店');
|
||
return false;
|
||
}
|
||
if (Verify.isEmpty(_this.data.linkman)) {
|
||
App.showError('请填写自提联系人');
|
||
return false;
|
||
}
|
||
if (Verify.isEmpty(_this.data.phone)) {
|
||
App.showError('请填写自提联系电话');
|
||
return false;
|
||
}
|
||
if (!Verify.isPhone(_this.data.phone)) {
|
||
App.showError('请输入正确的联系电话');
|
||
return false;
|
||
}
|
||
}
|
||
return true;
|
||
},
|
||
|
||
/**
|
||
* 买家留言
|
||
*/
|
||
bindRemark(e) {
|
||
let _this = this;
|
||
_this.setData({
|
||
remark: e.detail.value
|
||
})
|
||
},
|
||
|
||
/**
|
||
* 选择优惠券(弹出/隐藏)
|
||
*/
|
||
onTogglePopupCoupon() {
|
||
let _this = this;
|
||
if (_this.data.coupon_list.length > 0) {
|
||
_this.setData({
|
||
showBottomPopup: !_this.data.showBottomPopup
|
||
});
|
||
}
|
||
},
|
||
|
||
/**
|
||
* 选择优惠券
|
||
*/
|
||
onSelectCoupon(e) {
|
||
const app = this;
|
||
// 当前选择的优惠券
|
||
const index = e.currentTarget.dataset.index
|
||
const couponItem = app.data.coupon_list[index]
|
||
// 判断是否在适用范围
|
||
if (!couponItem['is_apply']) {
|
||
Toast({
|
||
selector: '#zan-toast',
|
||
message: couponItem.not_apply_info,
|
||
timeout: 1800
|
||
});
|
||
return
|
||
}
|
||
// 记录选中的优惠券id
|
||
app.setData({
|
||
selectCouponId: couponItem.user_coupon_id
|
||
});
|
||
// 重新获取订单信息
|
||
app.getOrderData();
|
||
// 隐藏优惠券弹层
|
||
app.onTogglePopupCoupon();
|
||
},
|
||
|
||
/**
|
||
* 不使用优惠券
|
||
*/
|
||
onNotUseCoupon() {
|
||
let _this = this;
|
||
_this.setData({
|
||
selectCouponId: 0
|
||
});
|
||
// 重新获取订单信息
|
||
_this.getOrderData();
|
||
// 隐藏优惠券弹层
|
||
_this.onTogglePopupCoupon();
|
||
},
|
||
|
||
/**
|
||
* 选择支付方式
|
||
*/
|
||
onSelectPayType(e) {
|
||
let _this = this;
|
||
// 设置当前支付方式
|
||
_this.setData({
|
||
curPayType: e.currentTarget.dataset.value
|
||
});
|
||
},
|
||
|
||
/**
|
||
* 跳转到未付款订单
|
||
*/
|
||
redirectToOrderIndex() {
|
||
wx.redirectTo({
|
||
url: '../order/index',
|
||
});
|
||
},
|
||
|
||
/**
|
||
* input绑定：联系人
|
||
*/
|
||
onInputLinkman(e) {
|
||
let _this = this;
|
||
_this.setData({
|
||
linkman: e.detail.value
|
||
});
|
||
},
|
||
|
||
/**
|
||
* input绑定：联系电话
|
||
*/
|
||
onInputPhone(e) {
|
||
let _this = this;
|
||
_this.setData({
|
||
phone: e.detail.value
|
||
});
|
||
},
|
||
|
||
/**
|
||
* 选择积分抵扣
|
||
*/
|
||
onTriggerPoints({
|
||
detail
|
||
}) {
|
||
let _this = this;
|
||
_this.setData({
|
||
isUsePoints: detail
|
||
});
|
||
// 重新获取订单信息
|
||
_this.getOrderData();
|
||
},
|
||
|
||
/**
|
||
* 显示积分说明
|
||
*/
|
||
onShowPoints(e) {
|
||
let _this = this;
|
||
// 显示dialog
|
||
let setting = _this.data.setting;
|
||
Dialog({
|
||
title: `${setting.points_name}说明`,
|
||
message: setting.points_describe,
|
||
selector: '#zan-base-dialog',
|
||
isScroll: true, // 滚动
|
||
buttons: [{
|
||
text: '关闭',
|
||
color: 'red',
|
||
type: 'cash'
|
||
}]
|
||
});
|
||
},
|
||
|
||
}); |