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

<template>
	<view class="app">
		<view class="background">
			<view class="content">
				<view class="title" v-if="region==2">
					{{title}}
				</view>
				<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="flex" :style="region==2?'bottom:5%':''">
					<view class="item" @tap='gointegral'>
						积分商城
					</view>
					<view class="item" @tap="goexchange">
						兑换记录
					</view>
				</view>
				<view class="flex" v-if="region==2" :style="region==2?'bottom:-10%':''">
					<view class="item" @tap="gowxSport">
						微信运动
					</view>
					<view class="item" @tap='gobehavior'>
						健康行为
					</view>
				</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 {
		detail,
	} from '@/api/pages/homepage/homepage.js'
	// import {
	// 	mapActions
	// } from "vuex";
	export default {
		data() {
			return {
				noticebarlist: [
					'给自己开一个健康储蓄账户',
				],
				query: {
					identity: uni.getStorageSync('userinfo').cardNo,
					pageNum: 1,
					pageSize: 10,
				},
				region: uni.getStorageSync('region'),
				list: null,
				total: 0,
				score: 0,
				title: '',
				orgNo: '',
			};
		},
		onLoad() {
			this.info();
			this.scoretotalinfo();
		},
		onReady() { //更改导航栏文字
			if (uni.getStorageSync('region') == 2) {
				detail(this.query.identity).then(res => {
					let name = res.data.countyName.split('区')[0].split('县')
					this.title = '东营健康银行' + name + '分行'
					this.orgNo = res.data.orgNo
					uni.setNavigationBarTitle({
						title: '东营健康银行' + name + '分行'
					});
				})
			} 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`
				})
			},
			gobehavior() {
				uni.navigateTo({
					url: `/pagesB/behavior/behavior?orgNo=${this.orgNo}`
				})
			},
			//积分页面
			// ...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>