2023-08-10 06:59:52 +00:00
|
|
|
|
<template>
|
|
|
|
|
|
<view>
|
|
|
|
|
|
<view class="confirm-order">
|
|
|
|
|
|
<view class="confirm-con">
|
|
|
|
|
|
<navigator hover-class="none" url="/bundle/pages/user_address/user_address?type=1">
|
|
|
|
|
|
<view class="address flex bg-white">
|
|
|
|
|
|
<image class="icon-md m-r-20" src="/static/images/icon_address.png"></image>
|
|
|
|
|
|
<view class="flex-1 m-r-20">
|
|
|
|
|
|
<view class="black md" v-if="!address.contact">设置收货地址</view>
|
|
|
|
|
|
<view v-else>
|
|
|
|
|
|
<text class="name md m-r-10">{{address.contact}}</text>
|
|
|
|
|
|
<text class="phone md">{{address.telephone}}</text>
|
|
|
|
|
|
<view class="area sm m-t-10 lighter">
|
|
|
|
|
|
{{address.province}} {{address.city}} {{address.district}} {{address.address}}
|
|
|
|
|
|
</view>
|
|
|
|
|
|
</view>
|
|
|
|
|
|
</view>
|
|
|
|
|
|
<u-icon name="arrow-right"></u-icon>
|
|
|
|
|
|
</view>
|
|
|
|
|
|
</navigator>
|
|
|
|
|
|
|
|
|
|
|
|
<!-- 拼团商品 -->
|
|
|
|
|
|
<block v-if="teamId==undefined">
|
|
|
|
|
|
<view class="goods contain" v-for="(item,index) in shopLists" :key="index">
|
|
|
|
|
|
<order-shop :order-type="orderInfo.order_type" :item="item" :invoice="invoiceArr" @changeremark="changeRemark"
|
2023-08-22 10:14:17 +00:00
|
|
|
|
@changecoupon="changeCoupon($event,index)" @changeIsFrontend="changeIsFrontend"></order-shop>
|
2023-08-10 06:59:52 +00:00
|
|
|
|
</view>
|
|
|
|
|
|
</block>
|
|
|
|
|
|
<!-- 其他商品 -->
|
|
|
|
|
|
<block v-else>
|
|
|
|
|
|
<view class="goods contain">
|
2023-08-22 10:14:17 +00:00
|
|
|
|
<order-shop :order-type="orderInfo.order_type" :item="shopLists" :invoice="invoiceArr" @changeremark="changeRemark" @changeIsFrontend="changeIsFrontend"
|
2023-08-10 06:59:52 +00:00
|
|
|
|
></order-shop>
|
|
|
|
|
|
</view>
|
|
|
|
|
|
</block>
|
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
|
|
<view class="footer bg-white flex row-between fixed">
|
|
|
|
|
|
<view class="all-price lg flex">
|
|
|
|
|
|
<text>合计：</text>
|
|
|
|
|
|
<view class="primary">
|
|
|
|
|
|
<price-format weight="500" :first-size="36" :second-size="36" :price="orderInfo.total_amount">
|
|
|
|
|
|
</price-format>
|
|
|
|
|
|
</view>
|
|
|
|
|
|
</view>
|
|
|
|
|
|
<button class="btn br60 white" size="md" hover-class="none" @tap="onSubmitOrder">
|
|
|
|
|
|
提交订单
|
|
|
|
|
|
</button>
|
|
|
|
|
|
</view>
|
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
|
|
<loading-view v-if="showLoading" background-color="transparent" :size="50"></loading-view>
|
|
|
|
|
|
<loading-view v-if="isFirstLoading"></loading-view>
|
|
|
|
|
|
</view>
|
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
|
import {
|
|
|
|
|
|
orderInfo,
|
|
|
|
|
|
orderBuy,
|
|
|
|
|
|
getOrderCoupon
|
|
|
|
|
|
} from '@/api/order';
|
|
|
|
|
|
import {
|
|
|
|
|
|
teamBuy,
|
|
|
|
|
|
teamKaiTuan
|
|
|
|
|
|
} from '@/api/activity'
|
|
|
|
|
|
import {
|
|
|
|
|
|
prepay,
|
|
|
|
|
|
getMnpNotice,
|
|
|
|
|
|
getPayway
|
|
|
|
|
|
} from '@/api/app';
|
|
|
|
|
|
import {
|
|
|
|
|
|
wxpay,
|
|
|
|
|
|
alipay
|
|
|
|
|
|
} from '@/utils/pay'
|
|
|
|
|
|
// total_amount
|
|
|
|
|
|
export default {
|
|
|
|
|
|
data() {
|
|
|
|
|
|
return {
|
|
|
|
|
|
isFirstLoading: true,
|
|
|
|
|
|
showLoading: false,
|
|
|
|
|
|
address: {},
|
|
|
|
|
|
orderInfo: {},
|
|
|
|
|
|
shopLists: [],
|
|
|
|
|
|
addressId: '',
|
|
|
|
|
|
useIntegral: 0,
|
|
|
|
|
|
userRemark: [],
|
|
|
|
|
|
couponId: [],
|
|
|
|
|
|
teamId: undefined,
|
|
|
|
|
|
carts: [],
|
|
|
|
|
|
type: '',
|
|
|
|
|
|
goods: '',
|
|
|
|
|
|
bargainLaunchId: -1,
|
2023-08-22 10:14:17 +00:00
|
|
|
|
invoiceArr: [] ,// 发票数组
|
|
|
|
|
|
is_frontend:'', //是否前置
|
2023-08-10 06:59:52 +00:00
|
|
|
|
};
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
onLoad(options) {
|
|
|
|
|
|
|
|
|
|
|
|
uni.$on("selectaddress", (e) => {
|
|
|
|
|
|
this.addressId = e.id;
|
|
|
|
|
|
this.orderBuyFun();
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
// 监听发票传回的值，
|
|
|
|
|
|
uni.$on('invoice', params => {
|
|
|
|
|
|
const index = this.invoiceArr.findIndex(el => el.shop_id == params.shop_id)
|
|
|
|
|
|
if ( params.del == true && this.invoiceArr.length) {
|
|
|
|
|
|
this.invoiceArr.splice(index, 1);
|
|
|
|
|
|
} else {
|
|
|
|
|
|
if ( index == -1 ) this.invoiceArr = [...this.invoiceArr, params]
|
|
|
|
|
|
else this.invoiceArr.splice(index, 1, params);
|
|
|
|
|
|
}
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
const {
|
|
|
|
|
|
data: {
|
|
|
|
|
|
goods,
|
|
|
|
|
|
carts,
|
|
|
|
|
|
teamId,
|
|
|
|
|
|
foundId,
|
|
|
|
|
|
type
|
|
|
|
|
|
}
|
|
|
|
|
|
} = this.$Route.query
|
|
|
|
|
|
|
|
|
|
|
|
this.goods = goods
|
|
|
|
|
|
this.bargainLaunchId = goods[0].bargain_launch_id
|
|
|
|
|
|
this.carts = carts || []
|
|
|
|
|
|
this.type = type
|
|
|
|
|
|
this.teamId = teamId
|
|
|
|
|
|
|
|
|
|
|
|
// 参团的id，如果为空的话就是开团，如果有数据就是参团
|
|
|
|
|
|
this.foundId = foundId || ''
|
|
|
|
|
|
|
|
|
|
|
|
this.orderBuyFun();
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
onUnload() {
|
|
|
|
|
|
uni.$off("selectaddress")
|
|
|
|
|
|
uni.$off("payment")
|
|
|
|
|
|
uni.$off("invoice")
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
methods: {
|
|
|
|
|
|
// 备注
|
|
|
|
|
|
changeRemark(e) {
|
|
|
|
|
|
let index = this.userRemark.findIndex((item) => item.shop_id == e.shop_id)
|
|
|
|
|
|
if (index == -1) {
|
|
|
|
|
|
this.userRemark.push(e)
|
|
|
|
|
|
} else {
|
|
|
|
|
|
this.userRemark[index].remark = e.remark
|
|
|
|
|
|
}
|
|
|
|
|
|
this.userRemark = this.userRemark.filter((item) => item.remark)
|
|
|
|
|
|
},
|
|
|
|
|
|
|
2023-08-22 10:14:17 +00:00
|
|
|
|
// 是否前置
|
|
|
|
|
|
changeIsFrontend(e) {
|
|
|
|
|
|
this.is_frontend = e.is_frontend;
|
|
|
|
|
|
},
|
|
|
|
|
|
|
2023-08-10 06:59:52 +00:00
|
|
|
|
// 选中优惠券
|
|
|
|
|
|
changeCoupon(e, index) {
|
|
|
|
|
|
this.couponId[index] = e
|
|
|
|
|
|
this.orderBuyFun()
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
getAuthMsg() {
|
|
|
|
|
|
return new Promise(resolve => {
|
|
|
|
|
|
getMnpNotice({
|
|
|
|
|
|
scene: 1
|
|
|
|
|
|
}).then(res => {
|
|
|
|
|
|
if (res.code == 1) {
|
|
|
|
|
|
uni.requestSubscribeMessage({
|
|
|
|
|
|
tmplIds: res.data,
|
|
|
|
|
|
|
|
|
|
|
|
fail(res) {
|
|
|
|
|
|
console.log(res.errMsg);
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
complete() {
|
|
|
|
|
|
resolve();
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
} else {
|
|
|
|
|
|
resolve();
|
|
|
|
|
|
}
|
|
|
|
|
|
});
|
|
|
|
|
|
});
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
onSubmitOrder() {
|
|
|
|
|
|
uni.showModal({
|
|
|
|
|
|
title: '温馨提示',
|
|
|
|
|
|
content: '是否确认下单?',
|
|
|
|
|
|
confirmColor: '#FF2C3C',
|
|
|
|
|
|
success: async res => {
|
|
|
|
|
|
let {
|
|
|
|
|
|
confirm
|
|
|
|
|
|
} = res;
|
|
|
|
|
|
if (confirm) {
|
|
|
|
|
|
// #ifdef MP-WEIXIN
|
|
|
|
|
|
await this.getAuthMsg();
|
|
|
|
|
|
//#endif
|
|
|
|
|
|
this.showLoading = true
|
|
|
|
|
|
this.orderBuyFun('submit');
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
});
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
async orderBuyFun(action = 'info') {
|
|
|
|
|
|
const {
|
|
|
|
|
|
userRemark,
|
|
|
|
|
|
useIntegral,
|
|
|
|
|
|
carts,
|
|
|
|
|
|
goods,
|
|
|
|
|
|
bargainLaunchId,
|
|
|
|
|
|
couponId
|
|
|
|
|
|
} = this;
|
|
|
|
|
|
const submitObj = {
|
|
|
|
|
|
goods: JSON.stringify(goods),
|
|
|
|
|
|
address_id: this.addressId,
|
|
|
|
|
|
cart_id: carts.join(),
|
|
|
|
|
|
coupon_id: couponId.filter(item => item),
|
|
|
|
|
|
// bargain_launch_id是砍价的判断
|
|
|
|
|
|
bargain_launch_id: this.bargainLaunchId == -1 ? '' : this.bargainLaunchId
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
// 判断是不是拼团的，并且是获取订单数据
|
|
|
|
|
|
if (this.teamId && action == 'info') {
|
|
|
|
|
|
delete submitObj.goods;
|
|
|
|
|
|
submitObj.action = 'info';
|
|
|
|
|
|
submitObj.item_id = this.goods[0].item_id;
|
|
|
|
|
|
submitObj.count = this.goods[0].num;
|
|
|
|
|
|
submitObj.goods_id = this.goods[0].goods_id
|
|
|
|
|
|
submitObj.team_id = this.teamId;
|
|
|
|
|
|
}
|
|
|
|
|
|
// 判断是不是拼团的，并且是提交订单
|
|
|
|
|
|
if (this.teamId && action == 'submit') {
|
|
|
|
|
|
submitObj.action = 'buy';
|
|
|
|
|
|
submitObj.item_id = this.goods[0].item_id;
|
|
|
|
|
|
submitObj.count = this.goods[0].num;
|
|
|
|
|
|
submitObj.goods_id = this.goods[0].goods_id
|
|
|
|
|
|
submitObj.team_id = this.foundId;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
if (action == 'submit') {
|
|
|
|
|
|
// 拿第一个店铺的 delivery_type 类型，虚拟商品不能加入购物车所以不用考虑会虚拟商品和实物商品出错
|
|
|
|
|
|
submitObj.delivery_type = this.shopLists[0]?.delivery_type || 0
|
|
|
|
|
|
console.log(this.shopLists)
|
|
|
|
|
|
submitObj.remark = userRemark.length ? JSON.stringify(userRemark) : ''
|
|
|
|
|
|
submitObj.invoice = JSON.stringify(this.invoiceArr)
|
2023-08-22 10:14:17 +00:00
|
|
|
|
submitObj.is_frontend = this.is_frontend;
|
2023-08-10 06:59:52 +00:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
let {
|
|
|
|
|
|
data: orderData,
|
|
|
|
|
|
code: orderCode,
|
|
|
|
|
|
msg: orderMsg
|
|
|
|
|
|
} = action == 'info' ? this.teamId ? await teamKaiTuan(submitObj) : await orderInfo(submitObj) :
|
|
|
|
|
|
this.teamId ? await teamKaiTuan(submitObj) : await orderBuy(submitObj)
|
|
|
|
|
|
// 如果是info的话说明是获取订单数据，？用拼团的id判断当前是否是拼团，是的话调用teamKaiTuan，不是的话调用普通订单获取orderInfo
|
|
|
|
|
|
// ：判断是不是拼团订单，是的话调用teamKaiTuan提交拼团订单，否则就是普通订单orderBuy
|
|
|
|
|
|
|
|
|
|
|
|
if(orderMsg == '抱歉,库存不足') {
|
|
|
|
|
|
setTimeout(() => {
|
|
|
|
|
|
uni.navigateBack(1)
|
|
|
|
|
|
},500)
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
if (orderCode !== 1) return this.showLoading = false
|
|
|
|
|
|
|
|
|
|
|
|
if (action == 'info') {
|
|
|
|
|
|
const {
|
|
|
|
|
|
shop,
|
|
|
|
|
|
address
|
|
|
|
|
|
} = orderData
|
|
|
|
|
|
this.address = address
|
|
|
|
|
|
this.shopLists = shop
|
|
|
|
|
|
this.orderInfo = orderData
|
|
|
|
|
|
this.$nextTick(() => {
|
|
|
|
|
|
this.isFirstLoading = false
|
|
|
|
|
|
});
|
|
|
|
|
|
} else if (action == 'submit') {
|
|
|
|
|
|
this.showLoading = false
|
|
|
|
|
|
|
|
|
|
|
|
let order_id = ''
|
|
|
|
|
|
const type = orderData.type
|
|
|
|
|
|
|
|
|
|
|
|
switch(type) {
|
|
|
|
|
|
case 'order': order_id = orderData.order_id; break;
|
|
|
|
|
|
case 'trade': order_id = orderData.trade_id; break;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
uni.$on('payment', params => {
|
|
|
|
|
|
setTimeout(() => {
|
|
|
|
|
|
if (params.result) {
|
|
|
|
|
|
console.log('Jason', this)
|
|
|
|
|
|
this.$Router.replace({
|
|
|
|
|
|
path: '/pages/pay_result/pay_result',
|
|
|
|
|
|
query: {
|
|
|
|
|
|
id: params.order_id,
|
|
|
|
|
|
from: params.from
|
|
|
|
|
|
}
|
|
|
|
|
|
})
|
|
|
|
|
|
} else {
|
|
|
|
|
|
this.$Router.replace({
|
|
|
|
|
|
path: '/bundle/pages/user_order/user_order'
|
|
|
|
|
|
})
|
|
|
|
|
|
}
|
|
|
|
|
|
}, 1 * 1000)
|
|
|
|
|
|
})
|
|
|
|
|
|
|
2023-08-22 10:14:17 +00:00
|
|
|
|
if(this.is_frontend == 1) {
|
|
|
|
|
|
this.$Router.replace({
|
|
|
|
|
|
path: '/bundle/pages/user_order/user_order'
|
|
|
|
|
|
})
|
|
|
|
|
|
}else {
|
|
|
|
|
|
uni.navigateTo({
|
|
|
|
|
|
url: `/pages/payment/payment?from=${type}&order_id=${order_id}`
|
|
|
|
|
|
})
|
|
|
|
|
|
}
|
2023-08-10 06:59:52 +00:00
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
},
|
|
|
|
|
|
watch: {
|
|
|
|
|
|
address(val) {
|
|
|
|
|
|
this.addressId = val.id
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
|
|
|
.confirm-order {
|
|
|
|
|
|
.confirm-con {
|
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
padding-bottom: calc(120rpx + env(safe-area-inset-bottom));
|
|
|
|
|
|
|
|
|
|
|
|
.address {
|
|
|
|
|
|
min-height: 164rpx;
|
|
|
|
|
|
padding: 0 24rpx;
|
|
|
|
|
|
border-radius: 14rpx;
|
|
|
|
|
|
margin: 20rpx 20rpx 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img-line {
|
|
|
|
|
|
height: 1.5px;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.price {
|
|
|
|
|
|
padding: 28rpx 20rpx;
|
|
|
|
|
|
|
|
|
|
|
|
.item:not(:last-of-type) {
|
|
|
|
|
|
margin-bottom: 20rpx;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.contain {
|
|
|
|
|
|
border-radius: 14rpx;
|
|
|
|
|
|
margin: 20rpx 20rpx 0;
|
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.radio-group {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.footer {
|
|
|
|
|
|
position: fixed;
|
|
|
|
|
|
bottom: 0;
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
right: 0;
|
|
|
|
|
|
height: 100rpx;
|
|
|
|
|
|
padding: 0 30rpx;
|
|
|
|
|
|
box-sizing: content-box;
|
|
|
|
|
|
padding-bottom: env(safe-area-inset-bottom);
|
|
|
|
|
|
|
|
|
|
|
|
.btn {
|
|
|
|
|
|
background: linear-gradient(90deg, rgba(249, 95, 47, 1) 0%, rgba(255, 44, 60, 1) 100%);
|
|
|
|
|
|
padding: 0 50rpx;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
// .confirm-order .van-cell:after {
|
|
|
|
|
|
// border: none;
|
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
|
|
// .goods .shop-icon {
|
|
|
|
|
|
// width: 40rpx;
|
|
|
|
|
|
// height: 40rpx;
|
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
|
|
// .pop-title {
|
|
|
|
|
|
// height: 100rpx;
|
|
|
|
|
|
// border-bottom: 1rpx solid #F2F2F2;
|
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
|
|
// .pop-title .title {
|
|
|
|
|
|
// margin-left: 30rpx;
|
|
|
|
|
|
// font-size: 34rpx;
|
|
|
|
|
|
// font-weight: bold;
|
|
|
|
|
|
// line-height: 36rpx;
|
|
|
|
|
|
// }
|
|
|
|
|
|
</style>
|
