From 0512f40da106268ac342377256cf9099d7f90b3e Mon Sep 17 00:00:00 2001 From: xuxueyang <xuxy@fengyuntec.com> Date: 星期五, 18 十月 2024 10:41:35 +0800 Subject: [PATCH] add 首页的定位 --- sub_pages/customer/shopping/confirm.vue | 251 +++++++++++++++++++++++++++++++++++++++++++++++-- 1 files changed, 238 insertions(+), 13 deletions(-) diff --git a/sub_pages/customer/shopping/confirm.vue b/sub_pages/customer/shopping/confirm.vue index bfd1426..8553dc6 100644 --- a/sub_pages/customer/shopping/confirm.vue +++ b/sub_pages/customer/shopping/confirm.vue @@ -2,6 +2,7 @@ import { mapState } from 'vuex' + import environments from '@/environments' export default { name: "订单详情", @@ -10,11 +11,120 @@ address: state => { return state.defaultaddress || {} }, + cache_coupon: state => { + return state.cache.coupon || {} + }, + cache_goods: state => { + return state.cache.goods || [] + }, }), + coupon_fee() { + //优惠券 + 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)) + + 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', []) }, async onShow() { + // 支付回调 + // #ifdef PUB_CUSTOMER + if (this.sign['cache_topay']) { + let options = wx.getEnterOptionsSync(); + if (options.scene == '1038' && options.referrerInfo.appId == 'wxef277996acc166c3') { + // 代表从收银台小程序返回 + let extraData = options.referrerInfo.extraData; + // if (!extraData) { + // // "当前通过物理按键返回,未接收到返参,建议自行查询交易结果"; + // } else { + // if (extraData.code == 'success') { + // // "支付成功"; + // } else if (extraData.code == 'cancel') { + // // "支付已取消"; + // this.$message.showToast("支付已取消" + extraData.errmsg) + // } else { + // // "支付失败:" + extraData.errmsg; + // this.$message.showToast("支付失败:" + extraData.errmsg) + // } + // } + // + //只要是进入了这个支付页面,都算是支付了,不管成功与否都返回 + console.log('pay success options.referrerInfo', options.referrerInfo) + //返回上一页 + let tmp = this + await tmp.$store.dispatch('sign_add', 'shopping') + //清空优惠券 + tmp.$store.dispatch('cache_coupon_select', {}) + tmp.$store.dispatch('cache_goods_select', []) + // await tmp.$message.showToast('支付操作', { + // duration: 500 + // }) + uni.navigateBack() + await tmp.$store.dispatch('sign_clear', 'cache_topay') + return + } + } + + // #endif + //优惠券 + 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) { // console.log('dto',options) @@ -62,7 +172,7 @@ this.partnerInfo = res.data || {} if (this.partnerInfo.id !== this.currentInfo.customerDTO.partnerId) { //刷新用户信息 - await dispatch('getCurrentInfo') + await this.$store.dispatch('getCurrentInfo') } } }) @@ -80,6 +190,9 @@ transportId: '', addressId: '', flowers: [], + couponRecordId: '', + couponRecordStr: '', + goodsRecordIdListStr: '', }, current_transport: {}, cacheAddressId: '', @@ -108,6 +221,26 @@ } }, methods: { + 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 @@ -156,6 +289,12 @@ 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({ @@ -169,40 +308,92 @@ } = 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) { + // #ifndef PUB_CUSTOMER 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() } }) + // #endif + // openEmbeddedMiniProgram,需要小程序基础库版本不低于 2.26.2 + + // #ifdef PUB_CUSTOMER + var param = { + // cusid: "平台分配的商户号", + // appid: "平台分配的appid", + // orgid: "平台分配的机构号", + // version: "12", + // trxamt: "1", + // reqsn: "商户唯一订单号", + // notify_url: "服务器异步通知页面路径", + // body: "标题", + // remark: "备注", + // validtime: "订单有效时间", + // limit_pay: "no_credit", + // randomstr: "随机字符串", + // paytype: "W06", + // signtype: "签名方式", + // sign: "签名,参考2.1", + ...data, + } + await tmp.$store.dispatch('sign_add', 'cache_topay') + + wx.openEmbeddedMiniProgram({ + appId: 'wxef277996acc166c3', + extraData: param + }) + // #endif } } @@ -244,7 +435,7 @@ 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> @@ -254,7 +445,8 @@ </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> @@ -319,6 +511,16 @@ <view class="p10 bg-white m-t-20 br-4"> <view class="form-item flex "> + <view class="label">优惠券</view> + + <view class="m-l-a m-r-0 flex " :class="[!dto.couponRecordId?'desc-gray':'']" + @click="toSelectCoupon"> + <view>{{dto.couponRecordStr||dto.couponRecordId || '请选择'}}</view> + <u-icon class="m-l-a" 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="()=>{ @@ -338,6 +540,20 @@ </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> @@ -345,7 +561,7 @@ <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"> @@ -360,6 +576,14 @@ {{ (current_transport.fee || 0) }} </view> </view> + <view class="desc flex" v-if="cache_coupon&&cache_coupon.id"> + <view> + 优惠({{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"> + -{{ coupon_fee || 0 }} + </view> + </view> </view> @@ -368,7 +592,8 @@ <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"> 提交订单 -- Gitblit v1.9.3