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