From b05a84f9178894b40a1d6a601b577403d7d93c46 Mon Sep 17 00:00:00 2001 From: 陶杰 <1378534974@qq.com> Date: 星期三, 08 一月 2025 09:09:20 +0800 Subject: [PATCH] 1.运费配置说明修改 --- sub_pages/customer/coupon/coupon-self.vue | 90 ++++++++++++++++++++++++++++++++++++++++++-- 1 files changed, 85 insertions(+), 5 deletions(-) diff --git a/sub_pages/customer/coupon/coupon-self.vue b/sub_pages/customer/coupon/coupon-self.vue index 6039b35..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,17 +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> --> + <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.usageEndDate&&('有效期至:'+item.usageEndDate) || '长久有效'}} + <!-- {{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> @@ -38,6 +55,9 @@ </template> <script> + import { + mapState + } from 'vuex' export default { data() { return { @@ -65,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') { //只展示可用的 @@ -92,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() } }, @@ -119,6 +178,19 @@ uni.stopPullDownRefresh() }, + computed: { + ...mapState({ + 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 + }, + }), + } } </script> @@ -136,6 +208,14 @@ display: unset; } } + + .coupont-item.used { + filter: grayscale(100%); + + .img-used { + display: unset; + } + } .bottom-button { -- Gitblit v1.9.3