From 0dabf05bfe9df453ffd394e2f280f878c848942a Mon Sep 17 00:00:00 2001 From: 陶杰 <1378534974@qq.com> Date: 星期三, 04 十二月 2024 13:19:32 +0800 Subject: [PATCH] 1.客服电话 2.订单优惠券自动选择 3.合伙人送货详情等 --- sub_pages/customer/coupon/coupon-self.vue | 76 +++++++++++++++++++++++++++++++++++--- 1 files changed, 70 insertions(+), 6 deletions(-) diff --git a/sub_pages/customer/coupon/coupon-self.vue b/sub_pages/customer/coupon/coupon-self.vue index 23a6e2b..669b809 100644 --- a/sub_pages/customer/coupon/coupon-self.vue +++ b/sub_pages/customer/coupon/coupon-self.vue @@ -9,7 +9,7 @@ <no-data v-if="!list||list.length==0" style="width: 100%;"></no-data> <view v-for="(item,index) of list" :key="index" class="coupont-item" :class="[query.status]" - @click="selectCoupon(item)"> + @click.stop="selectCoupon(item)"> <view class="flex container img100"> <view class="info-price"> <view class="price1"> @@ -18,20 +18,34 @@ <view class="price2">{{item.minOrderAmount?(`满¥${item.minOrderAmount}可用`):'无门槛'}}</view> </view> <view class="info flex1"> - <view class="title"> + <view class="title flex"> {{item.couponName||'-'}} - <radio :checked="cache_coupon.id===item.id" v-if="source==='shopping'" class="select-coupon"></radio> + <!-- <radio :checked="cache_coupon.id===item.id" + v-if="source==='shopping'" + class="select-coupon"></radio> --> + <view :style="{ 'margin-right': '20rpx'}" v-if="source==='shopping'" + class="component-radio m-l-a" :class="[cache_coupon.id===item.id?'cur':'']"> + + </view> </view> <view class="time"> - {{item.effectiveStart&&(item.effectiveStart+' 生效,') || ''}} + <!-- {{item.effectiveStart&&(item.effectiveStart+' 生效,') || ''}} --> {{item.effectiveEnd&&('有效期至 '+item.effectiveEnd) || '长久有效'}} </view> </view> + <view class="img-out"> + + </view> + <view class="img-used"> + + </view> + + </view> <view class="tip"> <span - class="t-red">*</span>{{item.couponDescription || '此券每人限领1张。仅限用于花满芜鲜花交易平台鲜切花花款满额使用,不可与其他优惠同享、不可叠加使用'}} + class="t-red">*</span>{{item.couponDescription || '此券每人限领1张。仅限用于花满芫鲜花交易平台鲜切花花款满额使用,不可与其他优惠同享、不可叠加使用'}} </view> </view> </view> @@ -71,13 +85,17 @@ status: 'unused' }, list: [], - source: '' + source: '', + paymoney: -1 } }, async onLoad(options) { if (options.source) { this.source = options.source || '' + } + if (options.paymoney) { + this.paymoney = parseFloat(options.paymoney).toFixed(2) } if (this.source === 'shopping') { //只展示可用的 @@ -98,7 +116,42 @@ methods: { async selectCoupon(item) { if (this.source == 'shopping') { + if (this.cache_coupon.id === item.id) { + await this.$message.confirm('是否取消使用此优惠券') + await this.$store.dispatch('cache_coupon_select', {}) + await this.$store.dispatch('cache_coupon_select_cancel', 1) + uni.navigateBack() + return + } + console.log('paymoney',this.paymoney) + if (this.paymoney >= 0) { + //判断是否可以选择使用 + if (item.couponDiscountType === 'zero') { + // if (this.cache_coupon.couponDiscountValue > this.paymoney) { + // this.$message.showToast('订单价格小于优惠券优惠额度') + // return + // } + } else if (item.minOrderAmount && item.minOrderAmount > 0) { + // if (this.cache_coupon.minOrderAmount > this.paymoney) { + // this.$message.showToast('订单价格') + // return + // } + if (this.paymoney < item.minOrderAmount) { + this.$message.showToast('订单价格不满足使用条件') + this.$nextTick(()=>{ + this.$forceUpdate() + }) + return + } + } else { + // if (this.cache_coupon.couponDiscountValue > this.paymoney) { + // this.$message.showToast('订单价格小于优惠券优惠额度') + // return + // } + } + } await this.$store.dispatch('cache_coupon_select', item) + await this.$store.dispatch('cache_coupon_select_cancel', 0) uni.navigateBack() } }, @@ -133,6 +186,9 @@ cache_goods: state => { return state.cache.goods || [] }, + cache_coupon_select_cancel: state => { + return state.cache.cache_coupon_select_cancel==1?1:0 + }, }), } } @@ -152,6 +208,14 @@ display: unset; } } + + .coupont-item.used { + filter: grayscale(100%); + + .img-used { + display: unset; + } + } .bottom-button { -- Gitblit v1.9.3