feat(specialArea): 添加赠品专区
This commit is contained in:
parent
99716edce7
commit
05c4cf3aa5
|
|
@ -34,7 +34,7 @@
|
||||||
></area-product-list>
|
></area-product-list>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<!-- 重消 -->
|
<!-- 赠送 -->
|
||||||
<view key="rescission" v-if="rescissionList.length > 0" class="goods-flexs">
|
<view key="rescission" v-if="rescissionList.length > 0" class="goods-flexs">
|
||||||
<view class="goods-view">
|
<view class="goods-view">
|
||||||
<area-product-list
|
<area-product-list
|
||||||
|
|
@ -106,6 +106,7 @@ export default {
|
||||||
this.getAreaListById(REGIEST_AREA.id, this.registList)
|
this.getAreaListById(REGIEST_AREA.id, this.registList)
|
||||||
this.getAreaListById(REPURCHASE_AREA.id, this.repurchaseList)
|
this.getAreaListById(REPURCHASE_AREA.id, this.repurchaseList)
|
||||||
this.getAreaListById(HALF_PRICE_AREA.id, this.halfPriceList)
|
this.getAreaListById(HALF_PRICE_AREA.id, this.halfPriceList)
|
||||||
|
this.getAreaListById(REISSUE_AREA.id, this.rescissionList)
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
getAreaListById(areaId, list) {
|
getAreaListById(areaId, list) {
|
||||||
|
|
|
||||||
|
|
@ -60,11 +60,19 @@
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="card-footer">
|
<view>
|
||||||
<text class="subtotal-label">小计(¥)</text>
|
<view class="card-footer">
|
||||||
<text class="subtotal-value">{{
|
<text class="subtotal-label">小计(¥)</text>
|
||||||
dailyBonus.retailRealSubtotal || '0.00'
|
<text class="subtotal-value">{{
|
||||||
}}</text>
|
dailyBonus.retailRealSubtotal || '0.00'
|
||||||
|
}}</text>
|
||||||
|
</view>
|
||||||
|
<view class="card-footer">
|
||||||
|
<text class="subtotal-label">赠送积分</text>
|
||||||
|
<text class="subtotal-value" style="color: #000">{{
|
||||||
|
dailyBonus.backPoints || '-'
|
||||||
|
}}</text>
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
|
||||||
|
|
@ -18,6 +18,11 @@
|
||||||
<view class="user-details">
|
<view class="user-details">
|
||||||
<view class="user-name-and-level">
|
<view class="user-name-and-level">
|
||||||
<text class="user-name">{{ userInfo.memberCode }}</text>
|
<text class="user-name">{{ userInfo.memberCode }}</text>
|
||||||
|
<!-- 会员等级显示 -->
|
||||||
|
<view class="member-level-badge" :class="memberLevelClass">
|
||||||
|
<text class="member-level-text">{{ memberLevelText }}</text>
|
||||||
|
</view>
|
||||||
|
<!-- 原有的pkAwardsVal显示 -->
|
||||||
<view
|
<view
|
||||||
v-show="userInfo.pkAwardsVal !== '无' && userInfo.pkAwardsVal"
|
v-show="userInfo.pkAwardsVal !== '无' && userInfo.pkAwardsVal"
|
||||||
class="svip-badge"
|
class="svip-badge"
|
||||||
|
|
@ -369,6 +374,14 @@ export default {
|
||||||
decimal: parts.length > 1 ? `.${parts[1]}` : '',
|
decimal: parts.length > 1 ? `.${parts[1]}` : '',
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
// 会员等级文本
|
||||||
|
memberLevelText() {
|
||||||
|
return this.userInfo.pkGradeVal || '会员'
|
||||||
|
},
|
||||||
|
// 会员等级样式类名
|
||||||
|
memberLevelClass() {
|
||||||
|
return 'member-level-normal'
|
||||||
|
},
|
||||||
},
|
},
|
||||||
|
|
||||||
methods: {
|
methods: {
|
||||||
|
|
@ -774,12 +787,14 @@ export default {
|
||||||
.user-name-and-level {
|
.user-name-and-level {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
gap: 16rpx;
|
gap: 12rpx;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
|
||||||
.user-name {
|
.user-name {
|
||||||
font-size: 36rpx;
|
font-size: 36rpx;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
margin-right: 8rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.svip-badge {
|
.svip-badge {
|
||||||
|
|
@ -794,6 +809,30 @@ export default {
|
||||||
0 1px 2px rgba(0, 0, 0, 0.15);
|
0 1px 2px rgba(0, 0, 0, 0.15);
|
||||||
border: 1rpx solid #c8a000;
|
border: 1rpx solid #c8a000;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// 会员等级徽章基础样式
|
||||||
|
.member-level-badge {
|
||||||
|
padding: 4rpx 12rpx;
|
||||||
|
border-radius: 50px;
|
||||||
|
font-size: 20rpx;
|
||||||
|
font-weight: 600;
|
||||||
|
box-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.1);
|
||||||
|
border: 1rpx solid;
|
||||||
|
|
||||||
|
.member-level-text {
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 会员等级统一样式
|
||||||
|
.member-level-normal {
|
||||||
|
background: linear-gradient(145deg, #e8f4fd, #d1e7f7);
|
||||||
|
color: #2c5aa0;
|
||||||
|
border-color: #7bb3e0;
|
||||||
|
box-shadow:
|
||||||
|
inset 0 1px 1px rgba(255, 255, 255, 0.6),
|
||||||
|
0 2rpx 4rpx rgba(43, 90, 160, 0.15);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.awards-container {
|
.awards-container {
|
||||||
|
|
|
||||||
|
|
@ -92,7 +92,7 @@
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="quan_i" v-show="payDetail.payAccount5 > 0">
|
<view class="quan_i" v-show="payDetail.payAccount5 > 0">
|
||||||
<view class="tTit">{{ '重消账户' }}</view>
|
<view class="tTit">赠送积分</view>
|
||||||
<view class="lan">
|
<view class="lan">
|
||||||
<view>
|
<view>
|
||||||
{{ payDetail.account5 | numberToCurrency | isLocal }}
|
{{ payDetail.account5 | numberToCurrency | isLocal }}
|
||||||
|
|
|
||||||
|
|
@ -290,7 +290,7 @@ export default {
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
// 获取国家
|
// 获取国家
|
||||||
this.getJScountry()
|
// this.getJScountry()
|
||||||
this.$nextTick(() => {
|
this.$nextTick(() => {
|
||||||
this.$refs.cart.getCar()
|
this.$refs.cart.getCar()
|
||||||
})
|
})
|
||||||
|
|
|
||||||
|
|
@ -68,12 +68,12 @@
|
||||||
{{userInfo.settleCountryName}}
|
{{userInfo.settleCountryName}}
|
||||||
</view>
|
</view>
|
||||||
</view> -->
|
</view> -->
|
||||||
<!-- <view class="index-view">
|
<view class="index-view">
|
||||||
<view class="user-name">会员等级</view>
|
<view class="user-name">会员等级</view>
|
||||||
<view class="user-right">
|
<view class="user-right">
|
||||||
{{ userInfo.pkGradeVal }}
|
{{ userInfo.pkGradeVal }}
|
||||||
</view>
|
</view>
|
||||||
</view> -->
|
</view>
|
||||||
|
|
||||||
<view class="index-view">
|
<view class="index-view">
|
||||||
<view class="user-name">荣誉奖衔</view>
|
<view class="user-name">荣誉奖衔</view>
|
||||||
|
|
|
||||||
|
|
@ -11,7 +11,7 @@ export const UPGRADE_AREA = {
|
||||||
|
|
||||||
export const REISSUE_AREA = {
|
export const REISSUE_AREA = {
|
||||||
id: 44,
|
id: 44,
|
||||||
name: '重消专区',
|
name: '赠品专区',
|
||||||
}
|
}
|
||||||
export const REPURCHASE_AREA = {
|
export const REPURCHASE_AREA = {
|
||||||
id: 43,
|
id: 43,
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue