From ba05a9618a3c7407ad6b88c03f597cc10bf64202 Mon Sep 17 00:00:00 2001
From: jianglong <jianglong@123.com.cn>
Date: Tue, 4 Jul 2023 21:01:32 +0800
Subject: [PATCH] =?UTF-8?q?=E5=87=BA=E7=89=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 bundle_b/pages/confirm_order/confirm_order.vue | 414 +++++++++++++++++++++++++
 1 file changed, 414 insertions(+)
 create mode 100644 bundle_b/pages/confirm_order/confirm_order.vue

diff --git a/bundle_b/pages/confirm_order/confirm_order.vue b/bundle_b/pages/confirm_order/confirm_order.vue
new file mode 100644
index 0000000..53767a7
--- /dev/null
+++ b/bundle_b/pages/confirm_order/confirm_order.vue
@@ -0,0 +1,414 @@
+<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"
+                            @changecoupon="changeCoupon($event,index)" @changeDeliveryType="changeDeliveryType($event,item)" :teamId="teamId" :bargainLaunchId="bargainLaunchId"></order-shop>
+                    </view>
+                </block>
+                <!-- 其他商品 -->
+                <block v-else>
+                    <view class="goods contain">
+                        <order-shop :order-type="orderInfo.order_type" :item="shopLists" :invoice="invoiceArr" @changeremark="changeRemark"
+                             @changeDeliveryType="changeDeliveryType($event, shopLists)" :teamId="teamId" :bargainLaunchId="bargainLaunchId"></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,
+                invoiceArr: [] // 发票数组
+            };
+        },
+
+        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 || -1
+            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)
+            },
+			
+            // 选中优惠券
+            changeCoupon(e, index) {
+                this.couponId[index] = e
+                this.orderBuyFun()
+            },
+			
+			// 选择对应的配送方式赋值给商品中的配送方式
+			changeDeliveryType(type, row) {
+				row.delivery_type = type;
+				for(let i=0;i<this.goods.length;i++) {
+					const item = this.goods[i];
+					if(row.shop_id == item.shop_id) {
+						this.goods[i].delivery_type = type;
+					}
+				}
+				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.delivery_type = this.goods[0].delivery_type;
+                    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.delivery_type = this.goods[0].delivery_type;
+                    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
+                    submitObj.remark = userRemark.length ? JSON.stringify(userRemark) : ''
+                    submitObj.invoice = JSON.stringify(this.invoiceArr)
+                }
+
+                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)
+					})
+					
+					uni.navigateTo({
+						url: `/pages/payment/payment?from=${type}&order_id=${order_id}`
+					})
+                }
+            }
+        },
+        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;
+			z-index: 99;
+            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>