积分权益

views/Integral.vue

@@ -55,44 +55,6 @@
 						:src="$baseUrl +  `integral/${tupianBanben}/${item?.currentLvTip}`"
 						mode="aspectFit"
 					/>
-					<view class="jifen-progressbar"
-						 v-if="getHuangjinMaxVal()[index] != -1 && !(memberInfo.grade == 0 && !memberInfo.orderUpgrade && points == 1)"
-					>
-						<!-- 积分标题和数值 -->
-						<view class="jifen-header">
-							<text class="jifen-label"
-								:style="{ color: getColor('jifen')[index]?.currentPoints }">累计积分</text>
-							<text class="jifen-value">
-								<text class="current-points"
-									:style="{ color: getColor('jifen')[index]?.currentPoints }">{{ islogin ? points : 0 }}</text>
-								<text class="separator"
-								:style="{ color: getColor('jifen')[index]?.totalPoints }">/</text>
-								<text class="total-points"
-									:style="{ color: getColor('jifen')[index]?.totalPoints }">{{ getHuangjinMaxVal()[index] }}</text>
-							</text>
-						</view>
-						
-						<!-- 进度条 -->
-						<view class="progress-bar-container">
-							<!-- 进度条背景图片 -->
-							<image 
-								:src="$baseUrl +  `integral/${tupianBanben}/barBgVip${index}.png`"
-								class="progress-bar-bg"
-								mode="aspectFit"
-								@error="onProgressBarError"
-							/>
-							<!-- 进度条填充图片 -->
-							<view class="progress-bar-mask">
-								<image
-									:src="$baseUrl +  `integral/${tupianBanben}/barVip${index}.png`"
-									class="progress-bar-fill"
-									mode="aspectFit"
-									:style="{ transform: `translateX(${getProgress(index) - 100}%)` }"
-									@error="onProgressBarError"
-								/>
-							</view>
-						</view>
-					</view>
 
 					<text class="current-xingyaodengji-tips"
 						v-if="getHuangjinMaxVal()[index] == -1 && !(memberInfo.grade == 0 && !memberInfo.orderUpgrade && points == 1)"
@@ -131,6 +93,47 @@
 					/>
 				</view>
 
+
+				<view class="jifen-progressbar"
+						 v-if="getHuangjinMaxVal()[index] != -1 && !(memberInfo.grade == 0 && !memberInfo.orderUpgrade && points == 1)"
+						 @click="integralHandler"
+					>
+						<!-- 积分标题和数值 -->
+						<view class="jifen-header">
+							<text class="jifen-label"
+								:style="{ color: getColor('jifen')[index]?.currentPoints }">累计积分</text>
+							<text class="jifen-value">
+								<text class="current-points"
+									:style="{ color: getColor('jifen')[index]?.currentPoints }">{{ islogin ? points : 0 }}</text>
+								<text class="separator"
+								:style="{ color: getColor('jifen')[index]?.totalPoints }">/</text>
+								<text class="total-points"
+									:style="{ color: getColor('jifen')[index]?.totalPoints }">{{ getHuangjinMaxVal()[index] }}</text>
+							</text>
+						</view>
+						
+						<!-- 进度条 -->
+						<view class="progress-bar-container">
+							<!-- 进度条背景图片 -->
+							<image 
+								:src="$baseUrl +  `integral/${tupianBanben}/barBgVip${index}.png`"
+								class="progress-bar-bg"
+								mode="aspectFit"
+								@error="onProgressBarError"
+							/>
+							<!-- 进度条填充图片 -->
+							<view class="progress-bar-mask">
+								<image
+									:src="$baseUrl +  `integral/${tupianBanben}/barVip${index}.png`"
+									class="progress-bar-fill"
+									mode="aspectFit"
+									:style="{ transform: `translateX(${getProgress(index) - 100}%)` }"
+									@error="onProgressBarError"
+								/>
+							</view>
+						</view>
+					</view>
+
 				<text
 					class="chakanshengjigonglueTxt"
 					:style="{ color: getColor('chakangonglue')[index] }"
@@ -1514,6 +1517,7 @@ import ShengriliTipPanel from '../components/quanyi/shengriliTipPanel.vue';
 		} 
 		
 	}
+	
 
 	//isshowShouqi 为true 时，展示收起按详情，为false 时，展示查看详情
 	const handleZhankaiClick = () => {
@@ -2483,8 +2487,54 @@ import ShengriliTipPanel from '../components/quanyi/shengriliTipPanel.vue';
 						position: absolute;
 					}
 
-					// 积分进度条样式
-					.jifen-progressbar {
+					
+
+					.current-xingyaodengji-tips{
+						position: absolute;
+						top:209rpx;
+						left: 40rpx;
+						font-size: 18rpx;
+					}
+
+					.saoma-tips{
+						position: absolute;
+						top:209rpx;
+						left: 40rpx;
+						font-size: 18rpx;
+						display: flex;
+						flex-direction: column;
+
+						.saoma-tips-text{
+							font-size: 18rpx;
+							.saoma-tips-text-lv{
+								font-size: 18rpx;
+							}
+						}
+
+						.saoma-tips-text-tips{
+							font-size: 18rpx;
+							.saoma-tips-text-tips-num{
+								font-size: 18rpx;
+							}
+							.saoma-tips-text-tips-maxnum{
+								font-size: 18rpx;
+							}
+						}
+
+					}
+
+					.phone-button{
+						width: 692rpx;
+						height:256rpx;
+						top: 0rpx;
+						opacity: 0;
+						background: #6f6d67;
+					}
+
+				}
+
+				// 积分进度条样式
+				.jifen-progressbar {
 						position: absolute;
 						top: 207rpx;
 						width: 320rpx;
@@ -2561,52 +2611,6 @@ import ShengriliTipPanel from '../components/quanyi/shengriliTipPanel.vue';
 						}
 					}
 
-					.current-xingyaodengji-tips{
-						position: absolute;
-						top:209rpx;
-						left: 40rpx;
-						font-size: 18rpx;
-					}
-
-					.saoma-tips{
-						position: absolute;
-						top:209rpx;
-						left: 40rpx;
-						font-size: 18rpx;
-						display: flex;
-						flex-direction: column;
-
-						.saoma-tips-text{
-							font-size: 18rpx;
-							.saoma-tips-text-lv{
-								font-size: 18rpx;
-							}
-						}
-
-						.saoma-tips-text-tips{
-							font-size: 18rpx;
-							.saoma-tips-text-tips-num{
-								font-size: 18rpx;
-							}
-							.saoma-tips-text-tips-maxnum{
-								font-size: 18rpx;
-							}
-						}
-
-					}
-
-					.phone-button{
-						width: 692rpx;
-						height:256rpx;
-						top: 0rpx;
-						opacity: 0;
-						background: #6f6d67;
-					}
-
-				}
-
-
-
 				.chakanshengjigonglueTxt {
 					font-size: 24rpx;
 					position: absolute;