From 6dbecca385c24a21a033f4e3cac8fa7ac01dad9e Mon Sep 17 00:00:00 2001 From: xuxueyang <xuxy@fengyuntec.com> Date: 星期五, 20 九月 2024 09:34:47 +0800 Subject: [PATCH] update 购物券的 --- sub_pages/customer/coupon/good-all.vue | 40 ++++++++++++++++++++++++++++++++++------ 1 files changed, 34 insertions(+), 6 deletions(-) diff --git a/sub_pages/customer/coupon/good-all.vue b/sub_pages/customer/coupon/good-all.vue index 7647cb4..48098c8 100644 --- a/sub_pages/customer/coupon/good-all.vue +++ b/sub_pages/customer/coupon/good-all.vue @@ -16,7 +16,7 @@ <view class="flex" @click="goto('/sub_pages/customer/coupon/point-history',true)"> <image src="../../../static/images/customer/coupon/icon-point.png" class="point-icon"> </image> - {{currentInfo.currentPoint || 0}} + {{self_point}} <uni-icons class="icon" type="right" size="32"></uni-icons> </view> </view> @@ -48,7 +48,8 @@ <view class="good-container p15 flex"> <view v-for="(item,index) of list" :key="index" class="good-item" @click="toDetail(item)"> - <image class="cover" :src="item.cover" :lazy-load="true" mode="scaleToFill"> + <image class="cover" :src="item.cover" :lazy-load="true" mode="scaleToFill" + :class="[item.stock===0?'component-stock-zero':'']"> </image> <view class="title"> @@ -78,14 +79,15 @@ {{item.couponName||'-'}} </view> <view class="time"> - 领取后{{item.usageTimeNum||''}}{{item.usageTimeTypeName||''}}有效 + {{item.getStartDate||'领取后'}}{{item.getEndDate&&(' 至 ' + item.getEndDate )||''}}有效 </view> <view class="flex"> <view class="t-red"> {{item.point||'0'}}积分 </view> - <view class="button m-l-a m-r-0" @click="exchange('coupon',item)"> - 兑换 + <view class="button m-l-a m-r-15" :class="[item.stock===0?'over':'']" + @click="exchange('coupon',item)"> + {{item.stock===0?'已售磬':'兑换'}} </view> </view> </view> @@ -99,6 +101,20 @@ <script> export default { + computed: { + + self_point() { + if (this.currentInfo.currentPoint) { + if (this.currentInfo.currentPoint >= 10000) { + return (this.currentInfo.currentPoint / 10000 + '万') + } else { + return this.currentInfo.currentPoint + } + } + + return 0 + } + }, methods: { changeTab(flg) { this.flg = '' + flg @@ -107,6 +123,10 @@ this.refreshList() }, async exchange(type, item) { + if (item.stock === 0) { + this.$message.showToast('库存为0,无法兑换') + return + } var api = '' if (type == 'good') { api = '/api/customer/point/goods/exchange' @@ -158,7 +178,8 @@ }, { name: '优惠券', - api: '/api/v2/coupon/app/activy/list', + // api: '/api/v2/coupon/app/activy/list', + api: '/api/v2/coupon/point/active/list', }, ], @@ -207,6 +228,8 @@ </script> <style lang="scss" scoped> + @import './coupon.scss'; + .good-list-container { .good-container { .good-item { @@ -257,6 +280,11 @@ text-align: center; line-height: 46rpx; } + + .button.over { + color: #747374; + border: 2rpx solid #747374; + } } .good-item:nth-child(2n+1) { -- Gitblit v1.9.3