caimei-applets-caimei/pages/user/order/create-order.vue

<template>
    <view class="container order clearfix" :style="{ paddingBottom: isIphoneX ? '250rpx' : '214rpx' }">
        <!-- 地址选择 -->
        <cm-address-temp ref="choiceAddress" v-if="isRequest" :addressData="addressData" />
        <!-- 商品 -->
        <cm-goods-temp ref="goods" v-if="isRequest" :goodsData.sync="goodsData"
            @handleGoodList="handChangeInputGoodsList" @changeChina="handleChangeChina"
            @changePostage="handleChangePostage" />
        <!-- 余额抵扣 -->
        <view class="invoice-balance" v-show="isRequest && !rechargeGoods">
            <view class="balabce-t">
                <view class="balabce-t-le">余额抵扣:</view>
                <view class="balabce-t-ri">
                    <view class="money">
                        <text>可用余额：</text> <text>￥{{ userMoney | NumFormat }}</text>
                    </view>
                    <view class="checkbox-box" v-if="userMoney !== 0">
                        <button class="checkbox iconfont" hover-class="btn-hover" @click.stop="checkedBalabce"
                            :class="[ischecked ? 'icon-yixuanze' : 'icon-weixuanze']"></button>
                    </view>
                </view>
            </view>
            <view class="balabce-b" :class="{ 'balabce-b--hide': !ischecked }">
                <view class="balabce-b-text animation" :style="{
        				transform: ischecked ? 'translateY(0)' : 'translateY(-50%)',
        				'-webkit-transform': ischecked ? 'translateY(0)' : 'translateY(-50%)'
        			}">
                    <text>当前使用：￥{{ deductMoney | NumFormat }}，剩余：￥{{ surplusMoney | NumFormat }}</text>
                </view>
            </view>
        </view>
        <!-- 发票信息 -->
        <cm-invice-popup ref="invoice" v-if="isRequest" :invoiceDatas="invoiceData"
            @handleChoiceaInvoice="handleChoiceaInvoiceData" />
        <!-- 订单合同 -->
        <!-- <cm-contract-temp ref="contract" v-if="isContract" @handleChoiceaInvoice="handleChoiceaInvoiceData" /> -->
        <!-- 优惠券选择弹窗 -->
        <cm-coupon-popup ref="coupon" v-if="isCouponShow" :couponList="couponList"
            @handleChoiceaCoupon="handleChoiceaCouponData" />
        <!-- 兑换优惠券弹窗 -->
        <cm-coupon-chang v-if="isExchangePopup" @changeCoupon="handleChangeCoupon" />
        <!-- 优惠券 -->
        <cm-coupon-tips ref="coupon-tips" :coupon="ExchangeCouponData" @cancel="handleClickCancel"
            v-if="isCouponModel" />
        <!-- 底部 -->
        <view class="footer-wrapper" :style="{ paddingBottom: isIphoneX ? '68rpx' : '0rpx' }">
            <cm-return-popup v-if="returnGoodsStutas" :content="helpContent" @change="onAgreementChange" />
            <view class="footer">
                <view class="footer-le">
                    <view class="footer-count">
                        <text>共{{ totalCount }}件商品</text>
                    </view>
                    <view class="footer-price">
                        <view class="sum" :class="totalDiscountAmount == 0 ? 'none' : ''">
                            总价:<text class="price">￥{{ orderShouldPayFee | NumFormat }}</text>
                        </view>
                        <view class="sum-none" v-if="totalDiscountAmount > 0">
                            <text class="money-reduced">共减<text>￥{{ totalDiscountAmount | NumFormat }}</text></text>
                        </view>
                    </view>
                </view>
                <view class="footer-submit" @click.stop="orderSubmitMit">
                    <view class="btn" :class="isSubLoading ? 'disabled' : ''">提交订单</view>
                </view>
            </view>
        </view>
        <!-- 提示弹窗 -->
        <tui-modal :show="showModal" @click="handleClick" @cancel="hideMobel" :content="contentModalText"
            :button="modalButton" color="#333" :size="28" shape="circle" :maskClosable="false" />
        <tui-modal :show="agreementModel" title="提示" content="请先阅读《特殊商品退货须知》并勾选后再提交订单～" shape="circle" color="#333"
            :size="28" :button="agreementModelButtons" @click="agreementModel = false" />
    </view>
</template>
<script>
    import { mapState, mapMutations } from 'vuex'
    import cmAddressTemp from './components/cm-address-temp'
    import cmGoodsTemp from './components/cm-goods-temp'
    import cmInvicePopup from './components/cm-invice-popup'
    import cmContractTemp from './components/cm-contract-temp'
    import cmCouponPopup from './components/cm-coupon-popup'
    import cmCouponChang from './components/cm-coupon-chang'
    import cmReturnPopup from './components/cm-return-popup'
    import cmCouponTips from './components/cm-coupon-tips'
    import conMixins from './mixins/conMixins.js'
    export default {
        mixins: [conMixins],
        components: {
            cmAddressTemp,
            cmGoodsTemp,
            cmInvicePopup,
            cmCouponPopup,
            cmContractTemp,
            cmCouponChang,
            cmReturnPopup,
            cmCouponTips
        },
        data() {
            return {
                isIphoneX: this.$store.state.isIphoneX,
                isSubLoading: false,
                confirmType: 1,
                confirmParam: {
                    cartType: 1, // 购买类型:（1自主下单, 3协销下单）
                    orderMiniType: 0, // 订单提交状态 0初始提交 1 继续提交
                    orderSource: 6, // 订单来源 1WWW 6小程序[采美,星范]
                    addressId: 0, // 收货地址Id
                    clubCouponId: 0, // 关联优惠券Id
                    clubId: 0, // 机构Id
                    orderInfo: [], // 订单商品数据
                    orderInvoice: { type: 0 }, // 订单发票信息
                    payInfo: {
                        // 订单金额数据
                        orderShouldPayFee: 0, // 订单最终支付金额
                        balancePayFlag: 0, // 勾选余额的状态(1使用，0不使用)
                        clauseId: 0, // 条款Id
                        postage: '0.00', // 运费金额
                        postageFlag: 0, // 运费类型
                        userBeans: 0, // 抵扣采美豆数量
                        rebateFlag: 0 // 是否返佣订单
                    },
                    unionId: uni.getStorageSync('unionId') // 用户unionId
                }, // 提交订单参数
                productIds: '', // 获取上一级页面商品信息
                submitState: '', // 提交状态
                isRequest: false, // 是否加载完成渲染子组件
                isFreight: false, // 是否加载完成渲染子组件
                isExchangePopup: false, // 控制兑换优惠券弹窗
                ischecked: false, // 是否勾选余额
                addressData: {}, // 初始化地址信息
                goodsData: [], // 初始化商品信息
                couponList: [], // 初始化优惠券信息
                invoiceData: { type: 0 }, // 初始化发票信息
                freightData: {}, // 邮费数据
                orderInfo: [], // 提交的商品信息
                rechargeGoods: null, // 判断订单里有定金商品或者充值商品时，余额抵扣部分不显示
                freightBeansMoney: 0, // 存储采美豆抵扣金额
                isCouponShow: false, // 是否显示可选优惠券
                isCheckedBeans: false, // 是否抵扣采美豆
                isCouponModel: false, // 兑换优惠券成功提示
                ExchangeCouponData: {}, // 兑换优惠券信息
                contentModalText: '采购金额过小，将扣除500采美豆，建议您前往采美旗下“颜选美学”小程序购买小额商品。', //操作文字提示语句
                modalButton: [{
                        text: '前往颜选美学',
                        type: 'gray',
                        plain: true //是否空心
                    },
                    {
                        text: '继续提交',
                        customStyle: {
                            color: '#fff',
                            bgColor: 'linear-gradient(90deg, #F28F31 0%, #FF5B00 100%)'
                        },
                        plain: false
                    }
                ],
                showModal: false,
                showModalstauts: 0,
                returnGoodsStutas: false,
                helpContent: '',
                agreementActive: false,
                agreementModel: false,
                agreementModelButtons: [{
                    text: '确定',
                    customStyle: {
                        color: '#fff',
                        bgColor: 'linear-gradient(90deg, #F28F31 0%, #FF5B00 100%)'
                    },
                    plain: false
                }],
                isContract: false
            }
        },
        onLoad(option) {
            //商品数据

            this.initStorage(option)
        },
        filters: {
            NumFormat(value) {
                //处理金额
                return Number(value).toFixed(2)
            }
        },
        methods: {
            onAgreementChange(val) {
                this.agreementActive = val
            },
            async initStorage(option) {
                const data = JSON.parse(option.data)
                const userInfo = await this.$api.getStorage()
                this.handleComType = option.type * 1
                this.productParam.userId = this.cartParam.userId = userInfo.userId
                this.supportParm.userId = userInfo.userId
                this.confirmParam.clubId = userInfo.clubId
                switch (option.type) {
                    case '1': // 商品详情立即购买
                        this.confirmParam.cartType = 2
                        this.productParam.productCount = data.data.productCount
                        this.productParam.productId = data.data.productIds
                        this.productParam.skuId = data.data.skuId
                        this.productIds = data.data.productIds
                        this.getAddressData(userInfo.userId, 1)
                        break
                    case '2': // 购物车结算
                        this.confirmParam.cartType = 1
                        this.confirmType = 2
                        this.cartParam.skuIds = data.data.skuIds
                        this.getAddressData(userInfo.userId, 2)
                        break
                    case '3': // 组合商品立即购买
                        this.confirmParam.cartType = 2
                        this.confirmType = 2
                        this.supportParm.productInfo = JSON.stringify(data.data)
                        this.getAddressData(userInfo.userId, 3)
                }
            },
            async getAddressData(userId, type) {
                //获取地址信息
                try {
                    const params = { pageNum: 1, pageSize: 1, userId: userId }
                    const res = await this.UserService.QueryAddressList(params)
                    const data = res.data
                    if (data.list && data.list.length > 0) {
                        this.addressData = data.list[0]
                        this.confirmParam.addressId = this.addressData.addressId
                        this.cartParam.cityId = this.addressData.cityId
                        this.productParam.cityId = this.addressData.cityId
                        this.supportParm.cityId = this.addressData.cityId
                    }
                    if (type === 1) {
                        //立即都买提交
                        this.GetProductCreateOrderInfo()
                    }
                    if (type === 2) {
                        //购物车提交
                        this.CartCreateOrderInfo()
                    }
                    if (type === 3) {
                        //组合商品提交
                        this.GetOrderClubProductSupporting()
                    }
                } catch (error) {
                    console.log('获取订单地址异常')
                }
            },
            // 商品立即购买确认订单数据初始化
            async GetProductCreateOrderInfo() {
                try {
                    const res = await this.OrderService.ProductCreateOrderInfo(this.productParam)
                    this.setCreatDataInfo(res.data)
                } catch (error) {
                    this.$util.msg(error.msg, 2000)
                }
            },
            // 组合商品立即购买确认订单数据初始化
            async GetOrderClubProductSupporting() {
                try {
                    const res = await this.OrderService.OrderClubProductSupporting(this.supportParm)
                    this.setCreatDataInfo(res.data)
                } catch (error) {
                    this.$util.msg(error.msg, 2000)
                }
            },
            // 购物车去结算确认订单数据初始化
            async CartCreateOrderInfo() {
                try {
                    const res = await this.OrderService.CartCreateOrderInfo(this.cartParam)
                    this.setCreatDataInfo(res.data)
                } catch (error) {
                    this.$util.msg(error.msg, 2000)
                }
            },
            // 公共初始化数据
            setCreatDataInfo(data) {
                this.goodsData = data.list.map(el => {
                    el.handlePostageFlag = el.postageFlag
                    return el
                })
                this.isContract = data.list.some(item => item.shopId === 11070)
                console.log('isContract',this.isContract) 
                this.couponList = data.couponList
                this.userMoney = data.userMoney
                this.reducedPrice = data.reducedPrice
                this.totalCount = data.totalCount
                this.allPrice = data.totalPrice 
                this.rechargeGoods = data.rechargeGoods
                if (this.couponList.length > 0) {
                    this.isCouponShow = true
                    this.couponAmount = data.couponList[0].couponAmount
                    this.confirmParam.clubCouponId = data.couponList[0].clubCouponId
                }
                this.orderShouldPayFee = this.allPrice - this.couponAmount
                // 特殊商品退货须知
                this.returnGoodsStutas = data.returnGoodsStutas && data.returnGoodsStutas === 2 // 1:可以 2:不可以
                this.helpContent = data.helpContent
                this.isRequest = true
                
            },
            async getFreightData() {
                // 获取邮费信息
                try {
                    this.isFreight = false
                    const res = await this.OrderService.GetOrderPostage(this.postageParam)
                    const data = res.data
                    this.isFreight = true
                    this.isCheckedBeans = false
                    this.freightData = data
                    this.hanldFreePostFlag = data.postageFlag
                    this.hanldFreight = data.postage
                    if (this.hanldFreePostFlag == 1) {
                        if (this.freightData.userBeans > 0) {
                            this.freightBeansMoney = this.hanldFreight
                        } else {
                            this.freightBeansMoney = 0
                        }
                        this.orderShouldPayFee = this.allPrice + data.postage
                        this.attributePallPrice()
                        this.hanldFreightBeans(this.isCheckedBeans)
                    } else {
                        if (this.freightData.userBeans > 0) {
                            this.freightBeansMoney = 30
                        } else {
                            this.freightBeansMoney = 0
                        }
                        this.orderShouldPayFee = this.allPrice
                        this.attributePallPrice()
                        this.hanldFreightBeans(this.isCheckedBeans)
                    }
                } catch (error) {
                    console.log('获取订单运费异常')
                }
            },

            handChangeInputGoodsList(data) {
                //对应供应商的留言信息
                this.goodsData = data
            },
            handleChoiceaInvoiceData(data) {
                //获取发票信息
                this.confirmParam.orderInvoice = data
            },
            hanldFreightBeans(data) {
                //是否勾选采美豆抵扣
                this.isCheckedBeans = data
                console.log(this.confirmParam.payInfo)
                if (this.isCheckedBeans) {
                    // 判断如果采美豆大于等于运费*100
                    if (this.freightData.userBeans > 0) {
                        this.confirmParam.payInfo.userBeans = this.freightBeansMoney * 100
                    } else {
                        this.confirmParam.payInfo.userBeans = 0
                    }
                    // 计算抵扣后的总价
                    if (this.hanldFreePostFlag == 1) {
                        // 如果使用了余额 最终价格
                        if (this.ischecked) {
                            let totalAmount = this.allPrice - this.couponAmount
                            if (this.userMoney >= totalAmount) {
                                this.orderShouldPayFee = 0.0
                                this.deductMoney = this.allPrice - this.couponAmount // 当前使用金额等于订单金额
                                this.surplusMoney = this.userMoney - this.deductMoney // 剩余金额等于余额-当前使用金额
                            } else {
                                this.orderShouldPayFee = this.allPrice - this.userMoney - this
                                    .couponAmount // 订单最终支付金额等于订单金额-账户余额
                                this.deductMoney = this.userMoney // 当前使用金额等于总余额
                                this.surplusMoney = this.userMoney - this.deductMoney // 剩余余额等于总余额-当前使用金额
                            }
                        } else {
                            this.orderShouldPayFee =
                                this.allPrice + this.hanldFreight - this.freightBeansMoney - this.couponAmount
                        }
                        console.log('抵扣', this.orderShouldPayFee)
                    }
                } else {
                    // 采美豆不抵扣运费
                    this.confirmParam.payInfo.userBeans = 0
                    // 不抵扣时计算总价
                    if (this.hanldFreePostFlag == 1) {
                        this.attributeHashfreight(this.hanldFreight)
                    }
                }
            },
            handleChoiceaCouponData(data) {
                // 勾选使用优惠券
                console.log('优惠券信息', data)
                this.couponAmount = data.couponAmount
                this.confirmParam.clubCouponId = data.clubCouponId
                this.attributePallPrice()
                // this.hanldFreightBeans(this.isCheckedBeans)
            },
            attributeHashfreight() {
                // 计算需要邮费的支付价格
                let totalAmount = this.allPrice - this.couponAmount //计算不包邮的价格 总价等于商品价格+邮费
                if (this.ischecked) {
                    if (this.userMoney >= totalAmount) {
                        // 全部抵扣
                        this.orderShouldPayFee = 0.0
                        if (this.isCheckedBeans) {
                            // 抵扣运费了
                            this.deductMoney = this.allPrice - this.couponAmount // 当前使用金额等于订单金额
                            this.surplusMoney = this.userMoney - this.deductMoney // 剩余金额等于余额减去当前使用金额
                        } else {
                            this.deductMoney = this.allPrice - this.couponAmount // 当前使用金额等于订单金额+运费金额
                            this.surplusMoney = this.userMoney - this.deductMoney // 剩余余额等于总余额-当前使用金额
                        }
                    } else {
                        // 部分抵扣
                        if (this.isCheckedBeans) {
                            // 抵扣运费了
                            this.orderShouldPayFee = this.allPrice - this.userMoney - this
                                .couponAmount // 订单最终支付金额等于总订单金额-账户余额-优惠券金额
                            this.deductMoney = this.userMoney // 当前使用金额等于账户余额
                            this.surplusMoney = this.userMoney - this.deductMoney // 剩余余额等于账户余额-当前使用金额
                        } else {
                            this.orderShouldPayFee = this.allPrice - this.userMoney - this
                                .couponAmount //订单支付金额等于订单金额+运费-账户余额-优惠券
                            this.deductMoney = this.userMoney // 当前使用金额等于账户余额
                            this.surplusMoney = this.userMoney - this.deductMoney // 剩余余额等于账户余额-当前使用金额
                        }
                    }
                } else {
                    this.orderShouldPayFee = this.allPrice - this.couponAmount
                    this.deductMoney = 0.0 // 当前使用金额
                    this.surplusMoney = this.userMoney // 剩余余额
                }
                console.log('最终订单支付金额', this.orderShouldPayFee)
                console.log('优惠券金额', this.couponAmount)
            },
            orderSubmitMit() {
                // 提交订单按钮点击事件
                if (this.returnGoodsStutas && !this.agreementActive) {
                    this.agreementModel = true
                } else {
                    this.handleClickOrderSubmitMit()
                }
            },
            handleClickOrderSubmitMit() {
                // 提交订单
                if (this.isSubLoading) {
                    return
                }
                if (this.confirmParam.addressId == '') {
                    this.$util.msg('请先添加收货地址～', 2000)
                    return
                }
                this.confirmParam.orderInfo = this.hanldeProcessing()
                this.confirmParam.payInfo.orderShouldPayFee = this.orderShouldPayFee.toFixed(2)
                this.confirmParam.payInfo = JSON.stringify(this.confirmParam.payInfo)
                this.confirmParam.orderInfo = JSON.stringify(this.confirmParam.orderInfo)
                this.confirmParam.orderInvoice = JSON.stringify(this.confirmParam.orderInvoice)
                console.log(this.confirmParam)
                this.isSubLoading = true
                this.hanldeOrderSubmit(this.confirmParam)
            },
            // 处理数据格式
            hanldeProcessing() {
                return this.goodsData.map(el => {
                    let productInfo = []
                    el.cartList.forEach(pros => {
                        productInfo.push({
                            skuId: pros.skuId,
                            productNum: pros.number,
                            presentNum: 0,
                            productType: pros.giftType
                        })
                    })
                    return {
                        splitCode: el.splitCode,
                        shopId: el.shopId,
                        note: el.note ? el.note : '',
                        postage: el.isColdChina ?
                            parseInt(el.postage + el.coldChain).toFixed(2) :
                            parseInt(el.postage).toFixed(2),
                        postageFlag: parseInt(el.handlePostageFlag),
                        isColdChina: el.isColdChina ? 1 : 0,
                        productInfo: productInfo
                    }
                })
            },
            // 提交订单
            async hanldeOrderSubmit(params) {
                try {
                    const res = await this.OrderService.CreatedOrderSubmit(params)
                    const data = res.data
                    // 友盟埋点收集机构自主提交订单
                    if (process.env.NODE_ENV != 'development') {
                        this.$uma.trackEvent('Um_Event_ConfirmOrder', {
                            Um_Key_PageName: '机构提交订单',
                            Um_Key_SourcePage: '确认订单',
                            Um_Key_OrderID: `${data.orderId}`
                        })
                    }
                    if (data.code === 1) {
                        this.submitState = 'success'
                        setTimeout(() => {
                            this.isSubLoading = false
                        }, 2000)
                        this.$api.redirectTo(
                            `/pages/user/order/success?data=${JSON.stringify({ data: { orderId: data.orderId } })}`
                        )
                    } else {
                        this.submitState = 'confirm'
                        this.$util.msg('订单提交成功', 2000, true, 'success')
                        setTimeout(() => {
                            this.isSubLoading = false
                            this.$api.redirectTo(`/pages/user/order/order-pay-list?orderId=${data.orderId}`)
                        }, 2000)
                    }
                } catch (error) {
                    this.isSubLoading = false
                    this.handleError(error)
                }
            },
            handleError(data) {
                // 提交订单异常处理
                const buttonMap = {
                    1: {
                        contentModalText: '您已有2个采购金额过小的订单，本次不能再进行采购。建议您前往采美旗下“颜选美学”小程序购买小额商品。',
                        modalButton: [
                            { text: '了解', type: 'gray', plain: true },
                            {
                                text: '前往颜选美学',
                                customStyle: { color: '#fff',
                                    bgColor: 'linear-gradient(90deg, #F28F31 0%, #FF5B00 100%)' },
                                plain: false
                            }
                        ]
                    },
                    2: {
                        contentModalText: '采美豆不足，不能提交订单。建议您前往采美旗下“颜选美学”小程序购买小额商品。',
                        modalButton: [
                            { text: '了解', type: 'gray', plain: true },
                            {
                                text: '前往颜选美学',
                                customStyle: { color: '#fff',
                                    bgColor: 'linear-gradient(90deg, #F28F31 0%, #FF5B00 100%)' },
                                plain: false
                            }
                        ]
                    },
                    3: {
                        contentModalText: '采购金额过小，将扣除500采美豆，建议您前往采美旗下“颜选美学”小程序购买小额商品。',
                        modalButton: [
                            { text: '前往颜选美学', type: 'gray', plain: true },
                            {
                                text: '继续提交',
                                customStyle: { color: '#fff',
                                    bgColor: 'linear-gradient(90deg, #F28F31 0%, #FF5B00 100%)' },
                                plain: false
                            }
                        ]
                    },
                    4: {
                        contentModalText: '订单内存在械字号三类商品，需要拥有医疗执业许可证的医美机构才能购买。建议升级医美机构后再下单，否则会导致订单退款或影响发货。',
                        modalButton: [
                            { text: '继续提交', type: 'gray', plain: true },
                            {
                                text: '去升级',
                                customStyle: { color: '#fff',
                                    bgColor: 'linear-gradient(90deg, #F28F31 0%, #FF5B00 100%)' },
                                plain: false
                            }
                        ]
                    }
                }
                if (data.code === -3) {
                    // 已提交2个小于1000元的订单提示
                    this.showModal = true
                    this.showModalstauts = 3
                    this.contentModalText = buttonMap[1].contentModalText
                    this.modalButton = buttonMap[1].modalButton
                    this.formatConfirmParam()
                } else if (data.code === -4) {
                    // 采美豆为负数
                    this.showModal = true
                    this.showModalstauts = 3
                    this.contentModalText = buttonMap[2].contentModalText
                    this.modalButton = buttonMap[2].modalButton
                    this.formatConfirmParam()
                } else if (data.code === -5) {
                    // 订单总金额低于500
                    this.showModal = true
                    this.showModalstauts = 1
                    this.contentModalText = buttonMap[3].contentModalText
                    this.modalButton = buttonMap[3].modalButton
                    this.formatConfirmParam()
                } else if (data.code === -6) {
                    // 非医美机构下三类商品订单
                    this.showModal = true
                    this.showModalstauts = 2
                    this.contentModalText = buttonMap[4].contentModalText
                    this.modalButton = buttonMap[4].modalButton
                    this.formatConfirmParam()
                } else {
                    this.$util.msg(data.msg, 3000)
                }
            },
            formatConfirmParam() {
                // 还原提交订单参数格式
                this.confirmParam.payInfo = JSON.parse(this.confirmParam.payInfo)
                this.confirmParam.orderInfo = JSON.parse(this.confirmParam.orderInfo)
                this.confirmParam.orderInvoice = JSON.parse(this.confirmParam.orderInvoice)
            },
            handleChangeCoupon(data) {
                this.ExchangeCouponData = data
                this.isExchangePopup = false
                this.isCouponModel = true
                this.getInitCrearOrder()
            },
            handleClickCancel() {
                // 关闭优惠券弹窗
                this.isCouponModel = false
                if (this.confirmType == 1) {
                    this.GetProductCreateOrderInfo()
                } else {
                    this.CartCreateOrderInfo()
                }
            },
            handleClick(e) {
                // 采购量过小提示弹窗
                if (e.index === 1) {
                    if (this.showModalstauts === 1) {
                        this.showModal = false
                        this.confirmParam.orderMiniType = 1
                        this.handleClickOrderSubmitMit()
                    } else if (this.showModalstauts === 2) {
                        this.showModal = false
                        this.isSubLoading = false
                        this.$api.navigateTo('/pages/login/apply')
                    } else {
                        this.showModal = false
                        this.handleClickHeHeMiniApplet()
                    }
                } else {
                    if (this.showModalstauts == 1) {
                        this.showModal = false
                        this.handleClickHeHeMiniApplet()
                    } else if (this.showModalstauts === 2) {
                        this.showModal = false
                        this.confirmParam.orderMiniType = 2
                        this.handleClickOrderSubmitMit()
                    } else {
                        this.showModal = false
                    }
                }
            },
            handleClickHeHeMiniApplet() {
                // 跳转颜选美学小程序
                uni.navigateToMiniProgram({
                    appId: 'wx2c3b0a7f343235b1',
                    path: '/pages/tabBar/index/index',
                    extraData: {
                        data1: 'test'
                    },
                    envVersion: 'develop',
                    success(res) {
                        // 打开成功
                        console.log(res)
                    }
                })
            }
        },
        onShow() {
            let pages = getCurrentPages()
            let currPage = pages[pages.length - 1]
            if (currPage.data.select == 'select') {
                let address = uni.getStorageSync('selectAddress')
                this.confirmParam.addressId = address.addressId
                this.cartParam.cityId = address.cityId
                this.productParam.cityId = address.cityId
                this.supportParm.cityId = address.cityId
                this.addressData = address
                this.ischecked = false
                this.isRequest = false
                if (this.handleComType === 1) {
                    //立即都买提交
                    this.GetProductCreateOrderInfo()
                }
                if (this.handleComType === 2) {
                    //购物车提交
                    this.CartCreateOrderInfo()
                }
                if (this.handleComType === 3) {
                    //组合商品提交
                    this.GetOrderClubProductSupporting()
                }
            }
        }
    }
</script>

<style lang="scss">
    page {
        height: auto;
        background: #f7f7f7;
    }

    .btn-hover {
        background: #ffffff;
    }

    .animation {
        /* transition: transform 0.3s ease;*/
        transition-property: transform;
        transition-duration: 0.3s;
        transition-timing-function: ease;
    }

    .order {
        padding-bottom: 134rpx;
    }

    .invoice-freight {
        width: 702rpx;
        padding: 0 24rpx;
        height: auto;
        font-size: $font-size-28;
        color: $text-color;
        background: #ffffff;
        float: left;
        font-weight: bold;
    }

    .invoice-balance {
        width: 702rpx;
        height: auto;
        padding: 0 24rpx;
        background: #ffffff;
        float: left;
        margin-top: 24rpx;
        margin-bottom: 24rpx;

        .balabce-t {
            width: 100%;
            height: 86rpx;
            line-height: 86rpx;
            font-size: $font-size-28;
            color: $text-color;
            float: left;

            .balabce-t-le {
                float: left;
                font-weight: bold;
            }

            .balabce-t-ri {
                float: right;
                display: flex;
                align-items: center;

                .money {
                    display: flex;
                    float: left;
                }

                .checkbox-box {
                    display: flex;
                    width: 60rpx;
                    float: left;
                    height: 100%;
                    font-size: $font-size-24;

                    .checkbox {
                        width: 40rpx;
                        text-align: right;
                        box-sizing: border-box;
                        text-align: center;
                        text-decoration: none;
                        border-radius: 0;
                        -webkit-tap-highlight-color: transparent;
                        overflow: hidden;
                        color: $color-system;
                    }
                }
            }
        }

        .balabce-b {
            width: 100%;
            float: left;
            overflow: hidden;

            .balabce-b-text {
                width: 100%;
                line-height: 58rpx;
                font-size: $font-size-24;
                color: #ff2a2a;
                text-align: right;
                float: right;
            }

            &.balabce-b--hide {
                padding: 0 0;
                height: 0px;
                line-height: 0px;
            }
        }
    }

    .footer-wrapper {
        position: fixed;
        left: 0;
        bottom: 0;
        background-color: #ffffff;
        z-index: 990;

        .footer {
            display: flex;
            align-items: center;
            width: 100%;
            height: 110rpx;
            line-height: 110rpx;
            justify-content: space-between;
            font-size: $font-size-28;
            color: $text-color;
        }

        .footer-le {
            width: 570rpx;
            height: 100%;
            float: left;
        }

        .footer-count {
            float: left;
            padding-left: 24rpx;
            width: 180rpx;
            box-sizing: border-box;
        }

        .footer-price {
            width: 370rpx;
            float: right;
            text-align: right;
            color: $text-color;
            padding: 10rpx 20rpx 10rpx 0;
            box-sizing: border-box;

            .sum-none {
                width: 100%;
                height: 45rpx;
                line-height: 45rpx;
                color: $text-color;
                float: left;
                text-align: right;

                .money {
                    font-size: $font-size-26;
                    color: #999999;
                    text-decoration: line-through;
                }

                .money-sign {
                    font-size: $font-size-26;
                    color: #999999;
                    text-decoration: line-through;
                }

                .money-reduced {
                    margin-left: 10rpx;
                    font-size: $font-size-26;
                    color: #ff2a2a;
                }
            }

            .sum {
                width: 100%;
                height: 45rpx;
                line-height: 45rpx;
                float: left;

                &.none {
                    height: 90rpx;
                    line-height: 90rpx;
                }

                .price {
                    font-size: $font-size-32;
                    color: #ff2a2a;
                }
            }
        }

        .footer-submit {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 180rpx;
            height: 100%;
            box-sizing: border-box;
            padding: 15rpx 5rpx;

            .btn {
                width: 100%;
                height: 100%;
                color: #ffffff;
                background: linear-gradient(135deg, rgba(242, 143, 49, 1) 0%, rgba(225, 86, 22, 1) 100%);
                font-size: $font-size-26;
                text-align: center;
                line-height: 80rpx;
                border-radius: 40rpx;

                &.disabled {
                    background: #e4e8eb;
                    color: #999999;
                }
            }
        }
    }
</style>