From 6009f0df18e9c5a6812d7fea40be7905f7f23f61 Mon Sep 17 00:00:00 2001
From: 石广澎 <shiguangpeng@163.com>
Date: 星期五, 27 九月 2024 21:44:29 +0800
Subject: [PATCH] feat(支付): 支持折扣券
---
pay/scanpay.vue | 76 +++++++++++++++++++++++++++----------
1 files changed, 55 insertions(+), 21 deletions(-)
diff --git a/pay/scanpay.vue b/pay/scanpay.vue
index f4fc189..c9162ca 100644
--- a/pay/scanpay.vue
+++ b/pay/scanpay.vue
@@ -58,9 +58,15 @@
<!-- <u-icon name="coupon-fill" size="60rpx" color="#D31F28"></u-icon> -->
<view class="u-font-32 u-flex-1 u-m-h-16">浼樻儬鍒�</view>
<view @click="showCoupon" class="u-flex">
- <view v-if="couponInfo.id" class="tag-pain">
- 婊{ parseFloat((couponInfo.thresholdValue / 100).toFixed(2)) }}鍏冨噺{{ parseFloat((couponInfo.discount / 100).toFixed(2)) }}鍏�
- </view>
+ <block v-if="couponInfo.id">
+ <view v-if="couponInfo.discountType==1" class="tag-pain">
+ 婊{ parseFloat((couponInfo.thresholdValue / 100).toFixed(2)) }}鍏冨噺{{ parseFloat((couponInfo.discount / 100).toFixed(2)) }}鍏冨埜
+ </view>
+ <view v-if="couponInfo.discountType==2" class="tag-pain">
+ {{ parseFloat(couponInfo.discount * 10).toFixed(1) }}鎶樺埜
+ </view>
+ </block>
+
<view v-else class="u-font-28 lh-1 u-tips-color">璇烽�夋嫨</view>
<u-icon class="u-m-l-10" name="arrow-right" color="#999" size="16"></u-icon>
</view>
@@ -92,29 +98,35 @@
<u-popup v-if="payWay==2" mode="bottom" :closeable="true" :show="couponShow" @close="couponShow = false" :round="10">
<view class="u-font-32 color-333 u-text-center u-p-t-30">浼樻儬鍒�</view>
<view v-if="checkCoupon.id" class="choose-coupon">
- 宸查�夋嫨浼樻儬鍒�1寮狅紝鍏辨姷鎵ｏ骏{{ parseFloat((checkCoupon.discount / 100).toFixed(2)) }}
+ 宸查�夋嫨浼樻儬鍒�1寮狅紝鍙姷鎵ｏ骏{{ discount1 }}
</view>
<scroll-view scroll-y class="u-p-30 coupon-list">
- <u-loadmore v-if="!couponList" status="loading" />
+ <u-loadmore v-if="!couponList" status="loading"/>
<u-empty v-else-if="couponList.length===0" mode="coupon" icon="/static/no_coupon.png" text="鏆傛棤浼樻儬鍒稿彲鐢�!"></u-empty>
<block v-else>
<view @click="clickCoupon(item)" class="u-m-b-24 u-flex coupon" v-for="(item, index) in couponList" :key="index">
- <view style="color: #D31F28;" class="u-p-h-28">
- <view class="font-bold">
+ <view class="num-box">
+ <view v-if="item.discountType==1" class="font-bold" style="color: #D31F28;">
<text class="u-font-36">锟�</text>
<text class="money">{{ parseFloat(item.discount / 100) }}</text>
</view>
- <view class="u-font-24 u-m-t-20">婊{ parseFloat(item.thresholdValue / 100) }}鍏冧娇鐢�</view>
+ <view v-if="item.discountType==2" class="font-bold" style="color: #D31F28;">
+ <text class="money">{{ parseFloat(item.discount * 10).toFixed(1) }}</text>
+ <text class="u-font-36">鎶�</text>
+ </view>
+ <view v-if="item.orderMax" class="u-font-24 u-m-t-20">浣庝簬{{ parseFloat(item.orderMax / 100) }}鍏冨彲鐢�</view>
+ <view v-else-if="item.thresholdValue" class="u-font-24 u-m-t-20">婊{ parseFloat(item.thresholdValue / 100) }}鍏冨彲鐢�</view>
+ <view v-else class="u-font-24 u-m-t-20">鏃犻棬妲�</view>
</view>
<view class="butt"></view>
<view class="u-p-30 u-flex-1 u-flex">
<view class="u-flex-1">
- <view class="u-font-28 color-333 u-line-2">{{ item.name }}</view>
+ <view class="u-font-32 color-333 u-line-2">{{ item.name }}</view>
<view class="u-font-22 color-999 u-m-t-20">
鏈夋晥鏈熻嚦锛歿{ $u.timeFormat(item.outTime, 'yyyy-mm-dd hh:MM') }}
</view>
</view>
- <u-icon v-if="item.id==checkCoupon.id" name="checkmark-circle-fill" color="#D31F28" size="20">
+ <u-icon v-if="item.id==checkCoupon.id" name="checkmark-circle-fill" color="#D31F28" size="24">
</u-icon>
</view>
</view>
@@ -198,16 +210,36 @@
};
},
computed: {
+ discount1() {
+ if(!(this.money || 0)||!this.checkCoupon.id){
+ return 0
+ }
+ if (this.checkCoupon.discountType == 1) {
+ const num = (this.checkCoupon.discount / 100).toFixed(2)
+ return parseFloat(num);
+ }
+ const dis = 1 - parseFloat(this.checkCoupon.discount)
+ const dic = Math.floor(Number((this.money || 0) * 100) * dis)
+ return (dic / 100).toFixed(2);
+ },
discount() {
- let num = 0;
- num = (this.couponInfo.discount / 100).toFixed(2);
- return parseFloat(num);
+ if(!(this.money || 0)||!this.couponInfo.id){
+ return 0
+ }
+ if (this.couponInfo.discountType == 1) {
+ const num = (this.couponInfo.discount / 100).toFixed(2)
+ return parseFloat(num);
+ }
+ const dis = 1 - parseFloat(this.couponInfo.discount)
+ const dic = Math.floor(Number((this.money || 0) * 100) * dis)
+ return (dic / 100).toFixed(2);
},
payMoney() {
- let num = 0;
- num = Number((this.money || 0) * 100) - this.couponInfo.discount;
- num = num > 0 ? (num / 100).toFixed(2) : '0.00';
- return parseFloat(num);
+ if(this.discount===0||!Number(this.money || 0)){
+ return 0
+ }
+ const num = Number((this.money || 0) * 100) - Number(this.discount*100);
+ return (num / 100).toFixed(2);
}
},
onLoad(opt) {
@@ -416,7 +448,7 @@
}
},
//鑾峰彇鐢ㄦ埛浼樻儬鍒�
- queryUseSweepPayCoupon(){
+ queryUseSweepPayCoupon() {
queryUseSweepPayCoupon({
params: {
applyPayWayStr: this.payWay,
@@ -425,7 +457,7 @@
}
}).then(res => {
this.couponList = res
- }).catch(()=>{
+ }).catch(() => {
this.couponList = []
})
},
@@ -575,7 +607,6 @@
.money {
font-size: 40rpx;
- color: #333;
}
@@ -740,7 +771,10 @@
position: relative;
overflow: hidden;
}
-
+.num-box{
+ width: 200rpx;
+ text-align: center;
+}
.choose-coupon {
margin: 32rpx 32rpx 0;
border-radius: 10rpx;
--
Gitblit v1.9.1