yangjie
/
high-mini
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

增加积分兑换支付方式

Browse Source
youmengting-dev
游梦婷 1 year ago
parent 0d64307665
commit 0f0699aea4
5 changed files with 159 additions and 29 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 7
      pages/goods/goods.vue
  2. 127
      pages/order/confirmation.vue
  3. 21
      pages/tabBar/category/category.vue
  4. 21
      pages/user/deposit/deposit.vue
  5. 2
      subPages/coupon-packge-details/coupon-packge-details.vue

7
pages/goods/goods.vue
Unescape View File

@ -78,11 +78,12 @@
@click="perImage(codes)">
</image>
</view>
<view style="height: 48px;">
<view style="height: 99upx;">
</view>
</view>
<wybPopup ref="popup" type="bottom" width="500" :scrollY="true" radius="6" :showCloseIcon="true">
<view class="fotct font18 fontwig6 fcor333 mart10 height30">赠送卡券</view>
<template v-if="goodsData.length>0">
<view class="width92 height110 tccs mart10" v-for="product in goodsData[0].handselCouponList"
:key="product.id">
<!-- mode="widthFix" :src="imageUrl+product.highCouponModel.couponImg" -->
@ -110,6 +111,8 @@
</view>
</view>
</view>
</template>
</wybPopup>
<!-- <authorize></authorize> -->
</view>
@ -144,7 +147,7 @@
currentSwiper: 0,
anchorlist: [], //导航条锚点
// 商品信息
goodsData: "",
goodsData: [],
//商品描述html
desid: '',
imageUrl: app.globalData.imgUrl,

127
pages/order/confirmation.vue
Unescape View File

@ -3,7 +3,7 @@
<view class="width94 comorder mart10">
<view class="height100p width94 goodsimg">
<image class="flleft" mode="widthFix" :src="imageUrl+couponList.couponImg"></image>
<image class="flleft" mode="widthFix" v-if="couponList.couponImg" :src="imageUrl+couponList.couponImg"></image>
<view class="tcrig">
<view class="font18 fontwig6 fcor333 text1">{{couponList.couponName}}</view>
<view class="font13 fcor666 mart10">规格: 默认</view>
@ -127,7 +127,7 @@
</view> -->
</view>
<view class=" width100 backcorfff alijusstart paddbotm10" style="padding-left: 2%;">
<image src="../../static/img/sigh.png" mode="widthFix" class="icon20"></image>
<image src="../../static/img/sigh.png" mode="widthFix" style="width:20px;height:20px"></image>
<text class="fcor999 font13">积分抵扣与优惠券抵扣不同享</text>
</view>
@ -141,7 +141,33 @@
</view>
</view>
<view class="width100" v-for="(item,index) in paytypeList" :key="index">
<view class="width94 line1 mart5 marb5" v-if="item == 2"></view>
<view class="width94 line1 mart5 marb5"></view>
<view class="height50 width100 backcorfff" @tap="paytype=item.payTypeId" >
<view class="width70 flleft fcor333 font16 text1" style="padding-left: 4%;">
<view class="dis-flex">
<image mode="aspectFit" v-if="item.payTypeLogo" :src="imageUrl+item.payTypeLogo" style="width:30px;height:30px;"></image>
<text class="margle">{{item.payTypeName}}</text>
<text class="font14 fcor666 margle" v-if="item.payTypeId == 3">可用余额: {{tongCardPrice}}元</text>
<text class="font14 fcor666 margle" v-if="item.payTypeId == 6">可用余额: {{oilPirce}}元</text>
<text class="font14 fcor666 margle" v-if="item.payTypeId == 7">可用余额: {{oilUserNoPrice}}元</text>
</view>
</view>
<view class="width20 flright fotrt paddtright10 font15 fontwig6 fcor666 alijun"
style="align-items: center;" v-if="isUse">
<template v-if="item.payTypeId == 3">
<radio :checked="paytype==item.payTypeId" @click="changeRiado()" color="#0083f5" />
</template>
<template v-else>
<radio :checked="paytype==item.payTypeId" color="#0083f5" />
</template>
</view>
</view>
<!-- <view class="width94 line1 mart5 marb5" v-if="item == 2"></view>
<view class="height50 width100 backcorfff" @tap="paytype='2'" v-if="item == 2">
<view class="width50 flleft fcor333 font16" style="padding-left: 4%;">
微信支付
@ -180,7 +206,8 @@
style="align-items: center;" v-if="isUse">
<radio :checked="paytype=='7'" color="#0083f5" />
</view>
</view>
</view> -->
</view>
<view v-if="paytype=='7'" class="backcorfff">
@ -218,18 +245,18 @@
<view class="sum">实付:<view class="money">￥{{paytheprice}}</view>
</view>
<!-- #ifdef MP -->
<button class="btn" open-type="getPhoneNumber" v-if="user == null"
<button class="btn" open-type="getPhoneNumber" v-if="user == null || !user"
@getphonenumber="loginByPhone">立即支付</button>
<button class="btn" v-else @tap="toPay">立即支付</button>
<!-- #endif -->
<!-- #ifdef H5 -->
<button class="btn" v-if="user.phone == null" @click="jumpH5Bding">立即支付</button>
<button class="btn" v-if="user.phone == null || !user.phone" @click="jumpH5Bding">立即支付</button>
<button class="btn" v-else @tap="toPay">立即支付</button>
<!-- #endif -->
</view>
</view>
<wybPopup ref="popup" type="bottom" width="500" scrollY="true" radius="6" :showCloseIcon="true">
<wybPopup ref="popup" type="bottom" width="500" :scrollY="true" radius="6" :showCloseIcon="true">
<view class="fotct font18 fontwig6 fcor333 mart10 height30">优惠券选择</view>
<view class="width92 height110 tccs mart10" v-for="(items, index) in UserNormalDiscountList" :key="items"
@click="radioChanges(items)">
@ -288,7 +315,7 @@
radioStatus: true,
memDiscountId: '',
user: '',
paytype: '2',
paytype: '',
PaymentPassword: '',
orderId: '',
jumpType: '',
@ -316,7 +343,7 @@
oilPirce: 0, //油卡余额
oilUserno: '', //油卡卡号
contactName: '', //油卡联系人
oilUserNoPrice: '', //油卡余额
oilUserNoPrice: 0, //油卡余额
UserCard: '', //车牌号列表
cardNoNumber: '', // 车牌号
};
@ -337,9 +364,12 @@
onShow() {
let that = this;
// that.paytype = '';
that.user = app.globalData.userInfo;
/* */
// that.user = app.globalData.userInfo;
/* */
that.findUser();
this.getUserCardList();
},
onHide() {
@ -387,8 +417,12 @@
getThirdPartyByDetail(datas).then(res => {
if (res.return_code == '000000') {
this.rechargeDes = res.return_data;
this.paytypeList = res.return_data.productPayType.split(',');
this.paytypeList = this.paytypeList.slice(0, this.paytypeList.length - 1);
// this.paytypeList = res.return_data.productPayType.split(',');
// this.paytypeList = this.paytypeList.slice(0, this.paytypeList.length - 1);
this.paytypeList = res.return_data.productPayTypeNew;
let zkprice = parseFloat(res.return_data.integralDiscount / 100).toFixed(2);
let pprice = parseFloat(this.paytheprice * 100).toFixed(0)
let payprice = parseFloat(this.paytheprice * 100 * zkprice).toFixed(
@ -398,6 +432,26 @@
} else {
this.availIntegal = payprice;
}
/* 默认选第一个支付方式 */
if(this.paytypeList.length>0){
this.paytype = this.paytypeList[0].payTypeId;
if(this.paytype == 8){
if(this.isDiscount){
this.isDiscount = false;
this.$nextTick(()=>{
this.priceValue = [0,Number(this.availIntegal)];
this.isDiscount = true;
this.blockEnd();
console.log(this.paytype,"11111111",this.priceValue);
})
}
}
}
}
});
},
@ -408,6 +462,7 @@
if (res.return_code == '000000') {
app.globalData.userInfo = res.return_data;
this.user = res.return_data;
if (this.user.hltCardNo) {
this.getHuiLianTongCardBalance();
}
@ -545,7 +600,7 @@
},
//计算价格
priceCaluc(item) {
let zkprice = parseFloat(this.rechargeDes.integralDiscount / 100).toFixed(2);
let zkprice = parseFloat(this.rechargeDes.integralDiscount / 100).toFixed(2);//积分使用比例integralDiscount
let pprice = parseFloat(item * 100).toFixed(0);
let payprice = parseFloat(item * 100 * zkprice).toFixed(0);
if (payprice > this.user.gold) {
@ -670,6 +725,48 @@
return;
}
/* 积分兑换*/
if(this.paytype == '8'){
let title="";
if(this.priceValue[1] >= this.availIntegal){ //积分划到最大了
title = "积分不足,是否充值积分?"
}else{ //积分没有滑倒最大
let Remain = parseFloat(this.availIntegal - this.priceValue[1]);/* 剩余积分数量 */
let price = parseFloat(this.paytheprice*100); /* 需要的积分数量*/
if(Remain >=price){
uni.showToast({
title: '积分充足,请拖动滑杆进行抵扣',
icon: 'none',
duration: 2000
})
return
}else{
title = "积分不足,是否充值积分?"
}
}
let that = this;
uni.showModal({
title: '提示',
content: title,
success: function (res) {
if (res.confirm) {
uni.navigateTo({
url:'/pages/user/deposit/deposit?inputAmount='+that.paytheprice
})
} else if (res.cancel) {
}
}
});
return
}
if (this.orderDetails) {
this.wechatPay(this.orderDetails);
return;
@ -698,6 +795,7 @@
"phone": this.contactPhone
}
}
create(goods).then(res => {
uni.hideLoading();
if (res.return_code == '000000') {
@ -743,6 +841,7 @@
})
return;
}
if (that.paytype == '2') {
// #ifdef H5
let params = {
@ -1050,8 +1149,10 @@
.deductionPrice).toFixed(2);
}
if (this.paytheprice == 0) {
if(this.paytype!=8){
this.isUse = false;
this.paytype = '';
}
} else {
this.isUse = true;
}

21
pages/tabBar/category/category.vue
Unescape View File

@ -83,8 +83,9 @@
</cover-view>
<cover-view class="width96 height80 bor-botm1 alijusstart" v-for="(box,i) in marker" :key="i"
@click="seeloaction(box)">
<image mode="aspectFit" :src="box.logo" class="recontleft flleft border-r"
style="width: 50px;height:50px">
<template v-if="box.id != 0">
<image mode="widthFix" :src="box.logo" class="recontleft flleft border-r"
@error="imgerror($event, i )" style="width: 50px;">
</image>
<cover-view class="fotlt paddleft5">
<cover-view class="text2 width100 font16 fontwig6">
@ -100,6 +101,7 @@
</cover-view>
</cover-view>
</cover-view>
</template>
</cover-view>
</scroll-view>
</cover-view>
@ -188,8 +190,8 @@
<view class="width96 height80 bor-botm1 alijusstart" v-for="(box,i) in marker" :key="i"
@click="seeloaction(box)">
<template v-if="box.id != 0">
<image mode="aspectFit" :src="box.logo" class="recontleft flleft border-r"
style="width: 50px;height: 50px;">
<image mode="widthFix" :src="box.logo" class="recontleft flleft border-r"
@error="imgerror($event, i )" style="width: 50px;">
</image>
<view class="fotlt paddleft5">
<view class="text2 width100 font16 fontwig6">
@ -398,7 +400,8 @@
rotate: 1,
alpha: 1,
width: 40,
height: 40
height: 40,
callout:{},
})
@ -433,6 +436,7 @@
callouttap(e) {
// console.log(e, "点击标记点对应的气泡")
let markerId = e.detail.markerId;
if(markerId == 0) return;
for (var i = 0; i < this.marker.length; i++) {
if (markerId == this.marker[i].id) {
this.seeloaction(this.marker[i]);
@ -656,12 +660,17 @@
*/
},
// 图片出错
imgerror(e,index){
console.log(e,index,"图片出错")
this.marker[index].logo = this.imagewxUrl+this.imgadres3;
}
}
}
</script>
<style lang='less' scoped>
image{will-change: transform}
.map-container {
position: relative;

21
pages/user/deposit/deposit.vue
Unescape View File

@ -81,11 +81,20 @@
user: "",
imagewxUrl: app.globalData.imageWxImg,
imgadres: 'wxpay.png',
paytypeList: [] //支付方式
paytypeList: [], //支付方式
isGoBack:false,
};
},
onLoad() {
onLoad(options) {
console.log(options)
if(options.inputAmount){
this.inputAmount=options.inputAmount;
this.isGoBack = true;
}
this.user = app.globalData.userInfo
},
onShow() {
this.getThirdPartyByDetail();
@ -222,6 +231,7 @@
})
},
payRequest: function(self) {
let that = this;
uni.showLoading({
title: '支付中...'
})
@ -254,9 +264,16 @@
uni.showToast({
title: '支付成功'
})
if(that.isGoBack){
setTimeout(() => {
uni.navigateBack({})
}, 100)
}else{
uni.reLaunch({
url: '../success/success?id=' + that.couponId
});
}
},
cancel: function(r) {},
fail: function(res) {}

2
subPages/coupon-packge-details/coupon-packge-details.vue
Unescape View File

@ -62,7 +62,7 @@
@click="perImage(codes)">
</image>
</view>
<view style="height: 48px;">
<view style="height: 99upx;">
</view>
</view>

Write Preview
Loading…
Cancel
Save