会员权益月月礼-页面优化

components/pointRightsCom/monthGift.vue

@@ -48,32 +48,32 @@
 					<image class="diamond1buycomtime1text"
 						:src="`${$baseUrl}${MONTH_GIFT_IMAGES.DIAMOND.BUY_COM.TIME1.TEXT}`" mode="aspectFit"></image>
 					<image class="diamond1buycomtime1status"
-						:src="`${$baseUrl}${MONTH_GIFT_IMAGES.DIAMOND.BUY_COM.TIME1.STATUS}`" mode="aspectFit"
-						v-if="!isLevelSufficient()">
+						:src="`${$baseUrl}${getTimeSlotStatusImage(0, 'DIAMOND')}`" mode="aspectFit">
+						<!-- v-if="!isLevelSufficient()"> -->
 					</image>
 				</view>
 				<view class="diamond1buycomtime2" @click="switchTimeSlot(1)" :class="getTimeSlotClass(1)">
 					<image class="diamond1buycomtime2text"
 						:src="`${$baseUrl}${MONTH_GIFT_IMAGES.DIAMOND.BUY_COM.TIME2.TEXT}`" mode="aspectFit"></image>
 					<image class="diamond1buycomtime2status"
-						:src="`${$baseUrl}${MONTH_GIFT_IMAGES.DIAMOND.BUY_COM.TIME2.STATUS}`" mode="aspectFit"
-						v-if="!isLevelSufficient()">
+						:src="`${$baseUrl}${getTimeSlotStatusImage(1, 'DIAMOND')}`" mode="aspectFit">
+						<!-- v-if="!isLevelSufficient()"> -->
 					</image>
 				</view>
 				<view class="diamond1buycomtime3" @click="switchTimeSlot(2)" :class="getTimeSlotClass(2)">
 					<image class="diamond1buycomtime3text"
 						:src="`${$baseUrl}${MONTH_GIFT_IMAGES.DIAMOND.BUY_COM.TIME3.TEXT}`" mode="aspectFit"></image>
 					<image class="diamond1buycomtime3status"
-						:src="`${$baseUrl}${MONTH_GIFT_IMAGES.DIAMOND.BUY_COM.TIME3.STATUS}`" mode="aspectFit"
-						v-if="!isLevelSufficient()">
+						:src="`${$baseUrl}${getTimeSlotStatusImage(2, 'DIAMOND')}`" mode="aspectFit">
+						<!-- v-if="!isLevelSufficient()"> -->
 					</image>
 				</view>
 				<view class="diamond1buycomtime4" @click="switchTimeSlot(3)" :class="getTimeSlotClass(3)">
 					<image class="diamond1buycomtime4text"
 						:src="`${$baseUrl}${MONTH_GIFT_IMAGES.DIAMOND.BUY_COM.TIME4.TEXT}`" mode="aspectFit"></image>
 					<image class="diamond1buycomtime4status"
-						:src="`${$baseUrl}${MONTH_GIFT_IMAGES.DIAMOND.BUY_COM.TIME4.STATUS}`" mode="aspectFit"
-						v-if="!isLevelSufficient()">
+						:src="`${$baseUrl}${getTimeSlotStatusImage(3, 'DIAMOND')}`" mode="aspectFit">
+						<!-- v-if="!isLevelSufficient()"> -->
 					</image>
 				</view>
 				<view class="diamond1buycomgoods">
@@ -144,31 +144,32 @@
 					<image class="starshine1buycomtime1text"
 						:src="`${$baseUrl}${MONTH_GIFT_IMAGES.STARSHINE.BUY_COM.TIME1.TEXT}`" mode="aspectFit"></image>
 					<image class="starshine1buycomtime1status"
-						:src="`${$baseUrl}${MONTH_GIFT_IMAGES.STARSHINE.BUY_COM.TIME1.STATUS}`" mode="aspectFit"
-						v-if="!isLevelSufficient()">
+						:src="`${$baseUrl}${getTimeSlotStatusImage(0, 'STARSHINE')}`" mode="aspectFit">
+						<!-- v-if="!isLevelSufficient()"> -->
 					</image>
 				</view>
 				<view class="starshine1buycomtime2" @click="switchTimeSlot(1)" :class="getTimeSlotClass(1)">
 					<image class="starshine1buycomtime2text"
 						:src="`${$baseUrl}${MONTH_GIFT_IMAGES.STARSHINE.BUY_COM.TIME2.TEXT}`" mode="aspectFit"></image>
 					<image class="starshine1buycomtime2status"
-						:src="`${$baseUrl}${MONTH_GIFT_IMAGES.STARSHINE.BUY_COM.TIME2.STATUS}`" mode="aspectFit"
-						v-if="!isLevelSufficient()">
+						:src="`${$baseUrl}${getTimeSlotStatusImage(1, 'STARSHINE')}`" mode="aspectFit">
+						<!-- v-if="!isLevelSufficient()"> -->
 					</image>
 				</view>
 				<view class="starshine1buycomtime3" @click="switchTimeSlot(2)" :class="getTimeSlotClass(2)">
 					<image class="starshine1buycomtime3text"
 						:src="`${$baseUrl}${MONTH_GIFT_IMAGES.STARSHINE.BUY_COM.TIME3.TEXT}`" mode="aspectFit"></image>
 					<image class="starshine1buycomtime3status"
-						:src="`${$baseUrl}${MONTH_GIFT_IMAGES.STARSHINE.BUY_COM.TIME3.STATUS}`" mode="aspectFit"
-						v-if="!isLevelSufficient()"></image>
+						:src="`${$baseUrl}${getTimeSlotStatusImage(2, 'STARSHINE')}`" mode="aspectFit">
+						<!-- v-if="!isLevelSufficient()"> -->
+					</image>
 				</view>
 				<view class="starshine1buycomtime4" @click="switchTimeSlot(3)" :class="getTimeSlotClass(3)">
 					<image class="starshine1buycomtime4text"
 						:src="`${$baseUrl}${MONTH_GIFT_IMAGES.STARSHINE.BUY_COM.TIME4.TEXT}`" mode="aspectFit"></image>
 					<image class="starshine1buycomtime4status"
-						:src="`${$baseUrl}${MONTH_GIFT_IMAGES.STARSHINE.BUY_COM.TIME4.STATUS}`" mode="aspectFit"
-						v-if="!isLevelSufficient()">
+						:src="`${$baseUrl}${getTimeSlotStatusImage(3, 'STARSHINE')}`" mode="aspectFit">
+						<!-- v-if="!isLevelSufficient()"> -->
 					</image>
 				</view>
 				<view class="starshine1buycomgoods">
@@ -239,31 +240,32 @@
 					<image class="startlight1buycomtime1text"
 						:src="`${$baseUrl}${MONTH_GIFT_IMAGES.STARLIGHT.BUY_COM.TIME1.TEXT}`" mode="aspectFit"></image>
 					<image class="startlight1buycomtime1status"
-						:src="`${$baseUrl}${MONTH_GIFT_IMAGES.STARLIGHT.BUY_COM.TIME1.STATUS}`" mode="aspectFit"
-						v-if="!isLevelSufficient()">
+						:src="`${$baseUrl}${getTimeSlotStatusImage(0, 'STARLIGHT')}`" mode="aspectFit">
+						<!-- v-if="!isLevelSufficient()"> -->
 					</image>
 				</view>
 				<view class="startlight1buycomtime2" @click="switchTimeSlot(1)" :class="getTimeSlotClass(1)">
 					<image class="startlight1buycomtime2text"
 						:src="`${$baseUrl}${MONTH_GIFT_IMAGES.STARLIGHT.BUY_COM.TIME2.TEXT}`" mode="aspectFit"></image>
 					<image class="startlight1buycomtime2status"
-						:src="`${$baseUrl}${MONTH_GIFT_IMAGES.STARLIGHT.BUY_COM.TIME2.STATUS}`" mode="aspectFit"
-						v-if="!isLevelSufficient()">
+						:src="`${$baseUrl}${getTimeSlotStatusImage(1, 'STARLIGHT')}`" mode="aspectFit">
+						<!-- v-if="!isLevelSufficient()"> -->
 					</image>
 				</view>
 				<view class="startlight1buycomtime3" @click="switchTimeSlot(2)" :class="getTimeSlotClass(2)">
 					<image class="startlight1buycomtime3text"
 						:src="`${$baseUrl}${MONTH_GIFT_IMAGES.STARLIGHT.BUY_COM.TIME3.TEXT}`" mode="aspectFit"></image>
 					<image class="startlight1buycomtime3status"
-						:src="`${$baseUrl}${MONTH_GIFT_IMAGES.STARLIGHT.BUY_COM.TIME3.STATUS}`" mode="aspectFit"
-						v-if="!isLevelSufficient()"></image>
+						:src="`${$baseUrl}${getTimeSlotStatusImage(2, 'STARLIGHT')}`" mode="aspectFit">
+						<!-- v-if="!isLevelSufficient()"> -->
+					</image>
 				</view>
 				<view class="startlight1buycomtime4" @click="switchTimeSlot(3)" :class="getTimeSlotClass(3)">
 					<image class="startlight1buycomtime4text"
 						:src="`${$baseUrl}${MONTH_GIFT_IMAGES.STARLIGHT.BUY_COM.TIME4.TEXT}`" mode="aspectFit"></image>
 					<image class="startlight1buycomtime4status"
-						:src="`${$baseUrl}${MONTH_GIFT_IMAGES.STARLIGHT.BUY_COM.TIME4.STATUS}`" mode="aspectFit"
-						v-if="!isLevelSufficient()">
+						:src="`${$baseUrl}${getTimeSlotStatusImage(3, 'STARLIGHT')}`" mode="aspectFit">
+						<!-- v-if="!isLevelSufficient()"> -->
 					</image>
 				</view>
 				<view class="startlight1buycomgoods">
@@ -334,31 +336,32 @@
 					<image class="gold1buycomtime1text" :src="`${$baseUrl}${MONTH_GIFT_IMAGES.GOLD.BUY_COM.TIME1.TEXT}`"
 						mode="aspectFit"></image>
 					<image class="gold1buycomtime1status"
-						:src="`${$baseUrl}${MONTH_GIFT_IMAGES.GOLD.BUY_COM.TIME1.STATUS}`" mode="aspectFit"
-						v-if="!isLevelSufficient()">
+						:src="`${$baseUrl}${getTimeSlotStatusImage(0, 'GOLD')}`" mode="aspectFit">
+						<!-- v-if="!isLevelSufficient()"> -->
 					</image>
 				</view>
 				<view class="gold1buycomtime2" @click="switchTimeSlot(1)" :class="getTimeSlotClass(1)">
 					<image class="gold1buycomtime2text" :src="`${$baseUrl}${MONTH_GIFT_IMAGES.GOLD.BUY_COM.TIME2.TEXT}`"
 						mode="aspectFit"></image>
 					<image class="gold1buycomtime2status"
-						:src="`${$baseUrl}${MONTH_GIFT_IMAGES.GOLD.BUY_COM.TIME2.STATUS}`" mode="aspectFit"
-						v-if="!isLevelSufficient()">
+						:src="`${$baseUrl}${getTimeSlotStatusImage(1, 'GOLD')}`" mode="aspectFit">
+						<!-- v-if="!isLevelSufficient()"> -->
 					</image>
 				</view>
 				<view class="gold1buycomtime3" @click="switchTimeSlot(2)" :class="getTimeSlotClass(2)">
 					<image class="gold1buycomtime3text" :src="`${$baseUrl}${MONTH_GIFT_IMAGES.GOLD.BUY_COM.TIME3.TEXT}`"
 						mode="aspectFit"></image>
 					<image class="gold1buycomtime3status"
-						:src="`${$baseUrl}${MONTH_GIFT_IMAGES.GOLD.BUY_COM.TIME3.STATUS}`" mode="aspectFit"
-						v-if="!isLevelSufficient()"></image>
+						:src="`${$baseUrl}${getTimeSlotStatusImage(2, 'GOLD')}`" mode="aspectFit">
+						<!-- v-if="!isLevelSufficient()"> -->
+					</image>
 				</view>
 				<view class="gold1buycomtime4" @click="switchTimeSlot(3)" :class="getTimeSlotClass(3)">
 					<image class="gold1buycomtime4text" :src="`${$baseUrl}${MONTH_GIFT_IMAGES.GOLD.BUY_COM.TIME4.TEXT}`"
 						mode="aspectFit"></image>
 					<image class="gold1buycomtime4status"
-						:src="`${$baseUrl}${MONTH_GIFT_IMAGES.GOLD.BUY_COM.TIME4.STATUS}`" mode="aspectFit"
-						v-if="!isLevelSufficient()">
+						:src="`${$baseUrl}${getTimeSlotStatusImage(3, 'GOLD')}`" mode="aspectFit">
+						<!-- v-if="!isLevelSufficient()"> -->
 					</image>
 				</view>
 				<view class="gold1buycomgoods">
@@ -423,31 +426,32 @@
 					<image class="platinum1buycomtime1text"
 						:src="`${$baseUrl}${MONTH_GIFT_IMAGES.PLATINUM.BUY_COM.TIME1.TEXT}`" mode="aspectFit"></image>
 					<image class="platinum1buycomtime1status"
-						:src="`${$baseUrl}${MONTH_GIFT_IMAGES.PLATINUM.BUY_COM.TIME1.STATUS}`" mode="aspectFit"
-						v-if="!isLevelSufficient()">
+						:src="`${$baseUrl}${getTimeSlotStatusImage(0, 'PLATINUM')}`" mode="aspectFit">
+						<!-- v-if="!isLevelSufficient()"> -->
 					</image>
 				</view>
 				<view class="platinum1buycomtime2" @click="switchTimeSlot(1)" :class="getTimeSlotClass(1)">
 					<image class="platinum1buycomtime2text"
 						:src="`${$baseUrl}${MONTH_GIFT_IMAGES.PLATINUM.BUY_COM.TIME2.TEXT}`" mode="aspectFit"></image>
 					<image class="platinum1buycomtime2status"
-						:src="`${$baseUrl}${MONTH_GIFT_IMAGES.PLATINUM.BUY_COM.TIME2.STATUS}`" mode="aspectFit"
-						v-if="!isLevelSufficient()">
+						:src="`${$baseUrl}${getTimeSlotStatusImage(1, 'PLATINUM')}`" mode="aspectFit">
+						<!-- v-if="!isLevelSufficient()"> -->
 					</image>
 				</view>
 				<view class="platinum1buycomtime3" @click="switchTimeSlot(2)" :class="getTimeSlotClass(2)">
 					<image class="platinum1buycomtime3text"
 						:src="`${$baseUrl}${MONTH_GIFT_IMAGES.PLATINUM.BUY_COM.TIME3.TEXT}`" mode="aspectFit"></image>
 					<image class="platinum1buycomtime3status"
-						:src="`${$baseUrl}${MONTH_GIFT_IMAGES.PLATINUM.BUY_COM.TIME3.STATUS}`" mode="aspectFit"
-						v-if="!isLevelSufficient()"></image>
+						:src="`${$baseUrl}${getTimeSlotStatusImage(2, 'PLATINUM')}`" mode="aspectFit">
+						<!-- v-if="!isLevelSufficient()"> -->
+					</image>
 				</view>
 				<view class="platinum1buycomtime4" @click="switchTimeSlot(3)" :class="getTimeSlotClass(3)">
 					<image class="platinum1buycomtime4text"
 						:src="`${$baseUrl}${MONTH_GIFT_IMAGES.PLATINUM.BUY_COM.TIME4.TEXT}`" mode="aspectFit"></image>
 					<image class="platinum1buycomtime4status"
-						:src="`${$baseUrl}${MONTH_GIFT_IMAGES.PLATINUM.BUY_COM.TIME4.STATUS}`" mode="aspectFit"
-						v-if="!isLevelSufficient()">
+						:src="`${$baseUrl}${getTimeSlotStatusImage(3, 'PLATINUM')}`" mode="aspectFit">
+						<!-- v-if="!isLevelSufficient()"> -->
 					</image>
 				</view>
 				<view class="platinum1buycomgoods">
@@ -741,6 +745,9 @@
 			return
 		} else if (currentTimeSlot.status === 1) {
 			// status = 1，一键完成领取
+			if (!currentTimeSlot.stockLimit) { //已抢完，不可点击
+				return;
+			}
 			try {
 				const equityCouponInfoId = currentTimeSlot.equityCouponInfoId
 				const stockBatchId = currentTimeSlot.stockBatchId
@@ -834,6 +841,40 @@
 		}
 	}
 
+	//获取状态栏对应的文本图片
+	const getTimeSlotStatusImage = (timeSlotIndex, level = 'gold') => {
+		const timeSlot = state.timeSlots[timeSlotIndex];
+
+		// 检查用户等级是否符合要求
+		const levelOrder = [0, 1, 2, 3, 4];
+		const userLevelIndex = levelOrder.indexOf(props.userLevel * 1);
+		const requiredLevelIndex = levelOrder.indexOf(props.currentLevel * 1);
+
+		// 如果用户等级不够，返回"待解锁"状态的图片
+		if (userLevelIndex < requiredLevelIndex) {
+			return MONTH_GIFT_IMAGES[level.toUpperCase()].BUY_COM.TIME1.STATUS;
+		}
+
+		// 时间没到，返回“待开启”状态图片
+		if (state.next2810Countdown !== -1) {
+			return MONTH_GIFT_IMAGES[level.toUpperCase()].BUY_COM.TIME1.STATUS1;
+		}
+
+		// 根据时间段状态返回对应的图片
+		switch (timeSlot.status) {
+			case 0: // 未开始
+				return MONTH_GIFT_IMAGES[level.toUpperCase()].BUY_COM.TIME1.STATUS2;
+			case 1: // 进行中
+				if (timeSlot.stockLimit > 0) { //进行中
+					return MONTH_GIFT_IMAGES[level.toUpperCase()].BUY_COM.TIME1.STATUS3;
+				} else { //已抢完
+					return MONTH_GIFT_IMAGES[level.toUpperCase()].BUY_COM.TIME1.STATUS4;
+				}
+			default:
+				return MONTH_GIFT_IMAGES[level.toUpperCase()].BUY_COM.TIME1.STATUS1;
+		}
+	};
+
 	// 获取限时1分购按钮文本
 	const getBuyButtonText = (level) => {
 		// 检查用户等级是否符合领取条件
@@ -862,14 +903,18 @@
 
 		// 根据 stockBatchList 对应 index 的 status 显示按钮文本
 		if (currentTimeSlot.status === 0) {
-			return '待开启'
+			return '未开始'
 		} else if (currentTimeSlot.status === 1) {
-			return '立即领取'
+			if (currentTimeSlot.stockLimit > 0) {
+				return '立即抢'
+			} else {
+				return '已抢完'
+			}
 		} else if (currentTimeSlot.status === 2) {
 			return '已结束'
 		}
 
-		return '待开启'
+		return '未开始'
 	}
 
 	// 获取限时1分购按钮样式类
@@ -885,17 +930,21 @@
 		}
 
 		// 检查倒计时状态
-		if (state.next2810Countdown !== -1) {
+		if (state.next2810Countdown !== -1) { //待开启
 			return 'buy-btn-locked-' + levelName
 		}
 
 		const currentTimeSlot = state.timeSlots[state.selectedTimeSlot]
 
-		if (currentTimeSlot.received) {
+		if (currentTimeSlot.received) { //去使用
 			return 'buy-btn-purchased-' + levelName
-		} else if (currentTimeSlot.status === 1) {
-			return 'buy-btn-unlocked-' + levelName
-		} else {
+		} else if (currentTimeSlot.status === 1) { //进行中
+			if (currentTimeSlot.stockLimit > 0) { //有库存，立即抢
+				return 'buy-btn-unlocked-' + levelName
+			} else { //没库存，已抢完
+				return 'buy-btn-unlocked1-' + levelName
+			}
+		} else { //待开启
 			return 'buy-btn-locked-' + levelName
 		}
 	}
@@ -1269,7 +1318,7 @@
 
 		console.log(
 			`User level: ${props.userLevel} (${userLevelName.value}), Required level: ${props.currentLevel} (${currentLevelName.value})`
-			)
+		)
 		console.log(`User level index: ${userLevelIndex}, Required level index: ${requiredLevelIndex}`)
 
 		// 如果用户等级不够，显示"待解锁"
@@ -2821,6 +2870,17 @@
 					transform: scale(0.95);
 					box-shadow: 0 1rpx 6rpx rgba(80, 52, 4, 0.4);
 				}
+			}
+			
+			&.buy-btn-unlocked1-gold {
+				background: linear-gradient(135deg, #909090, #909090);
+				color: #fff;
+				box-shadow: 0 2rpx 8rpx rgba(247, 209, 160, 0.3);
+			
+				&:active {
+					transform: scale(0.95);
+					box-shadow: 0 1rpx 6rpx rgba(247, 209, 160, 0.4);
+				}
 			}
 
 			&.buy-btn-unlocked-platinum {
@@ -2832,6 +2892,17 @@
 					transform: scale(0.95);
 					box-shadow: 0 1rpx 6rpx rgba(40, 74, 108, 0.4);
 				}
+			}
+			
+			&.buy-btn-unlocked1-platinum {
+				background: linear-gradient(135deg, #909090, #909090);
+				color: #fff;
+				box-shadow: 0 2rpx 8rpx rgba(247, 209, 160, 0.3);
+			
+				&:active {
+					transform: scale(0.95);
+					box-shadow: 0 1rpx 6rpx rgba(247, 209, 160, 0.4);
+				}
 			}
 
 			&.buy-btn-unlocked-diamond {
@@ -2843,6 +2914,17 @@
 					transform: scale(0.95);
 					box-shadow: 0 1rpx 6rpx rgba(80, 52, 4, 0.4);
 				}
+			}
+			
+			&.buy-btn-unlocked1-diamond {
+				background: linear-gradient(135deg, #909090, #909090);
+				color: #fff;
+				box-shadow: 0 2rpx 8rpx rgba(247, 209, 160, 0.3);
+
+				&:active {
+					transform: scale(0.95);
+					box-shadow: 0 1rpx 6rpx rgba(247, 209, 160, 0.4);
+				}
 			}
 
 			&.buy-btn-unlocked-starlight {
@@ -2856,6 +2938,17 @@
 				}
 			}
 
+			&.buy-btn-unlocked1-starlight {
+				background: linear-gradient(135deg, #909090, #909090);
+				color: #fff;
+				box-shadow: 0 2rpx 8rpx rgba(247, 209, 160, 0.3);
+
+				&:active {
+					transform: scale(0.95);
+					box-shadow: 0 1rpx 6rpx rgba(247, 209, 160, 0.4);
+				}
+			}
+
 			&.buy-btn-unlocked-starshine {
 				background: linear-gradient(135deg, #f7d1a0, #f9dca8);
 				color: #000;
@@ -2867,6 +2960,17 @@
 				}
 			}
 
+			&.buy-btn-unlocked1-starshine {
+				background: linear-gradient(135deg, #909090, #909090);
+				color: #fff;
+				box-shadow: 0 2rpx 8rpx rgba(247, 209, 160, 0.3);
+
+				&:active {
+					transform: scale(0.95);
+					box-shadow: 0 1rpx 6rpx rgba(247, 209, 160, 0.4);
+				}
+			}
+
 			&.buy-btn-purchased-gold {
 				background: linear-gradient(135deg, #503404, #6a4505);
 				color: #fff;

components/pointRightsCom/monthGiftImages.js

@@ -26,19 +26,35 @@ export const MONTH_GIFT_IMAGES = {
       SEL4: `pointRights/MonthGift/${version}/diamond1BuyComSel4.png`,
       TIME1: {
         TEXT: `pointRights/MonthGift/${version}/diamond1BuyComTime1Text.png`,
-        STATUS: `pointRights/MonthGift/${version}/diamond1BuyComTime1Status.png`
+        STATUS: `pointRights/MonthGift/${version}/diamond1BuyComTime1Status.png`,
+        STATUS1: `pointRights/MonthGift/${version}/diamond1BuyComTime1Status1.png`,
+        STATUS2: `pointRights/MonthGift/${version}/diamond1BuyComTime1Status2.png`,
+        STATUS3: `pointRights/MonthGift/${version}/diamond1BuyComTime1Status3.png`,
+        STATUS4: `pointRights/MonthGift/${version}/diamond1BuyComTime1Status4.png`
       },
       TIME2: {
         TEXT: `pointRights/MonthGift/${version}/diamond1BuyComTime2Text.png`,
-        STATUS: `pointRights/MonthGift/${version}/diamond1BuyComTime2Status.png`
+        STATUS: `pointRights/MonthGift/${version}/diamond1BuyComTime2Status.png`,
+        STATUS1: `pointRights/MonthGift/${version}/diamond1BuyComTime2Status1.png`,
+        STATUS2: `pointRights/MonthGift/${version}/diamond1BuyComTime2Status2.png`,
+        STATUS3: `pointRights/MonthGift/${version}/diamond1BuyComTime2Status3.png`,
+        STATUS4: `pointRights/MonthGift/${version}/diamond1BuyComTime2Status4.png`
       },
       TIME3: {
         TEXT: `pointRights/MonthGift/${version}/diamond1BuyComTime3Text.png`,
-        STATUS: `pointRights/MonthGift/${version}/diamond1BuyComTime3Status.png`
+        STATUS: `pointRights/MonthGift/${version}/diamond1BuyComTime3Status.png`,
+        STATUS1: `pointRights/MonthGift/${version}/diamond1BuyComTime3Status1.png`,
+        STATUS2: `pointRights/MonthGift/${version}/diamond1BuyComTime3Status2.png`,
+        STATUS3: `pointRights/MonthGift/${version}/diamond1BuyComTime3Status3.png`,
+        STATUS4: `pointRights/MonthGift/${version}/diamond1BuyComTime3Status4.png`
       },
       TIME4: {
         TEXT: `pointRights/MonthGift/${version}/diamond1BuyComTime4Text.png`,
-        STATUS: `pointRights/MonthGift/${version}/diamond1BuyComTime4Status.png`
+        STATUS: `pointRights/MonthGift/${version}/diamond1BuyComTime4Status.png`,
+        STATUS1: `pointRights/MonthGift/${version}/diamond1BuyComTime4Status1.png`,
+        STATUS2: `pointRights/MonthGift/${version}/diamond1BuyComTime4Status2.png`,
+        STATUS3: `pointRights/MonthGift/${version}/diamond1BuyComTime4Status3.png`,
+        STATUS4: `pointRights/MonthGift/${version}/diamond1BuyComTime4Status4.png`
       },
       GOODS: {
         BG: `pointRights/MonthGift/${version}/diamond1BuyComGoodsBg_1.png`,
@@ -72,19 +88,35 @@ export const MONTH_GIFT_IMAGES = {
       SEL4: `pointRights/MonthGift/${version}/starshine1BuyComSel24.png`,
       TIME1: {
         TEXT: `pointRights/MonthGift/${version}/starshine1BuyComTime1Text.png`,
-        STATUS: `pointRights/MonthGift/${version}/starshine1BuyComTime1Status.png`
+        STATUS: `pointRights/MonthGift/${version}/starshine1BuyComTime1Status.png`,
+        STATUS1: `pointRights/MonthGift/${version}/starshine1BuyComTime1Status1.png`,
+        STATUS2: `pointRights/MonthGift/${version}/starshine1BuyComTime1Status2.png`,
+        STATUS3: `pointRights/MonthGift/${version}/starshine1BuyComTime1Status3.png`,
+        STATUS4: `pointRights/MonthGift/${version}/starshine1BuyComTime1Status4.png`
       },
       TIME2: {
         TEXT: `pointRights/MonthGift/${version}/starshine1BuyComTime2Text.png`,
-        STATUS: `pointRights/MonthGift/${version}/starshine1BuyComTime2Status.png`
+        STATUS: `pointRights/MonthGift/${version}/starshine1BuyComTime2Status.png`,
+        STATUS1: `pointRights/MonthGift/${version}/starshine1BuyComTime2Status1.png`,
+        STATUS2: `pointRights/MonthGift/${version}/starshine1BuyComTime2Status2.png`,
+        STATUS3: `pointRights/MonthGift/${version}/starshine1BuyComTime2Status3.png`,
+        STATUS4: `pointRights/MonthGift/${version}/starshine1BuyComTime2Status4.png`
       },
       TIME3: {
         TEXT: `pointRights/MonthGift/${version}/starshine1BuyComTime3Text.png`,
-        STATUS: `pointRights/MonthGift/${version}/starshine1BuyComTime3Status.png`
+        STATUS: `pointRights/MonthGift/${version}/starshine1BuyComTime3Status.png`,
+        STATUS1: `pointRights/MonthGift/${version}/starshine1BuyComTime3Status1.png`,
+        STATUS2: `pointRights/MonthGift/${version}/starshine1BuyComTime3Status2.png`,
+        STATUS3: `pointRights/MonthGift/${version}/starshine1BuyComTime3Status3.png`,
+        STATUS4: `pointRights/MonthGift/${version}/starshine1BuyComTime3Status4.png`
       },
       TIME4: {
         TEXT: `pointRights/MonthGift/${version}/starshine1BuyComTime4Text.png`,
-        STATUS: `pointRights/MonthGift/${version}/starshine1BuyComTime4Status.png`
+        STATUS: `pointRights/MonthGift/${version}/starshine1BuyComTime4Status.png`,
+        STATUS1: `pointRights/MonthGift/${version}/starshine1BuyComTime4Status1.png`,
+        STATUS2: `pointRights/MonthGift/${version}/starshine1BuyComTime4Status2.png`,
+        STATUS3: `pointRights/MonthGift/${version}/starshine1BuyComTime4Status3.png`,
+        STATUS4: `pointRights/MonthGift/${version}/starshine1BuyComTime4Status4.png`
       },
       GOODS: {
         BG: `pointRights/MonthGift/${version}/starshine1BuyComGoodsBg_1.png`,
@@ -118,19 +150,35 @@ export const MONTH_GIFT_IMAGES = {
       SEL4: `pointRights/MonthGift/${version}/startlight1BuyComSel4.png`,
       TIME1: {
         TEXT: `pointRights/MonthGift/${version}/startlight1BuyComTime1Text.png`,
-        STATUS: `pointRights/MonthGift/${version}/startlight1BuyComTime1Status.png`
+        STATUS: `pointRights/MonthGift/${version}/startlight1BuyComTime1Status.png`,
+        STATUS1: `pointRights/MonthGift/${version}/startlight1BuyComTime1Status1.png`,
+        STATUS2: `pointRights/MonthGift/${version}/startlight1BuyComTime1Status2.png`,
+        STATUS3: `pointRights/MonthGift/${version}/startlight1BuyComTime1Status3.png`,
+        STATUS4: `pointRights/MonthGift/${version}/startlight1BuyComTime1Status4.png`
       },
       TIME2: {
         TEXT: `pointRights/MonthGift/${version}/startlight1BuyComTime2Text.png`,
-        STATUS: `pointRights/MonthGift/${version}/startlight1BuyComTime2Status.png`
+        STATUS: `pointRights/MonthGift/${version}/startlight1BuyComTime2Status.png`,
+        STATUS1: `pointRights/MonthGift/${version}/startlight1BuyComTime2Status1.png`,
+        STATUS2: `pointRights/MonthGift/${version}/startlight1BuyComTime2Status2.png`,
+        STATUS3: `pointRights/MonthGift/${version}/startlight1BuyComTime2Status3.png`,
+        STATUS4: `pointRights/MonthGift/${version}/startlight1BuyComTime2Status4.png`
       },
       TIME3: {
         TEXT: `pointRights/MonthGift/${version}/startlight1BuyComTime3Text.png`,
-        STATUS: `pointRights/MonthGift/${version}/startlight1BuyComTime3Status.png`
+        STATUS: `pointRights/MonthGift/${version}/startlight1BuyComTime3Status.png`,
+        STATUS1: `pointRights/MonthGift/${version}/startlight1BuyComTime3Status1.png`,
+        STATUS2: `pointRights/MonthGift/${version}/startlight1BuyComTime3Status2.png`,
+        STATUS3: `pointRights/MonthGift/${version}/startlight1BuyComTime3Status3.png`,
+        STATUS4: `pointRights/MonthGift/${version}/startlight1BuyComTime3Status4.png`
       },
       TIME4: {
         TEXT: `pointRights/MonthGift/${version}/startlight1BuyComTime4Text.png`,
-        STATUS: `pointRights/MonthGift/${version}/startlight1BuyComTime4Status.png`
+        STATUS: `pointRights/MonthGift/${version}/startlight1BuyComTime4Status.png`,
+        STATUS1: `pointRights/MonthGift/${version}/startlight1BuyComTime4Status1.png`,
+        STATUS2: `pointRights/MonthGift/${version}/startlight1BuyComTime4Status2.png`,
+        STATUS3: `pointRights/MonthGift/${version}/startlight1BuyComTime4Status3.png`,
+        STATUS4: `pointRights/MonthGift/${version}/startlight1BuyComTime4Status4.png`
       },
       GOODS: {
         BG: `pointRights/MonthGift/${version}/startlight1BuyComGoodsBg_1.png`,
@@ -166,21 +214,34 @@ export const MONTH_GIFT_IMAGES = {
       TIME1: {
         TEXT: `pointRights/MonthGift/${version}/gold1BuyComTime1Text.png`,
         STATUS: `pointRights/MonthGift/${version}/gold1BuyComTime1Status.png`,
-        // STATUS1: `pointRights/MonthGift/${version}/gold1BuyComTime1Status1.png`,
-        // STATUS2: `pointRights/MonthGift/${version}/gold1BuyComTime1Status2.png`,
-        // STATUS3: `pointRights/MonthGift/${version}/gold1BuyComTime1Status3.png`
+        STATUS1: `pointRights/MonthGift/${version}/gold1BuyComTime1Status1.png`,
+        STATUS2: `pointRights/MonthGift/${version}/gold1BuyComTime1Status2.png`,
+        STATUS3: `pointRights/MonthGift/${version}/gold1BuyComTime1Status3.png`,
+        STATUS4: `pointRights/MonthGift/${version}/gold1BuyComTime1Status4.png`
       },
       TIME2: {
         TEXT: `pointRights/MonthGift/${version}/gold1BuyComTime2Text.png`,
-        STATUS: `pointRights/MonthGift/${version}/gold1BuyComTime2Status.png`
+        STATUS: `pointRights/MonthGift/${version}/gold1BuyComTime2Status.png`,
+        STATUS1: `pointRights/MonthGift/${version}/gold1BuyComTime2Status1.png`,
+        STATUS2: `pointRights/MonthGift/${version}/gold1BuyComTime2Status2.png`,
+        STATUS3: `pointRights/MonthGift/${version}/gold1BuyComTime2Status3.png`,
+        STATUS4: `pointRights/MonthGift/${version}/gold1BuyComTime2Status4.png`
       },
       TIME3: {
         TEXT: `pointRights/MonthGift/${version}/gold1BuyComTime3Text.png`,
-        STATUS: `pointRights/MonthGift/${version}/gold1BuyComTime3Status.png`
+        STATUS: `pointRights/MonthGift/${version}/gold1BuyComTime3Status.png`,
+        STATUS1: `pointRights/MonthGift/${version}/gold1BuyComTime3Status1.png`,
+        STATUS2: `pointRights/MonthGift/${version}/gold1BuyComTime3Status2.png`,
+        STATUS3: `pointRights/MonthGift/${version}/gold1BuyComTime3Status3.png`,
+        STATUS4: `pointRights/MonthGift/${version}/gold1BuyComTime3Status4.png`
       },
       TIME4: {
         TEXT: `pointRights/MonthGift/${version}/gold1BuyComTime4Text.png`,
-        STATUS: `pointRights/MonthGift/${version}/gold1BuyComTime4Status.png`
+        STATUS: `pointRights/MonthGift/${version}/gold1BuyComTime4Status.png`,
+        STATUS1: `pointRights/MonthGift/${version}/gold1BuyComTime4Status1.png`,
+        STATUS2: `pointRights/MonthGift/${version}/gold1BuyComTime4Status2.png`,
+        STATUS3: `pointRights/MonthGift/${version}/gold1BuyComTime4Status3.png`,
+        STATUS4: `pointRights/MonthGift/${version}/gold1BuyComTime4Status4.png`
       },
       GOODS: {
         BG: `pointRights/MonthGift/${version}/gold1BuyComGoodsBg_1.png`,
@@ -215,19 +276,35 @@ export const MONTH_GIFT_IMAGES = {
       SEL4: `pointRights/MonthGift/${version}/platinum1BuyComSel4.png`,
       TIME1: {
         TEXT: `pointRights/MonthGift/${version}/platinum1BuyComTime1Text.png`,
-        STATUS: `pointRights/MonthGift/${version}/platinum1BuyComTime1Status.png`
+        STATUS: `pointRights/MonthGift/${version}/platinum1BuyComTime1Status.png`,
+        STATUS1: `pointRights/MonthGift/${version}/platinum1BuyComTime1Status1.png`,
+        STATUS2: `pointRights/MonthGift/${version}/platinum1BuyComTime1Status2.png`,
+        STATUS3: `pointRights/MonthGift/${version}/platinum1BuyComTime1Status3.png`,
+        STATUS4: `pointRights/MonthGift/${version}/platinum1BuyComTime1Status4.png`
       },
       TIME2: {
         TEXT: `pointRights/MonthGift/${version}/platinum1BuyComTime2Text.png`,
-        STATUS: `pointRights/MonthGift/${version}/platinum1BuyComTime2Status.png`
+        STATUS: `pointRights/MonthGift/${version}/platinum1BuyComTime2Status.png`,
+        STATUS1: `pointRights/MonthGift/${version}/platinum1BuyComTime2Status1.png`,
+        STATUS2: `pointRights/MonthGift/${version}/platinum1BuyComTime2Status2.png`,
+        STATUS3: `pointRights/MonthGift/${version}/platinum1BuyComTime2Status3.png`,
+        STATUS4: `pointRights/MonthGift/${version}/platinum1BuyComTime2Status4.png`
       },
       TIME3: {
         TEXT: `pointRights/MonthGift/${version}/platinum1BuyComTime3Text.png`,
-        STATUS: `pointRights/MonthGift/${version}/platinum1BuyComTime3Status.png`
+        STATUS: `pointRights/MonthGift/${version}/platinum1BuyComTime3Status.png`,
+        STATUS1: `pointRights/MonthGift/${version}/platinum1BuyComTime3Status1.png`,
+        STATUS2: `pointRights/MonthGift/${version}/platinum1BuyComTime3Status2.png`,
+        STATUS3: `pointRights/MonthGift/${version}/platinum1BuyComTime3Status3.png`,
+        STATUS4: `pointRights/MonthGift/${version}/platinum1BuyComTime3Status4.png`
       },
       TIME4: {
         TEXT: `pointRights/MonthGift/${version}/platinum1BuyComTime4Text.png`,
-        STATUS: `pointRights/MonthGift/${version}/platinum1BuyComTime4Status.png`
+        STATUS: `pointRights/MonthGift/${version}/platinum1BuyComTime4Status.png`,
+        STATUS1: `pointRights/MonthGift/${version}/platinum1BuyComTime4Status1.png`,
+        STATUS2: `pointRights/MonthGift/${version}/platinum1BuyComTime4Status2.png`,
+        STATUS3: `pointRights/MonthGift/${version}/platinum1BuyComTime4Status3.png`,
+        STATUS4: `pointRights/MonthGift/${version}/platinum1BuyComTime4Status4.png`
       },
       GOODS: {
         BG: `pointRights/MonthGift/${version}/platinum1BuyComGoodsBg_1.png`,