charles/frontend-app
1
0
Fork 0
Code Issues Pull Requests Actions Projects Releases Wiki Activity

feat：0905优惠券多物流信息

Browse Source
This commit is contained in:
charles
2026-09-05 16:11:42 +08:00
parent b1d3ec9b2f
commit 75060faa39
14 changed files with 825 additions and 233 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/other_package/productInfo/productInfo.vue
+124 -8
View File
@@ -35,7 +35,20 @@
align-items: center;
justify-content: space-between;
">
<view class="content_data_price buy_deduction" v-if="orderInfo.buyDeductionValue">
<!-- 优惠券 -->
<view class="content_data_price coupon_price_box" v-if="orderInfo.couponPrice">
<text class="coupon_label">券后</text>
<text class="coupon_symbol">￥</text>
<text class="coupon_int">{{ String(orderInfo.couponPrice).split('.')[0] }}</text>
<text class="coupon_dec" v-if="String(orderInfo.couponPrice).split('.')[1]">.{{
String(orderInfo.couponPrice).split('.')[1] }}</text>
<text class="coupon_split">|</text>
<text class="coupon_origin">优惠前￥<template v-if="orderInfo.minPrice && orderInfo.maxPrice">{{
orderInfo.minPrice }} - {{ orderInfo.maxPrice }}</template><template v-else>{{ orderInfo.minPrice
}}</template></text>
</view>
<!-- 数字积分 -->
<view class="content_data_price buy_deduction" v-else-if="orderInfo.buyDeductionValue">
<view class="buy_deduction_value">
<text class="text-38 text-bold mr-10">{{ orderInfo.buyDeductionValue }}数字积分</text>
<text class="text-24">+{{ orderInfo.minPrice }}元</text>
@@ -44,18 +57,22 @@
兑后数字积分不退
</view>
</view>
<!-- 正常 -->
<view class="content_data_price" v-else>
<text>￥</text>
<text style="font-size: 60rpx" v-if="orderInfo.minPrice && orderInfo.maxPrice">{{ orderInfo.minPrice }} - {{
orderInfo.maxPrice }}</text>
<text style="font-size: 60rpx" v-if="orderInfo.minPrice && orderInfo.maxPrice">{{ orderInfo.minPrice }} -
{{
orderInfo.maxPrice }}</text>
<text style="font-size: 60rpx" v-else>{{
orderInfo.minPrice
}}</text>
<text class="price_o">￥{{ orderInfo.adPrice }}</text>
</view>
<view class="text-24" style="color: #ff5a5a; height: 38rpx; display: flex; align-items: center; gap: 5rpx"
v-if="orderInfo?.goodsTagList">
<image v-for="val in orderInfo.goodsTagList" :src="val.icon" mode="heightFix" style="height: 38rpx">
<image v-for="val in orderInfo.goodsTagList" :key="val" :src="val.icon" mode="heightFix"
style="height: 38rpx">
</image>
</view>
</view>
@@ -220,13 +237,33 @@
<view class="product_content">
<view class="price_warp">
<!-- 优惠券价格 -->
<view class="price_content_warp" v-if="isCoupon">
<view class="price_content_warp coupon_price_box"
v-if="(selectSpecificationTempl && selectSpecificationTempl.couponPrice) || orderInfo.couponPrice">
<text class="coupon_label">券后</text>
<text class="coupon_symbol">￥</text>
<text class="coupon_int">{{ String((selectSpecificationTempl && selectSpecificationTempl.couponPrice) ||
orderInfo.couponPrice).split('.')[0] }}</text>
<text class="coupon_dec"
v-if="String((selectSpecificationTempl && selectSpecificationTempl.couponPrice) || orderInfo.couponPrice).split('.')[1]">.{{
String((selectSpecificationTempl && selectSpecificationTempl.couponPrice) ||
orderInfo.couponPrice).split('.')[1] }}</text>
<text class="coupon_origin">优惠前￥<template
v-if="selectSpecificationTempl && selectSpecificationTempl.price">{{ selectSpecificationTempl.price
}}</template><template v-else-if="skuBySpecInfo.originalPrice">{{ skuBySpecInfo.originalPrice
}}<template v-if="skuBySpecInfo.price">- {{ skuBySpecInfo.price }}</template></template><template
v-else>{{ orderInfo.minPrice }}</template></text>
</view>
<!-- 数字积分 -->
<view class="price_content_warp" v-else-if="isCoupon">
<text class="text-38 text-bold mr-10">{{ orderInfo.buyDeductionValue }}数字积分</text>
<text class="text-24" v-if="
selectSpecificationTempl &&
Object.keys(selectSpecificationTempl).length !== 0">+{{ selectSpecificationTempl.price }}元</text>
<text v-else>+{{ orderInfo.minPrice }}元</text>
</view>
<!-- 正常价格 -->
<view class="price_content_warp" v-else>
<view>￥</view>
<text style="font-size: 50rpx" v-if="
@@ -243,7 +280,10 @@
优惠券{{
orderInfo.couponPrice }}</view>
</view>
<view class="oOrice_content_warp" v-if="!isCoupon">￥{{ skuBySpecInfo.originalPrice }}</view>
<view class="oOrice_content_warp"
v-if="!isCoupon && !((selectSpecificationTempl && selectSpecificationTempl.couponPrice) || orderInfo.couponPrice)">
￥{{ skuBySpecInfo.originalPrice }}</view>
<view class="coupon_content_warp" v-if="orderInfo.couponPrice && orderInfo.couponPrice !== 0">
优惠券已优惠￥{{
orderInfo.couponPrice }}</view>
@@ -1498,7 +1538,7 @@ export default {
async fetchGoodsCouponList() {
if (!this.id) return;
try {
const res = await getGoodsCouponList({ goodsId: this.id });
const res = await getGoodsCouponList({ goodsId: this.id, payway2: this.orderInfo.buyDeductionValue ? 'vcion' : null });
if (res && res.bizcode === 100) {
this.goodsCouponList = res.data || [];
}
@@ -1663,6 +1703,47 @@ export default {
font-size: 36rpx;
color: $app-bt-bj;
&.coupon_price_box {
display: flex;
align-items: baseline;
.coupon_label {
font-size: 28rpx;
font-weight: normal;
margin-right: 6rpx;
}
.coupon_symbol {
font-size: 28rpx;
font-weight: 500;
margin-right: 4rpx;
}
.coupon_int {
font-size: 56rpx;
font-weight: bold;
line-height: 1;
}
.coupon_dec {
font-size: 32rpx;
font-weight: bold;
line-height: 1;
}
.coupon_split {
font-size: 28rpx;
margin: 0 16rpx;
font-weight: normal;
opacity: 0.7;
}
.coupon_origin {
font-size: 28rpx;
font-weight: normal;
}
}
.price_o {
font-weight: 500;
font-size: 26rpx;
@@ -1964,7 +2045,42 @@ export default {
font-size: 36rpx;
color: $app-bt-bj;
display: flex;
align-items: center;
align-items: baseline;
&.coupon_price_box {
display: flex;
align-items: baseline;
.coupon_label {
font-size: 26rpx;
font-weight: normal;
margin-right: 6rpx;
}
.coupon_symbol {
font-size: 26rpx;
font-weight: 500;
margin-right: 4rpx;
}
.coupon_int {
font-size: 50rpx;
font-weight: bold;
line-height: 1;
}
.coupon_dec {
font-size: 30rpx;
font-weight: bold;
line-height: 1;
}
.coupon_origin {
font-size: 26rpx;
font-weight: normal;
margin-left: 20rpx;
}
}
}
.price_content_coupon_warp {