From c6ed57d0a1337a9c5d95151a416a70d74ee421dc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=94=B0=E5=B2=A9?= <tybb88x@gmail.com>
Date: Thu, 5 Mar 2026 14:59:27 +0800
Subject: [PATCH] =?UTF-8?q?JLBA202505130001=5F=E5=85=B3=E4=BA=8E=E5=90=89?=
 =?UTF-8?q?=E6=9E=97=E9=93=B6=E8=A1=8C=E6=96=B0=E5=BB=BAAI=E6=99=BA?=
 =?UTF-8?q?=E8=83=BD=E5=9F=B9=E8=AE=AD=E7=B3=BB=E7=BB=9F=E7=9A=84=E9=9C=80?=
 =?UTF-8?q?=E6=B1=82=5F=E4=BF=AE=E5=A4=8D=E7=A7=AF=E5=88=86=E5=95=86?=
 =?UTF-8?q?=E5=9F=8E=E5=BD=93=E5=89=8D=E7=A7=AF=E5=88=86=E4=B8=8D=E6=9B=B4?=
 =?UTF-8?q?=E6=96=B0=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env.development                    |  4 +-
 src/pages/pointsMall/pointsMall.vue | 88 +++++++++++++++++++++--------
 2 files changed, 65 insertions(+), 27 deletions(-)

diff --git a/.env.development b/.env.development
index 85e17ced..93437482 100644
--- a/.env.development
+++ b/.env.development
@@ -5,11 +5,11 @@ ENV = 'development'
 #VITE_APP_BASE_API_Url = 'https://aits.jlbank.com.cn:7001'
 
 
-#VITE_APP_BASE_API_Url = 'https://aitstest.jlbank.com.cn:7001'
+VITE_APP_BASE_API_Url = 'https://aitstest.jlbank.com.cn:7001'
 
 
 # DEV
-VITE_APP_BASE_API_Url = 'http://25.18.122.65:7001'
+#VITE_APP_BASE_API_Url = 'http://25.18.122.65:7001'
 
 # sit
 #VITE_APP_BASE_API_Url = 'http://25.18.122.91:9786'
diff --git a/src/pages/pointsMall/pointsMall.vue b/src/pages/pointsMall/pointsMall.vue
index d54f9b5e..4fd5d309 100644
--- a/src/pages/pointsMall/pointsMall.vue
+++ b/src/pages/pointsMall/pointsMall.vue
@@ -3,7 +3,6 @@
 		ref="pagingRef"
 		v-model="data_list"
 		@query="queryList"
-		:fixed="false"
 		class="scroll_div"
 		:auto="true"
 		empty-view-text="暂无学习任务"
@@ -17,6 +16,7 @@
 				<view class="title font_pf">积分商城</view>
 			</view>
 		</template>
+
 		<view class="eye-area-div">
 			<view class="mascot-div">
 				<image src="@/static/images/pointsMall/mascot.png" class="img" mode="widthFix"></image>
@@ -24,12 +24,18 @@
 			<view class="text-tip-div">
 				<view class="fl1"></view>
 				<view class="now-points-title">当前积分</view>
-				<view class="now-points">{{points}}</view>
-				<view class="now-points-target" @click="common.navigateTo('/pages/pointsAndRank/points');">积分明细></view>
+				<view class="now-points">
+					<uv-count-to :startVal="startVal" :endVal="endVal" :useEasing="true" ref="countToRef"></uv-count-to>
+				</view>
+				<view class="now-points-target" @click="common.navigateTo('/pages/pointsAndRank/points')">积分明细></view>
 			</view>
 		</view>
 		<view class="main-list-div">
-			<view class="item" v-for="item in data_list" @click="common.navigateTo('/pages/pointsRedemption/index?id=' + item.actId);">
+			<view
+				class="item"
+				v-for="item in data_list"
+				@click="common.navigateTo('/pages/pointsRedemption/index?id=' + item.actId)"
+			>
 				<view class="product-image">
 					<image-preview :src="item.ossAddr" class="img_100"></image-preview>
 				</view>
@@ -44,35 +50,67 @@
 						{{ item.excPoints }}
 					</view>
 				</view>
-				<view class="product-time">
-					{{ item.endTm.substr(0,10) }}截止
-				</view>
+				<view class="product-time">{{ item.endTm.substr(0, 10) }}截止</view>
 			</view>
 		</view>
 	</z-paging>
 </template>
 
 <script setup>
-	
 	import numImg from '@/static/images/pointsMall/num.png';
 	import common from '@/common/common';
 	import { queryPointsActivityPaging } from '@/api/pointsMall';
+	import { queryCurrentStatus } from '@/api/pointsAndRank.js';
 	import useZpaging from '@/composables/useZpaging.js';
-	import { onLoad } from '@dcloudio/uni-app';
-import { ref } from 'vue';
+	import { onLoad, onShow } from '@dcloudio/uni-app';
+	import { ref } from 'vue';
+	const startVal = ref(0);
+	const endVal = ref(0);
+	const countToRef = ref(null);
+	const points_data = ref({});
+	const isFirstLoad  = ref(true);
+	const reloadCurrentStatus = () => {
+		queryCurrentStatus().then(({ body }) => {
+			const { currentPoints } = body;
+			if (currentPoints !== endVal.value) {
+				startVal.value = endVal.value;
+				endVal.value = currentPoints;
+				points_data.value = {
+					badgeNum: body['badgeNum'], // 徽章数
+					currentPoints: body['currentPoints'], // 当前积分
+					currentRankAddr: body['ossAddr'], // 当前段位图片
+					currentRankName: body['currentRankName'] // 当前段位名称
+				};
+				common.setValue('points_data', points_data.value);
+				countToRef.value.start();
+			}
+		});
+	};
+	const fetchFunction = (params) => {
+		if(!isFirstLoad .value) {
+			reloadCurrentStatus();
+		} else {
+			isFirstLoad .value = false
+		}
+		return queryPointsActivityPaging({ ...params });
+	};
 	const { pagingRef, queryList, data_list, reload, search, total, clear } = useZpaging({
-		fetchFunction:queryPointsActivityPaging
+		fetchFunction: fetchFunction
 	});
-	const points = ref(0);
 	onLoad((e) => {
-		points.value = e.points??0;
-	})
+		startVal.value = e.points ?? 0;
+		endVal.value = e.points ?? 0;
+	});
 	
+	onShow(() => {
+		if(!isFirstLoad .value) {
+			reloadCurrentStatus();
+		}
+	});
 </script>
 
 <style lang="scss" scoped>
-	
-	.scroll_div{
+	.scroll_div {
 		background-color: #efefef;
 	}
 	// 主要列表区域
@@ -82,7 +120,7 @@ import { ref } from 'vue';
 		height: calc(100% - 240rpx);
 		display: flex;
 		flex-wrap: wrap;
-		.item{
+		.item {
 			width: calc(50% - 24rpx);
 			margin: 12rpx 12rpx;
 			border-radius: 18rpx;
@@ -91,32 +129,32 @@ import { ref } from 'vue';
 			flex-direction: column;
 			background-color: #ffffff;
 			box-shadow: 0 4rpx 4rpx #c0c0c0;
-			.product-image{
+			.product-image {
 				width: 100%;
 				height: 300rpx;
 				box-shadow: 0 4rpx 8rpx #f3f3f3;
 			}
-			.product-title-div{
+			.product-title-div {
 				display: flex;
 				padding: 10rpx 20rpx 4rpx 20rpx;
-				.title{
+				.title {
 					font-size: 32rpx;
 					font-weight: 500;
 				}
-				.number{
+				.number {
 					font-family: DINAlternate, DINAlternate;
 					font-size: 32rpx;
 					color: rgb(230, 38, 44);
 				}
-				.img-div{
-					.img{
+				.img-div {
+					.img {
 						width: 44rpx;
 						height: 44rpx;
 					}
 					margin-right: 6rpx;
 				}
 			}
-			.product-time{
+			.product-time {
 				// background-color: brown;
 				padding: 4rpx 20rpx;
 				font-size: 28rpx;
@@ -132,7 +170,7 @@ import { ref } from 'vue';
 		padding-top: 30rpx;
 		height: 240rpx;
 		background-color: #fff;
-		
+
 		// 左侧百禄形象图
 		.mascot-div {
 			display: flex;