xinelu-applet-ui/pagesB/Behaviorpoints/Behaviorpoints.vue

<template>
	<view class="app">
		<view class="background">
			<view class="content">
				<image mode="" :src="require('../images/jifen.png')" v-if='region==2'></image>
				<image src="@/static/pagesB/Behave.png" mode="" v-if='region!=2' :style="region!=2?'height:350rpx':''">
				</image>
				<view class="name" v-if='region!=2'>我的积分
				</view>
				<view class="number" :style="region!=2?'top:35%':''">{{score?score:0}}
				</view>
				<view class="PointsMall" @tap='gointegral' :style="region!=2?'bottom:15%':''">
					积分商城
				</view>
				<view class="Exchangerecords" @tap="goexchange" :style="region!=2?'bottom:15%':''">
					兑换记录
				</view>
				<view class="wxSport" @tap="gowxSport" :style="region!=2?'bottom:15%':''">
					微信运动
				</view>
			</view>
			<view class="bottomitem">
				<view class="PointsRecord">
					积分记录
				</view>
				<view class="" v-if="list&&list.length>0">
					<view class="item" v-for="item in list">
						<view class="Establishingarchives">
							{{item.actName}}
						</view>
						<view class="integral" v-if="item.score>0">
							{{'+'+item.score}}
						</view>
						<view class="integral integraltwo" v-else>
							{{item.score}}
						</view>
						<view class="timeone">
							{{item.scoreDate}}
						</view>
					</view>
				</view>
				<u-empty v-else mode="list" icon-size='220' text='暂无积分记录'></u-empty>
			</view>
		</view>
	</view>
</template>
<script>
	import {
		scorelist,
		scoretotal
	} from '@/api/pagesB/Behaviorpoints/index.js'
	// import {
	// 	mapActions
	// } from "vuex";
	export default {
		data() {
			return {
				query: {
					identity: uni.getStorageSync('userinfo').cardNo,
					pageNum: 1,
					pageSize: 10,
				},
				region: uni.getStorageSync('region'),
				list: null,
				total: 0,
				score: 0,
			};
		},
		onLoad() {
			this.info();
			this.scoretotalinfo();
		},
		onReady() { //更改导航栏文字
			if (uni.getStorageSync('region') == 2) {
				uni.setNavigationBarTitle({
					title: '东营健康银行'
				});
			} else {
				uni.setNavigationBarTitle({
					title: '积分兑换'
				});
			}
		},
		methods: {
			scoretotalinfo() {
				scoretotal(this.query.identity).then(res => {
					this.score = res.data
				})
			},
			info() {
				scorelist(this.query).then(res => {
					this.list = res.rows
					this.total = res.total
				})
			},
			gowxSport() {
				// uni.navigateTo({
				// 	url: "/pagesC/wxSport/wxSport"
				// })
			},
			goexchange() {
				uni.navigateTo({
					url: '/pagesB/exchangerecords/exchangerecords'
				})
			},
			//积分页面
			// ...mapActions(["integralopenPopup"]),
			gointegral() {
				// const value = uni.getStorageSync('openid');
				// const value2 = uni.getStorageSync('patientId');
				// if (value && value2) {
				// 	setTimeout(e => {
				// 		uni.navigateTo({
				// 			url: `/pagesB/healthybeans/healthybeans?integral=${this.appPersonallist.integral}`
				// 		})
				// 	}, 0)
				// } else {
				uni.navigateTo({
					url: '/pagesB/PointsMall/PointsMall'
				})
				// this.gologin();
				// }
			},
		},

		onReachBottom() { //下滑加载
			if (this.list.length >= this.total) {} else {
				this.query.pageNum++
				scorelist(this.query).then(res => {
					if (res.rows) {
						res.rows.forEach(e => {
							this.list.push(e)
						})
					}
				})
			}
		},
		onPullDownRefresh() { //下拉刷新
			this.query.pageNum = 1;
			this.info();
			setTimeout(function() {
				uni.stopPullDownRefresh();
			}, 1000);
		},
	}
</script>
<style lang="scss">
	@import './Behaviorpoints.scss'
</style>