| | |
| | | import { |
| | | mapState |
| | | } from 'vuex' |
| | | import environments from '@/environments' |
| | | |
| | | export default { |
| | | name: "订单详情", |
| | |
| | | address: state => { |
| | | return state.defaultaddress || {} |
| | | }, |
| | | cache_coupon: state => { |
| | | return state.cache.coupon || {} |
| | | }, |
| | | cache_goods: state => { |
| | | return state.cache.goods || [] |
| | | }, |
| | | cache_coupon_select_cancel: state => { |
| | | return state.cache.cache_coupon_select_cancel==1?1:0 |
| | | }, |
| | | }), |
| | | coupon_fee() { |
| | | //优惠券 |
| | | // 查看当前有没有优惠券 |
| | | if(!this.dto.couponRecordId || !this.cache_coupon ){ |
| | | // 根据优惠券的列表,查找到最合适的优惠券 |
| | | // 遍历优惠券的使用金额大于当前金额的,获取面值最大的优惠券取最大值couponDiscountValue |
| | | var total = (this.dto.totalMemberAmount || this.dto.totalAmount || 0).toFixed(2) |
| | | if(total && total>0){ |
| | | // 获取当前用户最合适的优惠券 |
| | | let res= this.$http.request('get', '/api/v2/coupon/app/mine/unused/fit', { |
| | | params: {orderAmount:total} |
| | | }).then(async res => { |
| | | let tmpCoupon = res.data; |
| | | if (tmpCoupon) { |
| | | if(this.cache_coupon_select_cancel==0){ |
| | | await this.$store.dispatch('cache_coupon_select', tmpCoupon); |
| | | this.dto.couponRecordId = tmpCoupon.id; |
| | | this.dto.couponRecordStr = tmpCoupon.couponName; |
| | | setTimeout(() => { |
| | | this.$message.showToast('自动为您选择优惠最大的优惠券') |
| | | }, 1000) |
| | | |
| | | }else{ |
| | | await this.$store.dispatch('cache_coupon_select', {}); |
| | | this.dto.couponRecordId =""; |
| | | this.dto.couponRecordStr = ""; |
| | | } |
| | | |
| | | } |
| | | |
| | | }).catch(error => { |
| | | console.error('获取优惠券失败:', error); |
| | | }); |
| | | |
| | | } |
| | | |
| | | } |
| | | |
| | | if (this.dto.couponRecordId && this.cache_coupon) { |
| | | //计算优惠券 |
| | | if (this.cache_coupon.couponDiscountType === 'zero') { |
| | | return parseFloat(this.cache_coupon.couponDiscountValue).toFixed(2) || 0 |
| | | } else if (this.cache_coupon.minOrderAmount && this.cache_coupon.minOrderAmount > 0) { |
| | | var total = (this.dto.totalMemberAmount || this.dto.totalAmount || 0).toFixed(2) |
| | | // + (this.dto.packing || 0) + |
| | | // (this.current_transport.fee || |
| | | // 0) || 0) |
| | | // .toFixed(2) |
| | | |
| | | if (total >= this.cache_coupon.minOrderAmount) { |
| | | return parseFloat(this.cache_coupon.couponDiscountValue).toFixed(2) || 0 |
| | | } else { |
| | | |
| | | } |
| | | } else { |
| | | return parseFloat(this.cache_coupon.couponDiscountValue).toFixed(2) || 0 |
| | | } |
| | | } |
| | | |
| | | return 0 |
| | | }, |
| | | order_fee() { |
| | | |
| | | // 如果订单-优惠券<0,就等于0 +打包+运费,如果还等于0,那么就0.01 |
| | | var m1 = parseFloat(this.dto.totalMemberAmount || this.dto.totalAmount || 0) |
| | | var m2 = parseFloat((this.dto.packing || 0) + (this.current_transport.fee || 0)) |
| | | |
| | | // 统一处理 Promise 和普通值 |
| | | // var couponFee = await this.coupon_fee; |
| | | |
| | | |
| | | if (m1 <= parseFloat(this.coupon_fee)) { |
| | | if (m2 > 0) { |
| | | return (m2).toFixed(2) |
| | | } else { |
| | | return '0.01' |
| | | } |
| | | } else { |
| | | return ((m1 - parseFloat(this.coupon_fee)) + m2).toFixed(2) |
| | | } |
| | | |
| | | } |
| | | |
| | | }, |
| | | async beforeDestroy() { |
| | | await this.$store.dispatch('cache_coupon_select', {}) |
| | | await this.$store.dispatch('cache_goods_select', []) |
| | | await this.$store.dispatch('cache_coupon_select_cancel', 0) |
| | | |
| | | }, |
| | | async onShow() { |
| | | |
| | | // 查看当前合伙人 |
| | | await this.getPartnerInfo() |
| | | |
| | | // 根据地址获取运输方式 |
| | | if (this.address.id) { |
| | | await this.loadTransportList() |
| | | this.cacheAddressId = this.address.id |
| | | } |
| | | |
| | | // 获取当前用户为使用的优惠券 |
| | | // this.getSuitableCouponAuto() |
| | | //优惠券 |
| | | if (this.cache_coupon && this.cache_coupon.id) { |
| | | this.dto.couponRecordId = this.cache_coupon.id |
| | | this.dto.couponRecordStr = this.cache_coupon.couponName |
| | | } else if (this.cache_coupon && !this.cache_coupon.id) { |
| | | this.dto.couponRecordId = '' |
| | | this.dto.couponRecordStr = '' |
| | | } |
| | | //兑换券 |
| | | this.dto.goodsRecordIdListStr = '' |
| | | if (this.cache_goods && this.cache_goods.length > 0) { |
| | | this.dto.goodsRecordIdListStr = '' |
| | | var names = [] |
| | | for (var tmp of this.cache_goods) { |
| | | names.push(tmp.name || tmp.title || '') |
| | | } |
| | | this.dto.goodsRecordIdListStr = names.join(',') |
| | | } |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | }, |
| | | onLoad(options) { |
| | |
| | | value: '' |
| | | }) |
| | | }) |
| | | if (this.address.id) { |
| | | this.loadTransportList() |
| | | this.cacheAddressId = this.address.id |
| | | } |
| | | |
| | | // |
| | | //先获取直接的全部地址 |
| | | // @ApiModelProperty(value = "订单商品") |
| | |
| | | // @ApiModelProperty(value = "打包费") |
| | | // private BigDecimal packing; |
| | | |
| | | if (this.currentInfo.customerDTO && this.currentInfo.customerDTO.partnerId) { |
| | | //todo 考虑一下,由后台实时获取,如果获取的合伙人id不一样,那么就刷新当前用户信息。 |
| | | this.$http.request('get', '/api/partner/page/view', { |
| | | params: { |
| | | id: this.currentInfo.customerDTO.partnerId |
| | | } |
| | | }).then(res => { |
| | | if (res.code == 0) { |
| | | this.partnerInfo = res.data || {} |
| | | } |
| | | }) |
| | | } |
| | | |
| | | |
| | | }, |
| | | data() { |
| | |
| | | transportId: '', |
| | | addressId: '', |
| | | flowers: [], |
| | | couponRecordId: '', |
| | | couponRecordStr: '', |
| | | goodsRecordIdListStr: '', |
| | | unusedCouponList:[], |
| | | }, |
| | | current_transport: {}, |
| | | cacheAddressId: '', |
| | |
| | | [] |
| | | ], |
| | | partnerInfo: {}, |
| | | isShowFlag:true, |
| | | |
| | | transportExistsFlag:true, |
| | | |
| | | } |
| | | }, |
| | |
| | | } |
| | | }, |
| | | methods: { |
| | | |
| | | getPartnerInfo(){ |
| | | // 两种情况,我合伙人是A,我进入页面前改成了B,我进去后还是获取了A——可以通过 |
| | | // console.log(this.currentInfo.customerDTO.partnerId) |
| | | // if (this.currentInfo.customerDTO && this.currentInfo.customerDTO.partnerId) { |
| | | // 考虑一下,由后台实时获取,如果获取的合伙人id不一样,那么就刷新当前用户信息。 |
| | | |
| | | this.$http.request('get', '/api/current/customer/partner', { |
| | | params: { |
| | | // id: this.currentInfo.customerDTO.partnerId |
| | | } |
| | | }).then(async res => { |
| | | if (res.code == 0) { |
| | | this.partnerInfo = res.data || {} |
| | | if (this.partnerInfo.id !== this.currentInfo.customerDTO.partnerId) { |
| | | //刷新用户信息 |
| | | await this.$store.dispatch('getCurrentInfo') |
| | | } |
| | | } |
| | | }) |
| | | // } |
| | | }, |
| | | |
| | | async getSuitableCouponAuto(){ |
| | | //1.提交订单后,根据订单的商品金额,判断是否达到优惠券使用条件,如果达到,自动选择面值最大的优惠券,用户也可以在优惠券自己切换优惠券或不使用优惠券 |
| | | await this.$http.request('get', '/api/v2/coupon/app/mine/unused/list', { |
| | | params: {} |
| | | }).then(res => { |
| | | var data = res.data |
| | | this.unusedCouponList = data.list || [] |
| | | |
| | | }) |
| | | |
| | | |
| | | }, |
| | | |
| | | toSelectCoupon() { |
| | | //跳转去列表页面进行选择 |
| | | var total = ((this.dto.totalMemberAmount || this.dto.totalAmount || 0) + (this.dto.packing || 0) + (this |
| | | .current_transport.fee || |
| | | 0) || 0) |
| | | .toFixed(2) |
| | | // 不考虑打包费了 |
| | | total = ((this.dto.totalMemberAmount || this.dto.totalAmount || 0)) |
| | | .toFixed(2) |
| | | |
| | | uni.navigateTo({ |
| | | url: `/sub_pages/customer/coupon/coupon-self?source=shopping&paymoney=${total}` |
| | | }) |
| | | }, |
| | | toSelectGood() { |
| | | //跳转去列表页面进行选择 |
| | | uni.navigateTo({ |
| | | url: '/sub_pages/customer/coupon/good-self?source=shopping' |
| | | }) |
| | | }, |
| | | select_need(e) { |
| | | this.show_select_need = false |
| | | this.dto.specialNeedsStr = e.value[0].label |
| | | this.dto.specialNeeds = e.value[0].value |
| | | }, |
| | | async loadTransportList() { |
| | | if (this.currentInfo.customerDTO && this.currentInfo.customerDTO.partnerId) { |
| | | return |
| | | } |
| | | // debugger; |
| | | // if (this.currentInfo.customerDTO && this.currentInfo.customerDTO.partnerId) { |
| | | // return |
| | | // } |
| | | let that = this; |
| | | // console.log('address', that.address, that.cacheAddressId) |
| | | if (that.address && that.address.id && that.cacheAddressId !== that.address.id) { |
| | | // if (that.address && that.address.id && that.cacheAddressId !== that.address.id) { |
| | | that.$message.showLoading() |
| | | const { |
| | | code, |
| | |
| | | } |
| | | }) |
| | | that.$message.hideLoading() |
| | | that.transportList = [] |
| | | this.transportList = [] |
| | | if (code === 0) { |
| | | that.transportList = data || [] |
| | | this.transportList = data || [] |
| | | console.log("this.transportList") |
| | | console.log(this.transportList) |
| | | if(this.transportList && this.transportList.length>0){ |
| | | this.transportExistsFlag=true |
| | | }else{ |
| | | this.transportExistsFlag=false |
| | | } |
| | | } |
| | | } |
| | | // } |
| | | |
| | | }, |
| | | async submitOrder() { |
| | | console.log('submitOrder', this.dto) |
| | | |
| | | // if(!this.transportExistsFlag){ |
| | | // this.$message.showToast('当前平台没有运输方式,无法下单') |
| | | // return |
| | | // } |
| | | |
| | | |
| | | if(!(this.partnerInfo&&this.partnerInfo.id)&&(!this.currentInfo.customerDTO||!this.currentInfo.customerDTO.partnerId)){ |
| | | if(!this.transportExistsFlag){ |
| | | this.$message.showToast('当前平台没有运输方式,无法下单') |
| | | return |
| | | } |
| | | } |
| | | |
| | | |
| | | if (this.currentInfo.customerDTO && this.currentInfo.customerDTO.partnerId) { |
| | | |
| | | } else { |
| | |
| | | return |
| | | } |
| | | this.dto.addressId = this.address.id |
| | | var goodsRecordIds = [] |
| | | if (this.dto.goodsRecordIdListStr) { |
| | | for (var t of this.cache_goods) { |
| | | goodsRecordIds.push(t.id) |
| | | } |
| | | } |
| | | |
| | | let tmp = this |
| | | wx.login({ |
| | |
| | | } = await tmp.$http.request('post', '/api/customer/flower/order/commit', { |
| | | data: { |
| | | ...tmp.dto, |
| | | wxcode: res.code |
| | | wxcode: res.code, |
| | | goodsRecordIdList: goodsRecordIds |
| | | } |
| | | }) |
| | | tmp.$message.hideLoading() |
| | | if (code === 0) { |
| | | |
| | | //提交信息 |
| | | console.log('pay,', data) |
| | | if (data && data['_testOrderId']) { |
| | | // /api/pub/init/callback?orderId= |
| | | // if(env.pro) |
| | | if (false && data && (data['_testV2OrderId'] || data['_testOrderId']) && |
| | | environments.httpBaseUri.startsWith( |
| | | 'http://47.99.58.211/flower')) { |
| | | //回调 |
| | | tmp.$message.showLoading() |
| | | const res2 = await tmp.$http.request('get', |
| | | '/api/customer/flower/order/callback/tmp', { |
| | | '/api/pub/init/callback', { |
| | | params: { |
| | | id: res2.data['_testOrderId'] |
| | | orderId: data['_testV2OrderId'] || data[ |
| | | '_testOrderId'] || '' |
| | | } |
| | | }) |
| | | tmp.$message.hideLoading() |
| | | tmp.$message.showToast('支付成功') |
| | | //返回上一页 |
| | | await tmp.$store.dispatch('sign_add', 'shopping') |
| | | uni.navigateBack() |
| | | } else if (data) { |
| | | wx.requestPayment({ |
| | | ...data, |
| | | async success(res) { |
| | | console.log('pay success', res) |
| | | tmp.$message.showToast('支付成功') |
| | | // tmp.$message.showToast('支付成功') |
| | | //返回上一页 |
| | | await tmp.$store.dispatch('sign_add', 'shopping') |
| | | uni.navigateBack() |
| | | //清空优惠券 |
| | | tmp.$store.dispatch('cache_coupon_select', {}) |
| | | tmp.$store.dispatch('cache_goods_select', []) |
| | | |
| | | tmp.$message.showToast('支付成功') |
| | | setTimeout(() => { |
| | | uni.navigateBack() |
| | | }, 500) |
| | | // await |
| | | // uni.navigateBack() |
| | | |
| | | |
| | | }, |
| | | async fail(err) { |
| | | console.error('pay fail', err) |
| | | tmp.$message.showToast('支付失败') |
| | | await tmp.$store.dispatch('sign_add', 'shopping') |
| | | uni.navigateBack() |
| | | // await tmp.$store.dispatch('sign_add', 'shopping') |
| | | // uni.navigateBack() |
| | | } |
| | | }) |
| | | |
| | |
| | | style="display: inline-block;">{{ item.levelStr || '' }}</span>{{ item.name || '-' }} |
| | | </view> |
| | | <view class="price"> |
| | | {{ item.price || 0 }}*{{ item.num }}扎 |
| | | {{ item.priceMember || item.price || 0 }}*{{ item.num }}扎 |
| | | </view> |
| | | <view class="desc m-t-12"> |
| | | <view class="m-r-15">每扎重量:{{ item.weight || 0 }}</view> |
| | |
| | | </view> |
| | | <view class="price"> |
| | | <view class="m-l-a m-r-0 text-right"> |
| | | 共{{ dto.flowers.length }}件,小计<span class="t-red">¥{{ dto.totalAmount || 0 }}</span> |
| | | 共{{ dto.flowers.length }}件,小计<span |
| | | class="t-red">¥{{ dto.totalMemberAmount || dto.totalAmount || 0 }}</span> |
| | | </view> |
| | | </view> |
| | | </view> |
| | |
| | | |
| | | <!-- 查看商品列表,和选择运费 --> |
| | | <view class="br-4 transform-container m-t-12 p10" |
| | | v-if="!currentInfo.customerDTO||!currentInfo.customerDTO.partnerId"> |
| | | <view class="title"> |
| | | <view>运输方式:</view> |
| | | <view class="flex transform-list flex-wrap-normal"> |
| | | <view v-for="(transform,index) of transportList" |
| | | :class="[transform.id===dto.transportId?'cur':'']" :key="index" class="transform-item" |
| | | @click="()=>{ |
| | | dto.transportId = transform.id; |
| | | current_transport = transform |
| | | }"> |
| | | <view class="title">{{ transform.name }}</view> |
| | | <view class="price">¥{{ transform.fee }}</view> |
| | | v-if="!(partnerInfo&&partnerInfo.id)&&(!currentInfo.customerDTO||!currentInfo.customerDTO.partnerId)"> |
| | | <view v-if="(address.id || cacheAddressId)&& transportExistsFlag" > |
| | | <view class="title"> |
| | | <view>运输方式:</view> |
| | | <view class="flex transform-list flex-wrap-normal"> |
| | | <view v-for="(transform,index) of transportList" |
| | | :class="[transform.id===dto.transportId?'cur':'']" :key="index" class="transform-item" |
| | | @click="()=>{ |
| | | dto.transportId = transform.id; |
| | | current_transport = transform |
| | | }"> |
| | | <view class="title">{{ transform.name }}</view> |
| | | <view class="price">¥{{ transform.fee }}</view> |
| | | </view> |
| | | </view> |
| | | </view> |
| | | <view class="m-t-20" v-if="true"> |
| | | <view class="desc-red"> |
| | | 平台购买须知:购买订单不满20扎花材将收取8元打包费; |
| | | </view> |
| | | <view class="desc"> |
| | | <!-- 预计装1Mini件,运费约18.00元(5公斤内18元,不满5公斤按5公斤计费,每件货不能超过5公斤), --> |
| | | 当日截单前多次下单,且不满20扎花材的,将收取一次打包费,其余可联系客服进行退多余打包费;当日截单前多次下单,已满20扎花材,将不收取打包费,所生产的打包费用可联系客服进行退款。 |
| | | <!-- 优势:价格便宜,顺丰配送 --> |
| | | <!-- 弊端:订单必须是5kg以内 --> |
| | | </view> |
| | | </view> |
| | | </view> |
| | | <view class="m-t-20" v-if="true"> |
| | | <view class="desc-red"> |
| | | 10kg以下的零买订单将收取打包费,花店建议购满20kg, 可选冷链物流 |
| | | <view v-else> |
| | | <view class="title"> |
| | | <view>运输方式:</view> |
| | | <view style="text-align:center;color:gray;"> |
| | | 平台没有运输方式 |
| | | </view> |
| | | </view> |
| | | <view class="desc"> |
| | | <!-- 预计装1Mini件,运费约18.00元(5公斤内18元,不满5公斤按5公斤计费,每件货不能超过5公斤), --> |
| | | 第一次下单预计次日凌晨发货,备货高峰期除外,冷链汽车运输,发货后72小时左右到货,三线城市会推迟6-12小时送货到店。 |
| | | <!-- 优势:价格便宜,顺丰配送 --> |
| | | <!-- 弊端:订单必须是5kg以内 --> |
| | | </view> |
| | | |
| | | </view> |
| | | </view> |
| | | |
| | | <view class="p10 bg-white m-t-20 br-4"> |
| | | <view class="form-item flex "> |
| | | <view class="label t-red">优惠券</view> |
| | | |
| | | <view class="m-l-a m-r-0 flex t-red" :class="[!dto.couponRecordId?'desc-gray':'']" |
| | | @click="toSelectCoupon"> |
| | | <view>{{dto.couponRecordStr||dto.couponRecordId || '请选择'}}</view> |
| | | <u-icon class="m-l-a t-red" name="arrow-right"></u-icon> |
| | | </view> |
| | | </view> |
| | | |
| | | <view class="form-item flex m-t-12"> |
| | | <view class="label">特殊需求</view> |
| | | |
| | | <view class="m-l-a m-r-0 flex " :class="[!dto.specialNeeds?'desc-gray':'']" @click="()=>{ |
| | |
| | | </view> |
| | | </view> |
| | | </view> |
| | | <view class="form-item flex flex-wrap-normal"> |
| | | <view class="label" style="min-width: 130rpx;">兑换券</view> |
| | | |
| | | <view class="m-l-a m-r-0 flex" style="word-break: break-all;" |
| | | :class="[!dto.goodsRecordIdList||dto.goodsRecordIdList.length==0?'desc-gray':'']" |
| | | @click="toSelectGood"> |
| | | <view class="word-e" style="max-width: 400rpx;"> {{dto.goodsRecordIdListStr|| '请选择'}} |
| | | </view> |
| | | <!-- <view>{{dto.goodsRecordIdListStr|| '请选择'}}</view> --> |
| | | <view class="m-t-4"> |
| | | <u-icon class="m-l-a" name="arrow-right"></u-icon> |
| | | </view> |
| | | </view> |
| | | </view> |
| | | </view> |
| | | |
| | | </view> |
| | |
| | | <view class="desc flex"> |
| | | <view>商品金额:</view> |
| | | <view class="m-l-a m-r-0 text-right"> |
| | | {{ (dto.totalAmount || 0) || 0 }} |
| | | {{ ( dto.totalMemberAmount || dto.totalAmount || 0) || 0 }} |
| | | </view> |
| | | </view> |
| | | <view class="desc flex"> |
| | |
| | | {{ (current_transport.fee || 0) }} |
| | | </view> |
| | | </view> |
| | | <view class="desc flex" v-if="cache_coupon&&cache_coupon.id"> |
| | | <view class="t-red"> |
| | | 优惠({{cache_coupon.couponDiscountType=='zero'?'无门槛':(cache_coupon.minOrderAmount?(`满¥${cache_coupon.minOrderAmount}可用`):'无门槛')}},优惠¥{{cache_coupon.couponDiscountValue||'0'}}): |
| | | </view> |
| | | <view class="m-l-a m-r-0 text-right t-red"> |
| | | -{{ coupon_fee || 0 }} |
| | | </view> |
| | | </view> |
| | | </view> |
| | | |
| | | |
| | |
| | | <view class="bottom-price flex"> |
| | | <view class="m-t-12 m-l-0 m-r-a"> |
| | | 合计 <span class="t-red">¥ |
| | | {{ (dto.totalAmount || 0) + (dto.packing || 0) + (current_transport.fee || 0) || 0 }} </span>元 |
| | | {{ order_fee }} |
| | | </span>元 |
| | | </view> |
| | | <view class="button-green-1 m-l-a m-r-0" style="min-width: 240rpx" @click="submitOrder"> |
| | | 提交订单 |
| | |
| | | .page-confirm { |
| | | padding: 20rpx 30rpx; |
| | | |
| | | .border-red { |
| | | border: 1px solid red; |
| | | } |
| | | |
| | | .bottom-price { |
| | | position: fixed; |
| | | background-color: #ffffff; |